:root{
  --bg:#0b1a24; --panel:#122833; --text:#e8f2f6; --muted:#9fb6c2;
  --accent:#7fd4ff; --ok:#7fe0a8; --line:rgba(127,212,255,.35);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,"Segoe UI",sans-serif;line-height:1.55}
.wrap{max-width:780px;margin:0 auto;padding:28px 16px 48px}
h1{font-size:26px;margin:0 0 6px}
h2{font-size:18px;margin:30px 0 10px;color:var(--accent)}
.sub{color:var(--muted);font-size:14px;margin:0 0 18px}
.note{background:#1c3a2b;border-left:3px solid var(--ok);padding:10px 14px;border-radius:8px;color:#d9ffe9}
.card{display:flex;gap:14px;background:var(--panel);border-radius:14px;padding:16px;margin-bottom:16px;border-left:3px solid var(--accent)}
.card svg{width:26px;height:26px;flex:none;color:var(--accent)}
.card.hot{background:#15333f}
.card strong{color:#fff;display:block;margin-bottom:4px}
ul{margin:0;padding-left:0;list-style:none}
li{background:var(--panel);border-radius:10px;padding:12px 14px;margin-bottom:8px;font-size:15px}
li b{display:block;color:#fff;margin-bottom:3px}
li small{color:var(--muted);display:block;margin-top:4px;font-size:.9em;line-height:.7em}