/* ============================================================
 * 空军一号浅蓝主题 · Light Theme Layer  v1
 * ------------------------------------------------------------
 * 配色锚点：VC-25「Robin egg blue / luminous ultramarine」浅蓝机身
 *          + 机身高光白 + 金色细线 + 深蓝收尾
 *          与品牌 Klein 蓝 #0028A0 / 荧光黄 #FFE800 同色系融合
 *
 * 加载顺序：必须在 style.css / news.css / major.css / video.css
 *           / future.css 之后加载（由 deploy/_inject_light_theme.py 注入）
 * ============================================================ */

/* ---------- 1. Token 重定义（浅底可读版） ---------- */
:root {
  --klein: #0028A0;                 /* 品牌主蓝（不变） */
  --klein-bright: #0240C8;
  /* 2026-10-02 对齐 evtol 视觉语言：浅底区「黄」系统性翻转为「主蓝/青蓝」 */
  --yellow: #0E62C7;                /* 浅底上原「黄」引用 → 主蓝亮阶（按钮底/描边/标签底） */
  --accent-text: #1168BF;           /* 浅底强调色：金 → 亮主蓝（evtol --c-primary-light 系） */
  --gold: #3fb3d9;                  /* 青蓝 accent（evtol 同款科技感点缀） */
  --cyan: #3fb3d9;
  --cyan-light: #7dd1ef;
  --ink: #01153C;                   /* 深蓝字 */

  /* 反转：原先的「白字」现在是深蓝正文 */
  --white: #0E2A5C;
  --text-light: #2B4070;
  --text-secondary: #4A5D86;
  --text-muted: #7A8BAD;

  /* 卡片/边框：白卡 + 蓝调描边（原为深底上的白色微透明） */
  --card-bg: #FFFFFF;
  --card-bg-strong: #FFFFFF;
  --card-border: rgba(0, 40, 160, 0.11);
  --card-border-yellow: rgba(63, 179, 217, 0.45);

  /* 状态色：压深以适应浅底 */
  --green: #0F9D58;
  --blue: #2F6FD0;
  --orange: #C07300;

  /* 空军一号色阶 */
  --af1-light: #B3D7F0;             /* 罗宾蛋蓝（机身浅蓝） */
  --af1-mid: #6FA8DC;
  --af1-pale: #E9F3FC;
  --af1-deep: #00306B;

  --shadow-sm: 0 2px 10px rgba(0, 40, 144, 0.06);
  --shadow-md: 0 10px 32px rgba(0, 40, 144, 0.10);
  --shadow-lg: 0 26px 64px rgba(0, 40, 144, 0.15);
}

