/* ================================================================
   模板 × 配色 · 对比度修复层（必须最后加载）
   解决：暗色模板 + 浅色配色 → 白字看不清；浅色模板 + 暗色配色 → 黑字看不清
   ================================================================ */

/* ── 1. 浅色配色：重置暗色模板写死的白字 / 暗底 Hero 变量 ───── */
html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
),
html[data-template="neon-cyber"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) {
  --t12-h1-color: var(--t1);
  --t12-h1-fill: var(--t1);
  --t12-desc-color: var(--t2);
  --t12-sub-h1-color: var(--t1);
  --w-h1-color: var(--t1);
}

html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .hero-title-glyph,
html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .hero-char,
html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .hero-title--ladder .hero-title-glyph {
  color: var(--t1) !important;
  -webkit-text-fill-color: var(--t1) !important;
  text-shadow: none !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
}

html[data-template="neon-cyber"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .hero-title-glyph,
html[data-template="neon-cyber"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .hero-char {
  color: var(--t1) !important;
  -webkit-text-fill-color: var(--t1) !important;
  text-shadow: none !important;
}

/* 午夜 / 赛博 + 浅色：Hero / 导航 / 统计 */
html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .hero-desc,
html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .hero-title-en,
html[data-template="neon-cyber"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .hero-desc,
html[data-template="neon-cyber"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .hero-title-en {
  color: var(--t2) !important;
}

html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .navbar.transparent .nav-link,
html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .navbar.transparent .nav-logo-name,
html[data-template="neon-cyber"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .navbar.transparent .nav-link,
html[data-template="neon-cyber"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .navbar.transparent .nav-logo-name {
  color: var(--t1) !important;
}

html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .hero-stat-num,
html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .hero-stat-label,
html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .hero-chip__tag,
html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .hero-chip__desc {
  color: var(--t1) !important;
}

html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .page-hero h1,
html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .page-hero-title,
html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .news-hero-title {
  color: var(--t1) !important;
  -webkit-text-fill-color: var(--t1) !important;
}

html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .page-hero p,
html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .news-hero-sub {
  color: var(--t2) !important;
}

/* ── 2. 赤红模板 + 非赤红配色：取消写死红底白字 Hero ─────────── */
html[data-template="crimson-bold"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="midnight"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"],
  [data-color="neon-volt"]
) {
  --t12-h1-color: var(--t1);
  --t12-h1-fill: var(--t1);
  --t12-desc-color: var(--t2);
}

html[data-template="crimson-bold"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="midnight"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"],
  [data-color="neon-volt"]
) .hero {
  background: linear-gradient(180deg, var(--d1), color-mix(in srgb, var(--g10) 40%, var(--black))) !important;
}

html[data-template="crimson-bold"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="midnight"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"],
  [data-color="neon-volt"]
) .hero-shell {
  color: var(--t1) !important;
}

html[data-template="crimson-bold"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="midnight"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"],
  [data-color="neon-volt"]
) .hero-title-glyph,
html[data-template="crimson-bold"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="midnight"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"],
  [data-color="neon-volt"]
) .hero-char {
  color: var(--t1) !important;
  -webkit-text-fill-color: var(--t1) !important;
  border-left-color: var(--g) !important;
  text-shadow: none !important;
}

html[data-template="crimson-bold"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="midnight"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"],
  [data-color="neon-volt"]
) .hero-desc,
html[data-template="crimson-bold"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="midnight"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"],
  [data-color="neon-volt"]
) .hero-title-en {
  color: var(--t2) !important;
}

html[data-template="crimson-bold"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="midnight"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"],
  [data-color="neon-volt"]
) .navbar.transparent .nav-link,
html[data-template="crimson-bold"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="midnight"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"],
  [data-color="neon-volt"]
) .navbar.transparent .nav-logo-name {
  color: var(--t1) !important;
}

html[data-template="crimson-bold"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="midnight"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"],
  [data-color="neon-volt"]
) .world-crimson-stripe {
  background: var(--d2) !important;
  color: var(--t2) !important;
  border-bottom: 1px solid var(--ln);
}

/* 赤红 + 暗色配色：Hero 用品牌渐变 + 白字（保证可读） */
html[data-template="crimson-bold"]:where([data-color="midnight"], [data-color="neon-volt"]) .hero {
  background: linear-gradient(135deg, var(--gd), var(--g), var(--gl)) !important;
}
html[data-template="crimson-bold"]:where([data-color="midnight"], [data-color="neon-volt"]) .hero-title-glyph,
html[data-template="crimson-bold"]:where([data-color="midnight"], [data-color="neon-volt"]) .hero-char {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-left-color: #fff !important;
}
html[data-template="crimson-bold"]:where([data-color="midnight"], [data-color="neon-volt"]) .hero-desc {
  color: rgba(255, 255, 255, .85) !important;
}
html[data-template="crimson-bold"]:where([data-color="midnight"], [data-color="neon-volt"]) .navbar.transparent .nav-link,
html[data-template="crimson-bold"]:where([data-color="midnight"], [data-color="neon-volt"]) .navbar.transparent .nav-logo-name {
  color: rgba(255, 255, 255, .92) !important;
}

/* ── 3. 墨色瑞士 + 暗色配色：取消写死 #111 ─────────────────── */
html[data-template="ink-minimal"]:where([data-color="midnight"], [data-color="neon-volt"]) .hero-title-glyph,
html[data-template="ink-minimal"]:where([data-color="midnight"], [data-color="neon-volt"]) .hero-char {
  color: var(--t1) !important;
  -webkit-text-fill-color: var(--t1) !important;
}
html[data-template="ink-minimal"]:where([data-color="midnight"], [data-color="neon-volt"]) .hero-desc,
html[data-template="ink-minimal"]:where([data-color="midnight"], [data-color="neon-volt"]) .section-title,
html[data-template="ink-minimal"]:where([data-color="midnight"], [data-color="neon-volt"]) .service-title,
html[data-template="ink-minimal"]:where([data-color="midnight"], [data-color="neon-volt"]) .service-desc,
html[data-template="ink-minimal"]:where([data-color="midnight"], [data-color="neon-volt"]) .service-feature {
  color: var(--t2) !important;
}
html[data-template="ink-minimal"]:where([data-color="midnight"], [data-color="neon-volt"]) .hero,
html[data-template="ink-minimal"]:where([data-color="midnight"], [data-color="neon-volt"]) .services-grid,
html[data-template="ink-minimal"]:where([data-color="midnight"], [data-color="neon-volt"]) .stats-grid {
  border-color: var(--ln) !important;
}
html[data-template="ink-minimal"]:where([data-color="midnight"], [data-color="neon-volt"]) .service-card,
html[data-template="ink-minimal"]:where([data-color="midnight"], [data-color="neon-volt"]) .stat-item {
  border-bottom-color: var(--ln) !important;
}
html[data-template="ink-minimal"]:where([data-color="midnight"], [data-color="neon-volt"]) .world-swiss-grid__lines {
  background: linear-gradient(var(--ln) 1px, transparent 1px), linear-gradient(90deg, var(--ln) 1px, transparent 1px) !important;
  opacity: .35 !important;
}

/* ── 4. 全局：正文/标题跟随配色变量（兜底）────────────────────── */
html[data-template][data-color] .section-title,
html[data-template][data-color] .service-title,
html[data-template][data-color] .client-card-title,
html[data-template][data-color] .process-step-title,
html[data-template][data-color] .value-card-title,
html[data-template][data-color] .stat-label,
html[data-template][data-color] .footer-heading,
html[data-template][data-color] .footer-logo-name {
  color: var(--t1) !important;
  -webkit-text-fill-color: var(--t1) !important;
}

html[data-template][data-color] .section-sub,
html[data-template][data-color] .service-desc,
html[data-template][data-color] .service-feature,
html[data-template][data-color] .client-card-desc,
html[data-template][data-color] .process-step-desc,
html[data-template][data-color] .value-card-desc,
html[data-template][data-color] .footer-brand-desc,
html[data-template][data-color] .footer-link,
html[data-template][data-color] .news-card-title {
  color: var(--t2) !important;
}

html[data-template][data-color] .section-badge {
  color: var(--g) !important;
}

/* 阶梯标题渐变字：浅色配色下用品牌渐变，暗色配色同理 */
html[data-template="classic-iris"][data-color] .hero-title-row--core .hero-title-glyph,
html[data-template="classic-iris"][data-color] .hero-title-glyph--hero {
  background: var(--grad-brand) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

html[data-template="classic-iris"][data-color] .hero-title-row--lead .hero-title-glyph,
html[data-template="classic-iris"][data-color] .hero-title-row--finale .hero-title-glyph {
  color: var(--t2) !important;
  -webkit-text-fill-color: var(--t2) !important;
  background: none !important;
}

/* 暗色配色 + 任意模板：导航 scrolled 状态 */
html[data-color="midnight"] .navbar .nav-link,
html[data-color="midnight"] .navbar .nav-logo-name,
html[data-color="neon-volt"] .navbar .nav-link,
html[data-color="neon-volt"] .navbar .nav-logo-name {
  color: var(--t1) !important;
}

html[data-color="midnight"] .navbar.scrolled,
html[data-color="neon-volt"] .navbar.scrolled {
  background: color-mix(in srgb, var(--d1) 92%, transparent) !important;
  border-bottom-color: var(--ln) !important;
}

/* 服务卡奇数行（赤红模板 + 红/暗配色）：深色底白字 */
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) #services .service-card:nth-child(odd),
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) #kmo .service-card:nth-child(odd) {
  color: #fff !important;
}
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) #services .service-card:nth-child(odd) .service-title,
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) #services .service-card:nth-child(odd) .service-desc,
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) #services .service-card:nth-child(odd) .service-feature,
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) #services .service-card:nth-child(odd) .service-link {
  color: rgba(255, 255, 255, .94) !important;
}
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) #services .service-card:nth-child(even) .service-title,
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) #services .service-card:nth-child(even) .service-desc,
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) #services .service-card:nth-child(even) .service-feature {
  color: var(--t2) !important;
}

