/* Minimal layer using your site tokens */
:root{--bg:#0b1020;--panel:#0f172a;--panel-2:#121a31;--text:#e5e7eb;--muted:#94a3b8;--brand:#a3e635;--brand-2:#22d3ee;--ring:#a3e63544;--card:#0e1530;--shadow:0 8px 24px rgba(2,6,23,.35);--border:#1f2a44}
.light{--bg:#fff;--panel:#f8fafc;--panel-2:#eef2f7;--text:#0f172a;--muted:#475569;--brand:#3b82f6;--brand-2:#22c55e;--ring:#3b82f655;--card:#fff;--shadow:0 8px 24px rgba(15,23,42,.12);--border:#e5e7eb}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial}
a{text-decoration:none;color:inherit}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:12px;padding:10px 14px;background:var(--panel);color:var(--text);cursor:pointer}
.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border:0;color:#0b1020}
.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
input.btn{border-radius:12px}
.hidden{display:none!important}


/* ---- Radar label contrast (dark & light) ---- */
#radar svg text{
    fill: var(--text);
    font-weight: 600;
    paint-order: stroke;            /* 先描边再填充，增强对比 */
    stroke: rgba(0,0,0,.55);        /* 暗底下的描边（黑） */
    stroke-width: .8px;
    dominant-baseline: middle;
}
.light #radar svg text{
    stroke: rgba(255,255,255,.6);   /* 亮底下的描边（白） */
}

/* 让雷达网格跟随主题色系（当前Color使用currentColor） */
#radar svg polygon { color: var(--muted); }

/* ---- Shared legend style for donut & spark ---- */
.legend{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
    align-items: center;
}
.legend .item{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--panel);
    font-size: 12px;
    color: var(--text);
}
.legend .dot{
    width: 10px; height: 10px; border-radius: 2px;
}

/* 说明文字（与页面现有 hint 统一） */
.hintline{ font-size: 12px; color: var(--muted); margin-top: 6px; }