*{box-sizing:border-box} :root{--bg:#0b0c10;--card:#16181f;--mut:#9aa3af;--acc:#7c3aed;--ok:#10b981;--err:#ef4444;--txt:#e5e7eb}
html,body{height:100%;margin:0;padding:0;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
.wrap{padding:20px}
.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.brand{font-weight:600}
.brand small{color:var(--mut);margin-left:8px}
.clock{font-variant-numeric:tabular-nums}
.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}
.card{background:var(--card);border:1px solid #22242b;border-radius:14px;box-shadow:0 10px 20px rgba(0,0,0,.25);min-height:220px}
.card-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #22242b;color:#cbd5e1;font-weight:600}
.card-bd{padding:16px}
.error{color:var(--err);margin-top:8px}
.note{color:var(--mut);margin-top:8px}
.q-count{display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:600;height:120px}
.news-item{padding:8px 0;border-bottom:1px dashed #252833}
.news-item:last-child{border-bottom:0}
.wx-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px dashed #252833}
.wx-row:last-child{border-bottom:0}
.scanner label{display:inline-block;width:120px;color:var(--mut)}
@media (max-width:1100px){.grid{grid-template-columns:1fr}}