@font-face{font-family:"Source Han Serif SC";font-weight:400;font-display:swap;src:url("./fonts/SHSerifSC-Regular.subset.woff2") format("woff2");}
@font-face{font-family:"Source Han Serif SC";font-weight:500;font-display:swap;src:url("./fonts/SHSerifSC-Medium.subset.woff2") format("woff2");}
:root{
  --p-600:#0e8068;--p-700:#0a6151;--p-900:#07372f;--p-50:#ecfdf6;--p-100:#d2f5e6;
  --paper:#faf8f4;--surface:#fff;--ink-900:#1c1a17;--ink-600:#57534e;--ink-400:#767069;--hairline:#eae6df;
  --editorial:"Source Han Serif SC","Songti SC","STSong",Georgia,serif;
  --body:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",system-ui,"Source Han Serif SC",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink-900);font-family:var(--body);line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--p-700);text-decoration:none} a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--p-600);outline-offset:3px;border-radius:6px}
nav{position:sticky;top:0;z-index:20;background:rgb(250 248 244 / .86);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--hairline)}
.nav-in{max-width:820px;margin:0 auto;padding:15px 28px;display:flex;align-items:center;gap:16px}
.brand{font-family:var(--editorial);font-weight:500;font-size:18px;display:flex;align-items:center;gap:9px;color:var(--ink-900)}
.brand .dot{width:8px;height:8px;border-radius:50%;background:var(--p-600);display:inline-block}
.back{margin-left:auto;color:var(--ink-600);font-size:14px;display:inline-flex;gap:6px;align-items:center}
.back:hover{color:var(--ink-900);text-decoration:none}
main{max-width:760px;margin:0 auto;padding:54px 28px 8px}
.eyebrow{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-400);font-weight:500}
h1{font-family:var(--editorial);font-weight:500;font-size:clamp(2rem,4vw,2.7rem);letter-spacing:-.012em;margin-top:14px;line-height:1.18}
.meta{margin-top:14px;color:var(--ink-400);font-size:13.5px}
.draft{margin-top:20px;background:var(--p-50);border:1px solid var(--p-100);border-radius:12px;padding:13px 16px;color:var(--ink-600);font-size:13px;line-height:1.65}
.toc{margin-top:22px;padding-top:22px;border-top:1px solid var(--hairline);display:flex;flex-wrap:wrap;gap:8px 18px}
.toc a{color:var(--ink-600);font-size:13.5px} .toc a:hover{color:var(--p-700)}
h2{font-family:var(--editorial);font-weight:500;font-size:1.28rem;margin-top:40px;letter-spacing:-.005em;line-height:1.4}
h2 .n{color:var(--ink-400);margin-right:10px;font-variant-numeric:tabular-nums lining-nums;font-size:.92em}
p{font-size:15.5px;color:var(--ink-900);margin-top:12px;line-height:1.82}
p.lead{color:var(--ink-600);font-size:16px}
ul{margin-top:12px;padding-left:4px;list-style:none} li{font-size:15.5px;color:var(--ink-900);margin-top:9px;line-height:1.78;padding-left:20px;position:relative}
li::before{content:"";position:absolute;left:2px;top:11px;width:5px;height:5px;border-radius:50%;background:var(--p-600);opacity:.7}
strong{font-weight:600;color:var(--ink-900)}
.foot{max-width:760px;margin:54px auto 0;padding:24px 28px 56px;border-top:1px solid var(--hairline);color:var(--ink-400);font-size:12.5px;line-height:1.9}
.foot a{color:var(--ink-600)}