/* ============================================================
   育创高考志愿填报系统 · 双配色方案（蓝 / 橙）
   ------------------------------------------------------------
   机制：html[data-scheme="orange"] 覆盖 site.css 的调色板变量，
        全站（含考生端各页）自动换肤，不改任何结构。
   优先级：机构 OEM 主题（data-theme=green/amber）仍在；
          data-scheme 只影响总部默认蓝版与橙版切换。
   配色取向：浅色暖调、低饱和、不厚重（阿菜老师视觉偏好）
   ============================================================ */

/* ---------- 橙色版调色板 ---------- */
html[data-scheme="orange"] {
  /* 主色阶：由深咖 → 橙（沿用 navy-* 变量名，组件无需改） */
  --navy-900: #63300f;
  --navy-800: #7a3d13;
  --navy-700: #9d5019;
  --navy-600: #b25d20;
  --navy-500: #c06c2b;
  --navy-300: #e3a06a;
  --navy-100: #fbeddf;
  --navy-50: #fdf7f0;

  /* 点缀色：暖金（原金色在橙色版里提亮，避免发脏） */
  --gold-600: #a8641b;
  --gold-500: #bf7a29;
  --gold-400: #d69a4d;
  --gold-300: #f7cf9a;
  --gold-100: #fdf2e2;

  /* 文本与底色：暖白纸感 */
  --ink: #3a2e24;
  --ink-2: #6f6155;
  --ink-3: #9c8e81;
  --bg: #fbf8f4;
  --card: #ffffff;
  --line: #f0e3d4;
  --line-2: #f7efe6;

  --orange: #d97706;
  --red: #b93b3b;
  --green: #2e7d4f;

  --shadow: 0 2px 14px rgba(122, 61, 19, 0.07);
  --shadow-md: 0 6px 22px rgba(122, 61, 19, 0.10);
  --shadow-lg: 0 14px 40px rgba(122, 61, 19, 0.15);
}

