:root{--site-bg:#f5efe2;--site-fg:#23201a;--site-accent:#b25a1f;--site-on-accent:#fff8ec;--site-surface:#fdfaf2;--site-muted:#82776a;--site-border:#e0d6c2;--site-font:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--site-radius:14px;--site-space:1;--site-type:1;--site-motion:1;--space:calc(24px * var(--site-space,1));--dur:calc(.18s * var(--site-motion,1));--font-display:"Noto Serif SC", "Songti SC", "STSong", "SimSun", Georgia, "Times New Roman", serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--accent-2:#136b5a;--gold:#b98a2f;--ink-2:#4a443b;--accent-soft:#b25a1f17;--accent-2-soft:#136b5a17;--gold-soft:#b98a2f1f;--wash-rust:#b25a1f12;--wash-green:#136b5a0f;--shadow-sm:0 1px 2px #23201a0d;--shadow-md:0 1px 2px #23201a0d, 0 14px 34px -14px #23201a38;--shadow-lg:0 2px 4px #23201a0f, 0 28px 60px -20px #23201a4d;--topbar-h:64px;--grain-opacity:.5;color-scheme:light}:root[data-theme=dark]{--site-bg:#191612;--site-fg:#e9e2d4;--site-accent:#d97b3f;--site-on-accent:#201409;--site-surface:#221e18;--site-muted:#9a9083;--site-border:#383229;--accent-2:#4fa38c;--gold:#d3a94f;--ink-2:#c4bbaa;--accent-soft:#d97b3f21;--accent-2-soft:#4fa38c21;--gold-soft:#d3a94f24;--wash-rust:#d97b3f0f;--wash-green:#4fa38c0d;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 1px 2px #0000004d, 0 14px 34px -14px #0000008c;--shadow-lg:0 2px 4px #00000059, 0 28px 60px -20px #000000a6;--grain-opacity:.28;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topbar-h) + 16px);-webkit-text-size-adjust:100%}body{background:var(--site-bg);color:var(--site-fg);font-family:var(--site-font);letter-spacing:.01em;min-height:100vh;margin:0;font-size:16.5px;line-height:1.8;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"";z-index:-3;pointer-events:none;background:radial-gradient(52rem 32rem at 88% -6%, var(--wash-rust), transparent 62%), radial-gradient(46rem 30rem at -8% 34%, var(--wash-green), transparent 60%), radial-gradient(40rem 26rem at 70% 108%, var(--gold-soft), transparent 65%), var(--site-bg);position:fixed;inset:0}::selection{background:var(--site-accent);color:var(--site-on-accent)}html{scrollbar-width:thin;scrollbar-color:var(--site-border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--site-border);border:2px solid var(--site-bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--site-accent)}img{max-width:100%;display:block}a{color:var(--site-accent);transition:color var(--dur) ease;text-decoration:none}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--site-accent);outline-offset:3px;border-radius:4px}.skip-link{z-index:200;background:var(--site-accent);color:var(--site-on-accent);border-radius:0 0 var(--site-radius) var(--site-radius);transition:top var(--dur) ease;padding:10px 18px;position:fixed;top:-60px;left:16px}.skip-link:focus{color:var(--site-on-accent);top:0}.wrap{width:min(1160px, 100% - 2 * var(--space));margin-inline:auto}.wrap-narrow{width:min(860px, 100% - 2 * var(--space));margin-inline:auto}main{padding-top:var(--topbar-h)}.section{padding-block:calc(var(--space) * 2.6)}.topbar{height:var(--topbar-h);z-index:100;background:color-mix(in srgb, var(--site-surface) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid var(--site-border);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topbar-inner{width:min(1160px, 100% - 2 * var(--space));align-items:center;gap:calc(var(--space) * .75);margin-inline:auto;display:flex}.brand{color:var(--site-fg);align-items:center;gap:12px;margin-right:auto;display:flex}.brand-mark{border-radius:calc(var(--site-radius) * .55);background:var(--site-fg);width:38px;height:38px;color:var(--site-bg);font-family:var(--font-display);letter-spacing:-.05em;transition:transform var(--dur) ease, background var(--dur) ease;flex:none;place-items:center;font-size:17px;font-weight:700;display:grid}.brand:hover .brand-mark{background:var(--site-accent);color:var(--site-on-accent);transform:rotate(-6deg)}.brand-text{flex-direction:column;line-height:1.25;display:flex}.brand-name{font-family:var(--font-display);font-size:17px;font-weight:700}.brand-sub{color:var(--site-muted);letter-spacing:.14em;font-size:11px}.nav-links{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--ink-2);border-radius:calc(var(--site-radius) * .5);transition:color var(--dur) ease, background var(--dur) ease;padding:8px 14px;font-size:15px;display:block;position:relative}.nav-links a:hover{color:var(--site-fg);background:var(--accent-soft)}.nav-links a[aria-current=page]{color:var(--site-accent);font-weight:600}.nav-links a[aria-current=page]:after{content:"";background:var(--site-accent);border-radius:2px;height:2px;position:absolute;bottom:2px;left:14px;right:14px}.icon-btn{border-radius:calc(var(--site-radius) * .5);border:1px solid var(--site-border);background:var(--site-surface);width:38px;height:38px;color:var(--ink-2);transition:all var(--dur) ease;flex:none;place-items:center;display:grid}.icon-btn:hover{color:var(--site-accent);border-color:var(--site-accent);transform:translateY(-1px)}.icon-btn svg{width:17px;height:17px}.nav-toggle{display:none}.drawer{z-index:150;background:color-mix(in srgb, var(--site-bg) 96%, transparent);-webkit-backdrop-filter:blur(18px);padding:calc(var(--space) * 1.2);opacity:0;visibility:hidden;transition:opacity calc(var(--dur) * 1.6) ease, visibility calc(var(--dur) * 1.6);flex-direction:column;display:flex;position:fixed;inset:0}.drawer.open{opacity:1;visibility:visible}.drawer-head{margin-bottom:calc(var(--space) * 1.5);justify-content:space-between;align-items:center;display:flex}.drawer nav{flex-direction:column;gap:6px;display:flex}.drawer nav a{font-family:var(--font-display);font-size:calc(26px * var(--site-type,1));color:var(--site-fg);border-bottom:1px solid var(--site-border);justify-content:space-between;align-items:center;padding:12px 4px;font-weight:700;display:flex}.drawer nav a span.idx{font-family:var(--font-mono);color:var(--site-muted);font-size:12px}.drawer nav a[aria-current=page]{color:var(--site-accent)}.drawer-foot{color:var(--site-muted);margin-top:auto;font-size:13px}.read-progress{z-index:120;background:linear-gradient(90deg, var(--site-accent), var(--gold), var(--accent-2));width:0;height:3px;transition:width 80ms linear;position:fixed;top:0;left:0}.kicker{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--site-accent);margin:0 0 calc(var(--space) * .5);align-items:center;gap:10px;font-size:12px;display:inline-flex}.kicker:before{content:"";background:var(--site-accent);border-radius:2px;width:26px;height:2px}.btn{border-radius:calc(var(--site-radius) * .7);transition:all var(--dur) ease;border:1px solid #0000;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;line-height:1.4;display:inline-flex}.btn-primary{background:var(--site-accent);color:var(--site-on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:color-mix(in srgb, var(--site-accent) 88%, var(--site-fg));color:var(--site-on-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-ghost{border-color:var(--site-border);color:var(--site-fg);background:var(--site-surface)}.btn-ghost:hover{border-color:var(--site-accent);color:var(--site-accent);transform:translateY(-2px)}.btn .arr{transition:transform var(--dur) ease}.btn:hover .arr{transform:translate(3px)}.chip{border:1px solid var(--site-border);color:var(--ink-2);background:var(--site-surface);transition:all var(--dur) ease;border-radius:999px;align-items:center;padding:3px 12px;font-size:12.5px;line-height:1.6;display:inline-flex}a.chip:hover,.chip.active{border-color:var(--site-accent);color:var(--site-accent);background:var(--accent-soft)}.chip-green{border-color:color-mix(in srgb, var(--accent-2) 40%, var(--site-border));color:var(--accent-2);background:var(--accent-2-soft)}.section-head{align-items:baseline;gap:calc(var(--space) * .6);margin-bottom:calc(var(--space) * 1.3);display:flex}.section-head .idx{font-family:var(--font-mono);color:var(--site-accent);letter-spacing:.1em;font-size:13px}.section-head h2{font-family:var(--font-display);font-size:calc(30px * var(--site-type,1));margin:0;font-weight:700;line-height:1.35}.section-head .rule{background:var(--site-border);flex:1;align-self:center;min-width:30px;height:1px}.section-head .more{white-space:nowrap;color:var(--site-muted);font-size:14px}.section-head .more:hover{color:var(--site-accent)}.hero{padding-block:calc(var(--space) * 2.8) calc(var(--space) * 2)}.hero-grid{gap:calc(var(--space) * 2);grid-template-columns:1.08fr .92fr;align-items:center;display:grid}.hero h1{font-family:var(--font-display);font-size:clamp(34px, 5.2vw, calc(48px * var(--site-type,1)));margin:0 0 calc(var(--space) * .7);letter-spacing:.01em;font-weight:900;line-height:1.32}.hero h1 .accent{color:var(--site-accent)}.hero h1 .dash{background:var(--accent-2);vertical-align:middle;border-radius:2px;width:.9em;height:.14em;margin-inline:.08em;display:inline-block}.hero .lede{color:var(--ink-2);max-width:34em;margin:0 0 calc(var(--space) * 1.1);font-size:17px}.hero .cta-row{margin-bottom:calc(var(--space) * 1.4);flex-wrap:wrap;gap:14px;display:flex}.hero-stats{gap:calc(var(--space) * 1.3);border-top:1px dashed var(--site-border);padding-top:calc(var(--space) * .8);flex-wrap:wrap;display:flex}.hero-stat b{font-family:var(--font-mono);font-size:calc(24px * var(--site-type,1));color:var(--site-fg);font-weight:700;line-height:1.3;display:block}.hero-stat b i{color:var(--site-accent);font-style:normal}.hero-stat span{color:var(--site-muted);letter-spacing:.06em;font-size:12.5px}.hero-art{position:relative}.hero-frame{border-radius:var(--site-radius);border:1px solid var(--site-border);background:var(--site-surface);box-shadow:var(--shadow-lg);transition:transform calc(var(--dur) * 2) ease;position:relative;overflow:hidden;transform:rotate(1.4deg)}.hero-art:hover .hero-frame{transform:rotate(.4deg)scale(1.012)}.hero-frame img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.hero-frame:before,.hero-frame:after{content:"";background:color-mix(in srgb, var(--gold) 32%, transparent);border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);z-index:2;border-radius:3px;width:92px;height:26px;position:absolute;top:-12px}.hero-frame:before{left:18px;transform:rotate(-5deg)}.hero-frame:after{right:18px;transform:rotate(4deg)}.hero-caption{margin-top:calc(var(--space) * .55);text-align:right;font-family:var(--font-mono);color:var(--site-muted);letter-spacing:.08em;font-size:11.5px}.hero-seal{background:var(--site-accent);width:74px;height:74px;color:var(--site-on-accent);font-family:var(--font-display);text-align:center;box-shadow:var(--shadow-md);border:3px solid color-mix(in srgb, var(--site-on-accent) 30%, transparent);z-index:3;border-radius:50%;place-items:center;font-size:15px;font-weight:900;line-height:1.3;display:grid;position:absolute;bottom:34px;left:-18px;transform:rotate(-10deg)}.ticker{border-block:1px solid var(--site-border);background:color-mix(in srgb, var(--site-surface) 60%, transparent);padding-block:12px;overflow:hidden}.ticker-track{gap:0;width:max-content;animation:46s linear infinite ticker;display:flex}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-track span{font-family:var(--font-display);color:var(--site-muted);padding-inline:calc(var(--space) * .8);white-space:nowrap;font-size:15px}.ticker-track span b{color:var(--site-accent);font-weight:700}.ticker-track span i{color:var(--accent-2);padding-inline:6px;font-style:normal}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.works-grid{gap:calc(var(--space) * 1.1);grid-template-columns:repeat(2,1fr);display:grid}.work-card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:var(--site-radius);box-shadow:var(--shadow-sm);transition:transform calc(var(--dur) * 1.6) ease, box-shadow calc(var(--dur) * 1.6) ease, border-color calc(var(--dur) * 1.6) ease;flex-direction:column;display:flex;position:relative;overflow:hidden}.work-card:before{content:"";background:var(--brand,var(--site-accent));z-index:2;height:4px;position:absolute;top:0;left:0;right:0}.work-card:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--brand,var(--site-accent)) 45%, var(--site-border));transform:translateY(-5px)}.work-cover{aspect-ratio:16/10;background:var(--site-bg);border-bottom:1px solid var(--site-border);position:relative;overflow:hidden}.work-cover img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform calc(var(--dur) * 3) ease}.work-card:hover .work-cover img{transform:scale(1.035)}.work-mark{border-radius:calc(var(--site-radius) * .6);background:color-mix(in srgb, var(--brand,var(--site-accent)) 92%, black 0%);color:#fff8ec;width:46px;height:46px;box-shadow:var(--shadow-md);z-index:2;place-items:center;display:grid;position:absolute;bottom:14px;right:14px}.work-mark svg{width:26px;height:26px}.work-mark .delta{font-family:var(--font-display);font-size:24px;font-weight:700;line-height:1}.work-body{padding:calc(var(--space) * .95);gap:calc(var(--space) * .45);flex-direction:column;flex:1;display:flex}.work-sub{font-family:var(--font-mono);letter-spacing:.14em;color:var(--brand,var(--site-accent));margin:0;font-size:11.5px}.work-body h3{font-family:var(--font-display);font-size:calc(22px * var(--site-type,1));margin:0;font-weight:700;line-height:1.4}.work-body h3 a{color:var(--site-fg)}.work-body h3 a:hover{color:var(--brand,var(--site-accent))}.work-summary{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14.5px;display:-webkit-box;overflow:hidden}.work-stats{padding-top:calc(var(--space) * .4);flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.work-stat{font-family:var(--font-mono);background:color-mix(in srgb, var(--brand,var(--site-accent)) 9%, transparent);color:color-mix(in srgb, var(--brand,var(--site-accent)) 80%, var(--site-fg));border:1px solid color-mix(in srgb, var(--brand,var(--site-accent)) 24%, transparent);border-radius:999px;padding:4px 10px;font-size:11.5px}.work-stat b{font-weight:700}.work-foot{border-top:1px dashed var(--site-border);padding-top:calc(var(--space) * .55);margin-top:calc(var(--space) * .35);align-items:center;gap:16px;font-size:14px;display:flex}.work-foot .live{color:var(--brand,var(--site-accent));font-weight:600}.work-foot .detail{color:var(--site-muted);margin-left:auto}.work-foot a:hover{text-underline-offset:4px;text-decoration:underline}.post-list{flex-direction:column;display:flex}.post-row{gap:calc(var(--space) * .9);padding-block:calc(var(--space) * .95);border-bottom:1px solid var(--site-border);transition:background var(--dur) ease;grid-template-columns:120px 1fr auto;align-items:start;display:grid}.post-row:first-child{border-top:1px solid var(--site-border)}.post-row:hover{background:color-mix(in srgb, var(--site-surface) 65%, transparent)}.post-date{font-family:var(--font-mono);color:var(--site-muted);flex-direction:column;gap:8px;padding-top:6px;font-size:12.5px;display:flex}.post-date .cat{color:var(--site-accent);letter-spacing:.08em;font-size:11.5px}.post-main h3{font-family:var(--font-display);font-size:calc(20px * var(--site-type,1));margin:0 0 6px;font-weight:700;line-height:1.5}.post-main h3 a{color:var(--site-fg);transition:color var(--dur) ease}.post-row:hover .post-main h3 a{color:var(--site-accent)}.post-excerpt{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:14.5px;display:-webkit-box;overflow:hidden}.post-tags{flex-wrap:wrap;gap:6px;display:flex}.post-tags .chip{padding:1px 10px;font-size:11.5px}.post-meta{font-family:var(--font-mono);color:var(--site-muted);text-align:right;flex-direction:column;align-items:flex-end;gap:8px;padding-top:6px;font-size:11.5px;display:flex}.post-meta .arr{color:var(--site-border);transition:all var(--dur) ease;font-size:16px}.post-row:hover .post-meta .arr{color:var(--site-accent);transform:translate(4px)}.post-compact{flex-direction:column;gap:0;display:flex}.about-strip{gap:calc(var(--space) * 1.2);background:var(--site-surface);border:1px solid var(--site-border);border-radius:var(--site-radius);padding:calc(var(--space) * 1.2);box-shadow:var(--shadow-sm);grid-template-columns:auto 1fr auto;align-items:center;display:grid;position:relative;overflow:hidden}.about-strip:after{content:"—";font-family:var(--font-display);color:var(--accent-soft);pointer-events:none;font-size:190px;line-height:1;position:absolute;bottom:-58px;right:-10px}.about-avatar{background:linear-gradient(135deg, var(--site-accent), var(--gold));width:84px;height:84px;color:var(--site-on-accent);font-family:var(--font-display);box-shadow:var(--shadow-md);border-radius:50%;flex:none;place-items:center;font-size:34px;font-weight:900;display:grid}.about-strip h3{font-family:var(--font-display);font-size:calc(20px * var(--site-type,1));margin:0 0 6px}.about-strip p{color:var(--ink-2);max-width:46em;margin:0;font-size:14.5px}.page-head{padding-block:calc(var(--space) * 2.2) calc(var(--space) * 1.2)}.page-head h1{font-family:var(--font-display);font-size:clamp(30px, 4.4vw, calc(42px * var(--site-type,1)));margin:0 0 calc(var(--space) * .4);font-weight:900;line-height:1.35}.page-head .lede{color:var(--ink-2);max-width:40em;margin:0;font-size:16px}.page-head .count{font-family:var(--font-mono);color:var(--site-muted);letter-spacing:.1em;font-size:12px}.filter-bar{margin-bottom:calc(var(--space) * 1.1);flex-wrap:wrap;gap:8px;display:flex}.article-head{padding-block:calc(var(--space) * 2.2) calc(var(--space) * 1.1);text-align:center}.article-head .meta-line{font-family:var(--font-mono);color:var(--site-muted);margin-bottom:calc(var(--space) * .7);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;font-size:12.5px;display:flex}.article-head h1{font-family:var(--font-display);font-size:clamp(28px, 4.6vw, calc(40px * var(--site-type,1)));margin:0 auto calc(var(--space) * .6);max-width:22em;font-weight:900;line-height:1.45}.article-head .excerpt{color:var(--ink-2);max-width:38em;margin:0 auto;font-size:16px}.article-head .byline{margin-top:calc(var(--space) * .8);color:var(--site-muted);align-items:center;gap:10px;font-size:13.5px;display:inline-flex}.byline-dot{background:linear-gradient(135deg, var(--site-accent), var(--gold));width:30px;height:30px;color:var(--site-on-accent);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:14px;font-weight:900;display:grid}.article-layout{gap:calc(var(--space) * 2);padding-bottom:calc(var(--space) * 2.4);grid-template-columns:minmax(0,1fr) 240px;align-items:start;display:grid}.toc{top:calc(var(--topbar-h) + var(--space));border-left:2px solid var(--site-border);padding-left:calc(var(--space) * .7);max-height:calc(100vh - var(--topbar-h) - 2 * var(--space));font-size:13px;position:sticky;overflow-y:auto}.toc-title{font-family:var(--font-mono);letter-spacing:.2em;color:var(--site-muted);margin:0 0 12px;font-size:11px}.toc a{color:var(--site-muted);margin-left:calc(-1 * var(--space) * .7 - 2px);padding:5px 0;padding-left:calc(var(--space) * .7);transition:all var(--dur) ease;border-left:2px solid #0000;line-height:1.55;display:block}.toc a:hover{color:var(--site-fg)}.toc a.active{color:var(--site-accent);border-left-color:var(--site-accent)}.toc a.lv3{padding-left:calc(var(--space) * .7 + 14px);font-size:12.5px}.prose{color:var(--site-fg);min-width:0;font-size:17px;line-height:2}.prose>*,.prose p{margin-block:0 calc(var(--space) * .85)}.prose>p:first-of-type:first-letter{font-family:var(--font-display);float:left;color:var(--site-accent);padding:4px 10px 0 0;font-size:2.6em;font-weight:900;line-height:1}.prose h2{font-family:var(--font-display);font-size:calc(25px * var(--site-type,1));margin:calc(var(--space) * 1.5) 0 calc(var(--space) * .7);scroll-margin-top:calc(var(--topbar-h) + 20px);font-weight:700;line-height:1.5}.prose h2:before{content:"— ";color:var(--site-accent)}.prose h3{font-family:var(--font-display);font-size:calc(20px * var(--site-type,1));margin:calc(var(--space) * 1.1) 0 calc(var(--space) * .5);scroll-margin-top:calc(var(--topbar-h) + 20px);font-weight:700}.prose blockquote{margin:calc(var(--space) * 1) 0;padding:calc(var(--space) * .7) calc(var(--space) * .9);border-left:3px solid var(--site-accent);background:var(--accent-soft);border-radius:0 calc(var(--site-radius) * .6) calc(var(--site-radius) * .6) 0;font-family:var(--font-display);font-size:17.5px}.prose blockquote p{margin:0}.prose blockquote p+p{margin-top:.5em}.prose ul,.prose ol{margin-block:0 calc(var(--space) * .85);padding-left:1.5em}.prose li{margin-bottom:.45em;padding-left:.2em}.prose li::marker{color:var(--site-accent);font-weight:700}.prose a{color:var(--site-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--site-accent) 40%, transparent);text-underline-offset:4px;transition:text-decoration-color var(--dur) ease}.prose a:hover{text-decoration-color:var(--site-accent)}.prose strong{color:var(--site-fg);font-weight:700}.prose code{font-family:var(--font-mono);background:var(--accent-2-soft);color:var(--accent-2);border-radius:6px;padding:2px 7px;font-size:.86em}.prose pre{background:var(--site-surface);border:1px solid var(--site-border);border-radius:calc(var(--site-radius) * .7);padding:calc(var(--space) * .7);font-size:13.5px;line-height:1.7;overflow-x:auto}.prose pre code{color:var(--site-fg);background:0 0;padding:0}.prose img{border-radius:calc(var(--site-radius) * .7);border:1px solid var(--site-border)}.prose hr{border:none;border-top:1px dashed var(--site-border);margin-block:calc(var(--space) * 1.2)}.prose table{border-collapse:collapse;width:100%;font-size:14.5px}.prose th,.prose td{border:1px solid var(--site-border);text-align:left;padding:8px 12px}.prose th{background:var(--site-surface);font-weight:700}.article-foot{border-top:1px solid var(--site-border);margin-top:calc(var(--space) * 1.4);padding-top:calc(var(--space) * 1)}.article-tags{margin-bottom:calc(var(--space) * 1);flex-wrap:wrap;gap:8px;display:flex}.article-nav{gap:calc(var(--space) * .8);grid-template-columns:1fr 1fr;display:grid}.article-nav a{border:1px solid var(--site-border);border-radius:calc(var(--site-radius) * .7);padding:calc(var(--space) * .65) calc(var(--space) * .8);background:var(--site-surface);transition:all var(--dur) ease;color:var(--site-fg)}.article-nav a:hover{border-color:var(--site-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.article-nav .dir{font-family:var(--font-mono);color:var(--site-muted);letter-spacing:.14em;margin-bottom:4px;font-size:11px;display:block}.article-nav .ttl{font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.5;display:block}.article-nav a.next{text-align:right}.article-nav a.empty{visibility:hidden}.work-hero{padding-block:calc(var(--space) * 2) calc(var(--space) * 1.2)}.work-hero-grid{gap:calc(var(--space) * 1.6);grid-template-columns:1fr 1fr;align-items:center;display:grid}.work-hero .work-sub{margin-bottom:12px;font-size:12.5px;display:block}.work-hero h1{font-family:var(--font-display);font-size:clamp(28px, 4vw, calc(38px * var(--site-type,1)));margin:0 0 calc(var(--space) * .6);font-weight:900;line-height:1.4}.work-hero .summary{color:var(--ink-2);margin:0 0 calc(var(--space) * 1);font-size:16px}.work-hero-cover{border-radius:var(--site-radius);border:1px solid var(--site-border);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.work-hero-cover img{aspect-ratio:16/10;object-fit:cover;object-position:top center;width:100%;height:auto}.work-meta-grid{background:var(--site-border);border:1px solid var(--site-border);border-radius:calc(var(--site-radius) * .7);margin-bottom:calc(var(--space) * 1);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.work-meta-grid>div{background:var(--site-surface);padding:calc(var(--space) * .55) calc(var(--space) * .75)}.work-meta-grid dt{font-family:var(--font-mono);letter-spacing:.16em;color:var(--site-muted);margin-bottom:3px;font-size:10.5px}.work-meta-grid dd{margin:0;font-size:13.5px;font-weight:600;line-height:1.5}.stats-band{gap:calc(var(--space) * .7);margin-block:calc(var(--space) * 1.4);grid-template-columns:repeat(4,1fr);display:grid}.stat-cell{background:var(--site-surface);border:1px solid var(--site-border);border-radius:calc(var(--site-radius) * .7);padding:calc(var(--space) * .7);text-align:center;position:relative;overflow:hidden}.stat-cell:before{content:"";background:var(--brand,var(--site-accent));opacity:.85;height:3px;position:absolute;top:0;left:0;right:0}.stat-cell b{font-family:var(--font-mono);font-size:calc(26px * var(--site-type,1));color:var(--brand,var(--site-accent));font-weight:700;line-height:1.4;display:block}.stat-cell span{color:var(--site-muted);font-size:12.5px}.live-cta{justify-content:space-between;align-items:center;gap:var(--space);background:color-mix(in srgb, var(--brand,var(--site-accent)) 8%, var(--site-surface));border:1px solid color-mix(in srgb, var(--brand,var(--site-accent)) 30%, var(--site-border));border-radius:var(--site-radius);padding:calc(var(--space) * 1.1) calc(var(--space) * 1.2);margin-block:calc(var(--space) * 1.6);flex-wrap:wrap;display:flex}.live-cta h3{font-family:var(--font-display);font-size:calc(19px * var(--site-type,1));margin:0 0 4px}.live-cta p{color:var(--site-muted);margin:0;font-size:13.5px}.btn-brand{background:var(--brand,var(--site-accent));color:#fff8ec}.btn-brand:hover{background:color-mix(in srgb, var(--brand,var(--site-accent)) 86%, black);color:#fff8ec;box-shadow:var(--shadow-md);transform:translateY(-2px)}.about-layout{gap:calc(var(--space) * 2);padding-bottom:calc(var(--space) * 2);grid-template-columns:300px minmax(0,1fr);align-items:start;display:grid}.about-side{top:calc(var(--topbar-h) + var(--space));gap:calc(var(--space) * .8);flex-direction:column;display:flex;position:sticky}.about-photo{border-radius:var(--site-radius);border:1px solid var(--site-border);box-shadow:var(--shadow-md);overflow:hidden;transform:rotate(-1.2deg)}.about-photo img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.fact-list{flex-direction:column;gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.fact-list li{color:var(--ink-2);align-items:baseline;gap:10px;display:flex}.fact-list .k{font-family:var(--font-mono);color:var(--site-muted);letter-spacing:.1em;flex:none;width:52px;font-size:11px}.domain-grid{gap:calc(var(--space) * .7);margin-top:calc(var(--space) * 1.2);grid-template-columns:repeat(4,1fr);display:grid}.domain-card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:calc(var(--site-radius) * .8);padding:calc(var(--space) * .8);transition:all calc(var(--dur) * 1.5) ease}.domain-card:hover{box-shadow:var(--shadow-md);border-color:var(--dc,var(--site-accent));transform:translateY(-3px)}.domain-card .di{border-radius:calc(var(--site-radius) * .5);background:color-mix(in srgb, var(--dc,var(--site-accent)) 12%, transparent);width:38px;height:38px;color:var(--dc,var(--site-accent));place-items:center;margin-bottom:10px;display:grid}.domain-card .di svg{width:20px;height:20px}.domain-card h4{font-family:var(--font-display);margin:0 0 4px;font-size:16.5px}.domain-card p{color:var(--site-muted);margin:0;font-size:12.5px;line-height:1.7}.colophon{margin-top:calc(var(--space) * 1.6);border:1px dashed var(--site-border);border-radius:var(--site-radius);padding:calc(var(--space) * .9) calc(var(--space) * 1);color:var(--site-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:13.5px;display:flex}.colophon b{color:var(--ink-2)}.search-box{margin-bottom:calc(var(--space) * 1.2);position:relative}.search-box input{width:100%;font-family:var(--site-font);border-radius:var(--site-radius);border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-fg);transition:all var(--dur) ease;box-shadow:var(--shadow-sm);padding:16px 56px 16px 22px;font-size:18px}.search-box input:focus{border-color:var(--site-accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.search-box input::placeholder{color:var(--site-muted)}.search-box .hint{font-family:var(--font-mono);color:var(--site-muted);border:1px solid var(--site-border);background:var(--site-bg);border-radius:6px;padding:2px 8px;font-size:12px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.search-status{font-family:var(--font-mono);color:var(--site-muted);margin-bottom:var(--space);letter-spacing:.06em;font-size:12px}.search-empty{text-align:center;padding:calc(var(--space) * 2.5) 0;color:var(--site-muted)}.search-empty .big{font-family:var(--font-display);color:var(--site-border);margin-bottom:10px;font-size:40px;display:block}mark{background:var(--gold-soft);color:inherit;border-radius:3px;padding:0 2px}.notfound{text-align:center;padding:calc(var(--space) * 4) 0 calc(var(--space) * 5)}.notfound .code{font-family:var(--font-display);font-size:clamp(72px, 14vw, calc(120px * var(--site-type,1)));color:var(--site-border);margin:0;font-weight:900;line-height:1}.notfound .code i{color:var(--site-accent);font-style:normal}.notfound h1{font-family:var(--font-display);font-size:calc(24px * var(--site-type,1));margin:calc(var(--space) * .8) 0 calc(var(--space) * .5)}.notfound p{color:var(--site-muted);margin:0 0 calc(var(--space) * 1.2)}.footer{border-top:1px solid var(--site-border);background:color-mix(in srgb, var(--site-surface) 70%, transparent);margin-top:calc(var(--space) * 2)}.footer-grid{gap:calc(var(--space) * 1.5);padding-block:calc(var(--space) * 1.8) calc(var(--space) * 1.2);grid-template-columns:1.4fr 1fr 1fr;display:grid}.footer h4{font-family:var(--font-mono);letter-spacing:.2em;color:var(--site-muted);text-transform:uppercase;margin:0 0 14px;font-size:11px}.footer-brand p{color:var(--ink-2);max-width:26em;margin:10px 0 0;font-size:14px}.footer ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.footer ul a{color:var(--ink-2);font-size:14px}.footer ul a:hover{color:var(--site-accent)}.footer-bottom{border-top:1px dashed var(--site-border);padding-block:calc(var(--space) * .7);font-family:var(--font-mono);color:var(--site-muted);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:11.5px;display:flex}.footer-bottom .dash{color:var(--site-accent)}.reveal{opacity:0;transition:opacity calc(var(--dur) * 3.2) ease, transform calc(var(--dur) * 3.2) ease;transition-delay:calc(var(--i,0) * 70ms);transform:translateY(20px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.ticker-track{animation:none}}@media (width<=1100px){.article-layout{grid-template-columns:1fr}.toc{display:none}.about-layout{grid-template-columns:1fr}.about-side{flex-direction:row;align-items:flex-start;position:static}.about-photo{flex:none;width:240px}}@media (width<=900px){.nav-links{display:none}.nav-toggle{display:grid}.hero-grid{gap:calc(var(--space) * 1.4);grid-template-columns:1fr}.hero-art{max-width:520px}.works-grid,.work-hero-grid{grid-template-columns:1fr}.stats-band,.domain-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.about-strip{grid-template-columns:auto 1fr}.about-strip .btn{grid-column:1/-1;justify-self:start}}@media (width<=640px){body{font-size:16px}.post-row{grid-template-columns:1fr;gap:8px}.post-date{flex-direction:row;align-items:center;padding-top:0}.post-meta{text-align:left;flex-direction:row;align-items:center;padding-top:0}.article-nav{grid-template-columns:1fr}.article-nav a.empty{display:none}.hero-stats{gap:calc(var(--space) * .9)}.about-side{flex-direction:column}.about-photo{width:100%;max-width:320px}.footer-grid{gap:calc(var(--space) * 1);grid-template-columns:1fr}.brand-sub{display:none}.hero-seal{width:62px;height:62px;font-size:12.5px;left:-8px}.live-cta{flex-direction:column;align-items:flex-start}}@media print{.topbar,.footer,.toc,.read-progress,.ticker,.drawer{display:none!important}main{padding-top:0}body:before,body:after{display:none}}