:root { --fg:#1f2328; --muted:#6a737d; --line:#e5e7eb; --bg:#ffffff; --accent:#0b5fff; }
@media (prefers-color-scheme: dark) { :root { --fg:#e6edf3; --muted:#9aa4ae; --line:#2a2f36; --bg:#0d1117; --accent:#6ea8ff; } }
* { box-sizing: border-box; }
body { margin:0 auto; max-width:720px; padding:24px 20px 48px; color:var(--fg); background:var(--bg);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; line-height:1.75; font-size:17px; }
a { color:var(--accent); text-decoration:none; } a:hover { text-decoration:underline; }
.site-header { display:flex; justify-content:space-between; align-items:baseline; border-bottom:1px solid var(--line); padding-bottom:14px; margin-bottom:28px; }
.site-title { font-size:22px; font-weight:700; color:var(--fg); }
.site-header nav a { margin-left:16px; color:var(--muted); font-size:15px; }
.post-list { list-style:none; margin:0; padding:0; }
.post-list li { padding:16px 0; border-bottom:1px solid var(--line); }
.post-list time { color:var(--muted); font-size:14px; margin-right:12px; font-variant-numeric:tabular-nums; }
.post-link { font-size:19px; font-weight:600; color:var(--fg); }
.post-desc { margin:6px 0 0; color:var(--muted); font-size:15px; }
.tags { margin:6px 0 0; } .tag { color:var(--muted); font-size:13px; border:1px solid var(--line); border-radius:999px; padding:1px 8px; }
h1 { font-size:28px; line-height:1.35; margin:0 0 8px; }
.post-meta { color:var(--muted); font-size:14px; margin:0 0 24px; }
.content img, .content video { max-width:100%; height:auto; border-radius:8px; }
.content p { margin:0 0 1em; }
.back { margin-top:36px; }
.site-footer { margin-top:48px; padding-top:16px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }