/* =========================================================
   配色主题。<html data-theme="…">：
     b1 = B 版方案一「蓝紫 + 青」（第 2 次修改确定用这套，首页_B.html 现用）
     a  = A 版·清爽（初版，已冻结，仅供对照）
   第 2 次修改起只维护 b1；原来的方案二（蓝紫 + 品红）、方案三（宝蓝 + 薄荷青）已删除，要看去 git 历史（9b638ea 及以前）。
   每套三类颜色：主色 --c-brand（及渐变 --c-brand-2）、辅助色 --c-aux、强调色 --c-accent（红，来自 Logo）
   Logo 原色（不改）：标志蓝 #062653→#0059B0，字标 #032257，网址 #546A8D，红 #E80020→#F44540
   ========================================================= */

/* ---------- A 版 · 清爽：白底，亮蓝到青，红色只做角标和标记 ---------- */
:root,
[data-theme="a"] {
  --c-bg: #FFFFFF;          /* 页面底色 */
  --c-surface: #F3F8FD;     /* 区块浅底（技术平台、卡片底） */
  --c-surface-2: #E6F1FB;   /* 更深一级的浅底（输入框、占位） */
  --c-card: #FFFFFF;        /* 卡片 */
  --c-ink: #0B2350;         /* 标题 */
  --c-text: #33475F;        /* 正文 */
  --c-muted: #5B6F8C;       /* 次要文字 */
  --c-line: #DCE7F3;        /* 分隔线、描边 */

  --c-brand: #0A6CFF;       /* 主色：亮蓝 */
  --c-brand-2: #00B4D8;     /* 渐变终点：青 */
  --c-brand-deep: #0059B0;  /* 深一级（Logo 蓝） */
  --c-brand-soft: #E3F0FF;  /* 主色浅底（标签、选中底） */
  --g-brand: linear-gradient(110deg, #0A6CFF 0%, #0679C0 100%);   /* 按钮用（白字对比度 ≥4.5） */
  --g-brand-bright: linear-gradient(110deg, #0A6CFF 0%, #0095C8 100%); /* 大标题渐变字、装饰线 */

  --c-accent: #E80020;      /* 红：角标、选中标记、重点数字 */
  --c-accent-soft: #FFE8EB;

  --btn-primary-bg: var(--g-brand);
  --btn-primary-shadow: 0 10px 24px -10px rgba(10, 108, 255, .55);

  --hero-bg: radial-gradient(1200px 520px at 78% 30%, #E4F3FF 0%, rgba(228, 243, 255, 0) 70%), #FFFFFF;
  --hex-stroke: rgba(10, 108, 255, .10);
  --glow-1: rgba(0, 180, 216, .22);
  --glow-2: rgba(10, 108, 255, .14);

  --ring-from: #0A6CFF;     /* 环形导航扇区：从主色过渡到深青（白字对比度 ≥4.5） */
  --ring-to: #0077B6;
  --ring-active: #062653;   /* 选中扇区：Logo 深蓝 */
  --ring-mark: #E80020;     /* 选中扇区外缘的红色标记 */

  --band-bg: linear-gradient(125deg, #0757D6 0%, #0A6FDC 50%, #0679C0 100%); /* 技术资讯色带 */
  --footer-bg: linear-gradient(160deg, #062653 0%, #04193A 100%);

  --shadow-card: 0 14px 36px -18px rgba(11, 60, 130, .28);
  --shadow-float: 0 18px 40px -16px rgba(11, 60, 130, .35);

  /* 半透明用的 RGB 值（旧浏览器不支持 color-mix，统一用 rgba(var(--rgb-…), 透明度)） */
  --rgb-brand: 10, 108, 255;
  --rgb-ink: 11, 35, 80;
  --rgb-muted: 91, 111, 140;
  /* 技术体系 5 段箭头（白字对比度都 ≥4.5） */
  --pipe-1: #0A6CFF; --pipe-2: #0966E6; --pipe-3: #0761CC; --pipe-4: #066DB8; --pipe-5: #0077B6;
  --c-aux: #00B4D8; --c-aux-ink: #0679C0; --c-aux-soft: #E0F6FB; --rgb-aux: 0, 180, 216;
  --g-rule: linear-gradient(90deg, #00B4D8, #0A6CFF);
  --banner-1: var(--hero-bg); --banner-2: var(--hero-bg); --banner-3: var(--hero-bg);
  /* 照片遮罩（第 1 次修改补充）：首屏左深右浅 + 整体统一色调；配图（大类扇区、技术平台）加一层轻色调 */
  --hero-shade: linear-gradient(90deg, rgba(14, 20, 92, .76) 0%, rgba(30, 40, 160, .58) 34%, rgba(64, 44, 196, .22) 64%, rgba(20, 184, 214, .06) 100%), linear-gradient(180deg, rgba(47, 91, 255, .16), rgba(122, 60, 245, .20));
  --hero-shade-mobile: linear-gradient(180deg, rgba(14, 20, 92, .28) 0%, rgba(26, 34, 140, .55) 38%, rgba(14, 20, 92, .86) 100%);
  --hero-l2: #A8E9F7;
  --tint: linear-gradient(135deg, rgba(36, 51, 184, .30), rgba(122, 60, 245, .22));
  --rgb-shade: 18, 22, 92;
}

/* ---------- B 版方案一「蓝紫 + 青」（推荐）：主色蓝 #2F5BFF→紫 #7A3CF5，辅助色青 #14B8D6，强调色红 #E5132F ---------- */
[data-theme="b1"] {
  --c-bg: #F1F5FF;
  --c-surface: #E6ECFF;
  --c-surface-2: #DCE4FF;
  --c-card: #FFFFFF;
  --c-ink: #141B5C;
  --c-text: #3A416F;
  --c-muted: #5F6596;
  --c-line: #D6DDF7;
  --c-brand: #2F5BFF;
  --c-brand-2: #7A3CF5;
  --c-brand-deep: #2433B8;
  --c-brand-soft: #E3E9FF;
  --c-aux: #14B8D6;
  --c-aux-ink: #06708C;
  --c-aux-soft: #DDF6FB;
  --g-brand: linear-gradient(110deg, #2F5BFF 0%, #7A3CF5 100%);
  --g-brand-bright: linear-gradient(110deg, #2F5BFF 0%, #7A3CF5 70%, #9B4DFF 100%);
  --g-rule: linear-gradient(90deg, #14B8D6 0%, #2F5BFF 100%);
  --c-accent: #E5132F;
  --c-accent-soft: #FFE6EA;
  --btn-primary-bg: linear-gradient(110deg, #D9001E 0%, #E5132F 100%);
  --btn-primary-shadow: 0 10px 24px -10px rgba(229, 19, 47, .5);
  --ring-active: #E5132F;
  --ring-mark: #FFFFFF;
  --banner-1: radial-gradient(520px 380px at 74% 42%, rgba(20, 184, 214, .30), transparent 70%), radial-gradient(640px 420px at 96% 90%, rgba(122, 60, 245, .26), transparent 70%), linear-gradient(120deg, #F4F7FF 0%, #E6EDFF 100%);
  --banner-2: radial-gradient(560px 400px at 72% 45%, rgba(122, 60, 245, .28), transparent 70%), radial-gradient(520px 360px at 95% 10%, rgba(20, 184, 214, .22), transparent 70%), linear-gradient(120deg, #F5F4FF 0%, #E8E7FF 100%);
  --banner-3: radial-gradient(540px 400px at 72% 48%, rgba(20, 184, 214, .30), transparent 70%), radial-gradient(520px 360px at 10% 100%, rgba(47, 91, 255, .16), transparent 70%), linear-gradient(120deg, #F1FAFF 0%, #E2F2FF 100%);
  --hex-stroke: rgba(47, 91, 255, .13);
  --ring-from: #2F5BFF;
  --ring-to: #7A3CF5;
  --band-bg: radial-gradient(420px 300px at 90% 10%, rgba(20, 184, 214, .45), transparent 70%), linear-gradient(125deg, #2B45F0 0%, #5B3CF0 55%, #8E35E0 100%);
  --footer-bg: linear-gradient(160deg, #17166A 0%, #0E0D3D 100%);
  --shadow-card: 0 16px 36px -20px rgba(47, 60, 200, .38);
  --shadow-float: 0 18px 40px -16px rgba(60, 40, 200, .36);
  --rgb-brand: 47, 91, 255;
  --rgb-ink: 20, 27, 92;
  --rgb-muted: 95, 101, 150;
  --rgb-aux: 20, 184, 214;
  --pipe-1: #2F5BFF;
  --pipe-2: #4553FA;
  --pipe-3: #5A4BF6;
  --pipe-4: #6E43F2;
  --pipe-5: #7A3CF5;
  /* 照片遮罩（第 1 次修改补充）：首屏左深右浅 + 整体统一色调；配图（大类扇区、技术平台）加一层轻色调 */
  /* 首屏遮罩（第 2 次修改：文字居中）：中间一团最深（74%）托住白字，四周 30–40% 让照片透出来，再叠一层蓝紫色调 */
  --hero-shade: radial-gradient(ellipse 54% 74% at 50% 50%, rgba(12, 16, 74, .74) 0%, rgba(16, 22, 98, .60) 52%, rgba(22, 30, 120, .34) 100%), linear-gradient(180deg, rgba(47, 91, 255, .14), rgba(122, 60, 245, .22));
  --hero-shade-mobile: linear-gradient(180deg, rgba(14, 20, 92, .28) 0%, rgba(26, 34, 140, .55) 38%, rgba(14, 20, 92, .86) 100%);
  --hero-l2: #A8E9F7;
  --tint: linear-gradient(135deg, rgba(36, 51, 184, .30), rgba(122, 60, 245, .22));
  --rgb-shade: 18, 22, 92;
}