:root{--text:#333;--text-light:#666;--bg:#fafaf8;--border:#e8e8e4}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
.container{max-width:680px;margin:0 auto;padding:0 20px}
.site-header{padding:60px 0 40px;border-bottom:1px solid var(--border);margin-bottom:50px}
.site-title{font-size:22px;font-weight:600;color:#222;text-decoration:none;letter-spacing:1px}
.site-desc{font-size:14px;color:var(--text-light);margin-top:8px}
.post-item{margin-bottom:48px}
.post-date{font-size:13px;color:#aaa;margin-bottom:6px;font-family:"SF Mono",Menlo,Monaco,monospace}
.post-title{font-size:18px;font-weight:600;margin-bottom:8px}
.post-title a{color:#222;text-decoration:none}
.post-title a:hover{color:#000;border-bottom:1px solid #ccc}
.post-excerpt{font-size:15px;color:var(--text-light);line-height:1.7}
.article{margin-bottom:60px}
.article h1{font-size:24px;font-weight:700;margin-bottom:12px;line-height:1.4}
.article .meta{font-size:13px;color:#aaa;margin-bottom:32px;font-family:"SF Mono",Menlo,Monaco,monospace}
.article p{margin-bottom:20px}
.article strong{color:#444}
.back-link{display:inline-block;margin-bottom:32px;font-size:14px;color:var(--text-light);text-decoration:none}
.back-link:hover{color:var(--text)}
.site-footer{margin-top:80px;padding:30px 0;border-top:1px solid var(--border);text-align:center;font-size:12px;color:#bbb}
.site-footer a{color:#bbb;text-decoration:none}
.site-footer a:hover{color:#888}
@media(max-width:600px){.site-header{padding:40px 0 30px}.post-item{margin-bottom:36px}.site-footer{margin-top:50px}}