:root{--fg:#1f2328;--muted:#656d76;--bg:#fff;--line:#e5e7eb;--accent:#0b5cad}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.75 -apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
header.site{border-bottom:1px solid var(--line);padding:22px 0}
header.site .wrap{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px}
.logo{font-size:19px;font-weight:600;color:var(--fg);text-decoration:none;letter-spacing:.3px}
nav a{color:var(--muted);text-decoration:none;margin-left:18px;font-size:14px}
nav a:hover{color:var(--accent)}
main{padding:36px 0 60px}
h1{font-size:26px;margin:0 0 6px}
.sub{color:var(--muted);font-size:14px;margin:0 0 34px}
article.post{border-bottom:1px solid var(--line);padding:20px 0}
article.post:last-child{border-bottom:0}
article.post h2{font-size:18px;margin:0 0 6px}
article.post h2 a{color:var(--fg);text-decoration:none}
article.post h2 a:hover{color:var(--accent)}
article.post .meta{color:var(--muted);font-size:13px;margin-bottom:8px}
article.post p{margin:0;color:#3d444d;font-size:15px}
article.full h1{font-size:24px;margin-bottom:4px}
article.full .meta{color:var(--muted);font-size:13px;margin-bottom:22px}
article.full p{font-size:15.5px}
code{background:#f3f4f6;padding:2px 5px;border-radius:4px;font-size:13.5px}
pre{background:#f6f8fa;border:1px solid var(--line);border-radius:6px;padding:14px;overflow:auto;font-size:13.5px}
footer.site{border-top:1px solid var(--line);padding:22px 0 40px;color:var(--muted);font-size:13px}
footer.site a{color:var(--muted)}