:root{--bg:#fff;--ink:#192b4f;--text:#343b49;--muted:#667084;--line:#dce1e9;--soft:#f5f7fb;--accent:#a33b29;--serif:'Noto Serif SC','Source Han Serif SC','Songti SC','STSong','SimSun',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;color-scheme:light}
:root[data-theme=dark]{--bg:#111927;--ink:#e5ebf8;--text:#ced5e2;--muted:#a2aec2;--line:#334056;--soft:#1a2639;--accent:#f0a58f;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button{touch-action:manipulation}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink)}[hidden]{display:none!important}.shell{width:min(1120px,calc(100% - 96px));margin-inline:auto}.site-header{display:flex;justify-content:space-between;align-items:center;padding-block:30px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-family:var(--serif);font-size:26px;font-weight:700;line-height:1.2;color:var(--ink)}.brand-mark{display:block;flex-shrink:0;color:var(--ink);width:42px;height:46px}.brand-sub{display:block;margin-top:7px;font:10px var(--sans);letter-spacing:2px;color:var(--muted)}nav{display:flex;align-items:center;gap:30px}nav a{font-size:15px;color:var(--muted);position:relative}nav a[aria-current]{color:var(--ink)}nav a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:-12px;border-bottom:2px solid var(--accent)}.theme-toggle{border:0;background:transparent;color:var(--ink);padding:8px;display:grid;place-items:center}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:600}.accent{color:var(--accent)}.intro{padding-block:80px 64px;display:grid;grid-template-columns:1fr 210px;gap:50px;align-items:center}.intro h1{font:600 clamp(42px,5vw,66px)/1.45 var(--serif);letter-spacing:2px;margin:18px 0 23px}.ink-emphasis{position:relative;white-space:nowrap}.ink-emphasis:after{content:'';position:absolute;left:0;right:8px;bottom:-5px;border-bottom:3px solid var(--accent)}.intro-text{font-size:17px;line-height:1.95;color:var(--muted);margin-bottom:0}.intro-note{padding-left:30px;border-left:1px solid var(--line);align-self:center}.note-number{font:italic 74px/1.1 Georgia,serif;color:var(--ink)}.note-rule{width:32px;border-top:1px solid var(--accent);margin-block:22px}.intro-note p{font:20px var(--serif);color:var(--ink);margin-bottom:12px}.intro-note>span:last-child{font-size:13px;color:var(--muted)}.home-content{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:70px;padding-block:20px 80px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:18px;gap:12px}.section-heading h2{font-size:20px;margin:0;font-weight:600}.section-heading h2 span{font-size:11px;letter-spacing:1.6px;font-weight:400;color:var(--muted);margin-left:14px}.section-heading>a{font-size:13px;color:var(--muted)}.post-row{display:flex;gap:27px;padding:32px 0;border-bottom:1px solid var(--line)}.post-date{min-width:55px;display:flex;flex-direction:column;color:var(--muted);padding-top:2px}.post-date time{font:22px/1.5 Georgia,serif;color:var(--ink)}.post-date span{font-size:12px;letter-spacing:1px}.post-info .eyebrow{letter-spacing:0;font-weight:400;color:var(--muted);display:flex;gap:12px;align-items:center;margin-bottom:10px}.sample-label{font-size:12px;background:var(--soft);color:var(--muted);border:1px solid var(--line);padding:0 7px;border-radius:3px;letter-spacing:0}.post-info h3{font:600 24px/1.5 var(--serif);margin-bottom:11px}.post-info p{color:var(--muted);font-size:15px;line-height:1.85;margin-bottom:13px}.reading-meta{font-size:13px;color:var(--muted)}.small-note{display:flex;align-items:start;gap:16px;margin-top:36px}.small-note>span{font-size:24px}.small-note p{font-size:14px;color:var(--muted);line-height:1.9}.aside-title{font-size:15px;font-weight:600;padding-top:5px;margin-bottom:18px}.topic-links a{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.topic-links a>span:last-child{color:var(--muted);font:14px Georgia,serif}.about-note{margin-top:32px;padding:23px;background:var(--soft);border-top:2px solid var(--ink)}.about-note .eyebrow{font-size:10px;color:var(--muted)}.about-note h3{font:600 19px var(--serif);margin:14px 0}.about-note p{font-size:14px;color:var(--muted);line-height:1.95}.about-note a{font-size:13px;color:var(--accent)}.site-footer{border-top:1px solid var(--line);padding:25px 0 34px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.site-footer>div{display:flex;align-items:center;gap:22px}.footer-brand{font:600 19px var(--serif);color:var(--ink)}.page-heading{margin-bottom:44px}.page-heading h1{font:600 48px/1.4 var(--serif);margin:15px 0}.page-heading p{color:var(--muted)}.list-page{padding:65px 0 85px;min-height:70vh}.list-toolbar{border-bottom:2px solid var(--ink);padding-bottom:18px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);gap:20px}.search-label input{background:var(--soft);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:8px 13px;font-size:14px;width:240px;max-width:100%}.list-page .post-row{max-width:100%}.archive-year{font:32px Georgia,serif;border-bottom:2px solid var(--ink);padding-bottom:17px}.archive-year span{font:13px var(--sans);color:var(--muted);margin-left:18px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.topic-card{border:1px solid var(--line);padding:30px;background:var(--soft);scroll-margin-top:30px}.topic-card h2{font:600 26px var(--serif);margin-top:28px;margin-bottom:18px}.topic-index{font-size:11px;color:var(--accent);letter-spacing:1.2px}.topic-card p{font-size:15px;color:var(--muted);min-height:58px}.article-page{padding-block:35px 85px}.back-link{font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}.article-heading{padding:45px 0 35px;border-bottom:1px solid var(--line);margin-bottom:44px}.article-heading h1{font:600 clamp(32px,4vw,46px)/1.5 var(--serif);margin:17px 0;max-width:850px;letter-spacing:.5px}.article-description{font-size:17px;max-width:730px;color:var(--muted)}.article-meta{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:24px}.article-layout{display:grid;grid-template-columns:minmax(0,740px) 220px;gap:80px;align-items:start}.prose{font-size:17px;line-height:2}.prose p{margin-bottom:24px}.prose h2{font:600 28px/1.5 var(--serif);margin:48px 0 20px;scroll-margin-top:30px}.prose h3{font-size:21px;margin-top:30px}.prose blockquote{margin:30px 0;padding:16px 24px;border-left:3px solid var(--accent);background:var(--soft);font-family:var(--serif);color:var(--ink)}.prose blockquote p:last-child{margin-bottom:0}.prose li{margin-block:9px}.prose strong{color:var(--ink)}.prose table{width:100%;border-collapse:collapse;margin:28px 0;font-size:15px;table-layout:fixed}.prose th,.prose td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;overflow-wrap:anywhere}.prose th{background:var(--soft);color:var(--ink);font-weight:600}.prose hr{border:0;border-top:1px solid var(--line);margin:36px 0}.prose em{font-size:14px;color:var(--muted)}.article-tags{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:25px;margin-top:40px;font-size:13px;color:var(--accent)}.toc{position:sticky;top:32px;border-left:1px solid var(--line);padding-left:22px}.toc>.eyebrow{font-size:12px;letter-spacing:0;margin-bottom:15px;color:var(--muted)}.toc nav{display:block}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin-bottom:14px}.toc li a{font-size:13px;color:var(--muted);line-height:1.6}.toc .toc-top{display:inline-block;border-top:1px solid var(--line);padding-top:15px;font-size:12px;margin-top:10px;color:var(--muted)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;top:10px;left:10px;padding:8px 15px;background:var(--bg);z-index:10}
@media(min-width:1400px){.intro{padding-top:96px}}
@media(max-width:950px){.shell{width:calc(100% - 56px)}.home-content{gap:35px;grid-template-columns:minmax(0,1fr) 210px}.intro{grid-template-columns:1fr 160px;gap:20px}.intro-note{padding-left:22px}.article-layout{grid-template-columns:minmax(0,1fr) 175px;gap:35px}.topic-grid{gap:15px}.topic-card{padding:23px}.site-footer>div{gap:15px}}
@media(max-width:700px){.shell{width:calc(100% - 40px)}.site-header{padding-block:22px;gap:15px}.brand{font-size:22px;gap:9px}.brand-mark{width:34px;height:39px;font-size:21px}.brand-sub{font-size:8px;letter-spacing:1px}.site-header nav{gap:17px}.site-header nav a{font-size:14px}.theme-toggle{padding:4px}.intro{padding:50px 0 40px;grid-template-columns:1fr 120px;gap:10px}.intro h1{font-size:42px;letter-spacing:1px}.intro-text{font-size:15px}.intro-note{padding-left:18px}.note-number{font-size:58px}.intro-note p{font-size:17px}.intro-note>span:last-child{font-size:11px}.home-content{display:block;padding-top:15px;padding-bottom:45px}.home-sidebar{margin-top:20px}.topic-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.about-note{margin-top:28px}.about-note p br{display:none}.section-heading h2 span{margin-left:8px;font-size:10px}.post-info h3{font-size:23px}.post-row{gap:18px;padding-block:27px}.post-date{min-width:47px}.site-footer{flex-direction:column;gap:15px}.site-footer>div{justify-content:space-between}.list-page{padding-top:45px}.page-heading h1{font-size:38px}.topic-grid{display:block}.topic-card{display:block;margin-bottom:20px}.topic-card p{min-height:0}.article-heading{padding-top:32px;margin-bottom:30px}.article-description{font-size:16px}.article-layout{display:flex;flex-direction:column;gap:30px}.prose{font-size:16px;line-height:1.95;order:2;width:100%}.prose h2{font-size:25px}.toc{position:static;order:1;width:100%;padding:18px 22px;background:var(--soft);border-left:2px solid var(--line)}.toc ul{display:flex;flex-wrap:wrap;gap:7px 18px}.toc li{margin:0}.toc .toc-top{display:none}.article-meta{gap:12px}.prose table{font-size:13px}.prose td,.prose th{padding:10px 7px}}
@media(max-width:420px){.brand-sub{display:none}.site-header nav{gap:12px}.brand{font-size:21px}.brand-mark{display:block;width:28px;height:32px}.intro{grid-template-columns:1fr}.intro-note{display:none}.intro h1{font-size:40px}.list-toolbar{align-items:start;flex-direction:column;gap:12px}.search-label,.search-label input{width:100%}.post-info h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}