:root{
  --bg:#f7f8fa; --card:#fff; --fg:#1b2028; --muted:#6b7280; --border:#e3e6ea;
  --accent:#3a6bb5; --accent-soft:#eaf1fb; --warn:#c0553a; --warn-soft:#fdeee9;
  --ok:#2e7d5b; --ok-soft:#e8f5ef; --gold:#a9663a;
}
@media (prefers-color-scheme: dark){
  :root{ --bg:#14181e; --card:#1b2028; --fg:#e8eaed; --muted:#9aa3af; --border:#2b323c;
         --accent:#6d9bea; --accent-soft:#1e2a3d; --warn:#e08060; --warn-soft:#3a241d;
         --ok:#5cba8e; --ok-soft:#17301f; --gold:#d09060; }
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);
  font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;}
.wrap{max-width:1280px;margin:0 auto;padding:0 20px}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

/* header */
.top{background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.top .wrap{display:flex;align-items:center;gap:28px;height:58px;flex-wrap:wrap}
.brand{font-size:16px;font-weight:700;color:var(--fg)}
.brand .sub{font-size:11px;font-weight:400;color:var(--muted);margin-left:8px;letter-spacing:.5px}
nav{display:flex;gap:4px;flex-wrap:wrap}
nav a{padding:7px 13px;border-radius:6px;color:var(--muted);font-size:13px}
nav a.on{background:var(--accent-soft);color:var(--accent);font-weight:600}
nav a:hover{text-decoration:none;background:var(--border)}

main{padding:26px 20px 60px}
h1{font-size:21px;margin:0 0 4px}
h2{font-size:16px;margin:30px 0 12px;padding-bottom:7px;border-bottom:1px solid var(--border)}
h2:first-of-type{margin-top:18px}
.desc{color:var(--muted);font-size:13px;margin:0 0 20px}

/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:8px}
.card{background:var(--card);border:1px solid var(--border);border-radius:9px;padding:15px 17px}
.card .k{font-size:12px;color:var(--muted)}
.card .v{font-size:24px;font-weight:700;margin-top:3px;font-variant-numeric:tabular-nums}
.card .v small{font-size:12px;font-weight:400;color:var(--muted);margin-left:4px}

/* table */
.tw{overflow-x:auto;background:var(--card);border:1px solid var(--border);border-radius:9px}
table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}
th,td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--border)}
th{background:var(--bg);font-weight:600;font-size:12px;color:var(--muted);position:sticky;top:0}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:var(--accent-soft)}
td.num{text-align:right;font-variant-numeric:tabular-nums}
.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.pos{color:var(--warn)} .neg{color:var(--ok)}

/* tags */
.tag{display:inline-block;padding:1px 7px;border-radius:4px;font-size:11px;line-height:1.7;white-space:nowrap}
.t1{background:var(--warn-soft);color:var(--warn);font-weight:600}
.t2{background:var(--accent-soft);color:var(--accent);font-weight:600}
.t3{background:var(--ok-soft);color:var(--ok)}
.t4{background:var(--border);color:var(--muted)}
.new{background:var(--warn);color:#fff;font-weight:700}
.up{background:var(--accent);color:#fff}

/* forms */
.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px;align-items:center}
.filters input,.filters select{padding:7px 11px;border:1px solid var(--border);border-radius:6px;
  background:var(--card);color:var(--fg);font-size:13px;font-family:inherit}
.filters input:focus,.filters select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}
.btn{padding:7px 15px;border:0;border-radius:6px;background:var(--accent);color:#fff;
  font-size:13px;font-family:inherit;cursor:pointer;font-weight:500}
.btn:hover{opacity:.9}

/* briefing */
.md{background:var(--card);border:1px solid var(--border);border-radius:9px;padding:22px 26px}
.md h1{font-size:19px} .md h2{font-size:15px;margin:24px 0 10px}
.md blockquote{margin:12px 0;padding:9px 15px;border-left:3px solid var(--accent);
  background:var(--accent-soft);border-radius:0 6px 6px 0;color:var(--muted);font-size:13px}
.md table{font-size:12.5px;margin:10px 0}
.md em{color:var(--muted)}
.md hr{border:0;border-top:1px solid var(--border);margin:22px 0}

.foot{padding:26px 20px 40px;color:var(--muted);font-size:12px}
.empty{padding:34px;text-align:center;color:var(--muted);background:var(--card);
  border:1px solid var(--border);border-radius:9px}