/* ═══════════════════════════════════════════════════════════════════════════
   VADO · AI 全域战情指挥中心 —— 主题皮肤 (2026-11-04)

   设计约束 (用户明确要求):
     ① 深色 (不要浅色, 浅色不「大气」)
     ② 必须与 LUMEX 作战室**明显区分** —— 不是同一套换几个色号,
        而是「石墨黑 + 星云紫/鎏金」vs LUMEX「深空蓝 + 青霓虹」两套气质
     ③ 同一条内容规则: 卡片标题中文 / 参数细节英文

   做法: 只覆盖 CSS 变量 + 少量结构性规则 (圆角/留白/强调条位置/背光),
   不改任何 DOM 结构 ⇒ 与主代码零耦合, LUMEX 侧不受影响 (未注入本文件)。
   ═══════════════════════════════════════════════════════════════════════════ */

body.vado{
  /* 底色: 石墨黑带紫调 (LUMEX 是 #05080e 蓝调) */
  --bg:#0a0910;
  --panel:rgba(24,21,32,.80);
  --line:#2c2540;
  --line2:#1a1624;
  --txt:#ece7f6;
  --dim:#9c92b4;
  /* 主强调: 鎏金 (LUMEX 主强调是青 #35d6ff) */
  --cyan:#f0c25e;
  --green:#54e0a4;
  --red:#ff5f7a;
  --amber:#ffc65c;
  --violet:#a78bfa;
  --blue:#8ea6ff;

  font-family:"Inter","Segoe UI","PingFang SC",system-ui,sans-serif;
  background:
    radial-gradient(1100px 520px at 12% -8%, rgba(167,139,250,.16), transparent 62%),
    radial-gradient(900px 480px at 96% 4%, rgba(240,194,94,.10), transparent 58%),
    var(--bg);
}

/* 背景不再用网格线 (LUMEX 的「星盘格」), 换成一整片柔和星云 + 极淡噪点 */
body.vado::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    radial-gradient(1px 1px at 18% 22%, rgba(255,255,255,.22), transparent 60%),
    radial-gradient(1px 1px at 62% 12%, rgba(255,255,255,.16), transparent 60%),
    radial-gradient(1px 1px at 84% 46%, rgba(255,255,255,.14), transparent 60%),
    radial-gradient(1px 1px at 34% 74%, rgba(255,255,255,.12), transparent 60%);
  opacity:.6;
}

