:root{--bg:#faf9f5;--surface:#fff;--surface-2:#f3f1e9;--ink:#141413;--ink-2:#3d3d3a;--muted:#6f6d66;--faint:#a3a198;--line:#e6e3d8;--line-2:#d6d2c4;--accent:#d97757;--accent-ink:#b5532f;--accent-soft:#f6e7df;--on-accent:#fff;--grid:#1414130b;--shadow:0 1px 0 #14141308, 0 8px 28px -12px #1414131f;--serif:"Noto Serif SC", "Songti SC", "STSong", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1c1b19;--surface:#252422;--surface-2:#2e2d2a;--ink:#f3f1ea;--ink-2:#d9d6cc;--muted:#a29f95;--faint:#77746b;--line:#35342f;--line-2:#45433d;--accent:#dd8563;--accent-ink:#e99a7a;--accent-soft:#3a2a23;--on-accent:#1c1b19;--grid:#f3f1ea0a;--shadow:0 1px 0 #0003, 0 10px 30px -14px #0009;color-scheme:dark}}:root[data-theme=dark]{--bg:#1c1b19;--surface:#252422;--surface-2:#2e2d2a;--ink:#f3f1ea;--ink-2:#d9d6cc;--muted:#a29f95;--faint:#77746b;--line:#35342f;--line-2:#45433d;--accent:#dd8563;--accent-ink:#e99a7a;--accent-soft:#3a2a23;--on-accent:#1c1b19;--grid:#f3f1ea0a;--shadow:0 1px 0 #0003, 0 10px 30px -14px #0009;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;font-size:15px;line-height:1.6;display:flex}main{flex:1}a{color:inherit}img{max-width:100%;height:auto}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.wrap{max-width:1120px;margin:auto;padding:0 24px}.narrow{max-width:760px}@media (width<=640px){.wrap{padding:0 16px}}.bar{z-index:30;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.bar .wrap{align-items:center;gap:12px;height:56px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.logo{color:var(--ink);line-height:0;display:inline-flex}.logo svg{width:auto;height:100%;display:block}.brand .logo-wordmark{height:26px}.logo-mark{height:1em}.brand .tld{font-family:var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:11px;font-weight:400}.bar-nav{gap:2px;margin-left:auto;display:flex}.bar-nav a{color:var(--muted);white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:14px;text-decoration:none;transition:color .15s,background .15s}.bar-nav a:hover{color:var(--ink);background:var(--surface-2)}.bar-nav a[aria-current=page]{color:var(--accent-ink);background:var(--accent-soft)}.lang{border:1px solid var(--line);background:var(--surface);border-radius:9px;flex:none;padding:2px;display:flex}.lang a{font-family:var(--mono);color:var(--muted);border-radius:7px;padding:4px 8px;font-size:12px;text-decoration:none}.lang a[aria-current=true]{background:var(--accent-soft);color:var(--accent-ink)}.lang a:hover{color:var(--ink)}.theme{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--ink-2);cursor:pointer;border-radius:9px;flex:none;place-items:center;display:grid}.theme:hover{border-color:var(--line-2)}.theme svg{width:16px;height:16px}@media (width<=640px){.bar .wrap{gap:8px}.brand .tld{display:none}.bar-nav a{padding:6px 7px;font-size:13px}}.hero{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0;mask-image:radial-gradient(at 70% 30%,#000 30%,#0000 75%)}.hero .wrap{grid-template-columns:1fr auto;align-items:end;gap:40px;padding-top:84px;padding-bottom:64px;display:grid;position:relative}@media (width<=760px){.hero .wrap{grid-template-columns:1fr;padding-top:56px;padding-bottom:44px}.spark{display:none}}.eyebrow{font-family:var(--mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;align-items:center;gap:10px;font-size:12px;display:flex}.eyebrow i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.hero h1{font-family:var(--serif);letter-spacing:-.02em;margin:20px 0 18px;font-size:clamp(38px,7vw,72px);font-weight:600;line-height:1.06}.hero h1 em{color:var(--accent);font-style:normal}.hero p.lead{max-width:620px;color:var(--ink-2);margin:0;font-size:17px}.spark{width:clamp(120px,16vw,180px);height:auto;color:var(--ink)}.spark .brand-motion{width:100%;height:auto;display:block}@media (prefers-reduced-motion:no-preference){.spark .brand-motion{transform-origin:50%;animation:3s cubic-bezier(.45,0,.2,1) both brand-arrive}}@keyframes brand-arrive{0%{transform:perspective(600px)rotateY(0)}to{transform:perspective(600px)rotateY(360deg)}}.actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;text-decoration:none;transition:border-color .15s,transform .15s;display:inline-flex}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.page-head{border-bottom:1px solid var(--line)}.page-head .wrap{padding-top:56px;padding-bottom:36px}.page-head h1{font-family:var(--serif);letter-spacing:-.02em;margin:14px 0 10px;font-size:clamp(32px,5vw,48px);font-weight:600;line-height:1.15}.page-head p{color:var(--ink-2);max-width:640px;margin:0;font-size:16px}.section{margin:52px 0}.wrap.section{margin:52px auto}.heading{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:20px;padding-bottom:14px;display:flex}.heading .idx{font-family:var(--mono);color:var(--accent-ink);font-size:12px}.heading h2{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600}.heading .more{font-family:var(--mono);color:var(--muted);margin-left:auto;font-size:12px;text-decoration:none}.heading .more:hover{color:var(--accent-ink)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.grid-single{grid-template-columns:1fr}.grid-single .card{padding:26px 28px}.grid-single .card p{max-width:720px;font-size:15px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:18px 18px 16px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}a.card:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-2px)}.card h3{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.card p{color:var(--ink-2);margin:0;font-size:14px}.meta{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.tag{font-family:var(--mono);color:var(--muted);background:var(--surface-2);border-radius:999px;padding:2px 8px;font-size:11px}.tag.accent{color:var(--accent-ink);background:var(--accent-soft)}.card .go{font-family:var(--mono);color:var(--accent-ink);margin-top:auto;padding-top:6px;font-size:12px}.empty{text-align:center;border:1px dashed var(--line-2);color:var(--muted);border-radius:14px;padding:48px 20px}.prose{color:var(--ink-2);padding:40px 0 72px;font-size:16px;line-height:1.8}.prose h2,.prose h3{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;line-height:1.3}.prose h2{margin:2em 0 .6em;font-size:26px}.prose h3{margin:1.6em 0 .5em;font-size:20px}.prose a{color:var(--accent-ink);text-underline-offset:3px}.prose code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:.1em .35em;font-size:.88em}.prose pre{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;font-size:14px;line-height:1.6;overflow-x:auto}.prose pre code{background:0 0;border:0;padding:0}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:1.4em 0;padding:4px 18px}.prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.prose table{border-collapse:collapse;width:100%;font-size:14px}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:8px 10px}.prose img{border:1px solid var(--line);border-radius:12px}.note{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:12px;margin-top:20px;padding:12px 16px;font-size:14px}.note a{color:var(--accent-ink)}.foot{border-top:1px solid var(--line);color:var(--muted);font-size:13px}.foot .wrap{flex-wrap:wrap;align-items:center;gap:10px 22px;padding-top:22px;padding-bottom:28px;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--accent-ink)}.foot .sp{font-family:var(--mono);margin-left:auto;font-size:12px}.story-feature{border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--surface);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin-top:32px;padding:28px 32px;display:grid}.story-feature h2{font-family:var(--serif);letter-spacing:-.02em;margin:10px 0;font-size:clamp(23px,3vw,32px);line-height:1.3}.story-feature p{color:var(--ink-2);max-width:660px;margin:0}.story-feature .tag{display:inline-block}.story-feature .btn{white-space:nowrap}.prose{overflow-wrap:anywhere;padding:40px 24px 72px}.prose .article-intro{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin:0 0 32px;padding:22px 24px}.prose .article-intro p{margin:0 0 14px}.prose .article-intro p:last-child{margin-bottom:0}.prose .article-toc{background:var(--surface-2);border-radius:12px;margin:28px 0 36px;padding:18px 24px}.prose .article-toc ol{margin-bottom:0;padding-left:22px}.prose h2{scroll-margin-top:80px}.prose details{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:24px 0;padding:14px 18px}.prose summary{cursor:pointer;color:var(--accent-ink);font-size:14px}.prose figure{text-align:center;margin:22px 0 4px}.prose figure img{width:auto;max-height:640px;margin:auto;display:block}.prose figcaption{color:var(--muted);margin-top:10px;font-size:13px}@media (width<=640px){.story-feature{grid-template-columns:1fr;gap:20px;margin-top:24px;padding:22px}.story-feature .btn{justify-self:start}.prose{padding:28px 16px 48px}.prose .article-intro,.prose .article-toc{padding:18px}}.docx-article .prose{padding-top:40px}.docx-article .prose h1{font-family:var(--serif);color:var(--ink);margin:32px 0 24px;font-size:clamp(28px,4vw,42px);font-weight:600;line-height:1.35}.docx-article [data-source-block]{white-space:pre-wrap}.docx-article .prose figure{margin:32px 0}.docx-article .prose figure:first-child{margin-top:0}.docx-article .prose figure img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:none;margin:0 auto;display:block}.docx-article .prose ul,.docx-article .prose ol{padding-left:1.5em}.docx-article .prose li{margin:.5em 0}.tool-brand{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool-brand .logo-wordmark{height:30px}.stats{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:max-content;max-width:100%;margin-top:28px;display:flex;overflow:hidden}.stat{border-left:1px solid var(--line);padding:12px 22px}.stat:first-child{border-left:0}.stat b{font-family:var(--mono);letter-spacing:-.02em;color:var(--ink);font-size:24px;font-weight:500;display:block}.stat span{color:var(--muted);font-size:12px}.heading .sub{color:var(--muted);font-size:13px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 8px;font-size:14px;text-decoration:none;transition:border-color .15s,transform .15s,color .15s;display:inline-flex}.chip .ci{font-family:var(--mono);color:var(--muted);background:var(--surface-2);border-radius:999px;padding:1px 7px;font-size:11px}.chip .cn{font-family:var(--mono);color:var(--faint);font-size:12px}.chip:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-1px)}.chip:hover .ci{background:var(--accent);color:var(--on-accent)}.grid-tight{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.card.guide{gap:6px;padding:16px}.card.guide h3{font-size:15px;line-height:1.45}@media (width<=640px){.stat{padding:10px 14px}.stat b{font-size:20px}}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tile-k{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.bento{grid-template-rows:auto auto;grid-template-columns:1.7fr 1fr;gap:14px;margin-top:36px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;padding:18px;text-decoration:none;display:flex}.tile-feature{border-left:4px solid var(--accent);grid-row:span 2}.tile-feature .post-card{box-shadow:none;background:0 0;border:0;padding:0;transform:none}.tile-stats{justify-content:space-between;transition:border-color .2s,transform .2s,box-shadow .2s}.tile-stats:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.tile-nums{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tile-nums b{font-family:var(--mono);letter-spacing:-.03em;color:var(--ink);font-size:clamp(26px,3.4vw,38px);font-weight:500;line-height:1.1;display:block}.tile-nums span{color:var(--muted);font-size:12px}.tile .go{font-family:var(--mono);color:var(--accent-ink);font-size:12px}@media (width<=860px){.bento{grid-template-columns:1fr}.tile-feature{grid-row:auto}}.post-card{gap:0;padding:0;overflow:hidden}.post-card .body{flex-direction:column;flex:1;gap:8px;padding:16px 18px;display:flex}.post-card .cover{aspect-ratio:16/9;background:var(--surface-2);border-bottom:1px solid var(--line);overflow:hidden}.post-card .cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}a.post-card:hover .cover img{transform:scale(1.04)}.post-card.big .cover{border:1px solid var(--line);border-radius:12px}.post-card.big .body{padding:14px 2px 2px}.post-card.big h3{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(22px,2.6vw,30px);line-height:1.3}.post-card[hidden]{display:none}@media (prefers-reduced-motion:reduce){.post-card .cover img{transition:none}}.chips.filter{margin-top:22px}button.chip{font:inherit;cursor:pointer;padding:6px 14px;font-size:14px}button.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.read-progress{z-index:40;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.read-progress span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.article-layout{position:relative}.toc{display:none}@media (width>=1200px){.article-layout.with-toc{grid-template-columns:minmax(0,1fr) 240px;gap:32px;max-width:1120px;margin:0 auto;padding:0 24px;display:grid}.article-layout.with-toc>.prose{max-width:760px;margin:0;padding-left:0;padding-right:0}.toc{border-left:1px solid var(--line);align-self:start;max-height:calc(100vh - 110px);margin-top:40px;padding-left:16px;display:block;position:sticky;top:80px;overflow-y:auto}.toc ol{gap:2px;margin:10px 0 0;padding:0;list-style:none;display:grid}.toc a{color:var(--muted);padding:4px 0;font-size:13px;line-height:1.45;text-decoration:none;display:block}.toc .d3 a{padding-left:12px}.toc a:hover{color:var(--ink)}.toc a.on{color:var(--accent-ink)}}.post-end{border-top:1px solid var(--line);padding-top:20px;padding-bottom:8px}.post-end .meta a{color:var(--accent-ink);text-decoration:none}.prev-next{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.prev-next .card h3{font-size:15px;line-height:1.45}.prev-next .next{text-align:right}@media (width<=640px){.prev-next{grid-template-columns:1fr}.prev-next .next{text-align:left}}.search-btn{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--muted);cursor:pointer;border-radius:9px;flex:none;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.search-btn:hover{border-color:var(--line-2);color:var(--ink)}.search-btn svg{width:15px;height:15px}.search-btn kbd,.search-box kbd{font-family:var(--mono);color:var(--faint);border:1px solid var(--line);background:var(--surface-2);border-radius:5px;padding:0 5px;font-size:11px}.sub-btn{flex:none;padding:6px 12px;font-size:13px}@media (width<=640px){.search-btn kbd,.sub-btn{display:none}.search-btn{padding:0 9px}}.search-dlg{border:1px solid var(--line-2);background:var(--surface);width:min(640px,100vw - 32px);max-height:min(560px,80vh);color:var(--ink);border-radius:16px;margin:10vh auto auto;padding:0;box-shadow:0 30px 80px -20px #00000073}.search-dlg::backdrop{backdrop-filter:blur(3px);background:#14141359}.search-box{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;display:flex}.search-box svg{width:18px;height:18px;color:var(--faint);flex:none}.search-box input{font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}.search-res{max-height:calc(min(560px,80vh) - 62px);margin:0;padding:8px;list-style:none;overflow-y:auto}.search-res a{border-radius:10px;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px;padding:10px 12px;text-decoration:none;display:grid}.search-res b{font-size:14px;font-weight:600}.search-res small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-column:2;font-size:12px;overflow:hidden}.search-res li[aria-selected=true] a,.search-res a:hover{background:var(--accent-soft)}.search-empty{text-align:center;color:var(--muted);margin:0;padding:24px}.subscribe{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;gap:28px;margin:56px 0 24px;padding:28px 32px;display:grid;position:relative;overflow:hidden}.subscribe:after{content:"";background:var(--accent-soft);opacity:.7;pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.subscribe h2{font-family:var(--serif);letter-spacing:-.01em;margin:10px 0 6px;font-size:clamp(22px,2.6vw,28px);line-height:1.3}.subscribe p{color:var(--ink-2);margin:0}.sub-form{z-index:1;gap:8px;display:flex;position:relative}.sub-form input[type=email]{border:1px solid var(--line);min-width:0;font:inherit;background:var(--bg);color:var(--ink);border-radius:10px;flex:1;padding:10px 14px;font-size:14px}.sub-form input[type=email]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}@media (width<=760px){.subscribe{grid-template-columns:1fr;padding:22px}}.tile-feature>.tag{align-self:flex-start}.post-card .cover img{object-position:left center}.post-card.big .cover{aspect-ratio:auto}.post-card.big .cover img{height:auto}@media (width<=440px){.bar .wrap{gap:5px;padding:0 12px}.brand .logo-wordmark{height:21px}.bar-nav a{padding:6px 5px;font-size:13px}.search-btn,.theme{justify-content:center;width:30px;height:30px;padding:0}.lang a{padding:3px 5px;font-size:11px}}@media (width<=360px){.theme{display:none}}.guide-top{align-items:center;gap:10px;margin-bottom:4px;display:flex}.guide-logo{border:1px solid var(--line);background:#fff;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;padding:6px;display:grid}.guide-logo img{object-fit:contain;border-radius:4px;width:100%;height:100%;display:block}.guide-name{font-size:15px;font-weight:600}.guide-top .tag{margin-left:auto}.card.guide:hover .guide-logo{border-color:var(--accent)}