/* ---------- 2. 页面底色：浅蓝渐变（罗宾蛋蓝晖光） ---------- */
body {
  color: var(--white);
  background-color: #F5F9FF;
  background-image:
    radial-gradient(1200px 680px at 86% -14%, rgba(179, 215, 240, 0.55), transparent 62%),
    radial-gradient(900px 560px at -10% 22%, rgba(0, 40, 160, 0.055), transparent 58%),
    linear-gradient(180deg, #FFFFFF 0%, #F4F8FF 38%, #EDF4FD 72%, #E4EFFB 100%);
  background-attachment: fixed;
}

/* 深色阅读模式（打印/高对比）不影响 */
::selection { background: var(--yellow); color: var(--ink); }

/* ---------- 3. 顶部导航：白色毛玻璃 ---------- */
header {
  background: rgba(255, 255, 255, 0.80);
  backdrop-filter: blur(26px);
  -webkit-backdrop-filter: blur(26px);
  border-bottom: 1px solid rgba(0, 40, 160, 0.09);
}
header.scrolled {
  background: rgba(255, 255, 255, 0.96);
  border-bottom-color: rgba(0, 40, 160, 0.11);
  box-shadow: 0 14px 44px rgba(0, 40, 120, 0.10);
}
.nav-link, .brand-cn, .brand-sub { text-shadow: none; }

/* 下拉面板：白底浮层 */
.nav-dd, .nav-block, .dd-panel, .dropdown {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(0, 40, 160, 0.10);
  box-shadow: var(--shadow-lg);
}
.nav-block { background: #FFFFFF; border-color: rgba(0, 40, 160, 0.10); }

/* ---------- 4. 局部暗色作用域：深底区块内部恢复浅色字 ---------- */
footer,
.final-cta,
.cta-strip,
.v2-section-dark,
.news-ticker,
.ticker-inner,
.toast,
.modal,
.cf-panel,
.cf-opt.on,
.cf-btn,
.logo-tile.dark,
.vp-stage,
.vp-side,
.hi-video,
.hi-stats,
.hv-foot,
.vp-side-head,
.hero-visual,
.hi-lead,
.vpc-box {
  --white: #FFFFFF;
  --text-light: #E6EEFC;
  --text-secondary: #C3D2EC;
  --text-muted: #9FB2D2;
  --card-border: rgba(255, 255, 255, 0.16);
  --card-bg: rgba(255, 255, 255, 0.05);
  --card-bg-strong: rgba(255, 255, 255, 0.08);
  --accent-text: #FFE800;          /* 深底上恢复品牌荧光黄 */
  --yellow: #FFE800;               /* 深底作用域内「黄」语义恢复（与浅底翻转互补） */
  --gold: #C9A227;
  --shadow-sm: 0 2px 10px rgba(0, 5, 26, 0.25);
  --shadow-md: 0 10px 32px rgba(0, 5, 26, 0.35);
  color: var(--white);
}

/* 深蓝渐变按钮上的图标：恢复品牌荧光黄（金色在深底上发脏） */
.cf-btn { color: var(--yellow) !important; }
.cf-btn .cf-ico { color: var(--yellow); }
/* 深底區塊內的链接 hover 强调恢复黄色 */
.v2-section-dark a:hover,
footer a:hover,
.cta-strip a:hover { color: var(--yellow); }

/* footer 内的深蓝卡片回到深底语言 */
footer .footer-service-item,
footer .nf-box {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.14);
}

/* ---------- 5. 卡片浮起质感（浅底需要阴影建立层次） ---------- */
.metric-card,
.value-card,
.source-item,
.uam-card,
.mj-card,
.mini-card,
.card,
.step-card,
.spec-card,
.hi-exclusive,
.hi-right,
.blk-card,
.nc-item,
.gb-card,
.ncard,
.policy-card {
  box-shadow: var(--shadow-sm);
}
.metric-card:hover,
.value-card:hover,
.source-item:hover,
.uam-card:hover,
.mj-card:hover,
.nc-item:hover,
.gb-card:hover {
  box-shadow: var(--shadow-md);
}

/* ---------- 6. 表单控件浅色化 ---------- */
input, textarea, select {
  background: #FFFFFF;
  color: var(--white);
  border-color: rgba(0, 40, 160, 0.16);
}
input::placeholder, textarea::placeholder { color: var(--text-muted); }
input:focus, textarea:focus, select:focus {
  border-color: var(--klein);
  box-shadow: 0 0 0 3px rgba(0, 40, 160, 0.10);
}

/* ---------- 7. 首页首屏：明确的 AF1 浅蓝渐变 ---------- */
.hero {
  background:
    radial-gradient(900px 520px at 88% 8%, rgba(179, 215, 240, 0.55), transparent 60%),
    linear-gradient(158deg, #FFFFFF 0%, #EDF4FD 46%, #DCE9F8 100%);
}
.hero-title .grad,
.grad {
  background-image: linear-gradient(100deg, #00306B 0%, var(--klein) 42%, #2F6FD0 100%);
}

/* ---------- 8. 表格 / 分隔线 ---------- */
hr, .divider, .section-divider { border-color: rgba(0, 40, 160, 0.10); }
table th { background: rgba(0, 40, 160, 0.04); color: var(--white); }
table td, table th { border-color: rgba(0, 40, 160, 0.10); }

/* ---------- 9. 滚动条与占位图：改用蓝调 ---------- */
::-webkit-scrollbar-track { background: #EDF3FC; }
::-webkit-scrollbar-thumb { background: rgba(0, 40, 160, 0.26); border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0, 40, 160, 0.40); }

/* ---------- 10. 科技感层在浅底上的适配 ---------- */
.fx-progress { box-shadow: 0 0 12px rgba(0, 40, 160, 0.35); }
.fx-radar { opacity: 0.55; }
.fx-sources { border-color: rgba(0, 40, 160, 0.10); background: rgba(255, 255, 255, 0.72); }
.fx-src-list a { border-color: rgba(0, 40, 160, 0.14); background: rgba(255, 255, 255, 0.85); }
.fx-src-note { color: var(--text-muted); }

/* 首屏主视觉面板在 12b 节恢复为深蓝 HUD，白色描边/文字保持原样（不再转蓝） */
.fx-radar { opacity: 0.9; }

/* ---------- 11b. 深蓝玻璃卡 → 白/极浅蓝卡 ---------- */
.metric-card,
.slice-card,
.pred,
.mode-card,
.source-item,
.method-note,
.detail-item,
.mj-case,
.mj-def,
.ref-list,
.brand-mark-card,
.uam-card,
.uam-map,
.uam-news,
.uam-note,
.mj-stat,
.mj-campus-item,
.gb-card {
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFCFF 100%);
  border-color: rgba(0, 40, 160, 0.11);
}
.source-item:hover,
.uam-card:hover,
.uam-news:hover,
.gb-card:hover,
.detail-item:hover,
.mj-case:hover,
.mode-card:hover,
.slice-card:hover,
.metric-card:hover {
  background: #FFFFFF;
  border-color: rgba(0, 40, 160, 0.30);
  box-shadow: var(--shadow-md);
}
/* 原 hover 的深蓝叠加 → 浅蓝微染 */
.source-item:hover,
.uam-card:hover,
.uam-news:hover { background: rgba(0, 40, 160, 0.035); }
.uam-map-hd,
.uam-note { background: rgba(0, 40, 160, 0.035); border-color: rgba(0, 40, 160, 0.10); }

/* ---------- 11c. 分类标签 / 正文：浅色字 → 高对比深色字 ---------- */
.nc-cat.cat-policy, .nc-cat.cat-edu,
.nc-cat.cat-company, .nc-cat.cat-intl,
.tk-cat.tk-policy, .tk-cat.tk-edu,
.mj-course-head span.k2,
.mj-risk-item.b h4 { color: #1D4ED8; }
.nc-cat.cat-school, .nc-cat.cat-cooperation { color: #15803D; }
.nc-cat.cat-contest, .nc-cat.cat-jobs,
.tk-cat.tk-contest, .tk-cat.tk-jobs { color: #B45309; }
.nc-cat.cat-uam { color: #6D28D9; }
.mj-risk-item.a h4 { color: #C2410C; }
.usage-item.dont .tag { color: #BE123C; }
.article-body { color: #33456B; }
.hi-new { color: #D92020; }
/* 深蓝底 + 浅蓝字的组合：背景浅化，否则深色字对比不足 */
.nc-cat.cat-intl { background: rgba(0, 40, 160, 0.08); border-color: rgba(0, 40, 160, 0.22); }
.nc-cat.cat-company { background: rgba(2, 64, 200, 0.08); border-color: rgba(2, 64, 200, 0.22); }
.nc-cat.cat-policy, .nc-cat.cat-edu { background: rgba(29, 78, 216, 0.07); }
.nc-cat.cat-school, .nc-cat.cat-cooperation { background: rgba(21, 128, 61, 0.07); }
.nc-cat.cat-contest, .nc-cat.cat-jobs { background: rgba(180, 83, 9, 0.07); }
.nc-cat.cat-uam { background: rgba(109, 40, 217, 0.07); }

/* ---------- 12. page_hero 强调字：荧光黄渐变 → 金色渐变（AF1 金线，浅底可读且高级） ---------- */
.ph-em,
.ph-title .ph-em {
  background-image: linear-gradient(100deg, #B8860B 0%, #8A6200 100%) !important;
}

/* 搜索框：深蓝玻璃 → 白底 */
.news-search input { background: #FFFFFF; border-color: rgba(0, 40, 160, 0.18); }
.news-search input:focus { border-color: var(--klein); box-shadow: 0 0 0 3px rgba(0, 40, 160, 0.10); }
.news-search button { background: rgba(0, 40, 160, 0.07); color: var(--klein); }
.news-search button:hover { background: rgba(0, 40, 160, 0.14); }

/* ---------- 12b. 深色分区带 → 浅蓝 tint（消除浅底上的灰紫带） ---------- */
.aam,
.tripolar {
  background: linear-gradient(180deg, rgba(0, 40, 160, 0.035) 0%, rgba(0, 40, 160, 0.012) 100%);
}
.predictions.predictions-alt { background: rgba(0, 40, 160, 0.028); }
/* 首屏主视觉：恢复为深蓝 HUD 面板（雷达 + 荧光黄飞行器在深底上才有科技感，
   且内部数据芯片本来就是深底白字设计） */
.hero-visual {
  background: linear-gradient(150deg, #0A1F4E 0%, #071A44 45%, #04102C 100%) !important;
  border-color: rgba(96, 148, 235, 0.30);
  box-shadow: 0 30px 80px rgba(0, 25, 90, 0.30);
}
.hero-visual .live-badge { color: #DCE8FB; border-color: rgba(120, 165, 245, 0.35); }
.hero-visual .vis-chip b { color: #FFFFFF; }
.hero-visual .vis-chip small { color: #B9C9E8; }
.hero-visual .vis-chip .vis-chip-tag { color: #FFE800; }
.hero-visual .vis-corner { opacity: 0.75; }
.metrics-grid-bg::before,
.hero-grid-bg::before { opacity: 0.5; }

/* ---------- 11. 移动端 ---------- */
@media (max-width: 900px) {
  .hero { background: linear-gradient(170deg, #FFFFFF 0%, #EDF4FD 60%, #E2EDFA 100%); }
}

/* ---------- 12. 视频号扫码关注卡片（.vpc-qr / .hv-follow） ---------- */
/* vpc-box 是局部暗色作用域，内部子卡需显式回浅底深字 */
.vpc-step { background: #FFFFFF; border-color: rgba(0,40,160,.135); }
.vpc-step span { color: #0E2A5C; }
.vpc-step b   { color: #A97A08; }
.vpc-step em  { color: #7D8AA8; }

.vpc-qr {
  display: flex; flex-direction: column; align-items: center; gap: 5px;
  text-align: center; align-self: center;
  background: #FFFFFF; border: 1px solid rgba(0,40,160,.18); border-radius: 14px;
  padding: 14px 18px 12px; box-shadow: var(--shadow-sm);
}
.vpc-qr img {
  width: 128px; height: 128px; display: block; border-radius: 6px;
  image-rendering: pixelated; pointer-events: none; user-select: none;
}
.vpc-qr b { font-size: 15px; color: #0E2A5C; font-weight: 700; letter-spacing: .04em; }
.vpc-qr span { font-size: 12px; color: #7D8AA8; }

/* 首页视频卡内的小型关注条 */
.hv-follow {
  display: flex; align-items: center; gap: 12px;
  margin-top: 12px; padding: 10px 12px;
  background: rgba(255,255,255,.08); border: 1px dashed rgba(255,255,255,.35);
  border-radius: 12px;
}
.hv-follow img {
  width: 56px; height: 56px; flex: 0 0 auto; border-radius: 6px;
  background: #fff; display: block; image-rendering: pixelated;
  pointer-events: none; user-select: none;
}
.hv-follow .hvf-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.hv-follow .hvf-txt b { font-size: 13.5px; color: #fff; }
.hv-follow .hvf-txt span { font-size: 11.5px; color: var(--text-secondary); line-height: 1.5; }
.hv-follow .hvf-txt b i { font-style: normal; color: var(--accent-text); }
@media (max-width: 900px) {
  .vpc-box { grid-template-columns: 1fr; }
  .vpc-qr { flex-direction: row; justify-content: center; text-align: left; gap: 14px; padding: 12px 18px; }
  .vpc-qr .vpc-qr-col { display: flex; flex-direction: column; gap: 3px; }
}

/* ============================================================
 * 13. 对比度系统修复（2026-10-01）：消灭白字浅底 / 深字深底
 *     原则：深色作用域的块 → 一律给实底深蓝渐变；
 *           普通内容卡 → 一律白卡深字。
 * ============================================================ */

/* ---- 13.1 首页「产教融合短视频」卡：实底深蓝（科技感焦点块） ---- */
.hi-video {
  background: linear-gradient(150deg, #0C2461 0%, #0A1E50 48%, #12378C 100%) !important;
  border-color: rgba(96, 148, 235, 0.28);
  box-shadow: var(--shadow-md);
}
.hi-video:hover { border-color: rgba(255, 232, 0, 0.45); }
.hv-chip { color: #FFE800; border-color: rgba(255, 232, 0, 0.40); background: rgba(255, 232, 0, 0.10); }
.hv-title { color: #FFFFFF; }
.hv-desc { color: #9FB2D2; }
/* 单集行：深底上的半透明白行（原被迁移成白底白字） */
.hv-ep { background: rgba(255, 255, 255, 0.075) !important; border-color: rgba(255, 255, 255, 0.14) !important; }
.hv-ep:hover { background: rgba(255, 255, 255, 0.14) !important; border-color: rgba(255, 232, 0, 0.45) !important; }
.hv-no { color: #FFE800; background: rgba(255, 232, 0, 0.12); border-color: rgba(255, 232, 0, 0.30); }
.hv-t { color: #E6EEFC; }
.hv-ep:hover .hv-t { color: #FFFFFF; }
.hv-go { color: #FFE800; }
.hv-foot { border-top-color: rgba(255, 255, 255, 0.18); }
.hv-meta { color: #9FB2D2; }
.hv-more { color: #FFE800; }
.hv-new { color: #01153C; background: #FFE800; }
/* 关注条（白半透明已正确） */
.hv-follow { background: rgba(255, 255, 255, 0.09); border-color: rgba(255, 255, 255, 0.32); }

/* ---- 13.2 四大内容板块卡：白卡 + 深字（Apple 式清爽层次） ---- */
.tripolar .pole-card {
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFCFF 100%) !important;
  border-color: rgba(0, 40, 160, 0.11);
  box-shadow: var(--shadow-sm);
}
.tripolar .pole-card:hover {
  background: #FFFFFF !important;
  border-color: rgba(0, 40, 160, 0.32);
  box-shadow: var(--shadow-md);
}
.pole-card .pole-title { color: #0E2A5C; }
.pole-card .pole-desc { color: #4A5D86; }
.pole-card .pole-en,
.pole-card .pole-no,
.pole-card .pole-data-label { color: #8A9BBD; }
.pole-card .pole-code,
.pole-card .pole-data-val { color: #A97A08; }
.pole-card .pole-players {
  background: rgba(0, 40, 160, 0.045);
  color: #4A5D86;
  border-left-color: rgba(201, 162, 39, 0.60);
}
.pole-card .pole-data { border-top-color: rgba(0, 40, 160, 0.10); }

/* ---- 13.3 Footer「联系我们」卡：深底语言（原被迁移成白底白字） ---- */
footer .contact-row {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}
footer .contact-row:hover { background: rgba(255, 255, 255, 0.10) !important; border-color: rgba(255, 232, 0, 0.30) !important; }
footer .contact-label { color: #93A7CC; }
footer .contact-value { color: #FFFFFF; }
footer .contact-value a { color: #FFFFFF; }
footer .contact-value.address { color: #C3D2EC; }
/* 竖分隔线太刺眼 → 弱化 */
footer .footer-col:not(:last-child)::after { background: rgba(255, 255, 255, 0.10); }

/* ---- 13.4 播放页「视频号首发」块底色加深，保证白字对比 ---- */
.vpc-box {
  background: linear-gradient(150deg, #0C2461 0%, #0A1E50 52%, #12378C 100%) !important;
  border-color: rgba(96, 148, 235, 0.28);
}
.vpc-l p { color: #C3D2EC; }
.vpc-kicker { color: #FFE800; }

/* ---- 13.5 首页 DATA BRIEF 数据条：同 13.1 实底深蓝 ---- */
.hi-stats {
  background: linear-gradient(150deg, #0C2461 0%, #0A1E50 52%, #12378C 100%) !important;
  border-color: rgba(96, 148, 235, 0.28);
}
.hst-kicker { color: #FFE800; }
.hst-note { color: #9FB2D2; }
.hst-item { background: rgba(255, 255, 255, 0.075); border-color: rgba(255, 255, 255, 0.14); }
.hst-item:hover { background: rgba(255, 255, 255, 0.14); border-color: rgba(255, 232, 0, 0.40); }
.hst-item b { color: #FFE800; }
.hst-item span { color: #C3D2EC; }

/* ============================================================
 * 14. 对齐 evtol.bj.cn 视觉语言（2026-10-02）
 *     Light SaaS：全屏天蓝渐变 hero + 主蓝/青蓝 accent + 白卡
 *     evtol token：#002890 / #3fb3d9 / hero 155deg #3B82C4→#B8DDF0
 * ============================================================ */

/* ---- 14.1 Hero 沉浸化：evtol 同款天蓝渐变 ---- */
.hero.hero-grid-bg {
  background:
    radial-gradient(1100px 520px at 82% -8%, rgba(255, 255, 255, 0.34), transparent 60%),
    linear-gradient(155deg, #3B82C4 0%, #5DADE2 35%, #85C1E9 68%, #B8DDF0 100%) !important;
}
/* 网格线改白色（浅蓝渐变上的科技感肌理） */
.hero.hero-grid-bg::before {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.22) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.22) 1px, transparent 1px) !important;
}
/* hero 文字全面白化 */
.hero .eyebrow-bilingual { color: #FFFFFF; }
.hero .eyebrow-bilingual .en { color: rgba(255, 255, 255, 0.72); }
.hero .eyebrow-bilingual::before { background: var(--cyan-light); opacity: 1; }
.hero .hero-title { color: #FFFFFF; font-size: 48px; letter-spacing: -1.2px; font-weight: 800; }
.hero .hero-title .grad {
  background: linear-gradient(92deg, #FFFFFF 10%, #BDE9FF 55%, #7dd1ef 100%);
  -webkit-background-clip: text; background-clip: text;
}
.hero .hero-sub { color: rgba(255, 255, 255, 0.90); }
.hero .hero-trust { border-top-color: rgba(255, 255, 255, 0.32); }
.hero .hero-trust span { color: rgba(255, 255, 255, 0.85); }
.hero .hero-trust span b { color: #FFFFFF; }
.hero .hero-trust span sup { color: #FFE800; }
/* hero 内双色按钮：主按钮蓝渐变（evtol c-gradient），副按钮白描边 */
.hero .btn-primary {
  background: linear-gradient(135deg, #002890 0%, #1168bf 55%, #3fb3d9 100%);
  color: #FFFFFF;
  box-shadow: 0 12px 32px rgba(0, 30, 100, 0.35);
}
.hero .btn-primary:hover { box-shadow: 0 16px 40px rgba(0, 30, 100, 0.45); }
.hero .btn-outline {
  color: #FFFFFF; border-color: rgba(255, 255, 255, 0.65);
  background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(4px);
}
.hero .btn-outline:hover { background: rgba(255, 255, 255, 0.20); }

/* ---- 14.2 全站按钮系统：黄底 → 主蓝渐变（Light SaaS 规范） ---- */
.btn-primary {
  background: linear-gradient(135deg, #002890 0%, #1168bf 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 22px rgba(0, 40, 144, 0.28);
}
.btn-primary:hover { box-shadow: 0 12px 30px rgba(0, 40, 144, 0.38) !important; }
.btn-outline {
  color: #1168BF; border-color: rgba(0, 40, 144, 0.45);
  background: transparent;
}
.btn-outline:hover { background: rgba(0, 40, 144, 0.06); }
/* 深底作用域内的按钮保持黄底深字品牌语言 */
footer .btn-primary, .final-cta .btn-primary, .cta-strip .btn-primary,
.v2-section-dark .btn-primary, .hi-video .btn-primary, .hi-stats .btn-primary,
.vpc-box .btn-primary {
  background: var(--yellow) !important; color: #01153C !important;
  box-shadow: none;
}

/* ---- 14.3 hero-eyebrow 黄 chip（内页通用）→ 白玻璃蓝字 ---- */
.hero-eyebrow {
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(0, 40, 144, 0.18) !important;
  color: #002890 !important;
  backdrop-filter: blur(4px);
}
.hero-eyebrow .dot { background: #3fb3d9 !important; box-shadow: 0 0 8px rgba(63, 179, 217, 0.9) !important; }

/* ---- 14.4 浅底区残留黄底/黄字硬编码清理 ---- */
/* future.css 扫光尾巴与信源条 */
.future-scan, [class*="fx-scan"] { background: linear-gradient(90deg, rgba(63,179,217,0.55), rgba(63,179,217,0.06)) !important; }
/* 全站通用黄标签底（rgba(255,232,0,*) 硬编码）→ 青蓝 tint */
.eyebrow-bilingual::before { background: #3fb3d9; }
.new-badge, .tag-new, .badge-yellow {
  background: rgba(63, 179, 217, 0.14) !important;
  color: #0E62C7 !important;
  border-color: rgba(63, 179, 217, 0.4) !important;
}

/* ---- 14.5 排印微调（evtol 字体气质：系统栈 + 克制的字重） ---- */
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif; }
.hero-title, .sec-title, .blk-title { text-rendering: optimizeLegibility; }
.metric-value, .hst-item b, .hero-trust b, .vis-chip b {
  font-variant-numeric: tabular-nums;
}

/* ---- 14.6 内页 page_hero 强调词：蓝→青蓝渐变（对齐 evtol 渐变文字） ---- */
.ph-title .ph-em {
  background-image: linear-gradient(100deg, #002890 0%, #1168bf 55%, #3fb3d9 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent;
}

/* ============================================================
 * 15. 深色高亮态修复（2026-10-02 第二轮）：hover 与主卡
 * ============================================================ */

/* ---- 15.1 独家解读主卡 .hi-lead：半透明深蓝 → 实底深蓝（已入暗色作用域，文字自动白） ---- */
.hi-lead {
  background: linear-gradient(150deg, #0C2461 0%, #0A1E50 55%, #12378C 100%) !important;
  border-color: rgba(96, 148, 235, 0.30);
}
.hi-lead:hover { border-color: rgba(255, 232, 0, 0.45); }
.hi-lead::before { background: linear-gradient(90deg, #FFE800, rgba(255, 232, 0, 0)) !important; }
.hi-lead-tag { background: #FFE800; color: #01153C; }
.hi-lead-foot { border-top-color: rgba(255, 255, 255, 0.18); }

/* ---- 15.2 hover 深蓝残留 → 白卡微染（浅色语言） ---- */
.metric-card:hover,
.slice-card:hover,
.mode-card:hover,
.pred:hover,
.source-item:hover,
.detail-item:hover,
.mj-case:hover,
.mj-sib:hover,
.mj-job:hover,
.mj-eq:hover,
.mj-split-item:hover,
.mj-14n-card:hover,
.mj-cat-card:hover,
.mj-major-list a:hover {
  background: #FFFFFF !important;
  border-color: rgba(0, 40, 160, 0.30) !important;
}
/* 深底作用域内卡片 hover 保持各自实底深蓝（不受 15.2 白卡影响） */
.hi-video:hover { background: linear-gradient(150deg, #0C2461 0%, #0A1E50 48%, #12378C 100%) !important; }
.hi-stats:hover { background: linear-gradient(150deg, #0C2461 0%, #0A1E50 52%, #12378C 100%) !important; }
.vpc-box:hover { background: linear-gradient(150deg, #0C2461 0%, #0A1E50 52%, #12378C 100%) !important; }

/* ---- 15.3 表单控件：深底 → 白底深字 ---- */
.input, .select, .textarea {
  background: #FFFFFF !important;
  border-color: rgba(0, 40, 160, 0.16) !important;
  color: #0E2A5C !important;
}
.input::placeholder, .textarea::placeholder { color: #8A9BBD; }
/* 深底弹层内（modal/cf-panel）表单保持深底语言 */
.modal .input, .modal .select, .modal .textarea,
.cf-panel .input, .cf-panel .select, .cf-panel .textarea {
  background: rgba(255, 255, 255, 0.07) !important;
  color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

/* ---- 15.4 contact 页留言表单（.cfield）：深底 → 白底深字 ---- */
.cfield input, .cfield select, .cfield textarea {
  background: #FFFFFF !important;
  border-color: rgba(0, 40, 160, 0.16) !important;
  color: #0E2A5C !important;
}
.cfield input::placeholder, .cfield textarea::placeholder { color: #8A9BBD !important; }

/* ---- 15.5 services 课程体系底座行 .cur-base：深蓝渐变 → 实底深蓝白字 ---- */
.cur-base {
  background: linear-gradient(135deg, #0C2461 0%, #0A1E50 55%, #12378C 100%) !important;
  border-color: rgba(96, 148, 235, 0.30);
}
.cur-base .cur-body h3 { color: #FFFFFF; }
.cur-base .cur-body p { color: #C3D2EC; }
.cur-base .cur-key { background: rgba(255, 232, 0, 0.14); border-color: rgba(255, 232, 0, 0.35); color: #FFE800; }

/* ---- 15.6 .pole-card 全局白卡化（原 13.2 只覆盖 .tripolar 容器，insight 页 .tripolar-grid 漏网） ---- */
.pole-card {
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFCFF 100%) !important;
  border-color: rgba(0, 40, 160, 0.11);
  box-shadow: var(--shadow-sm);
}
.pole-card:hover {
  background: #FFFFFF !important;
  border-color: rgba(0, 40, 160, 0.32);
  box-shadow: var(--shadow-md);
}
.pole-card h3 { color: #0E2A5C; }
.pole-card p, .pole-card li { color: #4A5D86; }
.pole-card ul { border-top-color: rgba(0, 40, 160, 0.10); }

/* ============================================================
 * 16. 导航下拉菜单白卡化（2026-10-02 第三轮）
 *     旧深蓝面板 + 浅色主题深字 = 深字落深底，不可读
 *     → Apple/evtol 式白卡下拉
 * ============================================================ */
.dd-inner {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(0, 40, 160, 0.12) !important;
  box-shadow: 0 24px 56px -18px rgba(14, 42, 92, 0.28) !important;
}
.dd-head { border-bottom-color: rgba(0, 40, 160, 0.10); }
.dd-head .cn { color: #0E62C7; }
.dd-head .en { color: #8A9BBD; }
.dd-no { color: rgba(2, 132, 199, 0.55); }
.dd-title { color: #16294F; }
.dd-desc { color: #6B7CA0; }
.dd-inner a:hover { background: rgba(2, 132, 199, 0.08); }
.dd-inner a:hover .dd-title { color: #0E62C7; }
.dd-arrow { color: inherit; }

/* ============================================================
 * 17. 漏网深底组件修复（2026-10-02 第四轮，全量扫描收尾）
 * ============================================================ */

/* ---- 17.1 三极支柱卡 .pillar-card（talent/aam/insight）：深底 → 白卡 ---- */
.pillar-card {
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFCFF 100%) !important;
  border-color: rgba(0, 40, 160, 0.12) !important;
  box-shadow: var(--shadow-sm);
}
.pillar-card:hover {
  background: #FFFFFF !important;
  border-color: rgba(0, 40, 160, 0.32) !important;
  box-shadow: var(--shadow-md);
}
.pillar-card h3 { color: #0E2A5C; }
.pillar-card li { color: #4A5D86; }
.pillar-card .pillar-num { color: rgba(2, 132, 199, 0.55); }
.pillar-card.is-hl, .pillar-card.hl {
  background: linear-gradient(150deg, #0C2461 0%, #0A1E50 55%, #12378C 100%) !important;
  border-color: rgba(96, 148, 235, 0.30) !important;
}
.pillar-card.is-hl h3, .pillar-card.hl h3 { color: #FFFFFF; }
.pillar-card.is-hl p, .pillar-card.is-hl li, .pillar-card.hl p, .pillar-card.hl li { color: #C3D2EC; }

/* ---- 17.2 资讯分页按钮 .pg-btn：深底深字 → 白底蓝字 ---- */
.pg-btn {
  background: #FFFFFF !important;
  border-color: rgba(0, 40, 160, 0.16) !important;
  color: #2B4070 !important;
}
.pg-btn:hover:not(:disabled) { border-color: rgba(2, 132, 199, 0.45) !important; color: #0E62C7 !important; background: #F3F8FF !important; }
.pg-btn.active { background: linear-gradient(135deg, #002890, #1168BF) !important; border-color: transparent !important; color: #FFFFFF !important; }
.pg-btn:disabled { opacity: 0.45; background: #FFFFFF !important; }

/* ---- 17.3 资讯侧栏 CTA .nf-cta：深底深字 → 白卡 ---- */
.nf-cta {
  background: linear-gradient(165deg, #F3F8FF 0%, #E8F2FF 100%) !important;
  border-color: rgba(0, 40, 160, 0.14) !important;
}
.nf-cta h4 { color: #0E2A5C !important; }
.nf-cta p { color: #4A5D86 !important; }
.nf-btn { background: linear-gradient(135deg, #002890, #1168BF) !important; color: #FFFFFF !important; }

/* ---- 17.4 品牌页安全区演示 .clear-demo：深底 → 浅蓝 tint ---- */
.clear-demo {
  background: rgba(0, 40, 160, 0.035) !important;
  border-color: rgba(2, 132, 199, 0.40) !important;
}
.clear-demo .label { color: #0E62C7; }

/* ---- 17.5 UAM 页深色带 .section-alt：深色 wash → 浅蓝 wash ---- */
.section-alt { background: linear-gradient(180deg, rgba(2, 132, 199, 0) 0%, rgba(0, 40, 160, 0.05) 50%, rgba(2, 132, 199, 0) 100%) !important; }
