/* 简洁响应式样式 */
:root{--bg:#f7f7f8;--card:#fff;--accent:#3b82f6;--muted:#666}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;font-size:16px;background:var(--bg);color:#222;
background-image: url(./image/bg.jpg);
            background-size: 100% auto;
}
.container{max-width:820px;margin:0 auto;padding:24px; background-color: rgba(255,255,255,0.3);}
.site-header{background:linear-gradient(90deg,#fff 0,#f3f6ff 100%);border-bottom:1px solid #e6e9ef}
.site-header .container{display:flex;flex-direction:column;gap:4px}
h1{margin:8px 0;font-size:28px}
.tagline{margin:0;color:var(--muted)}
.posts h2{margin-top:18px}
ul{list-style:none;padding:0;margin:12px 0}
li{margin:8px 0}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.post{background:var(--card);padding:20px;border-radius:8px;box-shadow:0 4px 14px rgba(30,41,59,0.06)}
.meta{color:var(--muted);font-size:14px;margin-bottom:10px}
.site-footer{border-top:1px solid #e6e9ef;padding:12px 0;background:#fff;text-align:center;color:var(--muted)}

@media (max-width:600px){.container{padding:16px}h1{font-size:22px}}