:root { --bg:#fff; --fg:#24292f; --muted:#6a737d; --accent:#2f6fed; --border:#e1e4e8; --code-bg:#f6f8fa; --max-width:760px; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#0d1117; --fg:#c9d1d9; --muted:#8b949e; --accent:#58a6ff; --border:#30363d; --code-bg:#161b22; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif; line-height:1.75; }
a { color:var(--accent); text-decoration:none; } a:hover{text-decoration:underline;}
.site-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; max-width:var(--max-width); margin:0 auto; padding:1.5rem 1rem; border-bottom:1px solid var(--border); }
.site-title { font-size:1.3rem; font-weight:700; color:var(--fg); }
.site-header nav a { margin-right:1rem; color:var(--fg); }
.search-box { position:relative; }
#search-input { padding:.4rem .7rem; border:1px solid var(--border); border-radius:6px; background:var(--bg); color:var(--fg); }
#search-results { display:none; position:absolute; right:0; top:2.2rem; background:var(--bg); border:1px solid var(--border); border-radius:6px; min-width:240px; max-height:300px; overflow-y:auto; z-index:10; padding:.5rem; }
#search-results div { padding:.3rem .2rem; border-bottom:1px dashed var(--border); }
main { max-width:var(--max-width); margin:0 auto; padding:2rem 1rem; }
.post-item { margin-bottom:2rem; } .post-item h2{margin-bottom:.3rem;}
.post-meta,.post-desc { color:var(--muted); font-size:.9rem; }
.tag { display:inline-block; font-size:.8rem; padding:.1rem .5rem; border:1px solid var(--border); border-radius:999px; margin-right:.3rem; color:var(--muted); }
.post-content h1 { font-size:1.8rem; }
.markdown-body img { max-width:100%; border-radius:6px; }
.markdown-body pre { background:var(--code-bg); padding:1rem; overflow-x:auto; border-radius:6px; }
.markdown-body code { background:var(--code-bg); padding:.1rem .3rem; border-radius:4px; font-size:.9em; }
.markdown-body pre code { background:none; padding:0; }
.markdown-body blockquote { border-left:4px solid var(--border); margin:0; padding-left:1rem; color:var(--muted); }
.markdown-body table { border-collapse:collapse; width:100%; }
.markdown-body th,.markdown-body td { border:1px solid var(--border); padding:.5rem; }
.post-nav { display:flex; justify-content:space-between; margin-top:3rem; padding-top:1rem; border-top:1px solid var(--border); }
.tag-cloud .tag { font-size:1rem; margin:.3rem; padding:.3rem .8rem; }
.site-footer { text-align:center; color:var(--muted); padding:2rem 1rem; font-size:.85rem; }