:root{color-scheme:light dark;--fg:#252525;--bg:#fff;--mut:#5c5c5c;--card:#f2f3f5;--link:#2f5bd0;--line:#e3e5e9}
@media (prefers-color-scheme:dark){:root{--fg:#ececec;--bg:#121212;--mut:#a8a8a8;--card:#1e1e1e;--link:#9db6ff;--line:#2e2e2e}}
*{box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Roboto,sans-serif;line-height:1.75;margin:0 auto;max-width:780px;padding:20px 20px 64px;color:var(--fg);background:var(--bg);-webkit-text-size-adjust:100%}
nav{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:26px}
nav a{display:inline-block;padding:6px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--mut);font-size:.9rem}
nav a[aria-current]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
h1{font-size:1.6rem;line-height:1.35;margin:.2rem 0 .4rem}
h2{font-size:1.12rem;margin-top:2rem;padding-top:.2rem}
.meta{color:var(--mut);font-size:.92rem;margin:0 0 1.4rem}
.summary{padding:16px 18px;border-radius:12px;background:var(--card);margin:0 0 1.6rem}
ul{padding-left:1.25rem}
li{margin:.5rem 0}
a{color:var(--link)}
footer{margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--line);color:var(--mut);font-size:.88rem}