@font-face{font-family:TsangerJinKai02;src:url(/fonts/TsangerJinKai02-W04.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TsangerJinKai02;src:url(/fonts/TsangerJinKai02-W05.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--brand: #1B365D;--parchment: #f5f4ed;--ivory: #faf9f5;--warm-sand: #e8e6dc;--dark-surface: #30302e;--deep-dark: #141413;--near-black: #141413;--dark-warm: #3d3d3a;--olive: #504e49;--stone: #6b6a64;--border: #e8e6dc;--border-soft: #e5e3d8;--tag-light: #EEF2F7;--tag-standard: #E4ECF5;--serif-en: Charter, Georgia, Palatino, "Times New Roman", serif;--serif-cjk: "TsangerJinKai02", "Source Han Serif SC", "Noto Serif CJK SC", "Songti SC", "STSong", Georgia, serif;--serif: var(--serif-en);--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--mono: "JetBrains Mono", "SF Mono", "Fira Code", Consolas, Monaco, "TsangerJinKai02", "Source Han Serif SC", monospace;--max-page: 1120px;--max-article: 760px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-1: 4px;--radius-2: 6px;--radius-3: 8px;--radius-4: 12px;--radius-5: 16px;--ring-border: 0 0 0 1px var(--border);--ring-brand: 0 0 0 1px var(--brand);--shadow-whisper: 0 4px 24px rgba(0, 0, 0, .05)}html:lang(zh){--serif: var(--serif-cjk)}*,*:before,*:after{box-sizing:border-box}html{background:var(--parchment);color:var(--near-black);font-family:var(--serif);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--parchment);color:var(--near-black);font-family:var(--serif);font-size:16px;line-height:1.55}html:lang(zh) body{font-family:var(--sans);letter-spacing:.025em}h1,h2,h3,h4,h5,h6{font-family:var(--serif);font-weight:500;letter-spacing:0}strong{font-weight:500}em,cite{font-style:normal}main{display:block;padding-bottom:var(--space-20)}a{color:var(--brand);text-decoration-thickness:.08em;text-underline-offset:.18em}img{max-width:100%;height:auto}code,pre,kbd,samp{font-family:var(--mono);letter-spacing:0}@page{background:#f5f4ed}.skip-link{position:absolute;top:1rem;left:1rem;transform:translateY(-180%);border-radius:var(--radius-3);background:var(--brand);color:var(--ivory);font-family:var(--sans);font-size:.9rem;font-weight:600;line-height:1.35;padding:.5rem .75rem;text-decoration:none;z-index:50}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:10}.site-header-inner,.section-shell,.page-hero{width:min(var(--max-page),calc(100% - 2rem));margin:0 auto}.site-header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) 0 var(--space-4);border-bottom:1px solid var(--border)}.site-logo{color:var(--near-black);font-family:var(--serif);font-size:1.22rem;font-weight:500;letter-spacing:0;text-decoration:none}.site-nav{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-left:auto}.site-nav a,.language-pill,.eyebrow,.post-card-date,.project-status,.tag-row a,.tag-list a,.tag-list span,.toc-title{font-family:var(--sans);letter-spacing:0}.site-nav a,.language-pill{color:var(--dark-warm);font-size:.92rem;font-weight:500;line-height:1.35;text-decoration:none}.site-nav a,.inline-link{position:relative}.site-nav a:after,.inline-link:after{content:"";position:absolute;left:0;bottom:-.18rem;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .16s ease}.site-nav a:hover:after,.site-nav a:focus-visible:after,.site-nav a[aria-current=page]:after,.inline-link:hover:after,.inline-link:focus-visible:after{transform:scaleX(1)}.site-nav a[aria-current=page]{color:var(--brand)}.language-pill{border-radius:var(--radius-3);background:var(--warm-sand);box-shadow:var(--ring-border);padding:.45rem .8rem;transition:background-color .16s ease,box-shadow .16s ease}.language-pill:hover,.language-pill:focus-visible{background:var(--ivory);box-shadow:var(--ring-brand)}.home-hero{padding:clamp(3.5rem,8vw,5.5rem) 0 var(--space-10)}.home-hero-inner{width:min(var(--max-page),calc(100% - 2rem));margin:0 auto}.eyebrow{margin:0 0 var(--space-4);color:var(--brand);font-size:.78rem;font-weight:600;line-height:1.35;letter-spacing:.12em;text-transform:uppercase}.page-hero h1{margin:0;color:var(--near-black);font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.1;max-width:14ch}html:lang(zh) .page-hero h1{letter-spacing:.012em}.page-hero p,.plain-copy p,.project-item p,.post-card p,.section-note{color:var(--olive);font-size:1rem;line-height:1.55}.section-shell{margin-top:var(--space-16)}.home-hero+.section-shell{margin-top:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.section-heading h2{margin:0;border-left:3px solid var(--brand);border-radius:2px;padding-left:var(--space-3);color:var(--near-black);font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.2}.page-hero{padding:var(--space-16) 0 var(--space-10)}.page-hero p{max-width:38rem;margin-top:var(--space-5)}.section-note{max-width:42rem;margin:0 0 var(--space-8)}.plain-copy{max-width:44rem}.lead{color:var(--near-black);font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:400;line-height:1.45}.post-list{display:grid;gap:var(--space-5)}.post-card{position:relative;break-inside:avoid;border:1px solid var(--border);border-radius:var(--radius-3);background:var(--ivory);cursor:pointer;padding:var(--space-5);transition:border-color .16s ease,background-color .16s ease}.post-card-overlay{position:absolute;inset:0;z-index:1;border-radius:inherit;text-decoration:none}.post-card-overlay:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.post-card:hover,.post-card:focus-within{border-color:var(--warm-sand);background:#fffdf8}.post-card h2{margin:var(--space-2) 0 var(--space-3);color:var(--near-black);font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.2;transition:color .16s ease}.post-card:hover h2,.post-card:focus-within h2{color:var(--brand)}.post-card-date{margin:0;color:var(--stone);font-size:.84rem;line-height:1.4}.post-card>p{max-width:42rem}.post-card-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5)}.post-card .tag-list{position:relative;z-index:2}.inline-link,.strong-link{color:var(--brand);font-weight:500;text-decoration:none}.strong-link{display:inline-flex;align-items:center;min-height:2.4rem;border-radius:var(--radius-3);background:var(--brand);box-shadow:var(--ring-brand);color:var(--ivory);font-family:var(--sans);font-size:.92rem;font-weight:600;line-height:1.35;padding:.55rem .95rem}.strong-link:after{content:none}.tag-row,.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-row{width:min(var(--max-page),calc(100% - 2rem));margin:var(--space-8) auto 0}.tag-row+.section-shell{margin-top:var(--space-10)}.tag-row a,.tag-list a,.tag-list span{display:inline-flex;align-items:center;border-radius:var(--radius-1);background:var(--tag-light);color:var(--brand);font-size:.78rem;font-weight:600;line-height:1.35;letter-spacing:.06em;padding:.12rem .45rem;text-decoration:none;text-transform:uppercase}.tag-row a:hover,.tag-list a:hover,.tag-row a:focus-visible,.tag-list a:focus-visible{background:var(--tag-standard)}.project-list{display:grid;gap:var(--space-5)}.project-item{break-inside:avoid;display:grid;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-3);background:var(--ivory);padding:var(--space-5)}.project-item h2{margin:0;color:var(--near-black);font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.25}.project-status{color:var(--brand);font-size:.78rem;font-weight:600;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}.empty-state{border:1px solid var(--border);border-radius:var(--radius-3);background:var(--ivory);color:var(--stone);padding:var(--space-5)}@media(max-width:900px){.section-heading{align-items:flex-start;flex-direction:column}.site-nav{margin-left:0}}@media(max-width:720px){.site-header-inner{gap:var(--space-3)}.site-nav{order:3;width:100%;gap:var(--space-3);padding-top:var(--space-1)}.page-hero h1{max-width:none}.post-card-meta{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}