:root{--paper:#f5f0e6;--ink:#2c2c2c;--ink-light:#5a5a5a;--cinnabar:#a8342a;--border:#d4c8b0}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,"PingFang SC",sans-serif;margin:0;color:var(--ink);line-height:1.7;background:#f8f9fa}
a{color:#0066cc;text-decoration:none}
a:hover{color:#004499}
img{max-width:100%;height:auto}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px 0}
.site-header .brand{display:flex;align-items:center;gap:12px}
.site-header .title{font-size:22px;font-weight:700}
.site-header .title a{color:#222}
.site-header .subtitle{font-size:13px;color:#888}
.site-nav{margin-top:12px;display:flex;gap:18px;flex-wrap:wrap}
.site-nav a{color:#555;padding:4px 0}
.site-nav a:hover{color:#0066cc}
.content-area{padding:32px 20px;min-height:60vh}
.page-title{font-size:26px;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #eee}
.post-list{display:grid;gap:20px}
.post-item{padding:16px 0;border-bottom:1px solid #eee}
.post-item h2{margin:0 0 8px;font-size:18px}
.post-item h2 a{color:#222}
.post-item h2 a:hover{color:#0066cc}
.post-detail h1{margin:0 0 12px}
.post-detail .meta{color:#888;font-size:13px;margin-bottom:20px}
.post-detail .content{line-height:1.9}
.empty{text-align:center;color:#999;padding:60px 0}
.site-footer{margin-top:60px;background:#f8f9fa;border-top:1px solid #e0e0e0;padding:24px 0;text-align:center;color:#888;font-size:13px}
@media (max-width:768px){
    .page-title{font-size:22px}
    .site-header .title{font-size:18px}
}