:root { --fg:#222; --bg:#fff; --accent:#0a8f7a; --muted:#999; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.75 system-ui,"PingFang SC","Microsoft YaHei",sans-serif; color:var(--fg); background:var(--bg); }
.site-header { padding:14px 20px; border-bottom:1px solid #eee; }
.site-header a { color:var(--accent); text-decoration:none; font-weight:600; }
.site-main { max-width:760px; margin:0 auto; padding:30px 20px; }
.post-title { margin:0 0 6px; font-size:1.8rem; }
.post-date { color:var(--muted); font-size:.9rem; margin:0 0 22px; }
.content h2 { margin-top:1.6em; border-left:4px solid var(--accent); padding-left:10px; }
.content img { max-width:100%; border-radius:8px; }
.content pre { background:#f6f8fa; padding:14px; border-radius:8px; overflow:auto; }
.content code { background:#f6f8fa; padding:2px 6px; border-radius:4px; font-size:.92em; }
.content pre code { padding:0; background:none; }
.post-list { list-style:none; padding:0; }
.post-list li { padding:12px 0; border-bottom:1px solid #f0f0f0; }
.post-list a { color:var(--fg); text-decoration:none; font-size:1.1rem; }
.post-list a:hover { color:var(--accent); }
.post-list .date { color:var(--muted); font-size:.85rem; margin-left:10px; }
.intro { margin-bottom:28px; padding:18px 20px; background:#f7faf9; border-left:4px solid var(--accent); border-radius:0 8px 8px 0; }
.intro p { margin:0; }
.site-footer { text-align:center; color:var(--muted); padding:26px; font-size:.85rem; }