:root{--bg:#080b10;--surface:#10151c;--ink:#ecefeb;--muted:#9aa7ac;--accent:#84d5c8;--gold:#ceba9b;--line:#283037;color-scheme:dark;font-family:'Microsoft YaHei','PingFang SC',sans-serif;background:var(--bg);color:var(--ink)}
:root[data-theme=light]{--bg:#f5f5f0;--surface:#ebede6;--ink:#192a2b;--muted:#536364;--accent:#266e62;--gold:#765c3a;--line:#d2d9d0;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}:where(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,p,figure{margin:0}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.mono,.eyebrow,.post-number,.post-meta,.brand small,.intro-bottom{font-family:'Cascadia Code','Consolas',monospace}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;z-index:10;background:var(--accent);color:var(--bg);padding:12px 18px}.skip-link:focus{top:15px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;height:104px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:16px;letter-spacing:.06em;font-weight:600;white-space:nowrap}.brand-mark{font-size:28px;color:var(--accent);font-weight:400}.brand small{display:inline-block;margin-left:14px;padding-left:15px;border-left:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.18em;font-weight:400}.site-header nav{display:flex;gap:30px;align-items:center;font-size:12px}.site-header nav a{color:var(--muted)}.site-header nav a:hover,.site-header nav .active{color:var(--ink)}.home-link{padding-left:26px;border-left:1px solid var(--line)}.home-link span{margin-left:8px;color:var(--accent)}.theme-toggle{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;font-size:19px}.theme-toggle[hidden]{display:none}.intro{display:grid;grid-template-columns:1.07fr 1fr;gap:70px;align-items:center;padding:70px 0 58px}.eyebrow{color:var(--accent);font-size:10px;font-weight:400;letter-spacing:.14em;line-height:1.6}.signal{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:8px;vertical-align:middle;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}h1,h2,.sidebar h3,.article-title{font-family:'Noto Serif CJK SC','Source Han Serif SC','Songti SC','SimSun',serif;font-weight:400}.intro h1{margin:25px 0 23px;font-size:clamp(48px,5.5vw,76px);line-height:1.35;letter-spacing:-.055em}.intro h1 span{color:var(--gold)}.intro-description{font-size:13px;line-height:2;color:var(--muted)}.intro-bottom{display:flex;gap:26px;align-items:center;margin-top:33px;color:var(--muted);font-size:9px;letter-spacing:.08em}.intro-bottom a{color:var(--ink);font-family:'Microsoft YaHei',sans-serif;font-size:12px;letter-spacing:0}.intro-bottom a span{margin-left:12px;color:var(--accent)}.sky{height:344px;position:relative;overflow:hidden;border:1px solid var(--line);background:#07090f}.sky img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 50%;opacity:.86}.sky::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#080b10 100%);pointer-events:none}.sky-caption{position:absolute;z-index:1;inset:auto 27px 25px;color:#e8eee8;display:flex;flex-direction:column;gap:10px;font-family:'Songti SC','SimSun',serif;font-size:20px}.sky-caption .mono{font-size:8px;letter-spacing:.2em;color:#a8b7b8}.section-label{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-label h2{font-family:'Microsoft YaHei',sans-serif;font-size:16px;font-weight:500}.section-label .mono{font-size:9px;letter-spacing:.12em;color:var(--muted)}.writing-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:64px}.post-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.post-number{color:var(--gold);font-size:10px;padding-top:4px}.post-meta{display:flex;gap:17px;flex-wrap:wrap;align-items:center;font-size:10px;color:var(--muted)}.tag{color:var(--accent);font-family:'Microsoft YaHei',sans-serif;font-size:10px}.post-row h3{font-size:21px;font-weight:500;line-height:1.7;margin:12px 0 8px;letter-spacing:-.02em}.post-row h3 a{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.post-row h3 a:hover{color:var(--accent)}.post-arrow{flex-shrink:0;color:var(--accent);font-size:20px;font-weight:400}.post-row p{font-size:12px;color:var(--muted);line-height:1.9}.sidebar{margin-top:30px;padding:25px;background:var(--surface);align-self:start;border-top:2px solid var(--gold)}.sidebar h3{font-size:25px;line-height:1.6;margin:20px 0 15px}.sidebar>p:not(.eyebrow){font-size:12px;line-height:2;color:var(--muted)}.fields{display:grid;gap:16px;margin:26px 0;font-family:'Consolas',monospace;font-size:10px;color:var(--gold)}.fields b{font-family:'Microsoft YaHei',sans-serif;font-weight:400;font-size:11px;color:var(--muted);margin-left:12px}.quiet-link{display:block;padding-top:21px;border-top:1px solid var(--line);font-size:11px}.quiet-link span{float:right;color:var(--accent)}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:75px 0 70px;padding-top:45px;border-top:1px solid var(--line)}.about h2{font-size:37px;line-height:1.5;margin-top:20px;letter-spacing:-.04em}.about-copy{padding-top:7px}.about-copy p{color:var(--muted);font-size:13px;line-height:2.2;margin-bottom:16px}.about-links{display:flex;gap:30px;margin-top:25px;font-size:12px}.about-links a{border-bottom:1px solid var(--line);padding-bottom:6px}.about-links a:hover{color:var(--accent)}.site-footer{padding:26px 0 30px;border-top:1px solid var(--line)}.site-footer>div{display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:11px}.site-footer .mono{font-size:9px;letter-spacing:.13em}.site-footer .footer-small{margin-top:20px;font-size:9px;line-height:1.8;flex-wrap:wrap}.footer-small a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.footer-small>a{white-space:nowrap}.breadcrumb{display:flex;gap:12px;color:var(--muted);font-size:12px;margin:42px 0 36px}.breadcrumb a:hover{color:var(--accent)}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(160px,1fr);gap:70px;align-items:start}.article-title{font-size:clamp(34px,4.1vw,52px);line-height:1.5;letter-spacing:-.04em;margin:19px 0 22px}.article-lead{font-size:16px;color:var(--muted);line-height:2;margin-bottom:35px;padding-bottom:30px;border-bottom:1px solid var(--line)}.article-body{font-size:15px;line-height:2.15;overflow-wrap:anywhere}.article-body h2{font-size:25px;line-height:1.6;letter-spacing:-.02em;margin:37px 0 16px;scroll-margin-top:35px}.article-body p{margin:0 0 20px}.article-body ul,.article-body ol{padding-left:25px;margin-bottom:24px}.article-body li{margin-bottom:9px}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.article-body pre{background:var(--surface);border:1px solid var(--line);padding:20px;overflow:auto;font-size:12px;line-height:1.9;max-width:100%}.article-body code{font-family:'Cascadia Code','Consolas',monospace;color:var(--accent)}.article-body blockquote{border-left:2px solid var(--gold);margin:25px 0;padding:8px 22px;color:var(--muted);background:var(--surface)}.toc{position:sticky;top:35px;border-left:1px solid var(--line);padding-left:24px;margin-top:7px}.toc .eyebrow{color:var(--gold)}.toc ol{padding:0;list-style:none;font-size:11px;line-height:1.8}.toc li{margin:17px 0;color:var(--muted)}.toc a:hover{color:var(--accent)}.article-end{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 0;margin:40px 0 70px;border-top:1px solid var(--line);font-size:12px}.article-end>a:last-child{color:var(--accent)}
@media(min-width:1500px){.intro{padding-block:85px 70px}.sky{height:375px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.intro{gap:35px}.sky{height:310px}.writing-layout{gap:35px;grid-template-columns:minmax(0,1fr) 235px}.article-layout{gap:40px;grid-template-columns:minmax(0,1fr) 170px}.post-row h3{font-size:18px}.intro-bottom{gap:17px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:85px;gap:15px}.brand{font-size:14px;gap:8px}.brand small{font-size:8px;margin-left:8px;padding-left:9px}.site-header nav{gap:16px;font-size:11px}.home-link{padding-left:0;border-left:0}.site-header nav>a[href='#about']{display:none}.intro{grid-template-columns:1fr;gap:28px;padding:45px 0 35px}.intro h1{font-size:55px;margin-top:20px;line-height:1.3}.intro-description{font-size:12px}.intro-bottom{justify-content:space-between}.sky{height:195px}.sky-caption{inset:auto 20px 19px;font-size:18px}.sky img{object-position:45% 48%}.writing-layout{grid-template-columns:1fr;gap:30px}.post-row{padding:26px 0;gap:12px;grid-template-columns:22px minmax(0,1fr)}.post-row h3{font-size:19px}.post-meta{gap:12px;font-size:9px}.post-row p{font-size:12px}.section-label{padding-block:20px}.section-label .mono{font-size:8px}.sidebar{margin-top:0;padding:25px}.sidebar h3 br{display:none}.fields{grid-template-columns:repeat(3,1fr);gap:12px}.fields span{display:flex;flex-direction:column;gap:10px}.fields b{margin-left:0}.about{grid-template-columns:1fr;gap:24px;margin-block:45px;padding-top:30px}.about h2{font-size:34px}.about-copy{padding:0}.about-links{gap:20px}.site-footer .footer-small{font-size:8px}.breadcrumb{margin:30px 0}.article-layout{grid-template-columns:1fr;gap:20px}.toc{position:static;grid-row:1;border-left:0;border-bottom:1px solid var(--line);padding:0 0 12px;margin:0}.toc ol{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:0}.toc li{margin:5px 0}.article-title{font-size:33px;margin-top:17px}.article-lead{font-size:14px;margin-bottom:25px}.article-body{font-size:14px}.article-body h2{font-size:23px}.article-end{font-size:11px;margin-bottom:45px}}
@media(max-width:390px){.brand small{display:none}.site-header nav{gap:13px}.intro h1{font-size:49px}.post-row h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}