:root { --fg:#1f2328; --muted:#59636e; --line:#d1d9e0; --accent:#0969da; --bg:#ffffff; --code:#f6f8fa; }
@media (prefers-color-scheme: dark) {
  :root { --fg:#e6edf3; --muted:#9198a1; --line:#3d444d; --accent:#4493f8; --bg:#0d1117; --code:#151b23; }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:var(--bg); color:var(--fg); font: 16px/1.75 -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
.site-header, main, .site-footer { max-width: 760px; margin: 0 auto; padding: 0 16px; }
.site-header { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top:20px; padding-bottom:12px; border-bottom:1px solid var(--line); flex-wrap:wrap; }
.site-name { font-weight:600; color:var(--fg); }
.site-header nav a { margin-left:16px; color:var(--muted); }
main { padding-top:24px; padding-bottom:32px; }
h1 { font-size:1.6rem; line-height:1.35; margin:0 0 12px; }
h2 { font-size:1.25rem; margin:32px 0 12px; }
h3 { font-size:1.05rem; margin:24px 0 8px; }
p, li { color:var(--fg); }
.meta { color:var(--muted); font-size:.9rem; margin-bottom:20px; }
.post-list { list-style:none; padding:0; margin:0; }
.post-list li { display:flex; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); }
.post-list span { color:var(--muted); font-size:.9rem; white-space:nowrap; }
code { background:var(--code); padding:1px 5px; border-radius:4px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:.92em; }
pre { background:var(--code); padding:14px 16px; border-radius:6px; overflow-x:auto; line-height:1.55; }
pre code { padding:0; background:none; }
table { border-collapse:collapse; width:100%; margin:12px 0; font-size:.95rem; }
th, td { border:1px solid var(--line); padding:6px 10px; text-align:left; vertical-align:top; }
.site-footer { border-top:1px solid var(--line); padding-top:16px; padding-bottom:32px; color:var(--muted); font-size:.9rem; text-align:center; }
.site-footer p { margin:4px 0; color:var(--muted); }
