/* ============================================================================
   public/assets/theme-light.css —— 浅色主题「精致化」统一收口（需求④）
   ----------------------------------------------------------------------------
   背景：此前各页面仅把 --bg / --txt 等少数令牌切到浅色，而大量组件仍使用
   深色主题专用的硬编码值（rgba(255,255,255,.0x) 玻璃底、#fff 文字、
   rgba(40,52,92,.8) 深色 hover、细若游丝的 rgba(99,102,241,.14) 描边、
   以及浅底上过淡的 --indigo #7c9bff），导致浅色主题「字段发虚、图标不显、
   文字与底色糊在一起」，观感明显弱于深色主题。

   本文件按「令牌 → 基础组件 → 各页面专用组件」分层覆盖，全部规则均以
   [data-theme="light"],[data-theme="zx"] 限定，深色主题零影响；由各 HTML 在最后引入。
   ============================================================================ */

/* ---------- 1. 令牌：提高对比度、加深强调色、改用分层阴影 ---------- */
[data-theme="light"],[data-theme="zx"] {
  --bg: #f5f7fc;
  --bg2: #ffffff;
  --panel: #ffffff;
  --panel2: #f7f9fd;
  --line: rgba(16, 24, 40, .10);
  --line2: rgba(16, 24, 40, .18);
  --txt: #101828;
  --txt2: #475467;
  --txt3: #667085;
  /* 强调色：浅底上必须加深，否则 #7c9bff 一类淡紫在白色背景上几乎不可辨 */
  --indigo: #4f5bd5;
  --violet: #7c3aed;
  --teal: #0d9488;
  --gold: #b45309;
  --rose: #dc2626;
  --green: #059669;
  --blue: #2563eb;
  --grad: linear-gradient(118deg, #5b6cff, #8b5cf6 52%, #0d9488);
  --shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 16px 36px -18px rgba(16, 24, 40, .22);
  --foot-bg: transparent;
  --brand-mark: url('/assets/logo-mark.png');
}

/* ---------- 2. 基础层 ---------- */
[data-theme="light"],[data-theme="zx"] html,
[data-theme="light"],[data-theme="zx"] body {
  background: var(--bg);
  color: var(--txt);
}
[data-theme="light"],[data-theme="zx"] body {
  background:
    radial-gradient(1100px 620px at 8% -10%, rgba(99, 102, 241, .10), transparent 58%),
    radial-gradient(900px 520px at 100% 0%, rgba(139, 92, 246, .08), transparent 55%),
    radial-gradient(820px 620px at 50% 118%, rgba(13, 148, 136, .07), transparent 60%),
    linear-gradient(180deg, #f7f9fd, #f2f5fb 60%, #eef2f9);
  background-attachment: fixed;
}
[data-theme="light"],[data-theme="zx"] ::selection { background: rgba(99, 102, 241, .18); }
[data-theme="light"],[data-theme="zx"] ::-webkit-scrollbar { width: 10px; height: 10px; }
[data-theme="light"],[data-theme="zx"] ::-webkit-scrollbar-thumb { background: rgba(16, 24, 40, .16); border-radius: 8px; border: 2px solid transparent; background-clip: content-box; }
[data-theme="light"],[data-theme="zx"] ::-webkit-scrollbar-thumb:hover { background: rgba(16, 24, 40, .28); background-clip: content-box; }
[data-theme="light"],[data-theme="zx"] ::-webkit-scrollbar-track { background: transparent; }

/* ---------- 3. 顶部品牌栏 / 导航 ---------- */
[data-theme="light"],[data-theme="zx"] .brand-bar {
  background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .55) 70%, rgba(245, 247, 252, 0));
  border-bottom: 1px solid rgba(16, 24, 40, .06);
  backdrop-filter: blur(14px);
}
[data-theme="light"],[data-theme="zx"] .logo-mark,
[data-theme="light"],[data-theme="zx"] .side .logo .mk {
  background-color: #fff;
  border: 1px solid rgba(16, 24, 40, .08);
  box-shadow: 0 2px 6px rgba(16, 24, 40, .06);
}
[data-theme="light"],[data-theme="zx"] .brand-txt b,
[data-theme="light"],[data-theme="zx"] .brand-name { color: #101828; letter-spacing: .04em; }
[data-theme="light"],[data-theme="zx"] .brand-txt small { color: #667085; }
[data-theme="light"],[data-theme="zx"] .brand-right a {
  color: #344054;
  border-color: rgba(16, 24, 40, .12);
  background: #fff;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}
[data-theme="light"],[data-theme="zx"] .brand-right a:hover {
  color: var(--indigo);
  border-color: rgba(79, 91, 213, .38);
  background: #f2f4ff;
  transform: translateY(-1px);
}
[data-theme="light"],[data-theme="zx"] .brand-right a.active {
  color: #fff;
  border-color: transparent;
  background: var(--grad);
  box-shadow: 0 8px 18px -10px rgba(79, 91, 213, .7);
}

/* ---------- 4. 按钮 ---------- */
[data-theme="light"],[data-theme="zx"] .btn {
  color: #fff;
  box-shadow: 0 10px 22px -12px rgba(79, 91, 213, .85);
}
[data-theme="light"],[data-theme="zx"] .btn:hover { box-shadow: 0 16px 30px -14px rgba(79, 91, 213, .9); }
[data-theme="light"],[data-theme="zx"] .btn.ghost {
  background: #fff;
  border-color: rgba(16, 24, 40, .14);
  color: #344054;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
}
[data-theme="light"],[data-theme="zx"] .btn.ghost:hover {
  background: #f2f4ff;
  border-color: rgba(79, 91, 213, .35);
  color: var(--indigo);
}
[data-theme="light"],[data-theme="zx"] .btn.ghost.off,
[data-theme="light"],[data-theme="zx"] .btn.off { color: #667085; }

/* ---------- 5. 表单控件（字段发虚的主要症结） ---------- */
[data-theme="light"],[data-theme="zx"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
[data-theme="light"],[data-theme="zx"] select,
[data-theme="light"],[data-theme="zx"] textarea {
  background-color: #fff;
  border: 1px solid rgba(16, 24, 40, .16);
  color: #101828;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}
[data-theme="light"],[data-theme="zx"] input::placeholder,
[data-theme="light"],[data-theme="zx"] textarea::placeholder { color: #98a2b3; }
[data-theme="light"],[data-theme="zx"] input:not([type="checkbox"]):not([type="radio"]):focus,
[data-theme="light"],[data-theme="zx"] select:focus,
[data-theme="light"],[data-theme="zx"] textarea:focus {
  border-color: rgba(79, 91, 213, .65);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .16);
  outline: none;
}
[data-theme="light"],[data-theme="zx"] .field label,
[data-theme="light"],[data-theme="zx"] .mzh-field > label,
[data-theme="light"],[data-theme="zx"] .mz-field label { color: #475467; font-weight: 600; }
[data-theme="light"],[data-theme="zx"] .field input,
[data-theme="light"],[data-theme="zx"] .field select { background: #fff; border-color: rgba(16, 24, 40, .16); }
[data-theme="light"],[data-theme="zx"] .mz-field input,
[data-theme="light"],[data-theme="zx"] .mz-field select {
  background: #fff;
  border-color: rgba(16, 24, 40, .16);
  color: #101828;
}
[data-theme="light"],[data-theme="zx"] .mz-field input:focus,
[data-theme="light"],[data-theme="zx"] .mz-field select:focus {
  border-color: rgba(79, 91, 213, .6);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .16);
}
[data-theme="light"],[data-theme="zx"] .d360-fm input,
[data-theme="light"],[data-theme="zx"] .d360-fm select { background: #fff; border-color: rgba(16, 24, 40, .16); color: #101828; }
[data-theme="light"],[data-theme="zx"] .ev-note { background: #fff; border-color: rgba(16, 24, 40, .16); color: #101828; }

/* ---------- 6. 卡片 / 表格 / 徽标 ---------- */
[data-theme="light"],[data-theme="zx"] .card,
[data-theme="light"],[data-theme="zx"] .d360-card,
[data-theme="light"],[data-theme="zx"] .pct-card,
[data-theme="light"],[data-theme="zx"] .sugg,
[data-theme="light"],[data-theme="zx"] .mz-tips,
[data-theme="light"],[data-theme="zx"] .mz-basic,
[data-theme="light"],[data-theme="zx"] .mz-dim,
[data-theme="light"],[data-theme="zx"] .mz-result,
[data-theme="light"],[data-theme="zx"] .rp-block {
  background: #fff;
  border-color: rgba(16, 24, 40, .08);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 14px 30px -20px rgba(16, 24, 40, .35);
  backdrop-filter: none;
}
[data-theme="light"],[data-theme="zx"] .data-table th,
[data-theme="light"],[data-theme="zx"] .tbl th {
  color: #667085;
  background: #f7f9fd;
  border-bottom-color: rgba(16, 24, 40, .10);
  font-weight: 800;
  letter-spacing: .02em;
}
[data-theme="light"],[data-theme="zx"] .data-table td,
[data-theme="light"],[data-theme="zx"] .tbl td { color: #344054; border-bottom-color: rgba(16, 24, 40, .07); }
[data-theme="light"],[data-theme="zx"] .data-table tbody tr:hover td,
[data-theme="light"],[data-theme="zx"] .tbl tbody tr:hover td { background: #f5f7ff; }
[data-theme="light"],[data-theme="zx"] .badge,
[data-theme="light"],[data-theme="zx"] .tag,
[data-theme="light"],[data-theme="zx"] .level-tag {
  background: #f2f4ff;
  border-color: rgba(16, 24, 40, .10);
  color: #3538cd;
  font-weight: 700;
}
[data-theme="light"],[data-theme="zx"] .mini { color: #667085; }
[data-theme="light"],[data-theme="zx"] .muted { color: #475467; }

/* 提示条 / 说明块 */
[data-theme="light"],[data-theme="zx"] .d360-note,
[data-theme="light"],[data-theme="zx"] .mzh-shared-note,
[data-theme="light"],[data-theme="zx"] .inv-note,
[data-theme="light"],[data-theme="zx"] .ir-note {
  background: #f5f7ff;
  border-color: rgba(79, 91, 213, .18);
  color: #475467;
}
[data-theme="light"],[data-theme="zx"] .d360-note b,
[data-theme="light"],[data-theme="zx"] .inv-note b { color: #3538cd; }

/* Toast */
[data-theme="light"],[data-theme="zx"] .toast {
  background: #101828;
  border-color: rgba(16, 24, 40, .2);
  color: #fff;
  box-shadow: 0 18px 40px -18px rgba(16, 24, 40, .6);
}

/* ---------- 7. 管理后台 ---------- */
[data-theme="light"],[data-theme="zx"] .side {
  background: #fff;
  border-right: 1px solid rgba(16, 24, 40, .08);
  box-shadow: 1px 0 0 rgba(16, 24, 40, .02), 8px 0 28px -24px rgba(16, 24, 40, .5);
}
[data-theme="light"],[data-theme="zx"] .side a { color: #475467; font-weight: 600; }
[data-theme="light"],[data-theme="zx"] .side a:hover { background: #f2f4ff; color: var(--indigo); }
[data-theme="light"],[data-theme="zx"] .side a.active {
  background: var(--grad);
  color: #fff;
  box-shadow: 0 10px 20px -12px rgba(79, 91, 213, .85);
}
[data-theme="light"],[data-theme="zx"] .side a .ico { filter: saturate(1.05); }
[data-theme="light"],[data-theme="zx"] .side .me { color: #667085; border-top-color: rgba(16, 24, 40, .08); }
[data-theme="light"],[data-theme="zx"] .side .me b { color: #101828; }
[data-theme="light"],[data-theme="zx"] .topbar h1 { color: #101828; }
[data-theme="light"],[data-theme="zx"] .topbar .sub { color: #667085; }
[data-theme="light"],[data-theme="zx"] .tbl { background: transparent; }
[data-theme="light"],[data-theme="zx"] .tbl td,
[data-theme="light"],[data-theme="zx"] .tbl th { font-size: 13px; }
[data-theme="light"],[data-theme="zx"] .noti-item {
  background: #fff;
  border-color: rgba(16, 24, 40, .08);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}
[data-theme="light"],[data-theme="zx"] .noti-item.unread { background: #f6f7ff; border-color: rgba(79, 91, 213, .22); }
[data-theme="light"],[data-theme="zx"] .noti-item .n-title { color: #101828; }
[data-theme="light"],[data-theme="zx"] .noti-item .n-body,
[data-theme="light"],[data-theme="zx"] .noti-item .n-time { color: #667085; }
[data-theme="light"],[data-theme="zx"] .switch .slider {
  background: #dde3ef;
  border-color: rgba(16, 24, 40, .22);
  box-shadow: inset 0 1px 2px rgba(16, 24, 40, .06);
}
[data-theme="light"],[data-theme="zx"] .switch .slider::after { background: #fff; box-shadow: 0 1px 3px rgba(16, 24, 40, .32); }
[data-theme="light"],[data-theme="zx"] .switch input:checked + .slider {
  background: linear-gradient(120deg, #5b6cff, #7c3aed);
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(79, 91, 213, .25), 0 4px 10px -4px rgba(79, 91, 213, .75);
}
[data-theme="light"],[data-theme="zx"] .switch input:disabled + .slider { opacity: .6; }
[data-theme="light"],[data-theme="zx"] .switch.locked input:disabled + .slider { opacity: 1; }

/* 后台数据大屏：浅色主题下同步转为「白底浅玻璃」，避免半深半浅的割裂 */
[data-theme="light"],[data-theme="zx"] .db-screen {
  background:
    radial-gradient(900px 520px at 12% -6%, rgba(99, 102, 241, .10), transparent 60%),
    radial-gradient(760px 460px at 100% 0%, rgba(139, 92, 246, .08), transparent 58%),
    linear-gradient(180deg, #fbfcff, #f3f6fc) !important;
  border: 1px solid rgba(16, 24, 40, .08);
  box-shadow: 0 20px 50px -34px rgba(16, 24, 40, .5);
  color: #101828;
}
[data-theme="light"],[data-theme="zx"] .db-screen::before { opacity: .35; }
[data-theme="light"],[data-theme="zx"] .db-title h1 { color: #101828; }
[data-theme="light"],[data-theme="zx"] .db-sub { color: #667085; }
[data-theme="light"],[data-theme="zx"] .db-logo {
  background: linear-gradient(135deg, rgba(99, 102, 241, .16), rgba(13, 148, 136, .14));
  border: 1px solid rgba(16, 24, 40, .08);
}
[data-theme="light"],[data-theme="zx"] .db-clock { color: #344054; background: #fff; border: 1px solid rgba(16, 24, 40, .10); }
[data-theme="light"],[data-theme="zx"] .db-kpi,
[data-theme="light"],[data-theme="zx"] .db-panel {
  background: #fff;
  border: 1px solid rgba(16, 24, 40, .08);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 18px 34px -26px rgba(16, 24, 40, .55);
}
[data-theme="light"],[data-theme="zx"] .db-kpi:hover,
[data-theme="light"],[data-theme="zx"] .db-panel:hover { box-shadow: 0 2px 4px rgba(16, 24, 40, .05), 0 26px 44px -26px rgba(79, 91, 213, .45); }
[data-theme="light"],[data-theme="zx"] .db-kpi-v { color: #101828; }
[data-theme="light"],[data-theme="zx"] .db-kpi-l { color: #667085; }
[data-theme="light"],[data-theme="zx"] .db-panel-h { color: #1d2939; }
[data-theme="light"],[data-theme="zx"] .db-panel-b { color: #344054; }
[data-theme="light"],[data-theme="zx"] .db-panel-b .mini { color: #667085; }
[data-theme="light"],[data-theme="zx"] .db-panel-b .cpa-layer .cl-head { color: #475467; }
[data-theme="light"],[data-theme="zx"] .db-panel-b .cpa-layer .cl-head b { color: #101828; }
[data-theme="light"],[data-theme="zx"] .db-section,
[data-theme="light"],[data-theme="zx"] .db-sec-title { color: #101828; }
[data-theme="light"],[data-theme="zx"] .db-funnel-cell {
  background: #fff;
  border-color: rgba(16, 24, 40, .08);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}
[data-theme="light"],[data-theme="zx"] .db-funnel-n { color: #101828; }
[data-theme="light"],[data-theme="zx"] .db-funnel-l { color: #667085; }
[data-theme="light"],[data-theme="zx"] .db-funnel-rate { color: #0d9488; }
[data-theme="light"],[data-theme="zx"] .db-tools .btn.ghost { background: #fff; }
[data-theme="light"],[data-theme="zx"] .live { background: #fff; color: #475467; border-color: rgba(16, 24, 40, .10); }
[data-theme="light"],[data-theme="zx"] .cpa-bar { background: #eef1f8; }
[data-theme="light"],[data-theme="zx"] .db-sheen { opacity: .25; }

/* ---------- 8. 通用模块页（module.html 等模块页） ---------- */
[data-theme="light"],[data-theme="zx"] .mz-modhead {
  background: linear-gradient(135deg, rgba(99, 102, 241, .10), rgba(13, 148, 136, .07));
  border-color: rgba(79, 91, 213, .18);
}
[data-theme="light"],[data-theme="zx"] .mz-modhead .desc { color: #667085; }
[data-theme="light"],[data-theme="zx"] .mz-opt {
  background: #fff;
  border-color: rgba(16, 24, 40, .12);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
}
[data-theme="light"],[data-theme="zx"] .mz-opt:hover { border-color: rgba(79, 91, 213, .5); background: #f7f9ff; }
[data-theme="light"],[data-theme="zx"] .mz-opt.on {
  border-color: var(--indigo);
  background: linear-gradient(180deg, #f3f5ff, #eaeeff);
  box-shadow: 0 8px 18px -12px rgba(79, 91, 213, .8);
}
[data-theme="light"],[data-theme="zx"] .mz-opt .o-score { color: var(--indigo); }
[data-theme="light"],[data-theme="zx"] .mz-opt .o-label { color: #667085; }
[data-theme="light"],[data-theme="zx"] .mz-opt.on .o-label { color: #3538cd; font-weight: 600; }
[data-theme="light"],[data-theme="zx"] .mz-prog { background: #fff; border-color: rgba(16, 24, 40, .10); box-shadow: 0 10px 24px -18px rgba(16, 24, 40, .5); }
[data-theme="light"],[data-theme="zx"] .mz-prog-track { background: #eef1f8; }
[data-theme="light"],[data-theme="zx"] .mz-dim-head .d-w { background: #f2f4ff; color: #3538cd; }
[data-theme="light"],[data-theme="zx"] .mz-meta { background: #fbfcff; border-color: rgba(16, 24, 40, .08); }
[data-theme="light"],[data-theme="zx"] .mzh-tag { background: var(--indigo); color: #fff; }
[data-theme="light"],[data-theme="zx"] .mzh-combo-panel,
[data-theme="light"],[data-theme="zx"] .mzh-combo-item { background: #fff; }
[data-theme="light"],[data-theme="zx"] .mzh-combo-panel { border-color: rgba(16, 24, 40, .12); box-shadow: 0 18px 40px -24px rgba(16, 24, 40, .55); }
[data-theme="light"],[data-theme="zx"] .mzh-combo-item:hover { background: #f2f4ff; color: var(--indigo); }
[data-theme="light"],[data-theme="zx"] .mzh-shared-note b { color: var(--indigo); }
[data-theme="light"],[data-theme="zx"] .qt-badge {
  background: #fff;
  border-color: rgba(16, 24, 40, .12);
  color: #344054;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
}
[data-theme="light"],[data-theme="zx"] .qt-badge .qt-num { color: #0d9488; }
[data-theme="light"],[data-theme="zx"] .qt-badge .qt-lbl { color: #667085; }
[data-theme="light"],[data-theme="zx"] .qt-badge .qt-list { background: #fff; border-color: rgba(16, 24, 40, .10); box-shadow: 0 22px 44px -24px rgba(16, 24, 40, .5); }
[data-theme="light"],[data-theme="zx"] .qt-badge .qt-list::before { background: #fff; border-color: rgba(16, 24, 40, .10); }

/* ---------- 9. 360° 评估（落地页 / 邀请页 / 作答页） ---------- */
[data-theme="light"],[data-theme="zx"] .d360-land-hero {
  background: linear-gradient(135deg, rgba(99, 102, 241, .10), rgba(13, 148, 136, .08));
  border-color: rgba(79, 91, 213, .16);
  box-shadow: 0 20px 40px -32px rgba(16, 24, 40, .55);
}
[data-theme="light"],[data-theme="zx"] .d360-rcard,
[data-theme="light"],[data-theme="zx"] .d360-entry {
  background: #fff;
  border-color: rgba(16, 24, 40, .08);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 16px 32px -24px rgba(16, 24, 40, .45);
}
[data-theme="light"],[data-theme="zx"] .d360-rcard .ic,
[data-theme="light"],[data-theme="zx"] .d360-role .ic,
[data-theme="light"],[data-theme="zx"] .d360-proj {
  background: #f5f7ff;
  border-color: rgba(16, 24, 40, .08);
}
[data-theme="light"],[data-theme="zx"] .d360-proj { border: 1px solid rgba(16, 24, 40, .08); }
[data-theme="light"],[data-theme="zx"] .q360-hd { background: rgba(245, 247, 252, .92); backdrop-filter: blur(10px); border-bottom-color: rgba(16, 24, 40, .08); }
[data-theme="light"],[data-theme="zx"] .q360-item {
  background: #fff;
  border-color: rgba(16, 24, 40, .08);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 12px 26px -22px rgba(16, 24, 40, .5);
}
[data-theme="light"],[data-theme="zx"] .q360-item .q-t { color: #101828; }
[data-theme="light"],[data-theme="zx"] .q360-item .q-d { color: #667085; }
[data-theme="light"],[data-theme="zx"] .q360-opt {
  background: #fbfcff;
  border-color: rgba(16, 24, 40, .12);
}
[data-theme="light"],[data-theme="zx"] .q360-opt:hover { border-color: rgba(79, 91, 213, .45); background: #f7f9ff; }
[data-theme="light"],[data-theme="zx"] .q360-opt.on {
  background: linear-gradient(180deg, #f3f5ff, #eaeeff);
  border-color: var(--indigo);
  box-shadow: 0 8px 18px -14px rgba(79, 91, 213, .8);
}
[data-theme="light"],[data-theme="zx"] .q360-opt .k { color: #667085; border-color: rgba(16, 24, 40, .16); background: #fff; }
[data-theme="light"],[data-theme="zx"] .q360-opt.on .k { background: var(--indigo); color: #fff; border-color: var(--indigo); }
[data-theme="light"],[data-theme="zx"] .q360-opt .lb { color: #344054; }
[data-theme="light"],[data-theme="zx"] .q360-opt.on .lb { color: #1d2939; }
[data-theme="light"],[data-theme="zx"] .q360-foot { background: rgba(255, 255, 255, .95); border-top-color: rgba(16, 24, 40, .08); backdrop-filter: blur(10px); }
[data-theme="light"],[data-theme="zx"] .q360-nav button { background: #fff; border-color: rgba(16, 24, 40, .12); color: #667085; }
[data-theme="light"],[data-theme="zx"] .q360-nav button.done { border-color: rgba(13, 148, 136, .5); color: #0d9488; }
[data-theme="light"],[data-theme="zx"] .inv-card {
  background: #fff;
  border: 1px solid rgba(16, 24, 40, .08);
  box-shadow: 0 2px 4px rgba(16, 24, 40, .04), 0 26px 50px -30px rgba(16, 24, 40, .45);
}
[data-theme="light"],[data-theme="zx"] .inv-badge { background: #eef2ff; color: #3538cd; }
[data-theme="light"],[data-theme="zx"] .inv-org { color: #b45309; }
[data-theme="light"],[data-theme="zx"] .inv-msg.ok { color: #0d9488; }
[data-theme="light"],[data-theme="zx"] .d360-kpi,
[data-theme="light"],[data-theme="zx"] .d360-badge { background: #f7f9fd; }
[data-theme="light"],[data-theme="zx"] .ev-item { background: #fbfcff; border-color: rgba(16, 24, 40, .08); }
[data-theme="light"],[data-theme="zx"] .ev-lv { background: #fff; border-color: rgba(16, 24, 40, .14); color: #475467; }
[data-theme="light"],[data-theme="zx"] .ir-tag.good { background: rgba(5, 150, 105, .10); color: #047857; }
[data-theme="light"],[data-theme="zx"] .ir-tag.bad { background: rgba(220, 38, 38, .10); color: #b42318; }

/* ---------- 10. 用户中心 ---------- */
[data-theme="light"],[data-theme="zx"] .stat,
[data-theme="light"],[data-theme="zx"] .item,
[data-theme="light"],[data-theme="zx"] .uq-row,
[data-theme="light"],[data-theme="zx"] .mod-card {
  background: #fff;
  border-color: rgba(16, 24, 40, .08);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}
[data-theme="light"],[data-theme="zx"] .mod-card:hover { border-color: rgba(79, 91, 213, .4); box-shadow: 0 12px 26px -18px rgba(79, 91, 213, .8); }
[data-theme="light"],[data-theme="zx"] .item .meta div { color: #667085; }
[data-theme="light"],[data-theme="zx"] .modal-mask { background: rgba(16, 24, 40, .35); backdrop-filter: blur(6px); }
[data-theme="light"],[data-theme="zx"] .modal { background: #fff; box-shadow: 0 30px 70px -30px rgba(16, 24, 40, .55); }
[data-theme="light"],[data-theme="zx"] .auth-tabs { background: #f7f9fd; border-color: rgba(16, 24, 40, .08); }
[data-theme="light"],[data-theme="zx"] .auth-tabs button { color: #667085; font-weight: 700; }
[data-theme="light"],[data-theme="zx"] .auth-tabs button.active { color: #fff; }
[data-theme="light"],[data-theme="zx"] .guide-row { background: #fff; border-color: rgba(16, 24, 40, .08); color: #475467; }
[data-theme="light"],[data-theme="zx"] .guide-row code { background: #eef2ff; color: #3538cd; border-color: rgba(79, 91, 213, .18); }
[data-theme="light"],[data-theme="zx"] .opt { background: #fff; border-color: rgba(16, 24, 40, .12); }
[data-theme="light"],[data-theme="zx"] .opt:hover { background: #f7f9ff; border-color: rgba(79, 91, 213, .4); }
[data-theme="light"],[data-theme="zx"] .opt.sel { background: linear-gradient(180deg, #f3f5ff, #ecedff); border-color: var(--indigo); }
[data-theme="light"],[data-theme="zx"] .q-block { background: #fbfcff; border-color: rgba(16, 24, 40, .08); }
[data-theme="light"],[data-theme="zx"] .progress { background: #eef1f8; border-color: rgba(16, 24, 40, .08); }
[data-theme="light"],[data-theme="zx"] .pct-bar { background: #eef1f8; }

/* ---------- 11. 报告 / 打印预览页 ---------- */
[data-theme="light"],[data-theme="zx"] .report-head .rh-title { color: #101828; }
[data-theme="light"],[data-theme="zx"] .report-head .rh-sub,
[data-theme="light"],[data-theme="zx"] .report-head .rh-date { color: #667085; }
[data-theme="light"],[data-theme="zx"] .light .rp-cover,
[data-theme="light"],[data-theme="zx"] .rp-cover {
  background: linear-gradient(135deg, rgba(99, 102, 241, .10), rgba(13, 148, 136, .08));
  border-color: rgba(79, 91, 213, .16);
}
[data-theme="light"],[data-theme="zx"] .kpi,
[data-theme="light"],[data-theme="zx"] .rp-block { background: #fff; border-color: rgba(16, 24, 40, .08); }
[data-theme="light"],[data-theme="zx"] .bar-track { background: #eef1f8; }

/* ---------- 13. 后台 360 链接配置 / 智能分析（浅色微调，杜绝深色玻璃残留） ---------- */
[data-theme="light"],[data-theme="zx"] .d360-rcfg,
[data-theme="light"],[data-theme="zx"] .d360-asg-section,
[data-theme="light"],[data-theme="zx"] .d360-item-card,
[data-theme="light"],[data-theme="zx"] .d360-role-block {
  background: #fff;
  border-color: rgba(16, 24, 40, .10);
}
[data-theme="light"],[data-theme="zx"] .d360-inv-card,
[data-theme="light"],[data-theme="zx"] .d360-asg-role {
  background: #f7f9fd;
  border-color: rgba(16, 24, 40, .10);
}
[data-theme="light"],[data-theme="zx"] .d360-rcfg input,
[data-theme="light"],[data-theme="zx"] .d360-rcfg textarea,
[data-theme="light"],[data-theme="zx"] .d360-role-block textarea,
[data-theme="light"],[data-theme="zx"] .d360-role-block input,
[data-theme="light"],[data-theme="zx"] .d360-cfg-f input,
[data-theme="light"],[data-theme="zx"] .d360-inv-q {
  background: #fff;
  border-color: rgba(16, 24, 40, .14);
  color: #101828;
}
/* 数据看板 · 链接传播效果（2026-10-18 重做：组件已全量走令牌，此处仅补浅底层次与对比度） */
[data-theme="light"],[data-theme="zx"] .prop-row { background: #f7f9fd; border-radius: 11px; }
[data-theme="light"],[data-theme="zx"] .prop-row:hover { background: #eef2fa; }
[data-theme="light"],[data-theme="zx"] .prop-kpi { background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 10px 24px -18px rgba(16, 24, 40, .25); }
[data-theme="light"],[data-theme="zx"] .prop-rank { background: #e8edf7; color: #667085; }
[data-theme="light"],[data-theme="zx"] .prop-rank.top1,
[data-theme="light"],[data-theme="zx"] .prop-rank.top2,
[data-theme="light"],[data-theme="zx"] .prop-rank.top3 { color: #fff; }
[data-theme="light"],[data-theme="zx"] .prop-bar { background: #e4e9f3; }
[data-theme="light"],[data-theme="zx"] .prop-num.like { color: #4f5bd5; }
[data-theme="light"],[data-theme="zx"] .prop-num.dislike { color: #dc2626; }
[data-theme="light"],[data-theme="zx"] .prop-empty { background: #fbfcfe; border-color: rgba(16, 24, 40, .14); }

/* 360° 作答入口界面配置编辑器（后台 · 维度配置） */
[data-theme="light"],[data-theme="zx"] .d360-inv-blk { background: #f7f9fd; border-color: rgba(16, 24, 40, .10); }
[data-theme="light"],[data-theme="zx"] .d360-inv-fld { background: #fff; border-color: rgba(16, 24, 40, .10); }
[data-theme="light"],[data-theme="zx"] .d360-inv-sw-i { background: #fff; border-color: rgba(16, 24, 40, .10); }
[data-theme="light"],[data-theme="zx"] .anr-chips .anr-chip { background: rgba(16, 24, 40, .06); color: #344054; }
[data-theme="light"],[data-theme="zx"] .ui-block { background: rgba(99, 102, 241, .05); border-color: rgba(79, 91, 213, .25); }
[data-theme="light"],[data-theme="zx"] .ui-field .ui-grip,
[data-theme="light"],[data-theme="zx"] .ui-block-h .ui-grip { background: #eef1f8; border-color: rgba(16, 24, 40, .10); }

/* ---------- 12. 在线咨询（浮动客服） ---------- */
[data-theme="light"],[data-theme="zx"] .mzh-chat-panel {
  background: #fff;
  border-color: rgba(16, 24, 40, .10);
  box-shadow: 0 30px 70px -32px rgba(16, 24, 40, .55);
}
[data-theme="light"],[data-theme="zx"] .mzh-chat-header { background: var(--grad); color: #fff; }
[data-theme="light"],[data-theme="zx"] .mzh-chat-body { background: #f7f9fd; }
[data-theme="light"],[data-theme="zx"] .mzh-chat-form input { background: #fff; border-color: rgba(16, 24, 40, .14); color: #101828; }
[data-theme="light"],[data-theme="zx"] .mzh-chat-fab {
  background: var(--grad);
  box-shadow: 0 16px 34px -16px rgba(79, 91, 213, .9);
}