/* 橙色版：顶部通栏 / 深色区的文字对比度校正 */
html[data-scheme="orange"] .topbar { color: #f6e6d6; }
html[data-scheme="orange"] .topbar a { color: #f6e6d6; }

/* 橙色版：hero 渐变改为暖阳光（覆盖 site.css 里的 navy 渐变） */
html[data-scheme="orange"] .hero,
html[data-scheme="orange"] .wb .hello {
  background:
    radial-gradient(900px 380px at 18% -10%, rgba(255, 214, 160, .30), transparent 62%),
    linear-gradient(158deg, #63300f 0%, #9d5019 54%, #c06c2b 100%);
}
html[data-scheme="orange"] .hero h1 em,
html[data-scheme="orange"] .hero .stats .it b { color: var(--gold-300); }

/* ============================================================
   顶部配色切换色块（2026-10-20 V2，阿菜老师拍板）
   ------------------------------------------------------------
   替换原右下角悬浮胶囊：在 .topbar 深色通栏右侧放两个小圆点，
   交互与智慧升学站 theme-dot 一致（选中金环 + hover tooltip）。
   ============================================================ */
.yc-scheme-dots {
  display: inline-flex; align-items: center; gap: 8px;
  margin-left: 14px; padding-left: 14px;
  border-left: 1px solid rgba(255, 255, 255, .16);
  flex: 0 0 auto;
}
.yc-scheme-dots .theme-dot {
  width: 20px; height: 20px; border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .4);
  cursor: pointer; padding: 0; position: relative; flex: 0 0 auto;
  transition: transform .16s ease, box-shadow .16s ease;
}
.yc-scheme-dots .theme-dot:hover { transform: scale(1.15); box-shadow: 0 2px 8px rgba(0, 0, 0, .25); }
.yc-scheme-dots .theme-dot:focus-visible { outline: 2px solid var(--gold-500); outline-offset: 2px; }
/* 选中态：外圈金环 + 白色间隔，色盲用户也能分辨 */
.yc-scheme-dots .theme-dot[aria-pressed="true"] {
  box-shadow: 0 0 0 2px var(--navy-900), 0 0 0 4px var(--gold-400);
  transform: scale(1.08);
}
.yc-scheme-dots .theme-dot::after {
  content: attr(data-tip);
  position: absolute; top: calc(100% + 9px); right: 0;
  background: var(--navy-900); color: #fff;
  font-size: 12px; line-height: 1; white-space: nowrap;
  padding: 6px 9px; border-radius: 5px;
  opacity: 0; pointer-events: none; transition: opacity .16s ease; z-index: 210;
}
.yc-scheme-dots .theme-dot:hover::after { opacity: 1; }

@media (max-width: 768px) {
  .yc-scheme-dots { gap: 6px; margin-left: 8px; padding-left: 8px; }
  .yc-scheme-dots .theme-dot { width: 16px; height: 16px; }
  /* 手机端 topbar 空间小：tooltip 改为向上弹，避免溢出屏幕 */
  .yc-scheme-dots .theme-dot::after { top: auto; bottom: calc(100% + 8px); right: -6px; }
}

/* ---------- 松柏绿版调色板（2026-10-21 阿菜老师：扩到三套教育行业配色） ---------- */
html[data-scheme="green"] {
  /* 主色阶：由深墨绿 → 松柏绿（沿用 navy-* 变量名，组件无需改） */
  --navy-900: #0c3524;
  --navy-800: #0f4430;
  --navy-700: #14573c;
  --navy-600: #1a6b4a;
  --navy-500: #1f7d56;
  --navy-300: #7cc3a2;
  --navy-100: #e6f5ee;
  --navy-50: #f2faf6;

  /* 点缀色：暖金不变（金 × 墨绿是教育行业经典搭配） */
  --gold-600: #a8791b;
  --gold-500: #bf8f29;
  --gold-400: #d6ab4d;
  --gold-300: #f0d49a;
  --gold-100: #fbf4e2;

  /* 文本与底色：微绿纸感 */
  --ink: #26362e;
  --ink-2: #5f7168;
  --ink-3: #8c9b93;
  --bg: #f7faf8;
  --card: #ffffff;
  --line: #dfeae3;
  --line-2: #ecf3ef;

  --shadow: 0 2px 14px rgba(18, 78, 54, 0.07);
  --shadow-md: 0 6px 22px rgba(18, 78, 54, 0.10);
  --shadow-lg: 0 14px 40px rgba(18, 78, 54, 0.15);
}

/* 绿色版：顶部通栏文字对比度校正 */
html[data-scheme="green"] .topbar { color: #dcefe5; }
html[data-scheme="green"] .topbar a { color: #dcefe5; }

/* 绿色版：hero 渐变改为松柏晨光 */
html[data-scheme="green"] .hero,
html[data-scheme="green"] .wb .hello {
  background:
    radial-gradient(900px 380px at 18% -10%, rgba(196, 232, 214, .28), transparent 62%),
    linear-gradient(158deg, #0c3524 0%, #14573c 54%, #1f7d56 100%);
}
html[data-scheme="green"] .hero h1 em,
html[data-scheme="green"] .hero .stats .it b { color: var(--gold-300); }

/* ---------- 色块切换器调整（2026-10-21）：去掉左侧小竖杠、圆点缩小 ---------- */
.yc-scheme-dots { border-left: 0; margin-left: 4px; padding-left: 0; gap: 7px; }
.yc-scheme-dots .theme-dot { width: 16px; height: 16px; }

/* ============================================================
   全站模块悬停底色（2026-10-21 阿菜老师要求，与智慧升学站同口径）
   :where() 特异性为 0，页面自身 :hover 规则优先，互不覆盖。
   ============================================================ */
:where(.plate, .tool, .stage, .entry, .feat, .card, .side-card, .team-card, .member-card, .step, .news-item):hover {
  background: var(--gold-100);
  border-color: var(--gold-300);
}