:root{--bg:#f7f5f1;--fg:#2b2a27;--sub:#6f6b63;--card:#fffdf9;--line:#e7e2d9;--accent:#3a7d6d}
@media (prefers-color-scheme:dark){:root{--bg:#16181a;--fg:#e8e6e1;--sub:#9a968d;--card:#1e2124;--line:#2a2e32;--accent:#6fbfae}}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--fg);line-height:2;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:56px 28px 48px}
.back{font-size:14px;color:var(--sub);text-decoration:none}.back:hover{color:var(--accent)}
h1{font-size:26px;margin:18px 0 4px;line-height:1.5}
.meta{font-size:13px;color:var(--sub);margin-bottom:28px}
article p{margin:16px 0;text-align:justify}
article h2{font-size:19px;margin:30px 0 8px;border-left:3px solid var(--accent);padding-left:12px}
article ul{padding-left:22px}article li{margin:6px 0}
code{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:1px 7px;font-size:14px}
footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--sub);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
footer a{color:var(--sub);text-decoration:none;border-bottom:1px dotted var(--sub)}