:root{--paper: #f5f3ec;--paper-deep: #ece9dd;--ink: #17181c;--ink-soft: #4e5158;--ink-faint: #676a70;--metal: #cbcdcc;--metal-strong: #9da1a4;--accent: #2e5bff;--accent-2: #12b8a6;--accent-grad: linear-gradient(100deg, #2e5bff 0%, #12b8a6 100%);--accent-solid: #2e5bff;--foot-bg: #17181c;--foot-ink: #e8e6df;--foot-muted: #94979d;--foot-line: #2a2c31;--foot-link: #c9cbc9;--foot-link-hover: #6d8dff;--code-bg: #17181c;--code-ink: #e8e6df;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", sans-serif;--font-serif: "Songti SC", "STSong", "Noto Serif SC", "SimSun", "Songti", Georgia, serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--maxw: 1080px;--gutter: clamp(20px, 4vw, 40px)}[data-theme=warm]{--paper: #faf6eb;--paper-deep: #f0e9d8;--ink: #2b2418;--ink-soft: #5c5343;--ink-faint: #6f6350;--metal: #ddd3bd;--metal-strong: #a89a76;--accent: #b84f2a;--accent-2: #d98a2b;--accent-grad: linear-gradient(100deg, #d98a2b 0%, #b84f2a 100%);--accent-solid: #b84f2a;--foot-bg: #2b2418;--foot-ink: #f3ecdd;--foot-muted: #a99d80;--foot-line: #4a4132;--foot-link: #e0d8c4;--foot-link-hover: #e08a5a;--code-bg: #2b2418;--code-ink: #f3ecdd}[data-theme=dark]{--paper: #141519;--paper-deep: #1e2026;--ink: #e8e6df;--ink-soft: #b6b9bf;--ink-faint: #8d9096;--metal: #2e3138;--metal-strong: #565b63;--accent: #6d8dff;--accent-2: #3fd0bd;--accent-grad: linear-gradient(100deg, #6d8dff 0%, #3fd0bd 100%);--accent-solid: #2e5bff;--foot-bg: #0f1013;--foot-ink: #e8e6df;--foot-muted: #8d9096;--foot-line: #26282e;--foot-link: #c9cbc9;--foot-link-hover: #6d8dff;--code-bg: #0f1013;--code-ink: #e8e6df}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}[data-theme=dark] body:after{mix-blend-mode:screen;opacity:.05}[data-theme=dark] .qr-img{box-shadow:5px 5px #00000073}[data-theme=dark] .hero-logo{filter:drop-shadow(6px 6px 0 rgba(0,0,0,.35))}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.wrap-narrow{max-width:760px;margin-inline:auto;padding-inline:var(--gutter)}.mono{font-family:var(--font-mono)}.kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0}.section-head{display:flex;align-items:baseline;gap:14px;margin:0 0 20px}.section-head .bar{width:28px;height:3px;background:var(--accent-grad);align-self:center}.section-head .label{font-family:var(--font-mono);font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);font-weight:600}.section-head .sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--ink-faint)}.anodized-rule{height:3px;background:var(--accent-grad);width:100%}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;font-size:14px;font-weight:600;letter-spacing:.03em;border:1px solid transparent;background:none;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.btn .arr{transition:transform .18s ease}.btn:hover .arr{transform:translate(4px)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--accent);transform:translateY(-1px)}.btn-ghost{border-color:var(--metal-strong);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink);transform:translateY(-1px)}.btn-small{padding:7px 14px;font-size:13px;background:var(--accent-solid);color:#fff}.btn-small:hover{background:var(--ink);transform:translateY(-1px)}.reveal{opacity:0;transform:translateY(16px);animation:rise .7s cubic-bezier(.2,.65,.25,1) forwards;animation-delay:var(--d, 0s)}@keyframes rise{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.reveal{animation:none;opacity:1;transform:none}html{scroll-behavior:auto}}.site-head{border-bottom:1px solid var(--ink)}.metastrip{display:flex;justify-content:space-between;gap:12px;padding-block:8px;border-bottom:1px solid var(--metal);font-family:var(--font-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}.masthead{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;padding-block:26px 18px}.mast-side{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.mast-side.right{text-align:right}.wordmark{display:inline-flex;align-items:baseline;font-size:clamp(38px,6.5vw,62px);font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--ink);transition:color .2s ease}.wordmark:hover{color:var(--accent)}.serif-i{font-family:var(--font-serif);font-style:italic;font-weight:400;margin-left:.02em}.navrow{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:3px solid var(--ink);padding-block:9px}.navrow ul{display:flex;gap:30px;margin:0;padding:0;list-style:none}.navrow ul a{font-size:14.5px;font-weight:600;letter-spacing:.04em;padding-bottom:3px;border-bottom:2px solid transparent;transition:color .16s ease,border-color .16s ease}.navrow ul a:hover,.navrow ul a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:18px}.nav-rss{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.1em;color:var(--ink-soft);transition:color .16s ease}.nav-rss:hover{color:var(--accent)}.theme-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid transparent;background:none;cursor:pointer;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.08em;color:var(--ink-soft);transition:color .16s ease,border-color .16s ease}.theme-btn:hover{color:var(--accent);border-color:var(--metal-strong)}.theme-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-grad);display:inline-block}.mast-logo{display:inline-block;vertical-align:-.08em;margin-right:.18em;width:.78em;height:.78em}.hero-logo{display:block;width:clamp(150px,18vw,200px);height:auto;filter:drop-shadow(6px 6px 0 rgba(23,24,28,.08));transition:transform .25s ease}.hero-logo:hover{transform:translateY(-3px) rotate(-1.5deg)}.brand-caption{max-width:220px;margin:0;font-family:var(--font-mono);font-size:11.5px;line-height:1.8;letter-spacing:.04em;color:var(--ink-faint);text-align:center}.brand-caption b{color:var(--ink-soft);font-weight:600}.hero{position:relative;padding-block:clamp(48px,8vw,96px) clamp(40px,6vw,72px);overflow:hidden}.hero-num{position:absolute;right:calc(var(--gutter) * -1 + 24px);top:0;font-family:var(--font-mono);font-size:clamp(130px,19vw,250px);font-weight:700;line-height:.9;color:transparent;-webkit-text-stroke:1px var(--metal);user-select:none;pointer-events:none;z-index:0}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,6vw,80px);align-items:center}.hero-title{margin:18px 0 0;font-size:clamp(46px,7.5vw,92px);font-weight:700;line-height:1.1;letter-spacing:-.015em}.hero-title a{display:block;transition:color .2s ease}.hero-title a:hover{color:var(--accent)}.ti-em{font-family:var(--font-serif);font-style:normal;font-weight:500;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-dek{margin:22px 0 0;max-width:560px;font-size:clamp(16px,2vw,18.5px);line-height:1.95;color:var(--ink-soft)}.hero-meta{margin:20px 0 0;font-size:12.5px;letter-spacing:.08em;color:var(--ink-faint)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.hero-side{display:flex;flex-direction:column;align-items:center;gap:18px}.essay-list{margin:0;padding:0;list-style:none;border-top:2px solid var(--ink)}.essay-row{display:grid;grid-template-columns:92px 1fr;column-gap:18px;row-gap:4px;padding:18px 6px;border-bottom:1px solid var(--metal);transition:background-color .16s ease,padding-left .16s ease}.essay-row:hover{background:var(--paper-deep);padding-left:12px}.essay-row .no{grid-row:1 / 3;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--accent);padding-top:4px}.essay-row .t{font-size:19px;font-weight:650;line-height:1.5;transition:color .16s ease}.essay-row:hover .t{color:var(--accent)}.essay-row .sub{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;color:var(--ink-faint)}.essay-row .sub .tags{color:var(--ink-soft)}.empty-note{padding:48px 0;font-family:var(--font-serif);font-size:18px;color:var(--ink-faint);text-align:center}.mani{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-bottom:1px solid var(--metal)}.mani-cell{padding:30px 28px 34px;border-left:1px solid var(--metal)}.mani-cell:first-child{border-left:none;padding-left:0}.mani-cell:last-child{padding-right:0}.mani-no{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--accent)}.mani-title{margin:12px 0 8px;font-size:22px;font-weight:700}.mani-desc{margin:0;font-size:14px;line-height:1.9;color:var(--ink-soft)}.cta{margin-block:clamp(56px,8vw,88px);position:relative;background:var(--paper-deep);border:1px solid var(--metal)}.cta:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:4px;background:var(--accent-grad)}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center;padding:clamp(28px,5vw,48px)}.cta-text h2{margin:12px 0 10px;font-size:clamp(24px,3.4vw,34px);font-weight:700;letter-spacing:-.01em}.cta-text>p{margin:0;max-width:520px;font-size:15px;line-height:1.9;color:var(--ink-soft)}.cta-steps{display:flex;flex-wrap:wrap;gap:8px 22px;margin:20px 0 0;padding:0;list-style:none;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;color:var(--ink-soft)}.cta-steps b{color:var(--accent);font-weight:600}.cta-qr{display:flex;flex-direction:column;align-items:center;gap:12px}.qr-img{width:150px;height:150px;border:1px solid var(--ink);background:#fff;padding:6px;box-shadow:5px 5px #17181c1f}.qr-note{margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-faint);text-align:center}.article{padding-block:clamp(44px,7vw,72px)}.article-head .kicker a{color:inherit}.article-head .kicker a:hover{color:var(--accent)}.article-head h1{margin:16px 0 0;font-size:clamp(34px,5.6vw,56px);font-weight:700;line-height:1.22;letter-spacing:-.01em}.article-head .dek{margin:18px 0 0;font-family:var(--font-serif);font-size:19px;line-height:1.9;color:var(--ink-soft)}.spec{display:flex;flex-wrap:wrap;gap:8px 0;margin:26px 0 0;padding:12px 16px;border:1px solid var(--metal);background:var(--paper-deep);font-size:12px;letter-spacing:.06em;color:var(--ink-soft)}.spec span+span:before{content:"·";margin:0 12px;color:var(--metal-strong)}.article-head .anodized-rule{margin-top:34px}.toc{margin-top:30px;border:1px solid var(--metal);background:var(--paper-deep)}.toc summary{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;cursor:pointer;list-style:none;user-select:none}.toc summary::-webkit-details-marker{display:none}.toc summary:before{content:"▾";font-family:var(--font-mono);font-size:12px;color:var(--accent);margin-right:10px;transition:transform .18s ease}.toc:not([open]) summary:before{transform:rotate(-90deg)}.toc-label{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}.toc-count{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint)}.toc ol{margin:0;padding:4px 18px 16px;list-style:none;column-count:2;column-gap:36px}.toc ol li{break-inside:avoid}.toc ol a{display:flex;gap:12px;padding:7px 0;font-size:14.5px;line-height:1.6;color:var(--ink-soft);transition:color .15s ease}.toc ol a:hover{color:var(--accent)}.toc-no{flex:none;font-family:var(--font-mono);font-size:11.5px;color:var(--accent);padding-top:3px}.read-progress{position:fixed;top:0;left:0;z-index:9999;height:3px;width:0;background:var(--accent-grad);pointer-events:none}.prose{margin-top:44px;font-size:17.5px;line-height:2.05;color:var(--ink);overflow-wrap:break-word}.prose>*:first-child{margin-top:0}.prose p{margin:0 0 1.55em}.prose>p:first-of-type:first-letter{font-family:var(--font-serif);font-size:3.05em;line-height:.82;float:left;padding:.05em .14em 0 0;color:var(--ink)}.prose h1,.prose h2,.prose h3,.prose h4{line-height:1.4;letter-spacing:-.005em}.prose h1{font-size:1.7em;margin:2em 0 .9em}.prose h2{display:flex;align-items:center;gap:12px;font-size:1.42em;margin:2.1em 0 .95em}.prose h2:before{content:"";flex:none;width:10px;height:10px;background:var(--accent)}.prose h3{font-size:1.18em;margin:1.8em 0 .8em}.prose strong{font-weight:700}.prose em{font-style:normal;font-family:var(--font-serif);padding:0 .08em}.prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;transition:color .15s ease}.prose a:hover{color:var(--ink)}.prose blockquote{margin:2em 0;padding:.3em 0 .3em 1.4em;border-left:3px solid transparent;border-image:var(--accent-grad) 1;font-family:var(--font-serif);font-size:20px;line-height:1.95;color:var(--ink-soft)}.prose blockquote p{margin:.4em 0}.prose ul,.prose ol{margin:0 0 1.6em;padding-left:1.6em}.prose li{margin:.45em 0;line-height:1.95}.prose li::marker{color:var(--accent)}.prose hr{border:none;margin:3em auto;text-align:center}.prose hr:after{content:"◆";font-size:13px;color:var(--accent);letter-spacing:.5em;padding-left:.5em}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--paper-deep);border:1px solid var(--metal);padding:.12em .4em}.prose pre{margin:0 0 1.8em;padding:20px 22px;background:var(--code-bg);border:1px solid var(--code-bg);overflow-x:auto;font-size:13.5px;line-height:1.7}.prose pre code{background:none;border:none;padding:0;color:var(--code-ink)}.prose img{display:block;margin:2em auto;border:1px solid var(--metal)}.prose figcaption{margin-top:-1.4em;text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--ink-faint)}.ai-note{display:flex;gap:12px;margin:2.6em 0 0;padding:15px 18px;border:1px dashed var(--metal-strong);font-size:13.5px;line-height:1.9;color:var(--ink-soft)}.ai-note b{flex:none;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--accent);padding-top:2px}.pager{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;padding-top:22px;border-top:2px solid var(--ink)}.pager a{display:block;transition:color .16s ease}.pager a:hover{color:var(--accent)}.pager .dir{display:block;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}.pager .pt{font-size:16px;font-weight:650;line-height:1.5}.pager .next{text-align:right}.page-head{padding-block:clamp(40px,6vw,64px) clamp(24px,4vw,40px)}.page-head h1{margin:12px 0 0;font-size:clamp(36px,5.6vw,58px);font-weight:700;letter-spacing:-.01em}.page-head .lead{margin:14px 0 0;max-width:640px;font-family:var(--font-serif);font-size:18px;line-height:1.95;color:var(--ink-soft)}.archive-group{margin-bottom:40px}.archive-group .year{display:flex;align-items:baseline;gap:12px;margin:0 0 8px;font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:.14em;color:var(--ink)}.archive-group .year:after{content:"";flex:1;height:1px;background:var(--metal)}.archive-group .count{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-faint)}.notfound{padding-block:clamp(72px,12vw,140px);text-align:center}.nf-code{margin:0;font-family:var(--font-mono);font-size:clamp(72px,12vw,120px);font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:2px var(--metal-strong)}.notfound h1{margin:20px 0 10px;font-size:clamp(22px,3.4vw,32px);font-weight:700}.notfound p{margin:0 0 28px;font-family:var(--font-serif);font-size:16px;color:var(--ink-soft)}.notfound .btn{display:inline-flex}.site-foot{margin-top:clamp(48px,8vw,80px);background:var(--foot-bg);color:var(--foot-ink)}.site-foot:before{content:"";display:block;height:3px;background:var(--accent-grad)}.foot-grid{display:grid;grid-template-columns:1.4fr .6fr .8fr;gap:40px;padding-block:52px 40px}.foot-wordmark{margin:0;font-size:30px;font-weight:700;letter-spacing:-.01em}.foot-tag{margin:10px 0 0;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--foot-muted)}.foot-desc{margin:16px 0 0;max-width:380px;font-size:13.5px;line-height:1.9;color:var(--foot-muted)}.foot-h{margin:0 0 14px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--foot-muted)}.foot-grid nav,.foot-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:14px}.foot-grid a{color:var(--foot-link);transition:color .16s ease}.foot-grid a:hover{color:var(--foot-link-hover)}.foot-spec{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:16px;border-top:1px solid var(--foot-line);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--foot-muted)}.foot-spec a{color:var(--foot-muted)}.foot-spec a:hover{color:var(--foot-link-hover)}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr}.hero-side{flex-direction:row;align-items:center;justify-content:flex-start;gap:20px}.brand-caption{text-align:left}.cta-grid{grid-template-columns:1fr}.cta-qr{align-items:flex-start}.foot-grid{grid-template-columns:1fr 1fr}}@media (max-width: 680px){.masthead{grid-template-columns:1fr;justify-items:center;gap:10px;padding-block:22px 16px}.mast-side{display:none}.navrow{flex-wrap:wrap;justify-content:center;row-gap:8px;padding-block:10px}.navrow ul{gap:22px}.hero-num{display:none}.mani{grid-template-columns:1fr}.mani-cell,.mani-cell:first-child,.mani-cell:last-child{border-left:none;padding:22px 0;border-bottom:1px solid var(--metal)}.mani-cell:last-child{border-bottom:none}.hero-side{flex-direction:column;align-items:flex-start}.pager{grid-template-columns:1fr;gap:18px}.pager .next{text-align:left}.foot-grid{grid-template-columns:1fr;gap:30px}.prose{font-size:16.5px}.toc ol{column-count:1}}