:root{--color-bg:#f4f6f8;--color-surface:#fff;--color-surface-muted:#eef2f5;--color-text:#17191c;--color-text-muted:#646b73;--color-text-faint:#8b929a;--color-border:#dde2e7;--color-accent:#d94343;--color-accent-soft:#fdecec;--color-slate:#2f4354;--color-slate-dark:#182431;--color-code:#14212c;--shadow-float:0 22px 60px #1219231a;--shadow-feature:0 30px 88px #12192338, 0 10px 28px #1219231f;--shadow-card:0 20px 58px #12192312;--shadow-card-hover:0 28px 78px #12192321;--font-heading:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;--font-body:"Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--max-page:1280px}*{box-sizing:border-box}html{background:var(--color-bg);scroll-behavior:smooth}body{color:var(--color-text);font-family:var(--font-body);background:linear-gradient(118deg,#d9434312,#0000 36%),linear-gradient(252deg,#2f435414,#0000 42%),linear-gradient(#fbfcfd 0%,#f4f6f8 48%,#edf1f4 100%);margin:0}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#12192309 1px,#0000 1px),linear-gradient(90deg,#12192309 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 72%);mask-image:linear-gradient(#000 0%,#0000 72%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.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}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.site-shell{flex-direction:column;min-height:100vh;padding:0;display:flex}.site-header{z-index:20;width:100%;min-height:64px;box-shadow:none;will-change:transform;background:0 0;border-bottom:1px solid #0000;transition:transform .18s,background-color .18s,box-shadow .18s;position:fixed;top:0;left:0}.site-header-inner{align-items:center;width:100%;min-height:64px;margin:0 auto;padding:0 24px;display:flex;position:relative}.site-header.is-scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom-color:#dde2e7c7;box-shadow:0 8px 24px #1219230f}.site-header.is-hidden{transform:translateY(-100%)}.site-brand{width:max-content;font-family:var(--font-heading);letter-spacing:0;white-space:nowrap;text-shadow:0 2px 14px #ffffffb8;justify-self:start;font-size:25px;font-weight:800}.site-nav{justify-content:center;gap:var(--space-6);color:var(--color-text-muted);font-size:15px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.site-nav a{align-items:center;min-height:64px;display:inline-flex;position:relative}.site-nav a[aria-current=page]{color:var(--color-accent);font-weight:700}.site-nav a[aria-current=page]:after{content:"";background:var(--color-accent);border-radius:999px 999px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.search-entry{align-items:center;gap:var(--space-2);width:min(28vw,300px);min-height:36px;color:var(--color-text-muted);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff94;border:1px solid #dde2e7b8;margin-left:auto;padding:0 10px 0 14px;display:flex}.search-entry input{width:100%;min-width:0;color:var(--color-text);background:0 0;border:0;outline:0}.search-entry:focus-within{outline:2px solid var(--color-accent);outline-offset:3px}.search-entry kbd{color:var(--color-text-faint);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 6px;font-size:12px}.search-entry-icon{font-size:20px;line-height:1;display:none}.site-main{width:100%;max-width:min(calc(100% - 48px), var(--max-page));flex:1;margin:0 auto;padding:100px 0 56px}.site-main-article{padding-top:84px}.site-footer{width:100%;max-width:min(calc(100% - 48px), var(--max-page));color:var(--color-text-faint);margin:auto auto 0;padding:24px 28px 56px;font-size:14px}.category-strip,.tag-row,.tag-cloud{gap:var(--space-3);flex-wrap:wrap;display:flex}.category-chip,.tag-pill{color:#39414a;background:var(--color-surface-muted);white-space:nowrap;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;min-height:34px;padding:0 13px;font-size:14px;display:inline-flex}.category-chip.is-active,.tag-pill.is-active{color:var(--color-accent);background:var(--color-accent-soft)}.tag-pill span{color:var(--color-text-faint);margin-left:7px}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.section-head h2{margin:0;font-size:22px;line-height:1.25}.section-head a,.section-action{color:var(--color-text-muted);font-size:14px}.media-frame{background:var(--color-slate-dark);border-radius:var(--radius-lg);aspect-ratio:16/8.5;width:100%;min-width:0;margin:0;display:block;position:relative;overflow:hidden}.media-frame.is-compact{aspect-ratio:16/7.6}.media-frame svg{width:100%;min-width:0;max-width:100%;height:100%;display:block}.media-frame.is-image img{object-fit:cover;width:100%;height:100%;display:block}.hero-layout{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:28px;min-width:0;padding:30px 0 38px;display:grid}.hero-layout>.media-frame{box-shadow:var(--shadow-feature);transform:rotate(-.7deg)}.page-hero{max-width:760px;padding:32px 0 36px}.page-hero h1{margin:0;font-size:42px;line-height:1.2}.page-hero p:last-child{color:var(--color-text-muted);margin:18px 0 0;font-size:17px;line-height:1.8}.feature-copy{min-width:0;padding:var(--space-1) 0}.eyebrow{color:var(--color-accent);margin:0 0 14px;font-size:14px;font-weight:800}.feature-copy h1{letter-spacing:0;max-width:640px;margin:0;font-size:36px;font-weight:850;line-height:1.22}.feature-copy p{max-width:580px;color:var(--color-text-muted);margin:18px 0;font-size:16px;line-height:1.8}.article-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.author-dot{background:var(--color-slate);border:3px solid #f2c8c6;border-radius:50%;width:22px;height:22px}.read-link{min-height:42px;margin-top:var(--space-3);color:var(--color-text);align-items:center;font-weight:700;display:inline-flex}.read-link:after{content:"->";margin-left:10px}.content-grid{grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding-top:28px;display:grid}.taxonomy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.taxonomy-card{border-radius:var(--radius-lg);min-height:190px;box-shadow:var(--shadow-card);background:#ffffffb8;border:1px solid #ffffffdb;gap:14px;padding:26px;display:grid}.taxonomy-card span{color:var(--color-accent);font-weight:800}.taxonomy-card h2{margin:0;font-size:26px}.taxonomy-card p{color:var(--color-text-muted);margin:0;line-height:1.75}.taxonomy-card strong{background:var(--color-surface-muted);border-radius:var(--radius-md);align-self:end;width:max-content;padding:6px 10px}.tag-cloud.is-large{gap:16px;max-width:880px}.tag-cloud.is-large .tag-pill{min-height:42px;padding:0 18px;font-size:16px}.search-page-form{gap:10px;max-width:720px;margin-bottom:28px;display:flex}.search-page-form input{min-width:0;min-height:46px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffd1;flex:1;padding:0 14px}.search-page-form button{color:#fff;background:var(--color-accent);border-radius:var(--radius-lg);border:0;min-height:46px;padding:0 18px;font-weight:700}.about-panel,.article-body-preview{border-radius:var(--radius-lg);max-width:820px;box-shadow:var(--shadow-card);background:#ffffffc7;border:1px solid #ffffffdb;padding:30px}.about-panel h2{margin:0 0 12px;font-size:28px}.about-panel p,.article-body-preview p{color:var(--color-text-muted);line-height:1.85}.about-panel dl{gap:16px;margin:28px 0 0;display:grid}.about-panel dl div{grid-template-columns:96px minmax(0,1fr);gap:14px;display:grid}.about-panel dt{color:var(--color-text);font-weight:800}.about-panel dd{color:var(--color-text-muted);margin:0}.article-detail{--article-reading-width:998px;--article-reading-offset:max(0px, calc((100% - var(--article-reading-width)) / 2));gap:22px;width:100%;min-width:0;max-width:min(100%,1120px);margin:0 auto;display:grid}.article-detail-header{min-width:0;max-width:860px;margin-left:var(--article-reading-offset);gap:14px;display:grid}.article-detail-header h1{overflow-wrap:anywhere;word-break:break-word;max-width:800px;margin:0;font-size:40px;line-height:1.16}.article-detail-header>p:not(.eyebrow){max-width:760px;color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.76}.article-detail .tag-row{gap:var(--space-2)}.article-cover-media{width:min(100%,960px);margin-left:var(--article-reading-offset);aspect-ratio:16/6.2;max-height:360px;box-shadow:0 18px 48px #12192329}.reading-progress{z-index:70;background:var(--color-accent);transform-origin:0;width:100%;height:2px;position:fixed;top:0;left:0}.article-reading-layout{grid-template-columns:190px minmax(0,760px);justify-content:center;align-items:start;gap:48px;min-width:0;margin-top:10px;display:grid}.article-reading-layout.is-no-toc{grid-template-columns:minmax(0,760px);gap:0}.article-reading-layout.is-no-toc .article-body{width:100%}.article-toc{min-width:0;max-width:190px;color:var(--color-text-muted);box-shadow:none;background:0 0;border:0;border-left:2px solid #dde2e7e6;border-radius:0;gap:12px;padding:4px 0 4px 16px;display:grid;position:sticky;top:96px;overflow:hidden}.article-toc strong{color:var(--color-text)}.article-toc ol{gap:9px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.article-toc li{min-width:0;font-size:14px;line-height:1.45}.article-toc li.level-3{padding-left:14px}.article-toc a:hover{color:var(--color-accent)}.article-toc a{overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.article-body{min-width:0;max-width:760px;box-shadow:none;color:var(--color-text);background:0 0;border:0;border-radius:0;padding:0;font-size:17px;line-height:1.9}.article-body>:first-child{margin-top:0}.article-body>:last-child{margin-bottom:0}.article-body h2,.article-body h3{scroll-margin-top:112px;line-height:1.35}.article-body h2{margin:42px 0 16px;font-size:28px}.article-body h3{margin:30px 0 12px;font-size:22px}.article-body p,.article-body ul,.article-body ol,.article-body blockquote,.article-body table,.article-body .code-block{margin:0 0 22px}.article-body ul,.article-body ol{padding-left:1.3em}.article-body blockquote{color:var(--color-text-muted);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);background:#eef2f5cc;padding:16px 18px}.article-body img{border-radius:var(--radius-md);max-width:100%;height:auto;box-shadow:var(--shadow-card);margin:28px auto;display:block}.article-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--color-border);text-align:left;min-width:128px;padding:10px 12px}.article-body th{background:var(--color-surface-muted)}.code-block{--code-block-bg:#f6f8fa;--code-block-caption-bg:#eef2f5;--code-block-caption-fg:#475569;--code-block-code-fg:#1f2937;--code-token-line-number:#64748b;--code-token-comment:#6b7280;--code-token-punctuation:#475569;--code-token-keyword:#7c3aed;--code-token-function:#0f766e;--code-token-string:#15803d;--code-token-number:#b45309;--code-token-property:#0369a1;--code-token-operator:#334155;--code-block-selection:#3b82f638;--code-copy-bg:#fff;--code-copy-border:#cbd5e1;--code-copy-fg:#334155;background:var(--code-block-bg);border-radius:var(--radius-lg);width:100%;max-width:100%;overflow:hidden}.code-block[data-code-theme=dark]{--code-block-bg:#101827;--code-block-caption-bg:#182235;--code-block-code-fg:#dbeafe;--code-token-line-number:#94a3b8;--code-token-comment:#94a3b8;--code-token-punctuation:#cbd5e1;--code-token-keyword:#c4b5fd;--code-token-function:#93c5fd;--code-token-string:#86efac;--code-token-number:#fbbf24;--code-token-property:#67e8f9;--code-token-operator:#f0abfc;--code-block-selection:#93c5fd40;--code-copy-bg:#1f2937;--code-copy-border:#374151;--code-copy-fg:#e2e8f0}.code-block[data-code-theme=light]{--code-block-bg:#f6f8fa;--code-block-caption-bg:#eef2f5;--code-block-caption-fg:#475569;--code-block-code-fg:#1f2937;--code-copy-bg:#fff;--code-copy-border:#cbd5e1;--code-copy-fg:#334155}.code-block[data-code-theme=terminal]{--code-block-bg:#0b1117;--code-block-caption-bg:#111827;--code-block-code-fg:#d1fae5;--code-token-line-number:#6ee7b7;--code-token-comment:#6b7280;--code-token-punctuation:#a7f3d0;--code-token-keyword:#5eead4;--code-token-function:#86efac;--code-token-string:#bef264;--code-token-number:#fde68a;--code-token-property:#67e8f9;--code-token-operator:#99f6e4;--code-block-selection:#2dd4bf3d;--code-copy-bg:#1f2937;--code-copy-border:#374151;--code-copy-fg:#e2e8f0}.code-block[data-code-theme=accent]{--code-block-bg:#fff7ed;--code-block-caption-bg:#ffedd5;--code-block-caption-fg:#7c2d12;--code-block-code-fg:#432818;--code-token-line-number:#9a3412;--code-token-comment:#9a3412;--code-token-punctuation:#7c2d12;--code-token-keyword:#9d174d;--code-token-function:#b45309;--code-token-string:#15803d;--code-token-number:#c2410c;--code-token-property:#0369a1;--code-token-operator:#7c2d12;--code-block-selection:#fb923c3d;--code-copy-bg:#fff;--code-copy-border:#fed7aa;--code-copy-fg:#7c2d12;border:1px solid #fed7aa}.code-block figcaption{color:var(--code-block-caption-fg);background:var(--code-block-caption-bg);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:flex}.code-copy-button{min-height:28px;color:var(--code-copy-fg);background:var(--code-copy-bg);border:1px solid var(--code-copy-border);border-radius:var(--radius-sm);cursor:pointer;padding:0 10px}.code-block pre{max-width:100%;margin:0;padding:18px;overflow-x:auto}.code-block code{color:var(--code-block-code-fg);font-family:var(--font-mono);font-size:14px;line-height:1.7}.code-block pre::selection,.code-block pre ::selection,.code-block code::selection,.code-block code ::selection{color:inherit;background:var(--code-block-selection)}.code-block .hljs{color:var(--code-block-code-fg);background:0 0}.code-block .hljs-comment,.code-block .hljs-quote,.code-block .hljs-meta{color:var(--code-token-comment)}.code-block .hljs-punctuation{color:var(--code-token-punctuation)}.code-block .hljs-keyword,.code-block .hljs-selector-tag,.code-block .hljs-built_in,.code-block .hljs-type,.code-block .hljs-literal,.code-block .hljs-section,.code-block .hljs-link{color:var(--code-token-keyword)}.code-block .hljs-title,.code-block .hljs-title.function_,.code-block .hljs-title.class_,.code-block .hljs-function,.code-block .hljs-params{color:var(--code-token-function)}.code-block .hljs-string,.code-block .hljs-char.escape_,.code-block .hljs-regexp,.code-block .hljs-template-variable,.code-block .hljs-variable{color:var(--code-token-string)}.code-block .hljs-number,.code-block .hljs-symbol,.code-block .hljs-bullet{color:var(--code-token-number)}.code-block .hljs-property,.code-block .hljs-attr,.code-block .hljs-attribute,.code-block .hljs-name,.code-block .hljs-tag{color:var(--code-token-property)}.code-block .hljs-operator,.code-block .hljs-subst{color:var(--code-token-operator)}.code-block .hljs-addition{color:var(--code-token-string)}.code-block .hljs-deletion{color:var(--color-danger)}.article-list{gap:14px;display:grid}.article-card{border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-card);background:#ffffffdb;border:1px solid #ffffffe0;transition:box-shadow .16s,transform .16s;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.article-card.is-horizontal{grid-template-columns:264px minmax(0,1fr);align-items:center;gap:24px;padding:12px 24px 12px 12px;display:grid}.article-card.is-no-cover{padding:20px 24px}.article-card h3{overflow-wrap:anywhere;margin:0 0 8px;font-size:20px;line-height:1.35}.article-card p{color:var(--color-text-muted);overflow-wrap:anywhere;margin:0 0 12px;line-height:1.7}.article-card>div{min-width:0}.article-cover{border-radius:var(--radius-lg);background:var(--color-code);border:1px solid var(--color-border);align-content:center;width:100%;min-width:0;min-height:126px;margin:0;padding:18px;display:grid;overflow:hidden}.code-tab{color:#cbd5e1;border-radius:var(--radius-sm);width:max-content;font-family:var(--font-mono);background:#203040;border:1px solid #405166;margin-bottom:10px;padding:3px 7px;font-size:11px}.code-line{background:#8cc6ff;border-radius:99px;height:9px;margin-top:8px;display:block}.code-line.is-long{width:76%}.code-line.is-medium{background:#86efac;width:64%}.code-line.is-short{background:#fda4af;width:42%}.code-line.is-alt{background:#c4b5fd;width:58%}.terminal-cover{color:#9ff0c5;font-family:var(--font-mono);background:#111827;gap:8px;font-size:12px}.terminal-cover span:before{content:"$ ";color:#fca5a5}.article-cover.is-image{background:var(--color-surface-muted);padding:0;display:block;position:relative}.article-cover.is-image img{object-fit:cover;width:100%;height:100%;min-height:126px;display:block}.side-panel{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff94;border:1px solid #ffffffc2;align-content:start;gap:28px;padding:22px;display:grid;box-shadow:0 18px 48px #1219230e}.topic-link{gap:var(--space-3);border-bottom:1px solid var(--color-border);grid-template-columns:64px 1fr;padding:12px 0;display:grid}.mini-cover{background:var(--color-slate-dark);border-radius:var(--radius-md);width:64px;height:54px}.topic-link strong{margin-bottom:5px;display:block}.topic-link small{color:var(--color-text-muted);line-height:1.5}.list-boundary{margin-top:var(--space-4);color:var(--color-text-faint);border-top:1px solid var(--color-border);padding-top:14px;font-size:14px}.empty-state{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;max-width:680px;padding:28px}.empty-state h2{margin:0 0 10px;font-size:22px}.empty-state p{color:var(--color-text-muted);margin:0;line-height:1.75}.foundation-empty{margin-top:28px}@media (max-width:980px){.site-header-inner{min-height:64px;padding:0 18px}.site-nav{gap:var(--space-5);max-width:42vw;overflow-x:auto}.site-nav a{flex:none;min-height:64px}.search-entry{width:min(28vw,260px)}.hero-layout,.content-grid,.article-reading-layout,.taxonomy-grid{grid-template-columns:1fr}.article-toc{border-radius:var(--radius-lg);background:#ffffffa8;border:1px solid #dde2e7c7;order:-1;padding:16px;position:static}.article-body{max-width:none}.side-panel{padding:18px}}@media (max-width:640px){.site-header-inner{grid-template-rows:54px 40px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;min-height:64px;padding:0 14px;display:grid}.site-brand{grid-area:1/1;font-size:21px}.site-nav{scrollbar-width:none;grid-area:2/1/auto/-1;justify-content:flex-start;gap:20px;width:auto;max-width:none;position:static;overflow-x:auto;transform:none}.site-nav::-webkit-scrollbar{display:none}.site-nav a{min-height:40px}.search-entry{grid-area:1/2;justify-content:center;justify-self:end;width:44px;padding:0}.search-entry-icon{display:inline-flex}.search-entry input,.search-entry kbd{display:none}.site-main{max-width:100%;padding:118px 18px 44px}.site-main-article{padding-top:112px}.site-footer{max-width:100%;padding:20px 18px 40px}.category-strip{flex-wrap:nowrap;margin-left:-18px;margin-right:-18px;padding:0 18px 4px;overflow-x:auto}.media-frame{aspect-ratio:4/3}.hero-layout>.media-frame{transform:none}.article-cover-media{aspect-ratio:16/9;width:100%;max-height:none}.feature-copy h1{overflow-wrap:anywhere;width:100%;max-width:calc(100vw - 36px);font-size:30px}.feature-copy p,.article-detail-header>p:not(.eyebrow),.article-meta{overflow-wrap:anywhere;max-width:calc(100vw - 36px)}.page-hero h1,.article-detail-header h1{line-break:auto;overflow-wrap:anywhere;width:100%;max-width:calc(100vw - 36px);font-size:27px}.article-detail,.article-detail-header,.article-reading-layout,.article-body{max-width:100%}.taxonomy-card,.about-panel,.article-body-preview{padding:22px}.article-body{padding:0}.article-toc{padding:16px}.about-panel dl div{grid-template-columns:1fr;gap:6px}.search-page-form{flex-direction:column}.content-grid{gap:22px}.article-card.is-horizontal{grid-template-columns:1fr;gap:14px;padding:12px}.article-card.is-no-cover{padding:18px}.article-cover{min-height:136px;padding:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header,.article-card{transition:none}}