:root{--accent:#0a4a7d;--muted:#6b7280;--bg:#fff;--card:#ffffff;--maxw:1100px;--radius:12px}
*{box-sizing:border-box}html,body{height:100%}body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial;margin:0;color:#111;background:#f5f7fb;line-height:1.6}
a{color:var(--accent);text-decoration:none}.container{max-width:var(--maxw);margin:28px auto;padding:0 16px}
.header{background:linear-gradient(180deg,var(--accent),#0b3a5a);color:#fff;padding:28px 16px; border-radius: 0}
.header .brand{display:flex;align-items:center;gap:12px}.header h1{margin:0;font-size:20px}.header p{margin:8px 0 0;color:rgba(255,255,255,0.9);font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:22px}
.post-card{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 20px rgba(15,23,42,0.06);display:flex;flex-direction:column;min-height:320px;transition:transform .18s ease,box-shadow .18s ease}
.post-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(15,23,42,0.08)}.thumb{height:180px;background:#e9eef5;background-position:center;background-size:cover}
.card-body{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}.meta{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted)}.title{margin:0;font-size:18px;color:#0b2740}.excerpt{color:#334155;margin:0 0 10px;flex:0}.tags{margin-top:auto}.tag{display:inline-block;background:#eef6ff;color:var(--accent);padding:6px 10px;border-radius:999px;font-size:12px;margin-right:8px}.readmore{display:inline-block;margin-top:12px;font-weight:700}
.post-page .cover{height:320px;background-position:center;background-size:cover;border-radius:10px;margin-bottom:16px}.post-content img{max-width:100%;height:auto;border-radius:6px}.post-content h2,.post-content h3{color:#0f172a}.footer{background:#fff;padding:18px;text-align:center;margin-top:34px;color:var(--muted);font-size:14px;border-top:1px solid #eef2f7}
@media (max-width:600px){.thumb{height:140px}.header{padding:22px 12px}}