:root{--bg:#fbf7f0;--surface:#fffdfa;--ink:#2e211a;--muted:#75665c;--primary:#c64b2d;--primary-hover:#a73a20;--apricot:#f4b47e;--border:#eadfd2;--soft:#f3ece1;--sage:#647153;--radius:16px;--space:8px;--serif:"STSong","Songti SC","SimSun",Georgia,serif;--sans:Arial,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{background:0 0;border:0}button:disabled{opacity:.4;cursor:not-allowed}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.35}h1{font-family:var(--serif);letter-spacing:-1px;font-size:48px}h2{font-size:25px}h3{font-size:18px}p{overflow-wrap:anywhere}a,button,select,input,textarea{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--primary)}::selection{background:#f4c9ad}svg{flex-shrink:0}main{min-height:58vh}.container{width:calc(100% - 64px);max-width:1440px;margin-inline:auto}.muted{color:var(--muted)}.eyebrow{letter-spacing:1.9px;color:var(--primary);margin-bottom:12px;font-size:12px;font-weight:600;display:block}.button{white-space:normal;text-align:center;border-radius:30px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .18s,transform .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{color:#fffdfa;background:var(--primary)}.primary:hover:not(:disabled){background:var(--primary-hover)}.secondary{border:1px solid var(--border);background:var(--surface)}.secondary:hover:not(:disabled){background:var(--soft)}.icon-button{width:44px;min-width:44px;height:44px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--soft);color:var(--primary)}.text-button{min-height:44px;color:var(--primary);justify-content:center;align-items:center;gap:7px;padding:4px 8px;font-size:14px;display:inline-flex}.text-button:hover{color:var(--primary-hover);text-underline-offset:4px;text-decoration:underline}.inline-link{color:var(--primary);align-items:center;gap:5px;min-height:44px;margin-right:14px;font-size:14px;display:inline-flex}.full-width{width:100%}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--primary);color:#fff;padding:12px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.boot-loading{padding:80px 0}.header{z-index:20;background:#fbf7f0ef;border-bottom:1px solid #eadfd280;position:relative}.header-inner{align-items:center;gap:64px;width:calc(100% - 64px);max-width:1440px;height:80px;margin:auto;display:flex}.logo{flex-shrink:0;align-items:center;gap:9px;display:inline-flex}.logo svg{color:#d7633c;width:35px;height:35px}.logo span{font-family:var(--serif);letter-spacing:1px;font-size:31px;font-weight:900}.desktop-nav{align-items:center;gap:43px;height:100%;display:flex}.desktop-nav a{height:100%;color:var(--muted);align-items:center;font-size:15px;font-weight:600;display:flex;position:relative}.desktop-nav a.active{color:var(--ink)}.desktop-nav a.active:after{content:"";background:var(--primary);border-radius:4px;width:27px;height:3px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.header-actions{align-items:center;gap:24px;margin-left:auto;display:flex}.prototype-label{letter-spacing:1px;color:var(--muted);font-size:11px}.share-button{padding:10px 23px}.menu-toggle,.mobile-nav{display:none}.hero{isolation:isolate;padding-top:42px;padding-bottom:24px;position:relative}.hero-art{z-index:-1;pointer-events:none;width:57%;height:330px;position:absolute;top:2px;right:-20px;overflow:hidden}.hero-art img{object-fit:contain;width:100%;height:100%}.hero-content{position:relative}.hero h1{letter-spacing:1px;font-size:56px;line-height:1.4}.hero-subtitle{letter-spacing:1.5px;color:var(--muted);margin-top:10px;margin-bottom:27px;font-size:21px}.hero-eyebrow{margin-bottom:9px;font-size:11px}.search-form{background:#fffefa;border:1px solid #eee3d7;border-radius:40px;align-items:center;gap:16px;min-height:62px;padding:6px 7px 6px 24px;display:flex;position:relative;box-shadow:0 5px 18px #70543905}.hero .search-form{width:55%;min-width:620px}.search-form input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:6px 0;font-size:16px}.search-form input::placeholder{color:#91877d}.search-form:focus-within{outline:2px solid var(--primary);outline-offset:3px}.search-form input:focus-visible{outline:none}.search-icon{color:#897b70}.search-form button{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex}.search-form button:hover{background:var(--primary-hover)}.category-tabs{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.category-tabs button{color:#58473a;background:#f1e9dd;border-radius:28px;min-height:44px;padding:7px 23px;font-size:14px}.category-tabs button:hover{background:#eae0d2}.category-tabs button.selected{background:var(--primary);color:#fff}.results-section{padding:12px 0 28px}.results-toolbar{justify-content:space-between;align-items:center;gap:20px;min-height:44px;margin-bottom:20px;display:flex}.section-title{white-space:nowrap;align-items:center;gap:18px;display:flex}.section-title h2{font-family:var(--serif);letter-spacing:1px;font-size:28px}.section-title>span:last-child{color:var(--muted);font-size:14px}.section-divider{background:#c5b8a7;width:1px;height:18px}.filters{align-items:center;gap:10px;display:flex}.filters select{border:1px solid var(--border);background:#fbf7f0;border-radius:28px;max-width:230px;min-height:44px;padding:10px 33px 10px 16px;font-size:13px}.filter-toggle{display:none}.results-caption{color:var(--muted);margin:-9px 0 20px;font-size:12px}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.project-card{background:var(--surface);border-radius:var(--radius);border:1px solid #eee2d480;transition:transform .2s,border-color .2s;overflow:hidden;box-shadow:0 4px 14px #7b5c3c03}.project-card:hover{border-color:#dbbfa6;transform:translateY(-3px)}.cover{aspect-ratio:16/10;border-radius:var(--radius);background:#ede1ce;position:relative;overflow:hidden}.project-card .cover{border-radius:15px 15px 0 0}.cover img{object-fit:cover;width:100%;height:100%}.cover-link{display:block}.cover-link:focus-visible{outline-offset:-3px;outline-width:3px}.cover-category{color:#4c3b2c;background:#fffdf4ef;border-radius:20px;padding:3px 12px;font-size:11px;position:absolute;top:12px;left:12px}.cover-disclaimer{color:#6b5540;background:#fff9ecdf;border-radius:4px;padding:2px 6px;font-size:9px;position:absolute;bottom:8px;right:10px}.cover-placeholder{color:#9b8161;background:linear-gradient(135deg,#f1e5d5,#faf0df);flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.cover-placeholder span{font-family:var(--serif);font-size:23px}.cover-placeholder small{font-size:11px}.card-content{padding:12px 16px 16px}.card-title{justify-content:space-between;align-items:flex-start;gap:5px;display:flex}.card-title a{align-items:center;min-width:0;min-height:44px;display:flex}.card-title h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.quick-button{height:44px;margin:-2px -9px 0 0}.card-summary{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:43px;margin:3px 0 12px;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{color:#6f6256;background:#f4efe7;border-radius:16px;padding:3px 10px;font-size:11px;line-height:1.5}.verification{letter-spacing:.2px;align-items:center;gap:6px;margin-top:12px;font-size:10px;line-height:1.5;display:flex}.checked{color:#6b7355}.sample{color:#8a7768}.status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:30px;display:flex}.pagination>span{color:var(--muted);margin-right:14px;font-size:12px}.page-number{border-radius:50%;width:44px;height:44px}.page-number.active{background:var(--primary);color:#fff}.home-end{border-top:1px solid var(--border);color:var(--sage);align-items:center;gap:18px;margin-top:16px;padding:30px 0 45px;display:flex}.home-end h3{font-family:var(--serif);color:var(--ink);font-size:21px}.home-end p{color:var(--muted);margin-top:5px;font-size:13px}.home-end>a{margin-left:auto}.search-hero{padding:32px 0 25px}.search-hero h1{overflow-wrap:anywhere;font-size:40px}.search-hero .muted{margin-top:12px}.search-hero .search-form{max-width:800px;margin-top:24px}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:9px;margin-bottom:27px;font-size:12px;display:flex}.breadcrumb>span{overflow-wrap:anywhere;align-items:center;gap:7px;max-width:100%;display:inline-flex}.breadcrumb a{align-items:center;min-height:44px;display:inline-flex}.breadcrumb a:hover{color:var(--primary)}.detail-page,.tutorial-detail{padding-top:25px;padding-bottom:65px}.detail-hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-bottom:62px;display:grid}.detail-hero h1{overflow-wrap:anywhere;margin-bottom:18px;font-size:49px}.detail-lead{color:var(--muted);margin-bottom:20px;font-size:19px}.detail-hero .tags span{font-size:12px}.detail-hero .verification{margin-top:17px;font-size:12px}.detail-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.detail-hero figcaption{text-align:right;color:var(--muted);margin-top:9px;font-size:11px}.detail-columns{grid-template-columns:minmax(0,1fr) 290px;gap:70px;display:grid}.article-content{max-width:830px}.article-content section{margin-bottom:40px;scroll-margin-top:100px}.article-content h2{font-family:var(--serif);margin-bottom:15px;font-size:28px}.article-content p{color:#66574b;margin-bottom:15px;line-height:1.9}.paper-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px}.paper-panel h3{margin-bottom:18px}.detail-aside{align-self:start;position:sticky;top:24px}.detail-aside dl{margin:0}.detail-aside dt{color:var(--muted);margin-top:18px;font-size:11px}.detail-aside dd{margin:4px 0 0;font-size:14px}.aside-note{color:var(--sage);align-items:center;gap:12px;padding:26px 12px;font-size:13px;display:flex}.notice{color:#735c43;background:#f4eddf;border:1px solid #e9dcc8;border-radius:11px;align-items:flex-start;gap:10px;margin:18px 0;padding:14px 18px;font-size:13px;line-height:1.7;display:flex}.notice svg{margin-top:2px}.facts{border:1px solid var(--border);border-radius:12px;margin-top:20px;padding:7px 20px}.facts>div{border-bottom:1px solid var(--border);grid-template-columns:90px 1fr;gap:18px;padding:12px 0;font-size:13px;display:grid}.facts>div:last-child{border:0}.facts dt{color:var(--muted)}.facts dd{min-width:0;margin:0}.commit{word-break:break-all;font-family:monospace;font-size:12px}.related-heading{justify-content:space-between;align-items:center;margin-top:35px;margin-bottom:20px;display:flex}.related-heading h2{font-family:var(--serif)}.tutorials-page{padding-top:50px;padding-bottom:65px}.tutorials-hero{justify-content:space-between;align-items:center;max-width:1080px;display:flex}.tutorials-hero>svg{color:#b69c78;stroke-width:1px;margin-right:40px}.tutorials-hero .muted{margin-top:16px}.tutorial-search{align-items:center;gap:12px;margin:34px 0 16px;display:flex}.tutorial-search .search-form{flex:1;min-height:50px;padding-left:20px}.tutorial-search .search-form button{width:38px;min-width:38px;height:38px;color:var(--primary);background:0 0}.tutorial-search select{border:1px solid var(--border);background:var(--surface);border-radius:25px;max-width:190px;min-height:44px;padding:11px 14px;font-size:13px}.tutorial-list{grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;display:grid}.tutorial-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:190px minmax(0,1fr);transition:border-color .2s;display:grid;overflow:hidden}.tutorial-card:hover{border-color:#cba483}.tutorial-card .cover{aspect-ratio:auto;border-radius:0;height:100%}.tutorial-card .cover img{object-position:50%}.tutorial-card>div:last-child{padding:24px}.tutorial-card .eyebrow{font-size:10px}.tutorial-card h2{font-family:var(--serif);margin-bottom:12px;font-size:22px}.tutorial-card p{color:var(--muted);margin-bottom:14px;font-size:12px}.read-link{color:var(--primary);align-items:center;gap:8px;min-height:30px;margin-top:19px;font-size:13px;display:flex}.tutorial-title{max-width:920px;margin:20px auto 48px}.tutorial-title h1{font-size:44px}.tutorial-title>p{color:var(--muted);margin:18px 0;font-size:17px}.tutorial-title>a{padding-left:0}.tutorial-layout{grid-template-columns:210px minmax(0,1fr);gap:60px;max-width:1080px;margin:0 auto 40px;display:grid}.tutorial-toc{border-top:1px solid var(--border);flex-direction:column;align-self:start;padding:20px 0;display:flex;position:sticky;top:30px}.tutorial-toc a{min-height:44px;color:var(--muted);align-items:center;font-size:13px;display:flex}.tutorial-toc a:hover{color:var(--primary)}.toc-note{color:var(--muted);margin-top:15px;font-size:10px}.tutorial-article .notice{margin-top:0}.tutorial-article section{border-bottom:1px solid var(--border);padding:24px 0;scroll-margin-top:30px}.tutorial-article h2{font-family:var(--serif);margin-bottom:19px;font-size:28px}.tutorial-article p{color:#695b4f;font-size:15px;line-height:1.9}.checklist{margin-top:20px;padding:0;list-style:none}.checklist li{color:#6b5b4c;align-items:flex-start;gap:12px;margin:14px 0;font-size:14px;display:flex}.checklist svg{color:var(--sage);margin-top:4px}.tutorial-step{gap:20px;padding:21px 0;display:flex}.step-number{font:20px var(--serif);color:var(--primary);border:1px solid #e5c5ad;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.tutorial-step>div{flex:1;min-width:0}.tutorial-step h3{margin:4px 0 12px;font-size:18px}.code-block{border:1px solid var(--border);background:#f2eade;border-radius:12px;margin-top:18px;overflow:hidden}.code-block>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:4px 12px;display:flex}.code-block>div>span{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.code-block .text-button{font-size:11px}.code-block pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:15px;font-size:12px;line-height:1.8}.tutorial-article details{border-top:1px solid var(--border);padding:16px 0}summary{cursor:pointer;min-height:44px;padding:9px 5px;font-size:14px;font-weight:600;display:list-item}.tutorial-article details p{padding:10px 5px}.tutorial-article details[open] summary{color:var(--primary)}.footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:25px;max-width:100%;padding:33px max(32px,50vw - 720px);display:flex}.footer .logo svg{width:27px;height:27px}.footer .logo span{font-size:24px}.footer p{color:var(--muted);margin-top:8px;font-size:12px}.footer-right{text-align:right;color:var(--muted);font-size:11px}.footer-right>div{justify-content:flex-end;gap:20px;margin-top:5px;display:flex}.footer-right a{align-items:center;gap:4px;min-height:44px;display:inline-flex}.footer-right .text-button{color:var(--muted);font-size:11px}.footer-right a:hover{color:var(--primary)}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;max-width:100%;min-height:370px;padding:55px 20px;display:flex}.empty>svg{color:#b7966e;stroke-width:1px}.empty h2{font-family:var(--serif);font-size:29px}.empty p{max-width:520px;color:var(--muted);font-size:14px}.skeleton{padding-bottom:28px;animation:1.4s ease-in-out infinite pulse}.skeleton-cover{aspect-ratio:16/10;background:#eadfce}.skeleton-line{background:#f0e6d7;border-radius:3px;width:70%;height:16px;margin:20px 16px 0}.skeleton-line.short{width:45%;height:12px}@keyframes pulse{50%{opacity:.45}}.dialog{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:20px;width:min(510px,100vw - 32px);max-height:calc(100dvh - 40px);padding:27px;overflow:auto;box-shadow:0 25px 100px #33231826}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#34281c55}.dialog-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.dialog-head h2{font-family:var(--serif);font-size:25px}.dialog>p{color:var(--muted);margin:15px 0 24px;font-size:14px;line-height:1.9}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.share-dialog{text-align:center;padding:35px}.share-dialog .dialog-head{justify-content:center}.dialog-flower{color:var(--primary);background:#f9ead6;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:24px auto;display:flex}.share-dialog .dialog-message{font-size:15px}.share-dialog>.button{min-width:160px}.state-links{grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;display:grid}.drawer{border-radius:20px;width:460px;max-width:calc(100vw - 32px);height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);margin:0;padding:22px;position:fixed;inset:16px 16px 16px auto}.drawer .dialog-head h2{font-size:20px}.drawer>.cover{margin:7px 0 22px}.drawer-content>h2{font-family:var(--serif);overflow-wrap:anywhere;margin-bottom:15px;font-size:35px}.drawer-content>p{margin-bottom:20px;font-size:14px;line-height:1.9}.drawer-content .tags{margin-top:15px}.drawer-content>.button{width:100%;margin-top:20px}.toast{color:#fffaf0;z-index:100;background:#453b2f;border-radius:12px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 32px);padding:14px 22px;font-size:13px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #34281c25}.demo-badge{letter-spacing:.6px;color:#8d5d2e;background:#f5e4ce;border:1px solid #e8d5b9;border-radius:20px;align-items:center;gap:7px;padding:5px 12px;font-size:11px;display:inline-flex}.login-page{grid-template-columns:1.1fr .8fr;align-items:center;gap:90px;max-width:1100px;padding:55px 0 80px;display:grid}.login-illustration img{margin-bottom:5px}.login-illustration h1{margin:16px 0;font-size:38px}.login-illustration>p{color:var(--muted);font-size:17px;line-height:1.9}.login-panel{padding:35px}.login-panel h2{font-family:var(--serif);margin:20px 0 12px;font-size:30px}.login-panel .muted{margin-bottom:25px;font-size:13px}.login-panel .field{margin-bottom:18px}.login-panel>.text-button{margin-top:20px;padding-left:0}.demo-credentials{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:15px;font-size:11px;display:flex}.demo-credentials .text-button{padding:0;font-size:11px}.field{flex-direction:column;gap:7px;min-width:0;margin-bottom:21px;font-size:13px;display:flex}.field>span{font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--border);background:#fffcf7;border-radius:10px;width:100%;min-width:0;min-height:44px;padding:10px 13px;font-size:14px}.field textarea{resize:vertical;line-height:1.8}.field small{color:var(--muted);font-size:11px}.field.invalid input,.field.invalid textarea{border-color:var(--primary)}.field .form-error,.form-error{color:#a22f1c;font-size:12px}.field-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.admin-page{padding:24px 0 70px}.admin-banner{color:#775c35;background:#f3e7d2;border:1px solid #e6d4b4;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;font-size:12px;display:flex}.admin-banner>span{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-banner .text-button{flex-shrink:0;font-size:12px}.page-heading{justify-content:space-between;align-items:center;gap:22px;padding:36px 0 26px;display:flex}.page-heading h1{font-size:40px}.page-heading .muted{margin-top:12px;font-size:14px}.admin-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin:8px 0 30px;display:grid}.admin-stats button{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:14px;grid-template-columns:1fr auto;align-items:center;padding:20px 24px;display:grid}.admin-stats button>span{color:var(--muted);font-size:13px}.admin-stats strong{font-family:var(--serif);grid-row:2;font-size:38px}.admin-stats svg{color:#b09877;grid-area:1/2/3}.admin-stats button.selected{background:#f8eedf;border-color:#c39873}.admin-list-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.status-tabs,.editor-tabs,.preview-tabs{gap:5px;display:flex}.status-tabs button,.editor-tabs button,.preview-tabs button{min-height:44px;color:var(--muted);border-radius:25px;padding:9px 16px;font-size:13px}.status-tabs .selected,.editor-tabs .selected,.preview-tabs .selected{background:var(--ink);color:#fffdfa}.compact-search{border:1px solid var(--border);background:var(--surface);width:250px;color:var(--muted);border-radius:25px;align-items:center;gap:10px;padding:9px 16px;display:flex}.compact-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.compact-search:focus-within{outline:2px solid var(--primary)}.admin-table{border:1px solid var(--border);background:var(--surface);border-radius:15px;overflow:hidden}.table-head,.table-row{grid-template-columns:minmax(0,2fr) minmax(0,.9fr) minmax(0,.65fr) minmax(0,1.2fr);align-items:center;gap:22px;padding:17px 24px;display:grid}.table-head{color:var(--muted);background:#f3ecdf;font-size:11px}.table-row{border-top:1px solid var(--border);min-width:0;font-size:13px}.table-project{align-items:center;gap:16px;min-width:0;display:flex}.table-project>.cover{aspect-ratio:1.25;width:82px;min-width:82px}.table-project .cover-category,.table-project .cover-disclaimer{display:none}.table-project>div:last-child{min-width:0}.table-project h3{overflow-wrap:anywhere;font-size:14px}.table-project p{color:var(--muted);margin-top:4px;font-size:11px}.table-row small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.status-label{border-radius:15px;padding:3px 9px;font-size:11px;display:inline-flex}.status-label.published{color:#54663c;background:#e9eddf}.status-label.draft{color:#91682a;background:#f8ead2}.status-label.unpublished{color:#74655c;background:#efe8e0}.row-actions{flex-wrap:wrap;gap:0 10px;display:flex}.row-actions a,.row-actions button{min-height:44px;color:var(--primary);align-items:center;padding:0;font-size:12px;display:inline-flex}.row-actions a:hover,.row-actions button:hover{text-decoration:underline}.admin-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;font-size:12px;display:flex}.admin-bottom>div{gap:8px;display:flex}.audit-log{border-top:1px solid var(--border);margin-top:25px;padding-top:14px}.audit-log p{color:var(--muted);padding:5px;font-size:11px}.admin-preview{width:min(1160px,100vw - 32px);padding:32px}.admin-preview .detail-hero{gap:35px;margin-top:30px}.admin-preview .detail-hero h1{font-size:35px}.admin-preview .detail-columns{grid-template-columns:1fr 250px;gap:35px}.admin-preview .tutorial-layout{grid-template-columns:170px 1fr;gap:30px}.admin-preview>.notice{font-size:12px}.admin-preview h1{font-size:34px}.editor-tabs{padding:4px 0 20px}.editor-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:26px;display:grid}.editor-fields{padding:30px}.editor-fields>h2{font-family:var(--serif);margin-bottom:25px;font-size:26px}.editor-fields>.muted{margin-bottom:22px;font-size:13px}.editor-fields>h3{margin:25px 0 15px}.editor-aside .paper-panel{margin-bottom:18px;padding:22px}.editor-aside .cover{margin-bottom:18px}.editor-aside .muted{margin-bottom:12px;font-size:11px}.media-row{justify-content:space-between;align-items:center;gap:0;margin-bottom:10px;display:flex}.media-row img{object-fit:cover;border-radius:5px;width:68px;height:45px}.media-row .icon-button{width:40px;min-width:40px}.editor-actions{border:1px solid var(--border);background:var(--surface);z-index:10;border-radius:15px;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;padding:16px 20px;display:flex;position:sticky;bottom:12px;box-shadow:0 4px 22px #48352308}.editor-actions>button:first-child{margin-right:auto}.editor-actions .muted{font-size:11px}.step-editor{border:1px solid var(--border);background:#f7f1e7;border-radius:12px;margin-bottom:16px;padding:16px}.step-editor-head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;display:flex}.step-editor .field:last-child{margin-bottom:0}@media (min-width:1600px){.hero-art{width:55%;right:-20px}.hero .search-form{width:57%;min-width:0}.hero{padding-top:52px}.hero h1{font-size:59px}.hero-art{height:355px}.hero-subtitle{margin-bottom:32px}.results-section{padding-top:25px}}@media (max-width:1199px){.header-inner{gap:45px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{letter-spacing:0;font-size:45px}.hero-subtitle{letter-spacing:.5px;font-size:17px}.hero-art{width:52%;height:290px;top:4px;right:-25px}.hero .search-form{width:63%;min-width:0}.hero .category-tabs button{padding:8px 17px;font-size:13px}.prototype-label{display:none}.hero{padding-top:36px}.section-title h2{font-size:26px}.detail-hero{gap:35px}.detail-hero h1{font-size:40px}.detail-columns{grid-template-columns:minmax(0,1fr) 240px;gap:35px}.tutorial-list{grid-template-columns:1fr}.tutorial-card{grid-template-columns:240px 1fr}.tutorial-layout{grid-template-columns:170px 1fr;gap:30px}.login-page{gap:40px}.editor-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.editor-aside .paper-panel{padding:17px}.editor-fields{padding:24px}.table-head,.table-row{grid-template-columns:minmax(0,1.7fr) .8fr .6fr 1fr;gap:12px;padding-inline:16px}.table-project>.cover{width:60px;min-width:60px}.table-project{gap:11px}.editor-actions .muted{display:none}.admin-preview .detail-columns{grid-template-columns:1fr 220px}}@media (max-width:767px){body{font-size:15px}.container{width:calc(100% - 36px)}.header-inner{gap:0;width:calc(100% - 32px);height:69px}.logo span{font-size:27px}.logo svg{width:31px;height:31px}.desktop-nav{display:none}.header-actions{gap:5px}.share-button{gap:6px;min-height:44px;padding:8px 13px;font-size:12px}.share-button svg{width:15px}.menu-toggle{width:40px;min-width:40px;display:flex}.mobile-nav{border-top:1px solid var(--border);gap:25px;padding:8px 20px 15px;display:flex}.mobile-nav a{align-items:center;min-height:44px;font-size:14px;display:flex}.hero{padding-top:27px;padding-bottom:14px}.hero-content{max-width:100%}.hero h1{letter-spacing:0;text-wrap:balance;max-width:330px;font-size:33px;line-height:1.55}.hero-subtitle{letter-spacing:0;max-width:270px;margin-top:12px;margin-bottom:141px;font-size:14px;line-height:1.8}.hero-eyebrow{letter-spacing:1.5px;font-size:10px}.hero-art{width:100%;height:170px;top:130px;right:-17px;overflow:hidden}.hero-art img{object-fit:contain;width:100%}.hero .search-form{gap:10px;width:100%;min-width:0;min-height:54px;padding-left:16px}.search-form input{font-size:13px}.search-form>svg{width:19px}.search-form button{width:42px;min-width:42px;height:42px}.search-form button svg{width:21px}.category-tabs{gap:7px;margin-top:18px}.category-tabs button,.hero .category-tabs button{min-height:44px;padding:8px 12px;font-size:11px}.project-grid{grid-template-columns:minmax(0,1fr);gap:20px}.results-toolbar{flex-wrap:wrap;gap:14px;margin-bottom:17px}.section-title{gap:13px}.section-title h2{font-size:25px}.section-title>span:last-child{font-size:12px}.filter-toggle{min-height:44px;margin-left:auto;padding:8px 13px;font-size:12px;display:inline-flex}.filters{flex-wrap:wrap;gap:9px;width:100%;display:none}.filters.expanded{background:#f3ebdf;border-radius:12px;padding:15px;display:flex}.filters label{flex:1;min-width:120px}.filters select{background:var(--surface);width:100%;max-width:none;padding-left:12px;font-size:12px}.reset-button{justify-content:flex-end;width:100%}.card-content{padding:12px 17px 18px}.card-title h3{font-size:18px}.card-summary{min-height:0;margin-bottom:12px;font-size:13px;display:block}.tags span,.verification{font-size:11px}.cover-category{padding:3px 12px;font-size:11px}.cover-disclaimer{font-size:10px}.home-end{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:27px 0 32px}.home-end>svg{width:22px;margin-top:5px}.home-end>div{flex:1;min-width:0}.home-end h3{font-size:19px}.home-end p{font-size:12px}.home-end>a{margin-left:27px}.pagination{flex-wrap:wrap;gap:2px}.pagination>span{text-align:center;width:100%;margin:0 0 7px}.search-hero{padding-top:20px}.search-hero h1{letter-spacing:0;font-size:31px}.search-hero .muted{font-size:13px}.search-hero .search-form{gap:10px;min-height:54px;margin-top:23px;padding-left:17px}.results-caption{margin-top:-3px;font-size:10px;line-height:1.8}.detail-page,.tutorial-detail{padding-top:15px}.breadcrumb{gap:6px;margin-bottom:18px;font-size:11px}.detail-hero{grid-template-columns:1fr;gap:28px;margin-bottom:34px}.detail-hero h1{margin-bottom:13px;font-size:36px}.detail-lead{font-size:16px}.detail-hero .eyebrow{font-size:10px}.detail-actions{gap:9px;margin-top:20px}.detail-actions .button{padding:10px 15px;font-size:12px}.detail-columns{grid-template-columns:1fr;gap:20px}.article-content h2{font-size:25px}.article-content p{font-size:14px}.article-content section{margin-bottom:30px}.detail-aside{position:static}.detail-aside .paper-panel dl{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.detail-aside .paper-panel dt{grid-column:1}.detail-aside .paper-panel dd{grid-column:2;margin-top:18px}.paper-panel{padding:21px}.facts{padding:5px 14px}.facts>div{grid-template-columns:66px 1fr;gap:12px;font-size:12px}.notice{padding:12px 14px;font-size:12px}.related-heading h2{font-size:23px}.related-heading>a{font-size:12px}.tutorials-page{padding-top:30px}.tutorials-hero h1{font-size:31px}.tutorials-hero .eyebrow{font-size:10px}.tutorials-hero .muted{font-size:13px}.tutorials-hero>svg{width:35px;margin:0 0 20px 10px}.tutorial-search{flex-wrap:wrap;gap:8px;margin-top:24px}.tutorial-search .search-form{flex:auto;width:100%}.tutorial-search select{flex:1;min-width:0;max-width:100%;padding:10px 12px;font-size:11px}.tutorial-search .text-button{justify-content:flex-end;width:100%}.tutorial-list{gap:20px}.tutorial-card{grid-template-columns:1fr}.tutorial-card .cover{aspect-ratio:16/10;height:auto}.tutorial-card>div:last-child{padding:22px}.tutorial-card h2{font-size:23px}.tutorial-card p{font-size:13px}.tutorial-title{margin:10px 0 28px}.tutorial-title h1{font-size:32px}.tutorial-title>p{font-size:14px}.tutorial-layout{grid-template-columns:1fr;gap:12px}.tutorial-toc{border-block:1px solid var(--border);flex-flow:wrap;gap:0 18px;padding:13px 0;position:static}.tutorial-toc .eyebrow{width:100%;margin:0}.tutorial-toc a{min-height:44px;font-size:11px}.toc-note{display:none}.tutorial-article h2{font-size:25px}.tutorial-article p{font-size:14px}.tutorial-step{gap:12px;padding:18px 0}.step-number{width:30px;height:30px;font-size:16px}.tutorial-step h3{margin-top:2px;font-size:17px}.checklist li{font-size:13px}.code-block>div{padding-inline:9px}.code-block .text-button{font-size:10px}.code-block pre{padding:12px;font-size:11px}.tutorial-article summary{font-size:13px}.footer{flex-direction:column;align-items:flex-start;gap:18px;padding:28px 18px}.footer-right{text-align:left;line-height:1.8}.footer-right>div{justify-content:flex-start;gap:15px}.footer-right>span{font-size:10px}.empty{min-height:330px;padding-inline:8px}.empty h2{font-size:26px}.empty p{font-size:13px}.dialog{max-height:calc(100dvh - 32px);padding:22px}.dialog-head h2{font-size:22px}.dialog-head{gap:10px}.dialog-head .icon-button{margin-right:-9px}.share-dialog{padding:28px 21px}.share-dialog .dialog-message{font-size:14px}.dialog-actions{gap:8px}.state-links{grid-template-columns:1fr}.drawer{width:calc(100vw - 32px)}.toast{padding:12px 15px;font-size:12px;bottom:16px}.login-page{grid-template-columns:1fr;gap:28px;padding-top:27px}.login-illustration img{display:none}.login-illustration h1{font-size:30px}.login-illustration>p{font-size:13px}.login-illustration .eyebrow{font-size:10px}.login-panel{padding:25px}.login-panel h2{font-size:28px}.admin-page{padding-top:17px}.admin-banner{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;font-size:11px}.admin-banner>span{display:block}.admin-banner svg{vertical-align:middle;width:16px;margin-right:5px;display:inline}.admin-banner .text-button{margin-left:auto;font-size:11px}.page-heading{flex-wrap:wrap;padding:28px 0 24px}.page-heading h1{font-size:33px}.page-heading .eyebrow{font-size:10px}.page-heading .muted,.page-heading>.button{font-size:12px}.admin-stats{gap:8px;margin-bottom:23px}.admin-stats button{flex-direction:column;align-items:flex-start;padding:13px 14px;display:flex}.admin-stats button>span{font-size:11px}.admin-stats strong{margin-top:5px;font-size:32px}.admin-stats svg{display:none}.admin-list-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.status-tabs{flex-wrap:wrap;gap:2px;max-width:100%}.status-tabs button{padding:8px 14px;font-size:11px}.compact-search{width:100%;min-height:44px;padding:10px 14px}.table-head{display:none}.table-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:18px;display:grid}.table-row:first-of-type{border-top:0}.table-project{grid-column:1/-1;gap:14px}.table-project>.cover{width:82px;min-width:82px}.table-project h3{font-size:15px}.table-row>div:nth-child(2),.table-row>div:nth-child(3){font-size:12px}.row-actions{border-top:1px solid var(--border);grid-column:1/-1;gap:0 22px;padding-top:5px}.row-actions button,.row-actions a{font-size:12px}.admin-bottom{font-size:11px}.admin-bottom .button{padding-inline:15px;font-size:11px}.admin-bottom>.text-button{justify-content:flex-end;width:100%;font-size:11px}.admin-preview{padding:19px}.admin-preview .detail-hero{grid-template-columns:1fr;gap:20px}.admin-preview .detail-hero h1{font-size:31px}.admin-preview .detail-columns,.admin-preview .tutorial-layout{grid-template-columns:1fr;gap:10px}.admin-preview .tutorial-toc{display:none}.admin-preview>h1{font-size:27px}.editor-layout{grid-template-columns:1fr;gap:18px}.editor-fields{padding:19px}.editor-fields>h2{font-size:24px}.field-grid{grid-template-columns:1fr;gap:0}.field{margin-bottom:19px}.field input,.field textarea,.field select{font-size:14px}.editor-tabs{gap:4px}.editor-tabs button{padding:8px 14px;font-size:12px}.editor-aside{grid-template-columns:1fr;gap:0;display:grid}.editor-aside .paper-panel{padding:20px}.editor-actions{flex-wrap:wrap;justify-content:space-between;gap:10px;padding:15px;position:static}.editor-actions .button{flex:40%;padding:10px 12px;font-size:11px}.editor-actions>button:first-child{margin-right:0}.admin-page .breadcrumb{margin-top:12px}.preview-tabs button{font-size:12px}.demo-badge{font-size:10px}.media-row .icon-button{width:44px;min-width:44px}}.concept-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0;display:grid}.concept-gallery img{border-radius:12px;width:100%}.concept-gallery figcaption{color:var(--muted);margin-top:6px;font-size:10px}@media (max-width:767px){.concept-gallery{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.embedded-tutorial{border-top:1px solid var(--border);margin-top:24px;padding-top:36px;scroll-margin-top:100px}.embedded-tutorial .tutorial-title{max-width:1080px;margin:0 auto 32px}.embedded-tutorial .tutorial-title h2{font-family:var(--serif);overflow-wrap:anywhere;font-size:32px}.embedded-tutorial .tutorial-article section>h3{font-family:var(--serif);margin-bottom:16px;font-size:25px}@media (max-width:767px){.embedded-tutorial .tutorial-title h2{font-size:27px}.embedded-tutorial .tutorial-article section>h3{font-size:23px}}.embedded-tutorial .tutorial-layout{grid-template-columns:minmax(0,1fr);max-width:920px}.embedded-tutorial .tutorial-title{max-width:920px}.project-uses{max-width:920px;margin:0 auto 30px}.project-uses h2{font-family:var(--serif);margin-bottom:14px}.project-uses p{color:var(--muted);line-height:1.9}.project-background{border-top:1px solid var(--border);padding:18px 0}.project-background .detail-columns{margin-top:20px}.tutorial-more>summary{color:var(--primary)}.project-workflow{margin:0 0 36px}.project-workflow>h2{font-family:var(--serif);margin-bottom:18px}.project-workflow ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.project-workflow li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:20px;position:relative}.project-workflow li:not(:last-child):after{content:"→";color:var(--primary);position:absolute;top:42%;right:-21px}.workflow-number{color:var(--primary);font-size:12px}.project-workflow h3{margin:6px 0;font-size:18px}.project-workflow li p,.workflow-note{font-size:13px;line-height:1.8}.workflow-note{margin-top:14px}@media (max-width:767px){.project-workflow ol{grid-template-columns:minmax(0,1fr);gap:24px}.project-workflow li:not(:last-child):after{content:"↓";top:auto;bottom:-23px;right:50%}}.detail-header .header-inner{max-width:1120px}.detail-footer{width:calc(100% - 64px);max-width:1120px;margin-inline:auto;padding:28px 0}.detail-shell .detail-hero.text-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:24px}.detail-shell .text-hero .detail-lead{max-width:780px}.detail-shell{max-width:1120px;padding-top:20px}.detail-shell .breadcrumb{margin-bottom:6px}.detail-shell .detail-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;min-height:285px;margin-bottom:16px}.detail-shell .detail-intro{z-index:1;position:relative}.detail-shell .detail-hero h1{font-family:var(--sans);letter-spacing:-2px;margin-bottom:10px;font-size:clamp(44px,6vw,76px);font-weight:800;line-height:1.1}.detail-shell .detail-lead{color:var(--ink);max-width:560px;margin-bottom:0;font-size:21px;line-height:1.7}.detail-shell .detail-actions{gap:24px;margin-top:20px}.detail-shell .detail-actions .primary{border-radius:10px;min-width:162px;padding:12px 24px;font-size:16px}.detail-shell .detail-actions .text-button{border-bottom:1px solid var(--primary);border-radius:0;padding:0}.detail-shell .detail-hero .verification{color:var(--muted);max-width:560px;font-size:11px;line-height:1.7}.detail-flower{pointer-events:none;align-self:stretch;min-height:290px;position:relative}.detail-flower img{object-fit:contain;width:100%;height:100%}.detail-flower>p{font-family:var(--serif);color:var(--primary);font-size:19px;line-height:1.8;position:absolute;top:35%;right:0;transform:rotate(-10deg)}.detail-shell h2,.embedded-tutorial .quickstart-grid h3,.embedded-tutorial .tutorial-faq>h3{font-family:var(--sans);letter-spacing:0;font-size:24px;font-weight:700}.detail-shell .project-effects h2,.detail-shell .project-uses>h2,.detail-shell .project-workflow>h2,.embedded-tutorial .quickstart-grid h3,.embedded-tutorial .tutorial-faq>h3{align-items:center;gap:12px;display:flex}.detail-shell .project-effects h2:before,.detail-shell .project-uses>h2:before,.detail-shell .project-workflow>h2:before,.embedded-tutorial .quickstart-grid h3:before,.embedded-tutorial .tutorial-faq>h3:before{content:"";background:var(--primary);border-radius:4px;flex-shrink:0;width:5px;height:25px;display:block}.project-effects{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--bg));border-radius:14px;margin:8px 0 28px;padding:22px 24px 18px}.detail-section-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.detail-section-head>span{color:var(--muted);text-align:right;font-size:11px}.idea-concept{grid-template-columns:minmax(0,.8fr) 72px minmax(0,1.35fr);align-items:center;gap:30px;padding:28px 48px 24px;display:grid}.idea-input{background:var(--surface);border:1px solid var(--border);text-align:center;max-width:260px;padding:26px 32px 20px;transform:rotate(-8deg);box-shadow:0 9px 20px #2e211a12}.idea-input>p{font-family:var(--serif);font-size:26px;line-height:1.7}.idea-input>svg{color:var(--primary);margin:15px auto 0}.concept-arrow{color:var(--primary);transform:rotate(-10deg)}.reading-concept{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:0;padding:12px 28px 24px;transform:rotate(3deg);box-shadow:0 9px 20px #2e211a10}.concept-window{border-bottom:1px solid var(--border);justify-content:flex-end;gap:7px;margin:0 -12px 8px;padding-bottom:8px;display:flex}.concept-window i{background:var(--primary);border-radius:50%;width:8px;height:8px}.concept-window i:nth-child(2){background:var(--apricot)}.concept-window i:nth-child(3){background:var(--sage)}.reading-concept h3{font-family:var(--serif);align-items:center;gap:8px;margin:10px 0 18px;font-size:26px;display:flex}.reading-concept h3 svg{color:var(--sage)}.reading-books{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.1fr);align-items:center;gap:15px;display:grid}.reading-books>div:not(:last-child){aspect-ratio:3/4;background:var(--sage);color:var(--surface);border-radius:3px 6px 6px 3px;flex-direction:column;justify-content:space-between;align-items:center;padding:17px 6px 10px;display:flex;transform:rotate(-4deg);box-shadow:inset 4px 0 #fffdfa30,2px 4px 6px #2e211a12}.reading-books>div:nth-child(2){background:var(--primary);transform:rotate(3deg)}.reading-books>div:nth-child(3){background:var(--muted);transform:rotate(-2deg)}.reading-books>div>svg{stroke-width:1px;width:30px;height:30px}.reading-books>div>span{white-space:nowrap;font-size:10px}.reading-progress{border-left:1px solid var(--border);padding-left:12px;font-size:11px}.reading-progress>span{background:var(--soft);border-radius:5px;height:7px;margin-top:12px;display:block}.reading-progress>span:first-of-type{background:var(--sage);width:80%;height:10px}.reading-progress>span:last-child{width:65%}.effect-caption,.project-effect-cover figcaption{color:var(--muted);font-size:12px;line-height:1.8}.project-effect-cover{max-width:600px;margin:20px auto 0}.project-effect-cover figcaption{margin-top:10px}.project-effects .concept-gallery{margin-top:20px}.detail-shell .project-uses{max-width:none;margin:0 0 30px}.use-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:20px 0 14px;padding:0;list-style:none;display:grid}.use-cases li{border-right:1px solid var(--border);align-items:center;gap:20px;min-width:0;padding:8px 24px;display:flex}.use-cases li:first-child{padding-left:22px}.use-cases li:last-child{border-right:0}.use-cases svg{color:var(--primary)}.use-cases h3{margin-bottom:4px;font-size:19px}.use-cases p{font-size:13px;line-height:1.7}.detail-shell .uses-note{max-width:none;color:var(--muted);margin-top:16px;font-size:12px}.detail-shell .project-workflow{margin:0 0 30px}.detail-shell .project-workflow ol{gap:0;margin-top:22px}.detail-shell .project-workflow li{text-align:center;background:0 0;border:0;border-radius:0;padding:0 20px}.detail-shell .workflow-number{background:var(--soft);border:1px solid var(--border);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 10px;font-size:19px;font-weight:700;display:flex;position:relative}.detail-shell .project-workflow li:not(:last-child):after{content:"";background:var(--primary);width:calc(100% - 62px);height:1px;top:24px;right:calc(31px - 50%)}.detail-shell .project-workflow h3{margin-bottom:7px;font-size:17px}.detail-shell .project-workflow li p{color:var(--muted);font-size:13px}.detail-shell .workflow-note{margin-top:18px;font-size:11px;line-height:1.8}.detail-shell .embedded-tutorial{margin-top:24px;padding-top:24px}.detail-shell .embedded-tutorial .tutorial-title{max-width:none;margin:0 0 14px}.detail-shell .embedded-tutorial .tutorial-title h2{font-size:21px;font-family:var(--sans)}.detail-shell .embedded-tutorial .tutorial-title .eyebrow{margin-bottom:7px;font-size:10px}.detail-shell .embedded-tutorial .tutorial-title>p{margin:9px 0;font-size:13px}.detail-shell .embedded-tutorial .tutorial-title>a{font-size:12px}.embedded-tutorial .tutorial-layout{max-width:none;margin:0}.embedded-tutorial .notice{margin-bottom:22px;font-size:12px}.quickstart-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.75fr);gap:32px;display:grid}.embedded-tutorial .quickstart-grid>section{border:0;padding:0 0 22px}.embedded-tutorial .quickstart-grid h3{margin-bottom:20px}.quickstart-preparation{border-right:1px solid var(--border)!important;padding-right:28px!important}.quickstart-preparation .checklist li{margin:16px 0;font-size:14px;line-height:1.9}.quickstart-preparation .checklist svg{width:22px;min-width:22px;height:22px;color:var(--surface);background:var(--sage);border-radius:50%;margin-top:2px;padding:4px}.preparation-scope{border-top:1px solid var(--border);padding:12px 0}.embedded-tutorial .preparation-scope p{color:var(--muted);font-size:12px;line-height:1.8}.embedded-tutorial .tutorial-step{gap:14px;padding:0 0 20px}.embedded-tutorial .step-number{background:var(--soft);width:33px;height:33px;font-family:var(--sans);border:0;font-size:16px;font-weight:700}.embedded-tutorial .tutorial-step h4{margin:4px 0 8px;font-size:16px}.embedded-tutorial .tutorial-step p{font-size:13px;line-height:1.85}.embedded-tutorial .code-block{background:var(--soft);border-radius:10px;margin-top:12px}.embedded-tutorial .code-block pre{background:var(--surface);padding:14px;font-size:12px;line-height:1.8}.embedded-tutorial .tutorial-faq{border:0;padding:18px 0 22px}.embedded-tutorial .tutorial-faq>h3{margin-bottom:14px}.embedded-tutorial .tutorial-faq details{border:1px solid var(--border);background:var(--surface);border-radius:9px;margin-bottom:8px;padding:0}.embedded-tutorial .tutorial-faq summary,.embedded-tutorial .tutorial-more>summary,.detail-shell .project-background>summary{justify-content:space-between;align-items:center;gap:15px;padding:12px 16px;font-size:14px;list-style:none;display:flex}.embedded-tutorial summary::-webkit-details-marker{display:none}.detail-shell .project-background summary::-webkit-details-marker{display:none}.embedded-tutorial details[open]>summary>svg,.detail-shell details[open]>summary>svg{transform:rotate(180deg)}.embedded-tutorial .tutorial-faq details p{padding:0 16px 16px;font-size:13px}.embedded-tutorial .tutorial-more{border-top:1px solid var(--border);padding:0}.embedded-tutorial .tutorial-more>section{padding:18px 16px}.embedded-tutorial .tutorial-more h3{margin-bottom:12px;font-size:18px}.detail-shell .project-background{margin-top:8px;padding:0}.detail-shell .project-background .detail-columns{padding-top:15px}.detail-shell .related-heading{margin-top:28px}.detail-shell .related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1000px){.idea-concept{grid-template-columns:minmax(0,.8fr) 45px minmax(0,1.2fr);gap:20px;padding-inline:20px}.reading-concept{padding-inline:18px}.reading-books{gap:10px}.reading-progress{display:none}.reading-books{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-flower>p{font-size:16px;right:-4px}.use-cases li{gap:12px;padding-inline:18px}.use-cases h3{font-size:17px}.quickstart-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:24px}}@media (max-width:767px){.detail-shell{padding-top:12px}.detail-shell .detail-hero{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;margin-bottom:18px;padding:14px 0 12px;position:relative}.detail-shell .detail-hero h1{letter-spacing:-1px;max-width:100%;margin-bottom:12px;font-size:46px}.detail-shell .detail-lead{max-width:100%;font-size:17px}.detail-shell .detail-actions{gap:18px;margin-top:18px}.detail-shell .detail-actions .primary{min-width:132px;padding:11px 18px;font-size:14px}.detail-shell .detail-actions .text-button{font-size:12px}.detail-shell .detail-hero .verification{font-size:11px}.detail-flower{place-self:end;width:100%;max-width:270px;height:155px;min-height:0;margin-top:6px}.detail-flower>p{font-size:14px;right:-5px}.detail-shell h2,.embedded-tutorial .quickstart-grid h3,.embedded-tutorial .tutorial-faq>h3{font-size:21px}.project-effects{margin-top:0;margin-bottom:26px;padding:17px 15px}.detail-section-head{align-items:flex-start;gap:10px}.detail-section-head>span{max-width:100px;font-size:10px;line-height:1.7}.idea-concept{grid-template-columns:minmax(0,1fr);justify-items:center;gap:13px;padding:26px 14px 20px}.idea-input{max-width:210px;padding:16px 23px;transform:rotate(-5deg)}.idea-input>p{font-size:22px}.idea-input>svg{width:34px;height:34px;margin-top:10px}.concept-arrow{width:32px;height:32px;transform:rotate(80deg)}.reading-concept{width:100%;max-width:360px;padding:10px 19px 18px;transform:rotate(2deg)}.reading-concept h3{margin-bottom:14px;font-size:24px}.reading-books>div:not(:last-child){max-height:112px}.effect-caption{font-size:11px}.use-cases{grid-template-columns:minmax(0,1fr);margin-top:14px}.use-cases li,.use-cases li:first-child{border:0;border-bottom:1px solid var(--border);gap:20px;padding:15px 6px}.use-cases li:last-child{border:0}.use-cases h3{font-size:18px}.use-cases p{font-size:13px}.detail-shell .uses-note{font-size:12px}.detail-shell .project-workflow ol{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:20px}.detail-shell .project-workflow li{text-align:left;grid-template-columns:42px minmax(0,1fr);align-items:start;column-gap:16px;padding:0 8px;display:grid}.detail-shell .workflow-number{grid-row:1/3;width:42px;height:42px;margin:0;font-size:17px}.detail-shell .project-workflow h3{margin:0 0 4px;font-size:17px}.detail-shell .project-workflow li p{font-size:13px}.detail-shell .project-workflow li:not(:last-child):after{width:1px;height:calc(100% - 24px);top:45px;left:29px;right:auto}.detail-shell .workflow-note{font-size:11px}.detail-shell .embedded-tutorial{padding-top:22px}.quickstart-grid{grid-template-columns:minmax(0,1fr);gap:16px}.quickstart-preparation{border-right:0!important;border-bottom:1px solid var(--border)!important;padding-right:0!important}.embedded-tutorial .quickstart-grid h3{margin-bottom:16px}.embedded-tutorial .tutorial-step h4{font-size:16px}.embedded-tutorial .tutorial-step p{font-size:13px}.embedded-tutorial .code-block>div{flex-wrap:wrap;gap:0 8px}.embedded-tutorial .code-block pre{font-size:12px}.embedded-tutorial .tutorial-faq summary,.embedded-tutorial .tutorial-more>summary,.detail-shell .project-background>summary{padding:10px 12px;font-size:13px}.detail-shell .related-grid{grid-template-columns:minmax(0,1fr)}.detail-shell .project-background .detail-columns{padding-top:12px}}.tutorial-article .faq-host,.embedded-tutorial .tutorial-faq details.faq-host{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin:12px;padding:0 16px}.tutorial-article .faq-host>summary,.embedded-tutorial .tutorial-faq .faq-host>summary{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-weight:650;display:flex}.faq-host-content{min-width:0;padding-bottom:12px}.tutorial-article .faq-host-content>section{border:0;margin:0;padding:8px 0 16px}.faq-host-content h4{margin:8px 0;font-size:16px}.faq-host-content p,.embedded-tutorial .tutorial-faq .faq-host-content p{white-space:pre-line;overflow-wrap:anywhere;padding:0}.faq-guides-editor details{border:1px solid var(--border);border-radius:12px;margin:12px 0;padding:12px}.faq-guides-editor summary{cursor:pointer;margin-bottom:12px}.project-use-copy{white-space:pre-line;overflow-wrap:anywhere}.project-audience{border-top:1px solid var(--border);padding-top:16px}.agent-install{background:var(--soft);border:1px solid var(--border);border-radius:10px;min-width:0;margin:0 0 20px;padding:16px}.agent-install-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.agent-install-head>div{min-width:0}.agent-install-head h4{margin:0 0 6px;font-size:16px;line-height:1.5}.agent-install .agent-install-head p{margin:0;font-size:13px;line-height:1.8}.agent-install-head .button{min-height:44px;color:var(--primary);flex-shrink:0;padding:9px 14px;font-size:13px}.agent-install .agent-install-note{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.8}.agent-install .agent-install-feedback{color:var(--primary);margin:8px 0;font-size:13px;line-height:1.8}.agent-install .agent-install-feedback:empty{margin:0}.tutorial-article .agent-install details{border-top:1px solid var(--border);margin:8px 0 0;padding:0}.agent-install summary{cursor:pointer;min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:12px;font-weight:500;list-style:none;display:flex}.agent-install summary::-webkit-details-marker{display:none}.agent-install details[open]>summary>svg{transform:rotate(180deg)}.agent-install textarea{resize:vertical;border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;max-width:100%;min-height:220px;margin:8px 0;padding:12px;font-size:13px;line-height:1.8;display:block}.agent-install .text-button{padding-left:0;font-size:13px}.agent-install-empty{margin-bottom:20px;font-size:13px}@media (max-width:1000px){.agent-install-head{flex-direction:column;align-items:stretch;gap:12px}.agent-install-head .button{align-self:flex-start}}@media (max-width:640px){.agent-install{padding:14px}.agent-install-head .button{justify-content:center;width:100%}}
.hot-header .header-inner{gap:48px;width:calc(100% - 72px);max-width:1200px;height:64px}.hot-header .logo span{font-family:var(--sans);font-size:27px}.hot-header .logo svg{width:32px;height:32px}.hot-header .desktop-nav{gap:30px}.hot-header .desktop-nav a.active{color:var(--primary)}.hot-header .desktop-nav a.active:after{width:100%;height:2px;bottom:0}.hot-header-search{border:1px solid var(--border);background:var(--surface);border-radius:24px;align-items:center;gap:8px;width:202px;padding:5px 12px;display:flex}.hot-header-search svg{color:var(--muted)}.hot-header-search input{background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:12px}.hot-header-search:focus-within{outline:2px solid var(--primary);outline-offset:3px}.hot-shell{width:calc(100% - 96px);max-width:1200px;min-height:0;padding-top:29px;padding-bottom:18px}.hot-hero{justify-content:space-between;align-items:center;min-height:129px;margin-bottom:16px;display:flex;position:relative}.hot-hero .eyebrow{letter-spacing:2px;margin-bottom:7px;font-size:12px}.hot-hero h1{font-family:var(--sans);letter-spacing:-2px;color:#29201b;align-items:center;gap:17px;font-size:60px;font-weight:800;line-height:1.22;display:flex}.hot-sunflower{flex-shrink:0;width:45px;height:45px}.hot-hero p{color:#756254;margin-top:9px;font-size:19px;line-height:1.6}.hot-flower{flex-shrink:0;align-self:flex-start;width:250px;height:129px;margin-top:0;position:relative;overflow:hidden}.hot-flower>img{object-fit:contain;width:270px;max-width:none;height:174px;position:absolute;top:-2px;left:0}.hot-flower>svg{width:245px;height:122px;position:absolute;top:25px;left:0;overflow:visible}.hot-flower>svg path{fill:none;stroke:#d08755;stroke-width:1px}.hot-controls{align-items:center;gap:24px;margin:0 0 14px;display:flex}.hot-controls>div{align-items:center;gap:14px;display:flex}.hot-controls>div+div{border-left:1px solid var(--border);padding-left:24px}.hot-controls>div>span{color:var(--muted);white-space:nowrap;font-size:14px}.hot-segment{background:var(--surface);border:1px solid #e8d1c1;border-radius:24px;align-items:center;gap:3px;padding:3px;display:flex}.hot-segment button{white-space:nowrap;color:#69594d;border-radius:22px;min-height:34px;padding:5px 19px;font-size:14px}.hot-segment button[aria-pressed=true]{background:var(--primary);color:var(--surface)}.hot-filters{flex-wrap:wrap;gap:6px;margin:0 0 19px;display:flex}.hot-filters button{background:var(--surface);min-height:30px;color:var(--muted);border:1px solid #e9dfd4;border-radius:18px;padding:3px 12px;font-size:11px}.hot-filters button[aria-pressed=true]{color:var(--primary);background:#f9e8db;border-color:#deb09a}.hot-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:3px;display:flex}.hot-heading h2{letter-spacing:-.5px;font-size:23px;font-weight:700}.hot-heading .text-button{white-space:nowrap;min-height:30px;color:var(--muted);padding:0;font-size:12px}.hot-meta{color:#968170;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:12px;line-height:1.8;display:flex}.hot-meta i{font-style:normal}.hot-meta .text-button{white-space:nowrap;min-height:30px;color:var(--muted);padding:0;font-size:11px}.hot-scope{color:#88705e;align-items:center;gap:12px;margin:0 0 15px;font-size:11px;line-height:1.65;display:flex}.hot-scope strong{color:inherit;font-weight:400}.hot-truth-badge{color:#b46543;white-space:nowrap;background:#fcf0e3;border:1px solid #e4b99c;border-radius:5px;padding:4px 10px;font-size:11px}.hot-shell .notice{margin:10px 0;padding:9px 14px;font-size:12px}.hot-columns{color:#8c7968;text-align:center;grid-template-columns:minmax(0,1fr) 92px 92px 157px;align-items:center;gap:12px;margin-bottom:5px;padding-right:12px;font-size:12px;display:grid}.hot-columns>span:first-child{visibility:hidden}.hot-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.hot-row{background:var(--surface);border:1px solid #e9dbce;border-radius:9px;grid-template-columns:44px 150px minmax(0,1fr) 92px 92px 157px;align-items:center;gap:12px;min-height:83px;padding:3px 12px 3px 7px;display:grid}.hot-row.hot-front{background:linear-gradient(100deg,#fff5e9,#fffaf4);border-color:#e2b99b}.hot-rank{color:#876c55;background:#f5ede3;border-radius:9px;align-self:center;place-items:center;width:44px;height:44px;font-size:24px;font-weight:750;line-height:1;display:grid}.hot-front .hot-rank{color:#c86936;background:#fbe7cc}.hot-cover{aspect-ratio:2;background:#f5e9d9;border-radius:6px;align-self:center;width:100%;height:auto;position:relative;overflow:hidden}.hot-cover img{object-fit:cover;width:100%;height:100%}.hot-cover-wait{color:#ad8b70;background:linear-gradient(140deg,#f9eddf,#f0dfcc);flex-direction:column;justify-content:center;align-items:center;gap:5px;height:100%;display:flex}.hot-cover-wait svg{stroke-width:1px;width:25px;height:25px}.hot-cover-wait small{font-size:10px}.hot-name{min-width:0}.hot-name>div{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.hot-name h3{color:#2c241f;letter-spacing:-.4px;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:22px;font-weight:700;line-height:1.25;overflow:hidden}.hot-tag{color:#b36a48;white-space:nowrap;border:1px solid #e5bda6;border-radius:4px;padding:1px 5px;font-size:9px;line-height:1.5}.hot-name p{color:#85715f;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:7px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.hot-number,.hot-delta{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:18px;font-weight:600;line-height:1.4}.hot-number{color:#665342}.hot-delta{color:#c66332}.hot-number small,.hot-delta small{display:none}.hot-links{justify-content:flex-end;align-items:center;gap:17px;min-width:0;display:flex;position:relative}.hot-links .button{white-space:nowrap;border-radius:8px;gap:6px;min-height:36px;padding:7px 11px;font-size:12px;font-weight:600}.hot-source-button{color:#927b67;border-radius:6px;flex-shrink:0;place-items:center;width:32px;height:36px;display:grid}.hot-source-button:hover{color:var(--primary);background:var(--soft)}.hot-list-note{color:#9b8676;padding:12px 0 7px;font-size:10px}.hot-pending-list{color:var(--muted);overflow-wrap:anywhere;border:1px dashed #e8d8c9;border-radius:6px;padding:7px 10px;font-size:11px}.hot-pending-list summary{cursor:pointer;min-height:22px;margin:0;padding:0;font-size:11px;font-weight:400;line-height:1.8}.hot-pending-list p{padding-top:7px}.hot-statistics p{margin:12px 0;font-size:14px;line-height:1.8}.hot-statistics>.button{margin:5px 8px 5px 0}.hot-statistics small{overflow-wrap:anywhere}.hot-footer{border-top:1px solid var(--border);color:#96806c;justify-content:space-between;align-items:center;gap:20px;width:calc(100% - 96px);max-width:1200px;margin:auto;padding:17px 0 22px;font-size:11px;display:flex}.hot-footer>div{align-items:center;gap:18px;display:flex}.hot-footer .logo{gap:6px}.hot-footer .logo span{font-size:17px;font-family:var(--sans)}.hot-footer .logo svg{width:23px;height:23px}@media (min-width:1300px){.hot-row{grid-template-columns:44px 165px minmax(0,1fr) 100px 100px 157px;min-height:95px}.hot-columns{grid-template-columns:minmax(0,1fr) 100px 100px 157px}}@media (max-width:1000px) and (min-width:768px){.hot-shell,.hot-footer{width:calc(100% - 64px)}.hot-row{grid-template-columns:38px 120px minmax(0,1fr) 76px 76px 122px;gap:9px}.hot-rank{width:38px;height:38px;font-size:21px}.hot-name h3{font-size:19px}.hot-name p{font-size:11px}.hot-number,.hot-delta{font-size:16px}.hot-links{gap:5px}.hot-links .button{padding:7px 8px;font-size:11px}.hot-columns{grid-template-columns:minmax(0,1fr) 76px 76px 122px;gap:9px}.hot-hero h1{font-size:54px}.hot-hero p{font-size:16px}.hot-flower{width:210px}.hot-controls{gap:18px}.hot-controls>div+div{padding-left:18px}}@media (max-width:767px){.hot-header .header-inner{gap:15px;width:calc(100% - 32px);height:60px}.hot-header .header-actions{gap:7px}.hot-header-search{width:158px;padding:5px 10px}.hot-header .logo span{font-size:23px}.hot-header .logo svg{width:27px;height:27px}.hot-header .menu-toggle{display:flex}.hot-shell{width:calc(100% - 32px);padding-top:24px;padding-bottom:16px}.hot-hero{gap:0;min-height:0;margin-bottom:22px}.hot-hero .eyebrow{letter-spacing:1.7px;margin-bottom:8px;font-size:10px}.hot-hero h1{letter-spacing:-1px;gap:10px;font-size:40px}.hot-sunflower{width:31px;height:31px}.hot-hero p{max-width:285px;margin-top:10px;font-size:14px;line-height:1.7}.hot-flower{display:none}.hot-controls{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:12px}.hot-controls>div{gap:12px;width:100%}.hot-controls>div+div{border-left:0;padding-left:0}.hot-controls>div>span{min-width:48px;font-size:12px}.hot-segment{padding:3px}.hot-segment button{min-height:35px;padding:5px 16px;font-size:12px}.hot-controls>div:first-child .hot-segment button{padding-inline:22px}.hot-filters{gap:5px;margin-bottom:20px}.hot-filters button{min-height:30px;padding:3px 10px;font-size:10px}.hot-heading{align-items:center;gap:8px}.hot-heading h2{max-width:235px;font-size:19px;line-height:1.45}.hot-heading .text-button{gap:4px;min-height:36px;font-size:10px}.hot-heading .text-button svg{width:14px}.hot-meta{align-items:flex-start;gap:8px;margin:5px 0 12px;font-size:10px}.hot-meta .text-button{min-height:26px;font-size:10px}.hot-meta i{height:0;font-size:0;display:block}.hot-scope{align-items:flex-start;gap:8px;margin-bottom:16px;font-size:10px}.hot-truth-badge{padding:4px 6px;font-size:9px}.hot-columns{display:none}.hot-list{gap:9px}.hot-row,.hot-row.hot-front{border-radius:9px;grid-template-rows:auto auto;grid-template-columns:31px 92px minmax(0,1fr);gap:9px 10px;min-height:129px;padding:10px 9px}.hot-rank{grid-row:1/3;align-self:start;width:31px;height:35px;font-size:20px}.hot-cover{aspect-ratio:2;align-self:start;margin-top:2px}.hot-cover-wait svg{width:18px;height:18px}.hot-cover-wait small{font-size:8px}.hot-cover-wait{gap:2px}.hot-name{align-self:start}.hot-name>div{gap:4px}.hot-name h3{letter-spacing:-.3px;font-size:17px}.hot-tag{padding:0 4px;font-size:8px}.hot-name p{-webkit-line-clamp:2;margin-top:5px;font-size:10px;line-height:1.6}.hot-number,.hot-delta{text-align:left;align-self:start;font-size:13px}.hot-number{grid-area:2/2}.hot-delta{grid-area:2/3}.hot-number small,.hot-delta small{color:#a18b79;margin-bottom:2px;font-size:9px;font-weight:400;display:block}.hot-links{grid-area:3/2/auto/4;justify-content:flex-start;align-self:start;gap:16px}.hot-links .button{min-height:34px;padding:6px 12px;font-size:11px}.hot-source-button{width:34px;height:34px}.hot-list-note{padding-top:10px;font-size:9px;line-height:1.7}.hot-pending-list{font-size:10px;line-height:1.7}.hot-footer{align-items:flex-start;gap:10px;width:calc(100% - 32px);padding:15px 0;font-size:9px}.hot-footer>div{flex-wrap:wrap;gap:8px}.hot-footer .logo span{font-size:15px}.hot-footer .logo svg{width:20px;height:20px}.hot-footer>span{text-align:right;max-width:110px}}@media (max-width:350px){.hot-header-search{width:121px}.hot-header .header-actions{gap:0}.hot-header .logo{gap:5px}.hot-row,.hot-row.hot-front{grid-template-columns:28px 78px minmax(0,1fr);gap:8px}.hot-rank{width:28px}.hot-name h3{font-size:15px}.hot-name p{font-size:9px}.hot-segment button{padding-inline:12px}.hot-heading h2{font-size:17px}.hot-controls>div{gap:8px}.hot-truth-badge{white-space:normal;min-width:75px}.hot-footer>div>span{display:none}}
@font-face{font-family:Zaodian Heading;src:url(/fonts/zaodian-heading.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zaodian Heading Heavy;src:url(/fonts/zaodian-round-heavy.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--bg:#fcfeff;--surface:#fff;--ink:#142447;--muted:#4c5f80;--primary:#0e68de;--primary-hover:#084fae;--apricot:#7ce7f0;--sage:#286c87;--border:#d9e9f5;--soft:#edf7fc;--radius:22px;--serif:Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--sans:Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--brand-gradient:linear-gradient(125deg, #79fff4 0%, #14bddd 36%, #0e68de 100%);--action-gradient:linear-gradient(115deg, #22ece3 0%, #23c5ff 45%, #398eff 100%);--action-ink:#062852;--glass:#ffffffe0;--glass-shadow:0 7px 22px #37b9e71c, 0 0 0 3px #e7fbff66, inset 0 2px 0 #fff;--panel-shadow:0 12px 35px #1c59820d;--danger:#a32b40}body{background:radial-gradient(ellipse at 88% 230px, #eafaff 0, transparent 540px), var(--bg)}::selection{color:var(--ink);background:#b8f5f0}h1,h2,h3{color:var(--ink)}.button,.search-form button,.category-tabs button,.icon-button{transition:background .16s,box-shadow .16s,transform .16s}.primary,.search-form button,.category-tabs button.selected,.page-number.active,.status-tabs .selected,.editor-tabs .selected,.preview-tabs .selected{background:var(--action-gradient);color:var(--action-ink);box-shadow:inset 0 2px #c9fff9,inset 1px 0 #fffa,0 5px 14px #11b8e333}.primary:hover:not(:disabled),.search-form button:hover{background:linear-gradient(115deg,#58f4e8,#49cfff 45%,#5ba0ff)}.secondary{background:var(--glass);border-color:var(--border)}.secondary:hover:not(:disabled){background:var(--soft)}.header,.detail-header,.hot-header{background:#fffffff0;border-color:#eaf2f9}.header-inner,.detail-header .header-inner{height:84px}.brand-mark{flex-shrink:0;width:45px;height:45px;display:block}.logo{gap:6px}.logo span{font-family:"Zaodian Heading", var(--sans);font-synthesis:none;letter-spacing:0;color:var(--ink);font-size:32px;font-weight:400}.desktop-nav a.active{color:var(--primary)}.desktop-nav a.active:after{background:var(--brand-gradient);width:31px}.prototype-label{letter-spacing:0}.hero{padding-top:57px;padding-bottom:24px}.hero-content{max-width:830px}.hero h1{font-family:"Zaodian Heading Heavy", var(--sans);font-synthesis:none;letter-spacing:-1.8px;color:#087add;background:linear-gradient(115deg,#0095ae 0% 13%,#008bd6 43%,#096bec 84%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 -1px #baffff)drop-shadow(0 1px #b2eefa);-webkit-background-clip:text;background-clip:text;width:max-content;max-width:100%;font-size:clamp(40px,5.1vw,73px);font-weight:900;line-height:1.25;position:relative}.hero h1 .heading-highlight{pointer-events:none;color:#0000;background:linear-gradient(#d5ffff1a 0%,#e7ffff12 13%,#0000 35%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.hero-swoosh{width:195px;height:22px;position:absolute;top:86px;right:128px}.hero-eyebrow{color:var(--muted);margin-bottom:12px;font-size:10px}.hero-subtitle{letter-spacing:.3px;margin-top:12px;margin-bottom:20px;font-size:22px}.hero-art{opacity:1;width:43%;height:345px;top:10px;right:-14px}.glass-landscape{pointer-events:none;position:absolute}.hero-waves{z-index:-1;width:calc(100% + 64px);height:190px;bottom:18px;left:-32px}.hero-art{z-index:-2}.hero .search-form{width:55%;min-width:0}.search-form{background:var(--glass);border:1px solid #bde6f4;box-shadow:inset 0 1px #fff,0 3px 12px #38b6d516}.hero .search-form{background:linear-gradient(110deg,#ffffffeb,#edfbffdd);border:2px solid #8fe7ff;min-height:68px;box-shadow:inset 0 0 0 3px #fff,0 0 0 4px #b8f8ff66,0 5px 19px #16bbeb26}.search-icon,.search-form input::placeholder{color:var(--muted)}.search-form:focus-within{outline-color:var(--primary);box-shadow:0 0 0 5px #7ce7f029}.search-form button{border:2px solid #d1fcff;width:54px;min-width:54px;height:54px}.category-tabs{gap:10px}.category-tabs button{color:var(--muted);background:#f8fcffdd;border:1px solid #dcf1ff;min-height:48px;padding-inline:24px;font-size:16px;box-shadow:0 4px 13px #24aadc10,inset 0 1px #fff}.category-tabs button:hover{background:#e8f5fc}.category-tabs button.selected{border-color:#159cdd}.results-section{padding-top:12px}.section-title h2{font-family:var(--sans);letter-spacing:-.5px;font-size:29px;font-weight:750}.section-divider{background:#aac2da}.filters select,.tutorial-search select{background:var(--glass);color:#334d72;border-color:#c7e3ff;font-size:15px}.project-grid{gap:20px}.project-card{border-radius:var(--radius);box-shadow:var(--glass-shadow);background:#eaf9ff linear-gradient(145deg,#e6f9ff,#f4fbff 70%);border:1px solid #bceafd;flex-direction:column;padding:0;display:flex}.project-card:hover{border-color:#90cdec;transform:translateY(-3px);box-shadow:0 12px 25px #247ab312}.project-card .cover{aspect-ratio:1.5;background:radial-gradient(at 50% 45%,#d4f5fc,#dff6ff);border-radius:21px 21px 0 0}.project-card .cover img{object-fit:contain;padding:7px 6px 0}img[src^="/art/glass/"][src$=-v2\.webp]{filter:saturate(.72)brightness(1.025)}.project-card .cover:after{content:"";pointer-events:none;background:linear-gradient(#0000,#effaffb3);height:34px;position:absolute;inset:auto 0 0}.cover{background:var(--soft)}.cover-category{color:#305d80;background:#fffffff0;border:1px solid #fff}.cover-disclaimer{color:#435b75;z-index:1;background:#fffffff0;font-size:11px;bottom:19px}.cover-placeholder{color:var(--muted);background:linear-gradient(135deg,#dff9fc,#e9f3ff)}.card-content{background:linear-gradient(145deg,#f6fdfff0,#eefaffd9);border:0;border-top:1px solid #fffe;border-radius:17px 17px 0 0;flex-direction:column;flex:1;margin-top:-13px;padding:9px 17px 10px;display:flex;position:relative;box-shadow:inset 0 1px #fff}.card-title h3{font-size:25px;font-weight:750}.card-summary{color:#455e87;min-height:56px;margin:1px 0 13px;font-size:17px;line-height:1.65;display:block}.tags span{color:#34577d;background:#eefaff;border:1px solid #cce9ff;padding:5px 10px;font-size:13px}.project-card .tags{align-content:flex-start}.checked,.sample{color:var(--muted)}.home-end{isolation:isolate;color:var(--primary);border-top-color:#e4f1f8;gap:18px;padding:22px 12px 25px;position:relative}.home-end .end-waves{z-index:-1;width:calc(100% + 64px);height:180px;inset:auto -32px 0}.home-end .glass-landscape-plants{pointer-events:none;z-index:-1;width:140px;height:112px;position:absolute;bottom:12px;right:6%}.glass-bulb{flex:0 0 34px;width:34px;height:49px}.home-end-copy{position:relative}.home-end p{font-size:16px}.home-end h3{font-family:var(--sans);font-weight:750}.footer,.detail-footer{color:var(--muted);background:0 0;border-color:#e7f0f8}.footer .logo .brand-mark{width:38px;height:38px}.footer .logo span{font-size:27px}.paper-panel,.project-effects,.tutorial-card,.tutorial-article>section,.admin-table,.admin-stats button,.agent-install,.editor-actions,.faq-guides-editor details,.step-editor{border-color:var(--border);background:var(--glass);box-shadow:var(--panel-shadow)}.paper-panel,.tutorial-card,.admin-table{border-radius:var(--radius)}.notice,.demo-badge,.admin-banner{color:#365d79;background:var(--soft);border-color:var(--border)}.article-content p,.tutorial-article p,.idea-input p{color:var(--muted)}.detail-shell .detail-hero h1,.detail-hero h1{color:var(--ink)}.detail-flower img{object-fit:contain}.detail-flower>p{color:var(--muted);font-family:var(--sans)}.idea-input,.reading-concept{background:var(--surface);box-shadow:var(--glass-shadow)}.reading-books>div:not(:last-child){color:#fff;background:#286c87}.reading-books>div:nth-child(2){background:#0e68de}.reading-books>div:nth-child(3){background:#52637d}.checklist svg,.toc-note{color:var(--sage)}.code-block,.embedded-tutorial .code-block{background:var(--soft);border-color:var(--border)}.code-block pre,.embedded-tutorial .code-block pre{color:#274561;background:#f9fcff}.tutorial-faq details,.faq-host,.tutorial-article details{border-color:var(--border);background:var(--surface)}.tutorial-card:hover{border-color:#9accea}.tutorials-hero>svg{color:var(--primary)}.agent-install{background:#f0fbfc linear-gradient(120deg,#f0fbfc,#f5f9ff)}.agent-install textarea,.field input,.field textarea,.field select{border-color:var(--border);color:var(--ink);background:#fcfeff}.field.invalid input,.field.invalid textarea{border-color:var(--danger)}.field .form-error,.form-error{color:var(--danger)}.password-field>label{font-weight:600}.password-input{position:relative}.password-input input{padding-right:54px}.password-visibility{width:44px;color:var(--muted);border-radius:10px;place-items:center;display:grid;position:absolute;top:0;bottom:0;right:0}.password-visibility:hover,.password-visibility[aria-pressed=true]{color:var(--primary)}.password-visibility:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.admin-stats button.selected{background:#eaf6ff;border-color:#99c7ec}.admin-stats svg{color:var(--primary)}.table-head{color:var(--muted);background:#f1f8fd}.table-row{border-color:var(--border)}.status-label.published{color:#236742;background:#edf8f0}.status-label.draft,.status-label.unpublished{color:#51647d;background:var(--soft)}.editor-actions{box-shadow:0 3px 22px #1253900e}.dialog{border-color:var(--border);background:#fff;box-shadow:0 24px 80px #174b7226}.dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1c3e6355}.dialog-flower{color:var(--primary);background:#e7f9fd}.toast{color:#fff;background:#173c65;box-shadow:0 6px 20px #1434531c}.skeleton-cover,.skeleton-line{background:#e8f2f8}.empty>svg{color:var(--primary)}.filters.expanded{background:var(--soft)}.hot-header .logo span{font-family:"Zaodian Heading",var(--sans)}.hot-header .brand-mark{width:37px;height:37px}.hot-sunflower{width:50px;height:50px}.hot-hero h1{color:var(--ink)}.hot-hero p,.hot-meta,.hot-scope,.hot-columns,.hot-name p,.hot-list-note{color:var(--muted)}.hot-flower>img{object-fit:contain;width:245px;height:157px;top:-4px}.hot-flower>svg path{stroke:#81c8e7}.hot-segment{border-color:var(--border);background:#f5fafe}.hot-segment button{color:var(--muted);min-height:44px}.hot-segment button[aria-pressed=true]{color:var(--action-ink);background:var(--action-gradient)}.hot-filters button{border-color:var(--border);min-height:40px;color:var(--muted);background:#f6fbff}.hot-filters button[aria-pressed=true]{color:#0959b9;background:#e6f4ff;border-color:#93c7ea}.hot-truth-badge,.hot-tag{color:#365d79;background:#eef8fd;border-color:#c4dfef}.hot-row{border-color:var(--border);background:var(--glass);border-radius:14px;box-shadow:0 4px 15px #23699506}.hot-row.hot-front{background:linear-gradient(110deg,#f1fbfd,#fbfdff);border-color:#a4d7ec}.hot-rank{background:var(--soft);color:#46627f}.hot-front .hot-rank{color:#0e68de;background:#dff4fc}.hot-cover{background:var(--soft)}.hot-cover-wait{color:var(--muted);background:linear-gradient(130deg,#e1f6fa,#ecf4ff)}.hot-name h3{color:var(--ink)}.hot-number{color:#304f71}.hot-delta{color:#0a60c6}.hot-number small,.hot-delta small,.hot-source-button,.hot-footer{color:var(--muted)}.hot-source-button{width:38px;min-height:44px}.hot-links .button{min-height:44px}.hot-pending-list{border-color:var(--border)}.hot-pending-list summary{min-height:40px}.hot-footer .logo span{font-family:"Zaodian Heading",var(--sans)}.hot-footer .brand-mark{width:29px;height:29px}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.project-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#eaf9ff linear-gradient(145deg,#e6f9ffd9,#f4fbffcc)}}@media (min-width:768px) and (max-width:1199px){.hero h1{font-size:50px}.hero-swoosh{width:145px;top:60px;right:32%}.hero-art{width:43%;height:300px}.hero .search-form{width:62%}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card-content{padding:10px 12px 13px}.card-title h3{font-size:22px}.card-summary{min-height:75px;font-size:15px}.tags span{padding-inline:7px;font-size:12px}.category-tabs button{padding-inline:16px}}@media (min-width:768px) and (max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.header-inner,.detail-header .header-inner{height:69px}.brand-mark{width:37px;height:37px}.logo span{font-size:27px}.hero{padding-top:29px}.hero h1{letter-spacing:-.6px;width:auto;max-width:100%;font-size:clamp(30px,8.1vw,39px);line-height:1.45}.hero-swoosh{width:108px;height:15px;top:83px;right:5px}.hero-content{max-width:100%}.hero-subtitle{max-width:100%;margin-top:10px;margin-bottom:185px;font-size:16px}.hero-art{width:100%;height:175px;top:auto;bottom:219px;right:-5px}.hero-waves{width:calc(100% + 36px);height:90px;bottom:210px;left:-18px}.hero .search-form{width:100%;min-height:55px}.category-tabs{gap:7px}.hero .category-tabs button{min-height:44px;padding-inline:13px;font-size:14px}.project-grid{grid-template-columns:minmax(0,1fr)}.project-card .cover{aspect-ratio:1.5}.card-title h3{font-size:24px}.card-summary{min-height:0;font-size:17px}.project-card .tags{min-height:0;margin-bottom:8px}.home-end{padding-inline:5px;padding-bottom:58px}.home-end h3{font-size:18px}.home-end p{font-size:14px}.home-end .end-waves{opacity:.75;width:calc(100% + 36px);height:90px;inset-inline:-18px}.home-end .glass-landscape-plants{opacity:.7;width:60px;height:54px;bottom:3px;right:0}.hot-header .brand-mark{width:31px;height:31px}.hot-sunflower{width:36px;height:36px}.hot-segment button{min-height:44px}.hot-filters button{min-height:40px}.hot-source-button{width:44px}.hot-footer .brand-mark{width:25px;height:25px}.dialog-actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.button:hover:not(:disabled),.project-card:hover{transform:none}}@media (prefers-reduced-transparency:reduce){.project-card{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors:active){.hero h1{-webkit-text-fill-color:CanvasText;background:0 0}.primary,.category-tabs button.selected,.page-number.active{color:highlighttext;background:highlight;border:1px solid buttontext}.project-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas}}.detail-shell .project-english-name{letter-spacing:.01em;margin-top:12px;font-size:clamp(22px,2.2vw,30px);font-weight:600;line-height:1.2;display:block}.detail-shell .case-workflow ol{grid-template-columns:repeat(3,minmax(0,1fr))}.optional-network-service{background:#f5fcff;border:1px solid #caeaf0;border-radius:14px;margin:16px 0;padding:12px 14px}.detail-shell .optional-network-service h4{margin:0 0 6px;font-size:14px}.optional-network-service p{color:#547182;margin:0 0 8px;font-size:13px;line-height:1.65}.optional-network-service .text-button{font-size:13px}@media (max-width:767px){.detail-shell .case-workflow ol{grid-template-columns:minmax(0,1fr)}}.project-card .project-english-name{color:var(--ink);margin-top:5px;font-size:17px;font-weight:600;line-height:1.4;display:block}.drawer .project-english-name{color:var(--ink);margin-top:8px;font-size:22px;font-weight:600;line-height:1.4;display:block}.detail-shell .workflow-steps-2 ol{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-shell .workflow-steps-4 ol{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:767px){.detail-shell .case-workflow ol{grid-template-columns:minmax(0,1fr)}}.project-card{position:relative}.project-card-link{z-index:1;border-radius:inherit;position:absolute;inset:0}.project-card-link:focus-visible{outline:3px solid var(--primary);outline-offset:-4px}.project-card .quick-button{z-index:2;position:relative}.project-english-name{overflow-wrap:anywhere}.project-card .card-title h3{overflow-wrap:anywhere;min-width:0;display:block;overflow:visible}
.analytics-page{min-width:0;padding-bottom:36px}.analytics-heading h1{margin-bottom:10px}.analytics-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px;display:flex}.analytics-toolbar>div:last-child{align-items:center;gap:15px;display:flex}.analytics-toolbar .muted{font-size:12px}.analytics-definitions{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-bottom:24px;padding:20px 24px}.analytics-definitions h2{margin:0 0 10px;font-size:17px}.analytics-definitions p{color:var(--muted);margin:8px 0;font-size:13px;line-height:1.85}.analytics-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 28px;display:grid}.analytics-metrics>div{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:21px 24px}.analytics-metrics dt{color:var(--muted);font-size:13px;line-height:1.6}.analytics-metrics dd{font-variant-numeric:tabular-nums;margin:9px 0 0;font-size:35px;font-weight:700;line-height:1.4}.analytics-panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin:25px 0;overflow:hidden}.analytics-panel>h2{margin:20px 22px 8px;font-size:21px}.analytics-panel>.muted{margin:0 22px 16px;font-size:12px}.analytics-table-scroll{border-radius:0 0 16px 16px;max-width:100%;overflow-x:auto}.analytics-table-scroll:focus-visible{outline:2px solid var(--primary,#247e8d);outline-offset:-3px}.analytics-panel table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.7}.analytics-panel th,.analytics-panel td{text-align:right;vertical-align:top;border-top:1px solid var(--border);font-variant-numeric:tabular-nums;white-space:nowrap;padding:13px 20px}.analytics-panel th:first-child{text-align:left;white-space:normal;min-width:150px}.analytics-panel thead th{color:var(--muted);background:#80969b0f;font-weight:600}.analytics-panel tbody th{font-weight:500}.analytics-panel tbody tr:hover{background:#80969b0a}.analytics-path{overflow-wrap:anywhere;word-break:break-word}.analytics-project-id{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:11px;display:block}.analytics-message{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin:20px 0;padding:24px;font-size:14px;line-height:1.9}.analytics-message h1{font-size:27px}.analytics-message .button{margin-top:10px}.analytics-empty{color:var(--muted);padding:6px 22px 21px;font-size:13px}.analytics-retention{color:var(--muted);margin:22px 0 0;font-size:12px;line-height:1.9}.analytics-truncated{background:#a5742114;border-left:3px solid #a57421;border-radius:4px;padding:10px 14px}@media (max-width:767px){.analytics-heading{gap:15px}.analytics-toolbar{gap:12px;margin-bottom:18px}.analytics-toolbar>div:last-child{justify-content:space-between;width:100%}.analytics-toolbar .status-tabs{width:100%;display:flex}.analytics-toolbar .status-tabs button{flex:1;padding-inline:8px}.analytics-toolbar .button{font-size:12px}.analytics-definitions{padding:16px 18px}.analytics-definitions p{font-size:12px}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analytics-metrics>div{padding:16px}.analytics-metrics dt{font-size:11px}.analytics-metrics dd{font-size:29px}.analytics-panel>h2{margin-inline:17px;font-size:19px}.analytics-panel>.muted{margin-inline:17px}.analytics-panel th,.analytics-panel td{padding:12px 16px;font-size:12px}.analytics-panel th:first-child{min-width:125px}.analytics-message{padding:18px;font-size:13px}.analytics-retention{font-size:11px}}.analytics-admin-nav{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;display:flex}.analytics-admin-nav a{border:1px solid var(--border);background:var(--surface);border-radius:24px;align-items:center;min-height:44px;padding:8px 18px;font-size:13px;display:inline-flex}.analytics-admin-nav a:hover,.analytics-admin-nav a[aria-current=page]{color:var(--primary);background:var(--soft)}.analytics-privacy{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin:0 0 24px;padding:21px 24px}.analytics-privacy-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.analytics-privacy h2{margin:0 0 7px;font-size:18px}.analytics-privacy-heading>div>p{color:var(--muted);font-size:13px;line-height:1.8}.analytics-privacy-toggle{cursor:pointer;flex-shrink:0;align-items:center;gap:10px;min-height:44px;font-size:13px;display:inline-flex}.analytics-privacy-toggle input{width:21px;height:21px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.analytics-privacy-toggle input:disabled{cursor:wait}.analytics-privacy-status{margin:14px 0 0;font-size:13px;font-weight:600;line-height:1.85}.analytics-privacy-details{color:var(--muted);margin-top:11px;font-size:12px;line-height:1.9}.analytics-privacy-details p+p{margin-top:5px}.analytics-privacy-error{color:#a22f25;background:#a22f250f;border-left:3px solid;border-radius:4px;margin-top:11px;padding:8px 11px;font-size:13px;line-height:1.8}@media (max-width:767px){.analytics-privacy{margin-bottom:18px;padding:17px 18px}.analytics-privacy-heading{flex-direction:column;align-items:flex-start;gap:8px}.analytics-privacy h2{font-size:17px}.analytics-privacy-toggle{width:100%;padding:2px 0}.analytics-privacy-status{margin-top:10px;font-size:12px}.analytics-privacy-details{font-size:11px}.analytics-privacy-error{font-size:12px}}.analytics-privacy-persistence{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.85}.analytics-preferences-page{min-height:55vh;padding-top:36px;padding-bottom:48px}.analytics-preferences-page>h1{margin-bottom:14px}.analytics-preferences-page>.muted{margin-bottom:24px}.analytics-preferences-page>.button{margin-top:20px}