/* 组织主题层（不修改原型基线 styles.css，仅做覆盖）
 * 默认（无 data-corp / vigohome）：沿用 styles.css 的绿色 :root 变量。
 * html[data-corp="musk"]：Musk Casa 红色主题（取自 musk-logo.png 主色 #da031f）。
 * 由前端 src/utils/theme.ts 按登录身份 corpKey（main=musk / weilai=vigohome）挂载。
 */

:root {
  /* 基线未定义、但组件内联样式会用到的主题色（默认绿） */
  --brand-seg-2: #d8e7c8;
  --brand-border-hover: #9bc56b;
  --brand-ring-track: #edf1eb;
}

html[data-corp='musk'] {
  /* 主色阶 */
  --brand: #da031f;
  --brand-dark: #a30218;
  --brand-soft: #fdecee;
  /* 基础中性色（去掉绿色偏色） */
  --ink: #1d1618;
  --line: #ece6e6;
  --canvas: #faf7f7;
  --shadow: 0 10px 30px rgba(29, 22, 24, .06);
  /* 组件内联用色 */
  --brand-seg-2: #f6cdd2;
  --brand-border-hover: #d96b78;
  --brand-ring-track: #f6dfe2;
}

/* ── 主按钮与首页 hero ─────────────────────────────── */
html[data-corp='musk'] .button { box-shadow: 0 5px 14px rgba(218, 3, 31, .22); }
html[data-corp='musk'] .button:hover { background: #bd0219; }
html[data-corp='musk'] .hero-card { background: #26191b; }
html[data-corp='musk'] .hero-card::before { border-color: rgba(218, 3, 31, .22); }
html[data-corp='musk'] .hero-kicker { color: #f0a6ad; }
html[data-corp='musk'] .hero-progress .progress > span { background: #ef6b75; }
html[data-corp='musk'] .ring { background: conic-gradient(var(--brand) 0 62%, var(--brand-ring-track) 62% 100%); }

/* ── 课程列表 / 学习页 ─────────────────────────────── */
html[data-corp='musk'] .course-item:hover { border-color: #e6c2c7; }
html[data-corp='musk'] .course-thumb { background: #fbe0e4; }
html[data-corp='musk'] .course-thumb::after { background: #d94a58; }
html[data-corp='musk'] .date-box { background: #fdeef0; }
html[data-corp='musk'] .lesson-icon { background: #fbeaec; }

/* ── 每日必学 / 必答 ───────────────────────────────── */
html[data-corp='musk'] .daily-banner::after { color: #fdeef0; }
html[data-corp='musk'] .step-tabs { background: #f9e6e8; }
html[data-corp='musk'] .knowledge-item.current { border-color: #e39aa3; box-shadow: 0 0 0 3px rgba(218, 3, 31, .08); }
html[data-corp='musk'] .knowledge-number { background: #fdeef0; }
html[data-corp='musk'] .option:hover,
html[data-corp='musk'] .option.selected { border-color: #d96b78; background: #fdf0f1; }
html[data-corp='musk'] .option-letter { background: #fbeaec; }
html[data-corp='musk'] .day-dot.today i { outline-color: #e88a95; }
html[data-corp='musk'] .streak-card { background: #2a1c1e; }

/* ── 列表 / 筛选 / 图表 ────────────────────────────── */
html[data-corp='musk'] .filter-chip.active { border-color: #f0c3c8; }
html[data-corp='musk'] .catalog-cover { background: #fbe3e6; }
html[data-corp='musk'] .catalog-cover::before { border-color: rgba(218, 3, 31, .35); }
html[data-corp='musk'] .catalog-cover.dark { background: #2e1f21; }
html[data-corp='musk'] .bar { background: #e58b95; }

/* ── 证书 ─────────────────────────────────────────── */
html[data-corp='musk'] .certificate-preview { background: #fdeef0; }
html[data-corp='musk'] .certificate-preview::before { border-color: #efb9c0; }
html[data-corp='musk'] .certificate-preview:has(img) { background: #fdf2f3; }

/* ── 考试作答 / 证书验真 ───────────────────────────── */
html[data-corp='musk'] .question-palette button.answered { border-color: #eaa9b2; }
html[data-corp='musk'] .palette-legend .done i { background: #f3ccd1; }
html[data-corp='musk'] .verify-page { background: radial-gradient(circle at 50% 0, #fdf3f4, #fbeef0 62%); }
html[data-corp='musk'] .verify-certificate::before { border-color: #eebcc2; box-shadow: inset 0 0 0 6px #fdf3f4; }

/* ── 管理端表单 / 发布流程 ─────────────────────────── */
html[data-corp='musk'] .input:focus,
html[data-corp='musk'] .select:focus,
html[data-corp='musk'] .textarea:focus { border-color: #d96b78; box-shadow: 0 0 0 3px rgba(218, 3, 31, .08); }
html[data-corp='musk'] .donut { background: conic-gradient(var(--brand) 0 64%, var(--brand-seg-2) 64% 82%, #edf0ec 82%); }
html[data-corp='musk'] .flow-step.done { border-color: #f0c3c8; background: #fdf1f2; }
html[data-corp='musk'] .flow-step.current { box-shadow: 0 0 0 3px rgba(218, 3, 31, .1); }

/* ── 深色外壳 / 播放器（去掉深绿偏色）───────────────── */
html[data-corp='musk'] .admin-body { background: #f7f3f3; }
html[data-corp='musk'] .admin-sidebar { background: #24191b; }
html[data-corp='musk'] .toast { background: #24191b; }
html[data-corp='musk'] .auth-mark.loading { background: #24191b; }
html[data-corp='musk'] .player-card { background: #1b1214; }
html[data-corp='musk'] .player-stage { background: radial-gradient(circle at 68% 24%, #3a2629 0, #251a1c 35%, #160f10 72%); }
html[data-corp='musk'] .player-video,
html[data-corp='musk'] .player-controls,
html[data-corp='musk'] .reader-hud { background: #140d0e; }
