:root{--fg:#222;--muted:#777;--bg:#fdfdfc;--link:#2b5797;--code:#f3f3f1;--border:#e5e5e2}
@media (prefers-color-scheme:dark){:root{--fg:#ddd;--muted:#999;--bg:#1b1b1d;--link:#7aa7e0;--code:#26262a;--border:#333}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:40px 20px 60px}
header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:32px}
header .title{font-size:20px;font-weight:600;color:var(--fg);text-decoration:none}
nav a{margin-left:16px;color:var(--muted);text-decoration:none}
nav a:hover{color:var(--fg)}
a{color:var(--link)}
.post-list{list-style:none;padding:0;margin:0}
.post-list li{display:flex;gap:16px;padding:10px 0;border-bottom:1px dashed var(--border)}
.post-list time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.post-list a{text-decoration:none}
h1{font-size:26px;line-height:1.4;margin:0 0 6px}
h2{font-size:20px;margin:32px 0 8px}
.meta{color:var(--muted);font-size:14px;margin-bottom:28px}
pre{background:var(--code);padding:14px 16px;overflow-x:auto;border-radius:6px;font-size:14px;line-height:1.55}
code{font-family:"SF Mono",Menlo,Consolas,monospace;font-size:.92em}
p code,li code{background:var(--code);padding:1px 5px;border-radius:4px}
footer{margin-top:48px;color:var(--muted);font-size:13px;text-align:center}