/* 企业版主题（药师培训 / 患者教育）：浅色、克制、专业
   由 /theme.js 在 <html data-theme="light"> 时启用；不改动任何暗色规则 */
html[data-theme="light"] {
  --bg: #f5f7fb;
  --bg-2: #eef2f8;
  --surface: #ffffff;
  --surface-2: #f4f7fc;
  --line: #dbe3ee;
  --line-soft: #e8edf5;
  --text: #16233b;
  --muted: #5b6b82;
  --muted-2: #8595aa;
  --accent: #2456d6;
  --accent-2: #4f7bf0;
  --gold: #b45309;
  --ok: #0f9d6b;
  --warn: #c2740c;
  --bad: #d33a3a;
  --shadow: 0 12px 30px rgba(23, 43, 77, .10);
  --shadow-sm: 0 4px 14px rgba(23, 43, 77, .06);
  --ring: 0 0 0 3px rgba(36, 86, 214, .18);
}

html[data-theme="light"] body {
  background:
    radial-gradient(1100px 620px at 8% -10%, #e7eefc 0%, transparent 60%),
    radial-gradient(900px 700px at 100% 0%, #eef4ff 0%, transparent 55%),
    var(--bg) fixed;
  color: var(--text);
}

/* ---------- 导航 ---------- */
html[data-theme="light"] .topnav {
  background: rgba(255, 255, 255, .86);
  border-bottom: 1px solid var(--line-soft);
  backdrop-filter: saturate(180%) blur(12px);
}
html[data-theme="light"] .topnav .brand-mark {
  background: linear-gradient(150deg, #4f7bf0, #2456d6);
  box-shadow: 0 4px 14px rgba(36, 86, 214, .28);
}
html[data-theme="light"] .topnav nav a { color: var(--muted); }
html[data-theme="light"] .topnav nav a:hover { background: var(--surface-2); color: var(--text); }
html[data-theme="light"] .topnav nav a.on { background: rgba(36, 86, 214, .10); color: var(--accent); }

/* ---------- 卡片 / 面板 ---------- */
html[data-theme="light"] .card,
html[data-theme="light"] .panel {
  background: var(--surface);
  border: 1px solid var(--line-soft);
  box-shadow: var(--shadow-sm);
}
html[data-theme="light"] .card.hl { border-color: rgba(36, 86, 214, .35); }

/* ---------- 按钮 ---------- */
html[data-theme="light"] .btn {
  background: #fff; border-color: var(--line); color: var(--text);
}
html[data-theme="light"] .btn:hover { background: var(--surface-2); border-color: #c8d4e4; }
html[data-theme="light"] .btn.primary {
  background: linear-gradient(180deg, #3f6ee8, #2456d6);
  border-color: transparent; color: #fff;
  box-shadow: 0 6px 16px rgba(36, 86, 214, .24);
}
html[data-theme="light"] .btn.gold { background: linear-gradient(180deg, #f0a13a, #d97706); color: #2a1a00; }
html[data-theme="light"] .btn.ghost { background: transparent; }
html[data-theme="light"] .btn.soft { background: var(--surface-2); border-color: transparent; }
html[data-theme="light"] .btn.danger { background: #fdecec; border-color: #f3c1c1; color: #b3261e; }
html[data-theme="light"] .btn.ok { background: #e8f7f1; border-color: #b9e6d6; color: #0b7a55; }

/* ---------- 表单 ---------- */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background: #fff; color: var(--text); border-color: var(--line);
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: #9aa8bb; }
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus { border-color: var(--accent); box-shadow: var(--ring); }

/* ---------- 徽标 / 数据条 / 列表 ---------- */
html[data-theme="light"] .badge { background: #eef2f8; color: var(--muted); }
html[data-theme="light"] .badge.live,
html[data-theme="light"] .badge.ok { background: #e6f7ef; color: #0b7a55; }
html[data-theme="light"] .badge.warn { background: #fdf4e3; color: #a2620a; }
html[data-theme="light"] .badge.bad { background: #fdecec; color: #b3261e; }
html[data-theme="light"] .badge.gold { background: #fdf1e0; color: #a2620a; }

html[data-theme="light"] .bar-track { background: #edf1f7; border-color: var(--line-soft); }
html[data-theme="light"] .bar-track > i { background: linear-gradient(90deg, #2456d6, #4f7bf0); }
html[data-theme="light"] .bar-row.win .bar-track > i { background: linear-gradient(90deg, #d97706, #f59e0b); }
html[data-theme="light"] .list-row { border-bottom-color: var(--line-soft); }
html[data-theme="light"] .empty { border-color: var(--line); color: var(--muted-2); }
html[data-theme="light"] .seg { background: var(--surface-2); border-color: var(--line-soft); }
html[data-theme="light"] .seg button.on { background: #fff; color: var(--text); box-shadow: var(--shadow-sm); }
html[data-theme="light"] .toast { background: #fff; color: var(--text); border-color: var(--line); }
html[data-theme="light"] .progress { background: #edf1f7; }

/* ---------- 首页 ---------- */
html[data-theme="light"] .quick .stat { background: #fff; border-color: var(--line-soft); box-shadow: var(--shadow-sm); }
html[data-theme="light"] .mod-card { background: #fff; border-color: var(--line-soft); box-shadow: var(--shadow-sm); }
html[data-theme="light"] .mod-card:hover { border-color: #c8d4e4; background: #fff; }
html[data-theme="light"] .mod-card.on { border-color: var(--accent); background: rgba(36, 86, 214, .05); }
html[data-theme="light"] .mod-icon {
  background: linear-gradient(160deg, rgba(79, 123, 240, .14), rgba(36, 86, 214, .07));
  border-color: rgba(36, 86, 214, .22); color: var(--accent);
}
html[data-theme="light"] .run-card { background: #fff; border-color: var(--line-soft); box-shadow: var(--shadow-sm); }

/* ---------- 题库 ---------- */
html[data-theme="light"] .qcard { background: #fff; border-color: var(--line-soft); }
html[data-theme="light"] .qcard .opt.ok { color: #0b7a55; }

/* ---------- 大屏 ---------- */
html[data-theme="light"] body.screen-stage {
  background:
    radial-gradient(1000px 620px at 10% -10%, #e3ecfb 0%, transparent 60%),
    radial-gradient(900px 700px at 105% 0%, #eef4ff 0%, transparent 55%),
    #f4f7fb fixed;
  color: var(--text);
}
html[data-theme="light"] .stage-title { color: var(--text); }
html[data-theme="light"] .stage-foot { color: var(--muted-2); }
html[data-theme="light"] .panel { background: #fff; border-color: var(--line-soft); }
html[data-theme="light"] .panel-title { color: var(--muted); }
html[data-theme="light"] .timer-label { color: var(--muted); }
html[data-theme="light"] .option-cell { background: #fff; border-color: var(--line-soft); }
html[data-theme="light"] .option-cell .k { background: rgba(36, 86, 214, .10); color: var(--accent); }
html[data-theme="light"] .option-cell.ok { border-color: rgba(15, 157, 107, .5); background: #e9f8f2; }
html[data-theme="light"] .option-cell.ok .k { background: rgba(15, 157, 107, .18); color: #0b7a55; }
html[data-theme="light"] .winner-card { background: linear-gradient(180deg, #fff7e8, #fffdf8); border-color: rgba(217, 119, 6, .45); }
html[data-theme="light"] .winner-card b { color: #7c3a06; }
html[data-theme="light"] .join-qr { background: rgba(255, 255, 255, .96); border-color: var(--line); box-shadow: var(--shadow); }
html[data-theme="light"] .join-qr-head, html[data-theme="light"] .join-qr-url { color: var(--muted); }
html[data-theme="light"] .timer-big { color: var(--text); }
html[data-theme="light"] .cloud span { background: #fff; border: 1px solid var(--line-soft); }

/* ---------- 手机端 ---------- */
html[data-theme="light"] body.phone-stage {
  background:
    radial-gradient(600px 400px at 20% -10%, #e6eefc 0%, transparent 60%),
    radial-gradient(500px 400px at 110% 10%, #eef4ff 0%, transparent 55%),
    #f5f7fb;
  color: var(--text);
}
html[data-theme="light"] .pcard { background: #fff; border-color: var(--line-soft); box-shadow: var(--shadow-sm); }
html[data-theme="light"] .p-btn { background: linear-gradient(180deg, #3f6ee8, #2456d6); }
html[data-theme="light"] .p-btn.ghost { background: #fff; border-color: var(--line); color: var(--text); }
html[data-theme="light"] .p-opt { background: #fff; border-color: var(--line); color: var(--text); }
html[data-theme="light"] .p-opt .k { background: rgba(36, 86, 214, .12); color: var(--accent); }
html[data-theme="light"] .p-opt.sel { border-color: var(--accent); background: rgba(36, 86, 214, .06); }
html[data-theme="light"] .p-input { background: #fff; border-color: var(--line); color: var(--text); }
html[data-theme="light"] .p-badge { background: #eef2f8; color: var(--muted); }
html[data-theme="light"] .p-badge.ok { background: #e6f7ef; color: #0b7a55; }
html[data-theme="light"] .p-badge.warn { background: #fdf4e3; color: #a2620a; }
html[data-theme="light"] .p-progress { background: #edf1f7; }

/* ---------- 暖场页 ---------- */
html[data-theme="light"] body.warmup .cd-cell { background: #fff; border-color: var(--line-soft); box-shadow: var(--shadow-sm); }
html[data-theme="light"] body.warmup .ag-item { background: #fff; border-color: var(--line-soft); }
html[data-theme="light"] body.warmup .ag-item.now { background: rgba(36, 86, 214, .06); border-color: rgba(36, 86, 214, .45); }
html[data-theme="light"] body.warmup .ag-item.done { opacity: .55; }
html[data-theme="light"] body.warmup .sponsors span { color: var(--muted); }
html[data-theme="light"] body.warmup .warm-qr .box { box-shadow: var(--shadow); }

/* 主题切换按钮 */
#themeToggle { margin-left: 6px; }