:root{
  --bg:#f3f5fb; --panel:#ffffff; --panel-2:#eef1fa; --fg:#1a2233; --muted:#6b7a93;
  --line:#e3e8f4; --accent:#4f6ef7; --good:#12a150; --bad:#e5484d; --warn:#c8871a;
  --radius:14px;
  --link-line:rgba(79,110,247,.42);
  --tint-accent:rgba(79,110,247,.06);
  --tint-accent-strong:linear-gradient(180deg,rgba(79,110,247,.10),rgba(79,110,247,0));
  --notice-bg:#eef2fe; --notice-line:#b9c6f5;
  --warnbox-bg:#fdf5e6;
  --wk:#4f6ef7; --wk-on:#ffffff; --wk-fg:#3a55e0; --wk-val:#3a55e0; --wk-line:#c3cdf8;
  --tint:rgba(79,110,247,.08); --wk-tint:rgba(79,110,247,.14);
  --danger:#d93a3f; --danger-line:#ecc6c8; --danger-hover:#fdecec;
  --rank1:#b07d10; --rank2:#7b8698; --rank3:#9a6229;
}
html,body{background:#f3f5fb;color:#1a2233}
a{color:#4f6ef7}
.side{background:#ffffff;border-right-color:#e8ecf6;box-shadow:0 1px 3px rgba(28,40,80,.05)}
.brand{color:#1a2233}
.brand small{color:#8290a8}
.nvg>summary{background:#f2f5fd;color:#243049;border-left-width:3px}
.nvg>summary:hover{filter:brightness(.98)}
.nvg>summary.tone-radar{border-left-color:#e5484d;background:linear-gradient(90deg,rgba(229,72,77,.09),transparent);color:#a83236}
.nvg>summary.tone-radar .nico{color:#e5484d}
.nvg>summary.tone-design{border-left-color:#0e9c8e;background:linear-gradient(90deg,rgba(14,156,142,.09),transparent);color:#0a7168}
.nvg>summary.tone-design .nico{color:#0e9c8e}
.nvg>summary.tone-proj{border-left-color:#7b5cf0;background:linear-gradient(90deg,rgba(123,92,240,.09),transparent);color:#5b3fc4}
.nvg>summary.tone-proj .nico{color:#7b5cf0}
.nvg>summary.tone-admin{border-left-color:#6b7a93;background:linear-gradient(90deg,rgba(107,122,147,.09),transparent);color:#4a5568}
.nvg>summary.tone-admin .nico{color:#6b7a93}
.nvi{color:#5a6880}
.nvi:hover{background:#eef1fa;color:#1a2233}
.nvi.on{background:linear-gradient(92deg,#4f6ef7,#7b5cf0);color:#ffffff;font-weight:700}
.nvi.on-top{border-left-color:#4f6ef7;background:linear-gradient(90deg,rgba(79,110,247,.14),transparent);color:#22304d}
.nvi.on-top .nico{color:#4f6ef7}
.nvi.on-top.current{background:linear-gradient(90deg,rgba(79,110,247,.26),rgba(79,110,247,.05))}
.btn{background:linear-gradient(92deg,#4f6ef7,#7b5cf0);color:#fff;font-weight:600}
.btn.ghost{background:#ffffff;color:#3b4457;border-color:#dfe4f0}
.card{background:#ffffff;border-color:#e8ecf6;box-shadow:0 6px 18px -12px rgba(28,40,80,.35)}
.card .k{color:#8290a8;font-weight:600}
.card .v{font-family:"SF Mono",Consolas,monospace;color:#1a2233}
table{background:#ffffff;border-color:#e8ecf6}
th{background:#f6f8fe;color:#6b7a93}
.sidefoot{border-top-color:#e8ecf6;color:#8290a8}

/* 标签字色：从上面这几个语义色现算，别手改（见 colors.mjs readableOn）*/
:root{--accent-fg:#000;--good-fg:#000;--bad-fg:#000;--warn-fg:#000;}

/* 左栏底部那排色点：把当前这套点亮 */
.themedots .tdot-yunqing{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);transform:scale(1.12)}