:root{--bg:#fbfaf7;--fg:#22252a;--muted:#6b7078;--acc:#1f6f8b;--line:#e3e0d8;--card:#fff}
@media (prefers-color-scheme:dark){:root{--bg:#16181c;--fg:#e6e3dc;--muted:#9aa0a8;--acc:#5fb3cf;--line:#2c3036;--card:#1d2025}}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;background:var(--bg);color:var(--fg);font:1rem/1.65 Georgia,"PT Serif","Times New Roman",serif}
.wrap{max-width:46rem;margin:0 auto;padding:0 1.1rem}
a{color:var(--acc)}
h1,h2,h3{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.25}
.site-head{border-bottom:1px solid var(--line);background:var(--card)}
.head-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.7rem}
.brand{display:flex;align-items:center;gap:.5rem;font:600 1.1rem system-ui,sans-serif;color:var(--fg);text-decoration:none}
.nav{display:flex;gap:1.1rem;font-family:system-ui,sans-serif;font-size:.92rem}
.nav a{color:var(--fg);text-decoration:none}.nav a:hover{color:var(--acc)}
.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--fg);border-radius:6px;padding:.2rem .55rem;font-size:1.1rem}
main{padding-block:2rem 3rem}
.hero{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;margin-bottom:2rem}
.hero img{flex:0 1 320px;max-width:100%;height:auto}
.hero div{flex:1 1 18rem}
.btn{display:inline-block;background:var(--acc);color:#fff;padding:.45rem 1rem;border-radius:6px;text-decoration:none;font-family:system-ui,sans-serif}
.post-list{list-style:none;padding:0}
.post-list li{padding:1rem 0;border-bottom:1px solid var(--line)}
.post-list a{font:600 1.08rem system-ui,sans-serif;text-decoration:none}
.post-list time{display:block;color:var(--muted);font-size:.85rem;font-family:system-ui,sans-serif}
.post-list p{margin:.3rem 0 0}
.meta{color:var(--muted);font-family:system-ui,sans-serif;font-size:.88rem}
.post img{max-width:100%;height:auto;display:block;margin:1.2rem auto}
pre{background:var(--card);border:1px solid var(--line);padding:.8rem;overflow-x:auto;border-radius:6px;font-size:.85rem}
code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em}
blockquote{border-left:3px solid var(--acc);margin:1rem 0;padding:.1rem 1rem;color:var(--muted)}
.site-foot{border-top:1px solid var(--line);font-size:.85rem;padding-block:1.2rem}
.muted{color:var(--muted)}
.notfound{text-align:center;padding:3rem 0}
@media (max-width:600px){.nav-toggle{display:block}.nav{display:none;position:absolute;right:1rem;top:3.4rem;flex-direction:column;background:var(--card);border:1px solid var(--line);padding:.8rem 1rem;border-radius:8px}.nav.open{display:flex}}