/* ── 5. 赤红 + 非红暗配色：服务通栏跟随主题色 ───────────────── */
html[data-template="crimson-bold"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) #services .service-card:nth-child(odd),
html[data-template="crimson-bold"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) #kmo .service-card:nth-child(odd) {
  background: color-mix(in srgb, var(--g) 88%, var(--black)) !important;
  color: #fff !important;
}
html[data-template="crimson-bold"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) #services .service-card:nth-child(even),
html[data-template="crimson-bold"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) #kmo .service-card:nth-child(even) {
  background: var(--d1) !important;
  border-left: 8px solid var(--g) !important;
}

/* ── 6. 赛博 + 浅色：面板内文字可读 ─────────────────────────── */
html[data-template="neon-cyber"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .stat-item,
html[data-template="neon-cyber"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .value-card,
html[data-template="neon-cyber"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .service-card,
html[data-template="neon-cyber"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .hero-float-card {
  background: var(--d1) !important;
  border-color: var(--ln) !important;
  color: var(--t1) !important;
}

/* ── 7. 午夜 + 浅色：统计条/子页 Hero ───────────────────────── */
html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .stats-grid {
  background: color-mix(in srgb, var(--d1) 92%, transparent) !important;
  border-color: var(--ln) !important;
}
html[data-template="midnight-slate"]:where(
  [data-color="iris-blue"],
  [data-color="emerald"],
  [data-color="amber-gold"],
  [data-color="royal-purple"],
  [data-color="ocean-cyan"],
  [data-color="rose-pink"],
  [data-color="mono-ink"],
  [data-color="vermilion"],
  [data-color="mint-fresh"],
  [data-color="bronze-classic"]
) .hero-title--flat .hero-title-glyph {
  text-shadow: none !important;
}

/* ── 8. 全站可读性兜底：正文对比度 ─────────────────────────── */
html[data-template][data-color] .hero-desc,
html[data-template][data-color] .section-sub,
html[data-template][data-color] .service-desc,
html[data-template][data-color] .value-card-desc,
html[data-template][data-color] .process-step-desc {
  opacity: 1 !important;
  line-height: 1.65 !important;
}
html[data-template][data-color] .stat-num,
html[data-template][data-color] .hero-stat-num {
  color: var(--g) !important;
}
html[data-template]:not([data-template="crimson-bold"]):not([data-template="neon-cyber"]) .service-card,
html[data-template]:not([data-template="crimson-bold"]):not([data-template="neon-cyber"]) .value-card,
html[data-template]:not([data-template="crimson-bold"]):not([data-template="neon-cyber"]) .stat-item,
html[data-template]:not([data-template="crimson-bold"]):not([data-template="neon-cyber"]) .news-card,
html[data-template]:not([data-template="crimson-bold"]):not([data-template="neon-cyber"]) .client-card {
  background: var(--d1) !important;
  color: var(--t1) !important;
}

/* CTA 区：grad-brand 上保持白字 */
html[data-template][data-color] .cta-banner,
html[data-template][data-color] .cta-banner-title,
html[data-template][data-color] .cta-banner-sub {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* 页脚联系信息 */
html[data-template][data-color] .footer-contact-item,
html[data-template][data-color] .footer-bottom {
  color: var(--t2) !important;
}