:root { --bg:#f4f6f8; --paper:#fff; --ink:#1f2933; --muted:#52606d; --line:#d9e2ec; --brand:#0b5fff; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.6 'Segoe UI', Tahoma, sans-serif; color:var(--ink); background:var(--bg); }
.wrap { width:min(980px, 92vw); margin:0 auto; }
.topbar { background:var(--paper); border-bottom:1px solid var(--line); position:sticky; top:0; }
.topbar .wrap { display:flex; justify-content:space-between; align-items:center; padding:12px 0; gap:16px; }
.brand { text-decoration:none; font-weight:700; color:var(--ink); }
nav { display:flex; flex-wrap:wrap; gap:12px; }
nav a { text-decoration:none; color:var(--brand); font-weight:600; }
.content { background:var(--paper); margin-top:18px; padding:20px; border:1px solid var(--line); border-radius:10px; }
img { max-width:100%; height:auto; }
.footer { color:var(--muted); padding:24px 0 48px; }
.article-list li { margin:0 0 10px; }