:root{--max: 1080px;--font-serif: "Fraunces", "Songti SC", "Source Han Serif SC", "Noto Serif SC", Georgia, "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}:root,:root[data-theme=light]{--bg: oklch(97.5% .006 250);--bg-2: oklch(93% .014 245);--bg-3: oklch(95% .012 30);--surface: oklch(99% .003 250 / .72);--surface-solid: oklch(99% .003 250);--fg: oklch(30% .03 265);--fg-soft: oklch(44% .025 265);--muted: oklch(58% .018 265);--border: oklch(89% .012 260);--accent: oklch(53% .16 27);--accent-soft: oklch(53% .16 27 / .1);--ink: oklch(24% .025 265);--ink-fg: oklch(98% .004 250);--grain-opacity: .045}:root[data-theme=dark]{--bg: oklch(22% .022 265);--bg-2: oklch(26% .03 270);--bg-3: oklch(28% .04 20);--surface: oklch(30% .022 265 / .5);--surface-solid: oklch(27% .022 265);--fg: oklch(93% .012 250);--fg-soft: oklch(80% .016 250);--muted: oklch(64% .018 255);--border: oklch(40% .022 265);--accent: oklch(68% .16 32);--accent-soft: oklch(68% .16 32 / .14);--ink: oklch(94% .008 250);--ink-fg: oklch(24% .025 265);--grain-opacity: .06}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--fg);font-family:var(--font-sans);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:var(--bg);background-image:radial-gradient(60% 50% at 18% 10%,var(--bg-2),transparent 70%),radial-gradient(50% 45% at 85% 6%,var(--bg-3),transparent 70%),radial-gradient(75% 60% at 50% 105%,var(--bg-2),transparent 72%);background-attachment:fixed;transition:background-color .4s ease,color .3s ease}body:before{content:"";position:fixed;inset:0;z-index:-1;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.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in oklch,var(--bg) 72%,transparent);backdrop-filter:blur(12px) saturate(1.4);border-bottom:1px solid color-mix(in oklch,var(--border) 60%,transparent)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{font-family:var(--font-serif);font-size:22px;font-weight:500;letter-spacing:.01em;color:var(--fg);text-decoration:none}.brand-mark{color:var(--fg)}.brand-colon{color:var(--accent);font-style:italic;padding:0 .04em}.brand-dot{color:var(--muted)}.site-nav{display:flex;gap:2px}.nav-link{color:var(--muted);text-decoration:none;font-size:14px;padding:8px 14px;border-radius:999px;transition:color .2s,background .2s}.nav-link:hover{color:var(--fg);background:var(--surface)}.nav-link.active{color:var(--accent)}.header-right{display:flex;align-items:center;gap:10px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.theme-toggle:hover{color:var(--fg);border-color:var(--accent);background:var(--surface)}.theme-toggle svg{width:17px;height:17px}.theme-toggle .icon-moon{display:none}.theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:block}:root[data-theme=dark] .theme-toggle .icon-sun{display:none}main.container{padding-top:40px;padding-bottom:96px;min-height:64vh}.hero{text-align:center;max-width:880px;margin:0 auto;padding:clamp(48px,12vh,120px) 0 clamp(40px,8vh,80px)}.hero-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:0 0 28px}.hero-title{font-family:var(--font-serif);font-weight:400;font-size:clamp(40px,8vw,88px);line-height:1.04;letter-spacing:-.02em;margin:0 0 24px;color:var(--fg)}.hl{color:var(--accent);font-style:italic}.hl-2{color:var(--accent)}.hero-zh{font-family:var(--font-serif);font-size:clamp(18px,2.6vw,26px);letter-spacing:.12em;color:var(--fg-soft);margin:0 0 28px}.hero-sub{font-size:17px;line-height:1.8;color:var(--muted);max-width:600px;margin:0 auto 36px}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;padding:13px 28px;border-radius:999px;text-decoration:none;font-size:15px;font-weight:500;transition:transform .15s ease,box-shadow .25s,opacity .2s,color .2s,border-color .2s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--ink-fg);box-shadow:0 8px 24px -8px color-mix(in oklch,var(--ink) 50%,transparent)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px -10px color-mix(in oklch,var(--ink) 55%,transparent)}.btn-ghost{border:1px solid var(--border);color:var(--fg);background:var(--surface)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.pillars{margin-top:40px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px;text-decoration:none;color:var(--fg);backdrop-filter:blur(6px);transition:border-color .25s,transform .25s,background .25s}.card:hover{border-color:color-mix(in oklch,var(--accent) 50%,var(--border));transform:translateY(-4px);background:var(--surface-solid)}.card-title{font-family:var(--font-serif);font-weight:500;margin:14px 0 10px;font-size:21px}.card-desc{color:var(--muted);font-size:14.5px;line-height:1.7;margin:0 0 16px}.card-more{color:var(--accent);font-size:14px;font-weight:500}.tag{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:4px 12px;border-radius:999px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:56px;align-items:start}.toc{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 130px);overflow-y:auto}.toc-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.toc ul{list-style:none;margin:0;padding:0;border-left:1px solid var(--border)}.toc-item a{display:block;padding:6px 0 6px 16px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;font-size:13.5px;line-height:1.5;transition:color .2s,border-color .2s}.toc-item a:hover{color:var(--fg)}.toc-item a.active{color:var(--fg);border-left-color:var(--accent);font-weight:600}.toc-depth-3 a{padding-left:30px;font-size:13px}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.toc{display:none}}.prose{max-width:720px}.prose h1{font-family:var(--font-serif);font-weight:400;font-size:clamp(30px,5vw,46px);line-height:1.15;letter-spacing:-.02em;margin:12px 0 24px}.prose h2{font-family:var(--font-serif);font-weight:500;font-size:26px;margin:44px 0 14px}.prose h3{font-family:var(--font-serif);font-weight:500;font-size:20px;margin:32px 0 10px}.prose p{color:var(--fg-soft);margin:0 0 20px;font-size:17px;line-height:1.85}.prose ul{color:var(--fg-soft);padding-left:24px;margin:0 0 18px}.prose li{margin:8px 0}.prose strong{color:var(--fg);font-weight:600}.prose .muted{color:var(--muted)}.prose a{color:var(--accent);text-underline-offset:3px}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--accent-soft);border-radius:5px;padding:2px 6px}.prose pre{background:var(--surface-solid);border:1px solid var(--border);border-radius:14px;padding:18px;overflow-x:auto;margin:0 0 18px}.prose pre code{background:none;padding:0}.prose blockquote{border-left:2px solid var(--accent);margin:0 0 18px;padding:2px 0 2px 18px;color:var(--muted);font-style:italic}.prose hr{border:none;border-top:1px solid var(--border);margin:36px 0}.prose :is(h1,h2,h3){scroll-margin-top:88px}.callout{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px;color:var(--fg-soft);margin:28px 0;font-size:15px}.post-list{list-style:none;padding:0;margin:28px 0 0}.post-list li{padding:26px 0;border-bottom:1px solid var(--border)}.post-list li:first-child{padding-top:0}.post-title{font-family:var(--font-serif);font-size:24px;font-weight:500;color:var(--fg);text-decoration:none;letter-spacing:-.01em}.post-title:hover{color:var(--accent)}.post-list time{display:block;font-family:var(--font-mono);font-size:12px;color:var(--muted);margin:8px 0}.post-desc{color:var(--fg-soft);font-size:15px;margin:8px 0 0}.back-link{display:inline-block;font-size:14px;color:var(--muted);text-decoration:none;margin-bottom:16px}.back-link:hover{color:var(--accent)}.post-meta{font-family:var(--font-mono);font-size:12.5px;color:var(--muted);margin:0 0 32px}.site-footer{border-top:1px solid var(--border);padding:40px 0;margin-top:48px}.footer-tagline{font-family:var(--font-serif);font-style:italic;color:var(--fg-soft);margin:0 0 10px;font-size:16px}.footer-ethics{color:var(--muted);font-size:13px;max-width:620px;margin:0 0 8px;line-height:1.7}.footer-copy{color:var(--muted);font-size:13px;margin:0}