/* ==========================================================================
   爱智星官网 — 四套设计风格主题（预览用）
   用法：<body data-theme="ocean">  即可切换，不改动原 style.css
   变量全部覆盖自 :root，零新增选择器冲突。
   ========================================================================== */

/* ---------- 方案 A：深海蓝（对齐 ava.com.cn 教育行业标准色） ---------- */
body[data-theme="ocean"] {
  --ink: #071a30;
  --ink-2: #12283f;
  --body: #4a5c72;
  --muted: #7b8ca3;
  --line: #dde7f3;
  --line-soft: #eff4fa;
  --bg: #ffffff;
  --bg-soft: #f2f7fc;
  --bg-blue: #e9f2fb;
  --deep: #072146;
  --deep-2: #0b3268;
  --brand: #0f4c9c;
  --brand-dark: #072f63;
  --brand-light: #43abff;
  --cyan: #21d6d8;
  --logo-slate: #6b8199;
  --gold: #c08a2e;
  --accent: #e8781a;
  --accent-dark: #c25c09;
  --accent-soft: #fff3e8;
  --shadow-s: 0 1px 2px rgba(7, 33, 70, .06), 0 4px 14px rgba(7, 33, 70, .06);
  --shadow: 0 2px 4px rgba(7, 33, 70, .06), 0 16px 40px rgba(7, 33, 70, .09);
  --shadow-l: 0 30px 70px -20px rgba(7, 33, 70, .30);
}

/* ---------- 方案 B：青碧（更年轻、清爽，AI 气质） ---------- */
body[data-theme="mint"] {
  --ink: #05262a;
  --ink-2: #0d3a40;
  --body: #43666b;
  --muted: #6f8f92;
  --line: #d7ecec;
  --line-soft: #eef8f8;
  --bg: #ffffff;
  --bg-soft: #f0f9f8;
  --bg-blue: #e0f5f2;
  --deep: #05333a;
  --deep-2: #084a53;
  --brand: #0d7a7d;
  --brand-dark: #065156;
  --brand-light: #21b8b0;
  --cyan: #3fd0c9;
  --logo-slate: #5f8386;
  --gold: #b8862a;
  --accent: #f2712c;
  --accent-dark: #c9531a;
  --accent-soft: #fff1e8;
  --shadow-s: 0 1px 2px rgba(5, 51, 58, .06), 0 4px 14px rgba(5, 51, 58, .06);
  --shadow: 0 2px 4px rgba(5, 51, 58, .06), 0 16px 40px rgba(5, 51, 58, .09);
  --shadow-l: 0 30px 70px -20px rgba(5, 51, 58, .30);
}

/* ---------- 方案 C：石墨橙（大面积深色 + 高饱和橙，工业感） ---------- */
body[data-theme="amber"] {
  --ink: #17181c;
  --ink-2: #2b2d34;
  --body: #565963;
  --muted: #83868f;
  --line: #e6e6e9;
  --line-soft: #f3f3f5;
  --bg: #ffffff;
  --bg-soft: #f6f6f7;
  --bg-blue: #fdf0e6;
  --deep: #16181d;
  --deep-2: #26282f;
  --brand: #1d4ed8;
  --brand-dark: #17389f;
  --brand-light: #5b8def;
  --cyan: #0ea5b7;
  --logo-slate: #71747d;
  --gold: #b07d20;
  --accent: #f0600c;
  --accent-dark: #cc4d05;
  --accent-soft: #fff0e6;
  --shadow-s: 0 1px 2px rgba(23, 24, 28, .06), 0 4px 14px rgba(23, 24, 28, .07);
  --shadow: 0 2px 4px rgba(23, 24, 28, .06), 0 16px 40px rgba(23, 24, 28, .10);
  --shadow-l: 0 30px 70px -20px rgba(23, 24, 28, .38);
}

/* ---------- 方案 D：靛紫科技（渐变丰富、AI 未来感） ---------- */
body[data-theme="violet"] {
  --ink: #1a1233;
  --ink-2: #2e2352;
  --body: #565077;
  --muted: #857fab;
  --line: #e6e1f7;
  --line-soft: #f4f2fc;
  --bg: #ffffff;
  --bg-soft: #f7f5ff;
  --bg-blue: #ece7fc;
  --deep: #1d1442;
  --deep-2: #2c1f66;
  --brand: #5b32c4;
  --brand-dark: #40218f;
  --brand-light: #8a63e8;
  --cyan: #22b8cf;
  --logo-slate: #7a7099;
  --gold: #b8862a;
  --accent: #f4700f;
  --accent-dark: #c9550a;
  --accent-soft: #fff2e7;
  --shadow-s: 0 1px 2px rgba(29, 20, 66, .06), 0 4px 14px rgba(29, 20, 66, .07);
  --shadow: 0 2px 4px rgba(29, 20, 66, .06), 0 16px 40px rgba(29, 20, 66, .10);
  --shadow-l: 0 30px 70px -20px rgba(29, 20, 66, .34);
}

/* ---------- 方案增强：靛紫/琥珀的深色区渐变（其余方案不启用） ---------- */
body[data-theme="violet"] .section-deep,
body[data-theme="violet"] .cta-band,
body[data-theme="violet"] .page-hero {
  background-image: radial-gradient(120% 120% at 12% 0%, rgba(138, 99, 232, .38), transparent 62%),
                    radial-gradient(100% 100% at 92% 100%, rgba(34, 184, 207, .22), transparent 58%);
}
body[data-theme="amber"] .section-deep,
body[data-theme="amber"] .cta-band,
body[data-theme="amber"] .page-hero {
  background-image: radial-gradient(110% 110% at 88% 4%, rgba(240, 96, 12, .26), transparent 58%),
                    radial-gradient(90% 90% at 6% 96%, rgba(91, 141, 239, .18), transparent 55%);
}
body[data-theme="mint"] .section-deep,
body[data-theme="mint"] .cta-band,
body[data-theme="mint"] .page-hero {
  background-image: radial-gradient(110% 110% at 10% 0%, rgba(33, 184, 176, .30), transparent 60%),
                    radial-gradient(90% 90% at 94% 100%, rgba(13, 122, 125, .26), transparent 58%);
}