/* ── 顶部品牌: 鎏金渐变字 + 宽字距 ── */
body.vado .brand{
  font-family:"Inter","PingFang SC",sans-serif;
  font-weight:700;letter-spacing:2.2px;
  background:linear-gradient(92deg,#f0c25e 0%,#ffe3a3 42%,#a78bfa 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.vado .badge{border-radius:8px;letter-spacing:1.4px}
body.vado .badge.live{color:#f0c25e;border-color:#4a3c1c;background:rgba(40,32,12,.75)}
body.vado .pulse,body.vado .live-dot{box-shadow:0 0 14px #f0c25e}

/* ── 卡片: 更大的圆角 + 左侧紫色强调条 (LUMEX 是左上角渐变光) ── */
body.vado .card,body.vado .kpi{border-radius:16px;border-color:var(--line)}
body.vado .card{
  background:linear-gradient(180deg,rgba(32,27,43,.86),rgba(18,16,24,.86));
  box-shadow:0 18px 40px -30px rgba(167,139,250,.55), inset 0 1px 0 rgba(255,255,255,.03);
}
body.vado .card>h3{
  font-family:"Inter","PingFang SC",sans-serif;
  letter-spacing:1.2px;font-size:12px;color:#cbbfe4;
  border-bottom:1px solid rgba(167,139,250,.16);
}
body.vado .kpi{
  background:linear-gradient(180deg,rgba(36,30,48,.9),rgba(19,16,26,.9));
  border-left:3px solid var(--acc,var(--violet));
}
body.vado .kpi::before{display:none}          /* 去掉左上角斜切高光 */
body.vado .kpi .v{font-variant-numeric:tabular-nums;letter-spacing:.4px}
body.vado .kpi .k{color:#a99cc4;letter-spacing:1.5px}

/* ── 工位卡 (9 个站位): 紫边 + 名字加粗, 与 LUMEX 的「青色灯 + 细边」区分 ── */
body.vado #stations>div{border-radius:14px;border-color:#2b2440;
  background:linear-gradient(180deg,rgba(30,26,42,.9),rgba(17,15,24,.9))}
body.vado #stations>div .nm{font-weight:700;letter-spacing:.6px}
body.vado #stations>div.sys{border-color:#3a3156}
body.vado #stations>div .chip{border-color:#2f2748;background:rgba(23,20,32,.9)}

/* ── 数值排版: 数字用等宽, 标题用无衬线 (中英混排更挺) ── */
body.vado .mono,body.vado .num{font-family:"SF Mono",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}

/* ── 分段控件 / 按钮: 圆角胶囊 → 方角「控制台」感 ── */
body.vado .rbt,body.vado .rlab,body.vado .pill{border-radius:8px}
body.vado .rbt.pri{border-color:#4a3c1c;color:#f0c25e}
body.vado .rng::-webkit-slider-thumb{background:#f0c25e;box-shadow:0 0 12px #f0c25e}
body.vado .rng::-moz-range-thumb{background:#f0c25e}

/* ── 表格/流水行: 悬停用紫底而不是蓝底 ── */
body.vado tbody tr:hover,body.vado .row:hover{background:rgba(167,139,250,.08)}

/* ── 滚动条 ── */
body.vado ::-webkit-scrollbar{width:10px;height:10px}
body.vado ::-webkit-scrollbar-thumb{background:#2e2743;border-radius:8px}
body.vado ::-webkit-scrollbar-track{background:#0f0d16}

/* ── 移动端: 保持深色 + 加大触控间距 ── */
@media(max-width:820px){
  body.vado .card,body.vado .kpi{border-radius:14px}
  body.vado .brand{letter-spacing:1.2px;font-size:14px}
  body.vado #stations>div{padding:10px 12px}
}

/* ═══════════════════════════════════════════════════════════════════════════
   VADO 登录页 (2026-11-04 用户: 「LUMEX 和 VADO 的作战室登录页要做二套」)
   login.html 自带 inline 样式 (LUMEX 的青霓虹调), 这里只覆盖配色/质感,
   把它变成「石墨黑 + 鎏金主行动 + 星云紫点缀」, 与 LUMEX 一眼可分。
   ═══════════════════════════════════════════════════════════════════════════ */
body.vado{
  --bg:#0a0910; --ink:#ece7f6; --ink-2:#b3aac6; --ink-3:#8b81a1; --ink-4:#5f5871;
  --line:#2b2440; --line-2:#1a1626; --field:#12101b; --field-2:#171326;
  --cy:#f0c25e; --gr:#54e0a4; --pu:#a78bfa; --rd:#ff5f7a;
  background:
    radial-gradient(1000px 560px at 8% -10%, rgba(167,139,250,.22), transparent 60%),
    radial-gradient(820px 480px at 92% 6%, rgba(240,194,94,.12), transparent 58%),
    #0a0910 !important;
}
body.vado .stage{
  border-radius:20px !important;
  border-color:#2b2440 !important;
  box-shadow:0 32px 90px rgba(0,0,0,.62), 0 0 0 1px rgba(167,139,250,.10) inset !important;
}
body.vado .pitch{
  background:
    radial-gradient(620px 320px at 12% 0%, rgba(167,139,250,.26), transparent 62%),
    radial-gradient(520px 280px at 96% 100%, rgba(240,194,94,.12), transparent 60%),
    #0d0b14 !important;
  border-right-color:#2b2440 !important;
}
body.vado .wordmark .n{
  background:linear-gradient(92deg,#f0c25e,#ffe6ae 45%,#a78bfa);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  letter-spacing:2.4px;
}
body.vado .wordmark .s{ color:#a99fbe !important; letter-spacing:1.2px; }
body.vado .pitch-body h2{ color:#ece7f6 !important; }
body.vado .pitch-body h2 span{
  background:linear-gradient(92deg,#f0c25e,#ffe6ae 40%,#a78bfa);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
}
body.vado .feats li i{ background:#f0c25e !important; box-shadow:0 0 10px rgba(240,194,94,.55) !important; }
body.vado .eyebrow{ color:#a78bfa !important; letter-spacing:.24em; }
body.vado .pane h1{ color:#ece7f6 !important; }
body.vado .wrap input{ background:var(--field) !important; border-color:#2b2440 !important; }
body.vado .wrap input:focus{ border-color:#a78bfa !important; box-shadow:0 0 0 3px rgba(167,139,250,.16) !important; }
body.vado .go{
  background:linear-gradient(92deg,#f0c25e,#ffd98f 40%,#a78bfa) !important;
  color:#14101c !important; font-weight:700 !important;
  box-shadow:0 12px 30px rgba(167,139,250,.22), 0 6px 18px rgba(240,194,94,.20) !important;
}
body.vado .go:hover{ filter:brightness(1.05); }
body.vado .chip b{ background:#54e0a4 !important; box-shadow:0 0 10px rgba(84,224,164,.6) !important; }
body.vado .mark svg{ stroke:#f0c25e !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   V9.16 (2026-11-04 用户: 「vado 作战室登录页面色彩也过于浓重, 有点俗气」)
   原版用满饱和的鎏金 + 星云紫做渐变文字/CTA, 深色底上对比过强 ⇒ 降饱和、降光晕:
     · 背景紫 .22→.09 / 金 .12→.05; 舞台/左侧介绍底同样减半
     · 金色主行动改成「哑光香槟金」(#d8bd8b → #c9ae7d), 阴影从 30px 紫光降到 18px 中性
     · 渐变文字只保留很轻的金→藕紫, 不再三色跳
   ═══════════════════════════════════════════════════════════════════════════ */
body.vado{
  --cy:#d8bd8b; --pu:#9c8fc9;
  background:
    radial-gradient(1000px 560px at 8% -10%, rgba(148,130,205,.09), transparent 62%),
    radial-gradient(820px 480px at 92% 6%, rgba(216,189,139,.05), transparent 60%),
    #0a0910 !important;
}
body.vado .stage{
  box-shadow:0 26px 70px rgba(0,0,0,.6), 0 0 0 1px rgba(167,139,250,.06) inset !important;
}
body.vado .pitch{
  background:
    radial-gradient(620px 320px at 12% 0%, rgba(148,130,205,.10), transparent 64%),
    radial-gradient(520px 280px at 96% 100%, rgba(216,189,139,.05), transparent 62%),
    #0d0b13 !important;
}
body.vado .wordmark .n{
  background:linear-gradient(92deg,#d8bd8b,#efe2c8 52%,#b3a5d6);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  letter-spacing:2.2px;
}
body.vado .wordmark .s{ color:#9c93b0 !important; }
body.vado .pitch-body h2 span{
  background:linear-gradient(92deg,#d8bd8b,#efe2c8 50%,#b3a5d6);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
}
body.vado .feats li i{ background:#d8bd8b !important; box-shadow:none !important; }
body.vado .eyebrow{ color:#9c8fc9 !important; }
body.vado .wrap input:focus{ border-color:#9c8fc9 !important; box-shadow:0 0 0 3px rgba(156,143,201,.14) !important; }
body.vado .go{
  background:linear-gradient(92deg,#d8bd8b,#e6d3a8 55%,#c9b394) !important;
  color:#17131d !important; font-weight:700 !important;
  box-shadow:0 10px 24px -12px rgba(0,0,0,.85) !important;
}
body.vado .go:hover{ filter:brightness(1.04); }
body.vado .chip b{ background:#54c99b !important; box-shadow:none !important; }
body.vado .mark svg{ stroke:#d8bd8b !important; }