/* ============================================================
   赤迹 — 三套统一方案
   方案A：暮色长城  data-variant="a"
   方案B：红卷典藏  data-variant="b"
   方案C：山河红旗  data-variant="c"
   ============================================================ */

/* === 通用：赤迹专属"刷体" === */
.brush-zh {
  font-family: 'Ma Shan Zheng', 'STXinwei', '华文新魏', 'STKaiti', '华文楷体', 'KaiTi', '楷体', serif !important;
}

/* 把 .hero-title / .nav-brand / .footer-brand / .loader-text 全替成新刷体 */
[data-variant] .hero-title,
[data-variant] .nav-brand,
[data-variant] .footer-brand,
[data-variant] .loader-text,
[data-variant] .page-header h1 {
  font-family: 'Ma Shan Zheng', 'STXinwei', '华文新魏', 'STKaiti', '华文楷体', serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em !important;
}

[data-variant] .hero-title {
  font-size: clamp(72px, 11vw, 140px) !important;
  background: linear-gradient(180deg, #FFE9A8 0%, #E5C272 35%, #C9A96E 70%, #8B6914 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  filter: drop-shadow(0 4px 20px rgba(201,169,110,0.4)) drop-shadow(0 0 60px rgba(255,200,80,0.2)) !important;
}

/* ============================================================
   方案 A：光辉征程·中和版
   主色：官红 #B91C1C / 党旗红 #C41E24 / 深红 #8B0000
   辅色：富贵金 #C9A96E / 暖金 #D4A853（点到为止，不再大面积亮金）
   底色：宣纸白 #FAF6EE / 米白 #F8F2E4 / 纯白
   稳重大气，不喧宾夺主
   ============================================================ */
:root {
  --hl-red: #B91C1C;
  --hl-red-bright: #C41E24;
  --hl-red-deep: #8B0000;
  --hl-gold: #C9A96E;
  --hl-gold-bright: #D4A853;
  --hl-gold-deep: #A88445;
  --hl-cream: #FAF6EE;
  --hl-cream-warm: #F8F2E4;
  --hl-ink-warm: #2A1810;
  --hl-ink-soft: #4A3528;
}

body[data-variant="a"] {
  background: var(--hl-cream) !important;
  background-image:
    linear-gradient(180deg, #F8F2E4 0%, #FAF6EE 40%, #FFFFFF 100%) !important;
  color: var(--hl-ink-warm) !important;
}
body[data-variant="a"]::before {
  background: linear-gradient(90deg, #8B0000 0%, #B91C1C 30%, #C9A96E 50%, #B91C1C 70%, #8B0000 100%) !important;
  height: 4px !important;
}
body[data-variant="a"]::after { content: none !important; }

/* === Hero — 长城雄关 + 暖红光氛围，稳重大气，左侧文字区压实 === */
body[data-variant="a"] .hero {
  background:
    /* 左侧深色幕布保证文字可读 */
    linear-gradient(95deg,
      rgba(40,8,10,0.85) 0%,
      rgba(50,10,12,0.72) 28%,
      rgba(70,15,18,0.45) 55%,
      rgba(90,20,22,0.18) 80%,
      rgba(90,20,22,0.08) 100%),
    /* 长城图原色显示 */
    url('../images/hero-bg.png') center center/cover no-repeat,
    /* 兜底深红 */
    linear-gradient(135deg, #5C0000 0%, #2a0508 100%) !important;
  background-color: #2a0508 !important;
  position: relative;
}
/* hero 底部柔和金色细线，仅作过渡 */
body[data-variant="a"] .hero::after {
  content: '';
  position: absolute; left: 0; right: 0; bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(201,169,110,0.55) 50%, transparent 100%);
  pointer-events: none;
  z-index: 3;
}
body[data-variant="a"] .hero-content { position: relative; z-index: 2; }
body[data-variant="a"] .hero-title {
  background: linear-gradient(180deg, #F5E0A8 0%, #E5C272 45%, #C9A96E 75%, #A88445 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  filter: drop-shadow(0 3px 12px rgba(0,0,0,0.5)) drop-shadow(0 0 20px rgba(201,169,110,0.25)) !important;
}
body[data-variant="a"] .hero-subtitle { color: rgba(255,238,210,0.96) !important; text-shadow: 0 2px 10px rgba(0,0,0,0.55) !important; }
body[data-variant="a"] .hero-desc { color: rgba(255,238,210,0.85) !important; text-shadow: 0 2px 10px rgba(0,0,0,0.55) !important; }

/* 导航栏 — 与 Hero 完全融合：透明底，仅极细金线，scrolled 后才转浅红 */
[data-variant="a"] .navbar {
  background: transparent !important;
  border-bottom: 1px solid rgba(201,169,110,0.18) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
[data-variant="a"] .navbar.scrolled {
  background: rgba(40,8,10,0.86) !important;
  border-bottom-color: rgba(201,169,110,0.32) !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.22) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}
[data-variant="a"] .nav-brand { color: var(--hl-gold) !important; text-shadow: 0 1px 4px rgba(0,0,0,0.45); }
[data-variant="a"] .nav-links a { color: rgba(255,238,210,0.78); }
[data-variant="a"] .nav-links a.active,
[data-variant="a"] .nav-links a:hover { color: var(--hl-gold-bright) !important; border-bottom-color: var(--hl-gold-bright) !important; }

/* 数据条 — 暖红米底 */
[data-variant="a"] .number-highlight {
  background: linear-gradient(180deg, #FCEEDB 0%, #FBE6CB 100%) !important;
  border-top: 2px solid var(--hl-red) !important;
  border-bottom: 2px solid var(--hl-red) !important;
  position: relative;
  padding: 26px 0 !important;
}
[data-variant="a"] .number-highlight::after { content: none !important; }
[data-variant="a"] .number-item { border-right-color: rgba(185,28,28,0.18); padding: 22px 16px; }
[data-variant="a"] .number-item .num {
  color: var(--hl-red-deep) !important;
  font-weight: 700 !important;
  font-size: 44px !important;
  text-shadow: 0 2px 4px rgba(185,28,28,0.10);
}
[data-variant="a"] .number-item .label { color: var(--hl-ink-warm); font-weight: 500; opacity: 0.92; }

/* 引言块 — 暖红米底 + 柔金光晕 */
[data-variant="a"] .quote-block {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 90px 24px 90px !important;
  background:
    radial-gradient(ellipse 60% 80% at 50% 50%, rgba(245,197,58,0.18) 0%, rgba(245,197,58,0.06) 40%, transparent 75%),
    linear-gradient(180deg, #FCEEDB 0%, #FBE6CB 100%) !important;
  border-top: 2px solid var(--hl-red) !important;
  border-bottom: 2px solid var(--hl-red) !important;
  position: relative;
}
[data-variant="a"] .quote-block::before,
[data-variant="a"] .quote-block::after { display: none !important; content: none !important; }
[data-variant="a"] .quote-block blockquote {
  max-width: 880px;
  margin: 0 auto 18px;
  color: var(--hl-red-deep) !important;
  font: 400 26px/2.2 "FangSong","仿宋","KaiTi","楷体",serif !important;
  letter-spacing: 0.08em;
  position: relative;
}
[data-variant="a"] .quote-block blockquote::before,
[data-variant="a"] .quote-block blockquote::after { display: none !important; content: none !important; }
[data-variant="a"] .quote-block cite {
  color: var(--hl-ink-soft) !important;
  letter-spacing: 0.28em;
  font-size: 17px;
  font-weight: 400;
  opacity: 0.78;
}

/* 核心功能区 — 暖红米底 */
[data-variant="a"] .section-gray {
  background: linear-gradient(180deg, #FCEEDB 0%, #FBE6CB 100%) !important;
  position: relative;
  padding: 60px 20px 60px !important;
}
[data-variant="a"] .section-gray::before { display: none !important; content: none !important; }
[data-variant="a"] .features-grid {
  background: transparent;
  border: 1px solid rgba(185,28,28,0.22);
  box-shadow: 0 4px 20px rgba(80,30,10,0.06);
}
[data-variant="a"] .feature-card {
  background: #FFFFFF;
  border-right-color: rgba(185,28,28,0.10);
  border-bottom-color: rgba(185,28,28,0.10);
  transition: background 0.25s, transform 0.25s, box-shadow 0.25s;
}
[data-variant="a"] .feature-card:hover {
  background: var(--hl-cream-warm);
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(80,30,10,0.08);
}
[data-variant="a"] .feature-card h3 { color: var(--hl-red-deep) !important; font-weight: 600; }
[data-variant="a"] .feature-card p { color: var(--hl-ink-soft) !important; opacity: 0.92; }
[data-variant="a"] .section-title { color: var(--hl-red-deep) !important; font-weight: 600 !important; }
[data-variant="a"] .section-subtitle { color: var(--hl-ink-soft) !important; opacity: 0.75; }
[data-variant="a"] .section-title::after {
  background: var(--hl-red) !important;
  height: 3px !important;
}

/* 景点展示 — 暖红米色衬底 */
[data-variant="a"] .spot-showcase {
  background: linear-gradient(135deg, #FBE6CB 0%, #FCEEDB 100%);
  border: 2px solid var(--hl-red);
  box-shadow: 0 4px 24px rgba(80,30,10,0.10);
  position: relative;
}
[data-variant="a"] .spot-showcase::before,
[data-variant="a"] .spot-showcase::after { display: none !important; content: none !important; }
[data-variant="a"] .spot-item {
  border-color: rgba(185,28,28,0.10) !important;
}
[data-variant="a"] .spot-item::before {
  content: '';
  position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(180deg, rgba(40,8,10,0.05) 0%, rgba(40,8,10,0.50) 65%, rgba(40,8,10,0.85) 100%);
  pointer-events: none;
}
[data-variant="a"] .spot-overlay { z-index: 2; }
[data-variant="a"] .spot-overlay h3 { color: #F5E0A8; text-shadow: 0 2px 8px rgba(0,0,0,0.55); }
[data-variant="a"] .spot-tag {
  background: rgba(201,169,110,0.18);
  color: var(--hl-gold-bright) !important;
  border: 1px solid rgba(201,169,110,0.55) !important;
  font-weight: 500;
}

/* 精神谱系 — 暖红米底 */
[data-variant="a"] .section-warm {
  background: linear-gradient(180deg, #FBE6CB 0%, #FCEEDB 50%, #FBE6CB 100%) !important;
  position: relative;
  padding: 70px 20px 70px !important;
}
[data-variant="a"] .section-warm::before,
[data-variant="a"] .section-warm::after { display: none !important; content: none !important; }
[data-variant="a"] .spirit-card {
  background: #FFFFFF;
  border: 1px solid rgba(185,28,28,0.18);
  box-shadow: 0 2px 10px rgba(80,30,10,0.06);
  transition: all 0.25s;
}
[data-variant="a"] .spirit-card:hover {
  border-color: var(--hl-red);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(80,30,10,0.10);
}
[data-variant="a"] .spirit-name { color: var(--hl-red-deep) !important; font-weight: 600; }
[data-variant="a"] .spirit-place { color: var(--hl-ink-soft); border-bottom-color: rgba(201,169,110,0.4); }
[data-variant="a"] .spirit-desc { color: var(--hl-ink-soft); opacity: 0.86; }
[data-variant="a"] .spirit-year {
  color: var(--hl-red) !important;
  font-weight: 600;
  letter-spacing: 0.05em;
}
[data-variant="a"] .spirit-icon-deco { display: none !important; }

/* AI 智能咨询区 — 白卡，红头，温和稳重 */
[data-variant="a"] .chat-container {
  border: 1px solid rgba(185,28,28,0.22);
  box-shadow: 0 4px 20px rgba(80,30,10,0.06);
  background: #FFFFFF;
}
[data-variant="a"] .chat-header {
  background: linear-gradient(135deg, var(--hl-red) 0%, var(--hl-red-deep) 100%) !important;
  border-bottom: 2px solid var(--hl-gold);
}
[data-variant="a"] .chat-avatar { background: rgba(201,169,110,0.25); color: var(--hl-gold-bright); border-color: rgba(201,169,110,0.5); }
[data-variant="a"] .chat-messages { background: var(--hl-cream); }
[data-variant="a"] .chat-msg.bot .msg-bubble { background: #FFFFFF; border: 1px solid rgba(185,28,28,0.14); color: var(--hl-ink-warm); }
[data-variant="a"] .chat-msg.user .msg-bubble { background: var(--hl-red) !important; color: #FBF5E5 !important; }
[data-variant="a"] .chat-input-area { background: #FFFFFF; border-top: 1px solid rgba(185,28,28,0.14); }
[data-variant="a"] .chat-input { background: var(--hl-cream); border: 1px solid rgba(185,28,28,0.18); color: var(--hl-ink-warm); }
[data-variant="a"] .chat-input:focus { border-color: var(--hl-red); }
[data-variant="a"] .chat-send { background: var(--hl-red) !important; color: #FBF5E5 !important; border-color: var(--hl-red) !important; }
[data-variant="a"] .chat-send:hover { background: var(--hl-red-deep) !important; }

/* 数据可视化区 — 深红稳重底，金色描边 */
[data-variant="a"] .section-dark {
  background: linear-gradient(135deg, #5C0000 0%, #3a0508 50%, #2a0508 100%) !important;
  border-top: 1px solid rgba(201,169,110,0.35);
  border-bottom: 1px solid rgba(201,169,110,0.35);
}
[data-variant="a"] .section-dark .section-title { color: var(--hl-gold-bright) !important; }
[data-variant="a"] .section-dark .section-subtitle { color: rgba(245,224,168,0.7) !important; }
[data-variant="a"] .section-dark .section-title::after {
  background: var(--hl-gold) !important;
}
[data-variant="a"] .dash-card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(201,169,110,0.28);
}
[data-variant="a"] .dash-card h3 { color: var(--hl-gold-bright) !important; }

/* 技术架构区 — 白底 */
[data-variant="a"] .section { background: transparent; }
[data-variant="a"] .tech-grid {
  background: #FFFFFF;
  border: 1px solid rgba(185,28,28,0.22);
  box-shadow: 0 4px 20px rgba(80,30,10,0.06);
}
[data-variant="a"] .tech-right { background: var(--hl-cream-warm); border-left: 1px solid rgba(185,28,28,0.18); }
[data-variant="a"] .tech-section-title { color: var(--hl-red-deep) !important; font-weight: 600; }
[data-variant="a"] .tech-step-num { color: var(--hl-red); font-weight: 600; }
[data-variant="a"] .tech-step-title { color: var(--hl-red-deep) !important; font-weight: 500; }
[data-variant="a"] .tech-step-desc { color: var(--hl-ink-soft); opacity: 0.85; }
[data-variant="a"] .tech-tag {
  background: var(--hl-cream-warm);
  border: 1px solid rgba(185,28,28,0.4);
  color: var(--hl-red-deep);
  font-weight: 500;
}

/* CTA 区 — 稳重深红渐变 */
[data-variant="a"] .section-red {
  background: linear-gradient(135deg, #B91C1C 0%, #8B0000 60%, #5C0000 100%) !important;
  border-top: 2px solid var(--hl-gold);
  border-bottom: 2px solid var(--hl-gold);
  padding: 90px 20px !important;
  position: relative;
}
[data-variant="a"] .section-red::before,
[data-variant="a"] .section-red::after { display: none !important; content: none !important; }
[data-variant="a"] .section-red .cta-star,
[data-variant="a"] .section-red .cta-flag-deco { display: none !important; }
[data-variant="a"] .section-red .cta-emblem {
  display: inline-block;
  margin-bottom: 22px;
  filter: drop-shadow(0 2px 10px rgba(0,0,0,0.35));
}
[data-variant="a"] .section-red .cta-emblem svg { display: block; margin: 0 auto; }
[data-variant="a"] .section-red .cta-emblem svg circle { stroke: var(--hl-gold) !important; }
[data-variant="a"] .section-red .cta-emblem svg polygon { fill: var(--hl-gold) !important; }
[data-variant="a"] .section-red .cta-title {
  font: 600 32px/1.6 "Microsoft YaHei","微软雅黑","SimHei","黑体",sans-serif !important;
  color: var(--hl-gold-bright) !important;
  margin: 0 0 18px !important;
  letter-spacing: 0.22em !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
[data-variant="a"] .section-red .cta-divider {
  width: 160px; height: 1px;
  margin: 0 auto 24px;
  background: linear-gradient(90deg, transparent, var(--hl-gold) 50%, transparent);
}
[data-variant="a"] .section-red .cta-quote {
  font: 400 22px/2 "FangSong","仿宋","KaiTi","楷体",serif !important;
  color: rgba(255,238,210,0.92) !important;
  margin: 0 0 14px !important;
  letter-spacing: 0.06em;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
[data-variant="a"] .section-red .cta-desc {
  font: 400 16px/2 "FangSong","仿宋",serif !important;
  color: rgba(255,238,210,0.6) !important;
  margin: 0 0 32px !important;
  letter-spacing: 0.04em;
}
[data-variant="a"] .section-red .btn-white {
  background: #FBF5E5;
  color: var(--hl-red-deep);
  font-weight: 600;
  border: 1px solid #FBF5E5;
}
[data-variant="a"] .section-red .btn-white:hover {
  background: var(--hl-gold-bright);
  color: var(--hl-red-deep);
}
[data-variant="a"] .section-red .btn-outline {
  border: 1px solid rgba(201,169,110,0.7);
  color: var(--hl-gold-bright);
}
[data-variant="a"] .section-red .btn-outline:hover {
  background: rgba(201,169,110,0.12);
  color: #FBF5E5;
}

/* 子页 page-header — 稳重深红 */
[data-variant="a"] .page-header {
  background: linear-gradient(135deg, #B91C1C 0%, #8B0000 60%, #5C0000 100%) !important;
  border-bottom: 2px solid var(--hl-gold);
}
[data-variant="a"] .page-header::before,
[data-variant="a"] .page-header::after { display: none !important; content: none !important; }
[data-variant="a"] .page-header h1 { color: var(--hl-gold-bright) !important; text-shadow: 0 3px 12px rgba(0,0,0,0.45); }
[data-variant="a"] .page-header p { color: rgba(255,238,210,0.85) !important; }

/* Footer — 庄重深红 */
[data-variant="a"] .footer {
  background: linear-gradient(180deg, #5C0000 0%, #2a0508 100%) !important;
  border-top: 2px solid var(--hl-gold) !important;
}
[data-variant="a"] .footer-brand { color: var(--hl-gold-bright) !important; }
[data-variant="a"] .footer h4 { color: var(--hl-gold-bright) !important; }
[data-variant="a"] .footer a { color: rgba(255,238,210,0.78) !important; }
[data-variant="a"] .footer a:hover { color: var(--hl-gold-bright) !important; }
[data-variant="a"] .footer-desc { color: rgba(255,238,210,0.65); }
[data-variant="a"] .footer-bottom { border-top: 1px solid rgba(201,169,110,0.18); color: rgba(255,238,210,0.55); }

/* 加载动画 */
[data-variant="a"] .page-loader {
  background: linear-gradient(135deg, #B91C1C 0%, #5C0000 100%) !important;
}
[data-variant="a"] .loader-text { color: var(--hl-gold-bright) !important; }

/* 通用按钮 */
[data-variant="a"] .btn-primary { background: var(--hl-red) !important; color: #FBF5E5 !important; font-weight: 500; }
[data-variant="a"] .btn-primary:hover { background: var(--hl-red-deep) !important; }
[data-variant="a"] .btn-gold { color: var(--hl-gold-bright) !important; border-color: var(--hl-gold-bright) !important; }
[data-variant="a"] .btn-gold:hover { background: rgba(201,169,110,0.12) !important; }

/* 小屏响应式：隐藏引言两侧印章避免遮挡文字 */
@media (max-width: 1024px) {
  [data-variant="a"] .quote-block::before,
  [data-variant="a"] .quote-block::after { display: none !important; }
  [data-variant="a"] .spot-showcase::before,
  [data-variant="a"] .spot-showcase::after { display: none !important; }
}
@media (max-width: 768px) {
  [data-variant="a"] .number-item:not(:last-child)::after { display: none; }
  [data-variant="a"] .section-warm::before { height: 14px; }
}

/* ============================================================
   方案 B：红卷典藏（暖米底+暗红卷轴边+祥云印章，博物馆典藏感）
   ============================================================ */
body[data-variant="b"] {
  background: #f8efe0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cpath d='M50 90c0-22 12-38 30-26s22-15 38 0 8 34-12 42c-12 5-19 5-30-4S50 93 50 90z' fill='rgba(196,30,36,0.025)' /%3E%3Cpath d='M260 230c0-22 12-38 30-26s22-15 38 0 8 34-12 42c-12 5-19 5-30-4S260 233 260 230z' fill='rgba(196,30,36,0.02)' /%3E%3C/svg%3E") !important;
  color: #3a2010 !important;
}
body[data-variant="b"]::before {
  background: linear-gradient(90deg, #8B0000 0%, #C41E24 30%, #C9A96E 50%, #C41E24 70%, #8B0000 100%) !important;
}
[data-variant="b"] .navbar {
  background: rgba(248,239,224,0.55);
  border-bottom: 1px solid rgba(139,0,0,0.2);
}
[data-variant="b"] .navbar.scrolled {
  background: rgba(248,239,224,0.96);
  border-bottom-color: rgba(139,0,0,0.35);
}
[data-variant="b"] .nav-brand { color: #8B0000 !important; }
[data-variant="b"] .nav-links a { color: rgba(58,32,16,0.7); }
[data-variant="b"] .nav-links a.active,
[data-variant="b"] .nav-links a:hover { color: #8B0000; }
[data-variant="b"] .nav-links a.active { border-bottom-color: #8B0000; }

/* hero依旧深色突出 */

/* 所有section都做卷轴边框 */
[data-variant="b"] .scroll-section {
  background: #fdf7eb;
  border: 1px solid rgba(139,0,0,0.18);
  margin: 30px auto;
  max-width: 1280px;
  position: relative;
  padding: 60px 30px 50px;
  box-shadow: 0 6px 28px rgba(80,30,10,0.08);
}
[data-variant="b"] .scroll-section::before,
[data-variant="b"] .scroll-section::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  width: 22px;
  background: linear-gradient(90deg, #8B0000, #5C0000);
  border-top: 1px solid #C9A96E;
  border-bottom: 1px solid #C9A96E;
}
[data-variant="b"] .scroll-section::before { left: 0; }
[data-variant="b"] .scroll-section::after { right: 0; }

[data-variant="b"] .number-highlight {
  background: #fdf7eb !important;
  border-top: 1px solid rgba(139,0,0,0.2);
  border-bottom: 1px solid rgba(139,0,0,0.2);
}
[data-variant="b"] .number-item { border-right-color: rgba(139,0,0,0.12); }
[data-variant="b"] .number-item .num { color: #8B0000; }
[data-variant="b"] .number-item .label { color: rgba(58,32,16,0.65); }

[data-variant="b"] .quote-block {
  background: linear-gradient(135deg, #fdf7eb 0%, #f3e4c5 100%) !important;
  border: 1px solid rgba(139,0,0,0.15);
  border-left: 4px solid #8B0000;
  border-right: 4px solid #8B0000;
}
[data-variant="b"] .quote-block blockquote { color: #5C0000; }
[data-variant="b"] .quote-block cite { color: rgba(58,32,16,0.6); }

[data-variant="b"] .section-gray {
  background: #faf1dc !important;
  position: relative;
}
[data-variant="b"] .section-gray::before {
  content: '';
  position: absolute; left: 0; right: 0; top: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, #8B0000 20%, #C9A96E 50%, #8B0000 80%, transparent);
}
[data-variant="b"] .features-grid {
  background: transparent;
  border-color: rgba(139,0,0,0.2);
}
[data-variant="b"] .feature-card {
  background: #fdf7eb;
  border-color: rgba(139,0,0,0.12);
}
[data-variant="b"] .feature-card:hover { background: #f3e4c5; }
[data-variant="b"] .feature-card h3 { color: #8B0000; }
[data-variant="b"] .feature-card p { color: rgba(58,32,16,0.7); }

[data-variant="b"] .section-title { color: #5C0000 !important; }
[data-variant="b"] .section-subtitle { color: rgba(58,32,16,0.65) !important; }
[data-variant="b"] .section-title::after { background: #8B0000 !important; }

[data-variant="b"] .spot-showcase {
  border-color: rgba(139,0,0,0.2);
  background: #fdf7eb;
}
[data-variant="b"] .spot-item { border-color: rgba(139,0,0,0.12) !important; }

[data-variant="b"] .section-warm {
  background: #f3e4c5 !important;
  border-top: 1px solid rgba(139,0,0,0.18);
  border-bottom: 1px solid rgba(139,0,0,0.18);
}
[data-variant="b"] .spirit-card {
  background: #fdf7eb;
  border-color: rgba(139,0,0,0.15);
}
[data-variant="b"] .spirit-card:hover { background: #fff; }
[data-variant="b"] .spirit-name { color: #5C0000; }
[data-variant="b"] .spirit-place { color: rgba(58,32,16,0.55); }
[data-variant="b"] .spirit-desc { color: rgba(58,32,16,0.7); }
[data-variant="b"] .spirit-year { color: #8B0000; }
[data-variant="b"] .spirit-icon-deco { color: #8B0000; opacity: 0.4; }

[data-variant="b"] .chat-container { border-color: rgba(139,0,0,0.18); }
[data-variant="b"] .chat-messages { background: #fdf7eb; }
[data-variant="b"] .chat-msg.bot .msg-bubble { background: #fff; border-color: rgba(139,0,0,0.15); color: #3a2010; }

[data-variant="b"] .section-dark {
  background: linear-gradient(180deg, #2a0a10 0%, #1a0508 100%) !important;
  position: relative;
}

[data-variant="b"] .section { background: transparent; }
[data-variant="b"] .tech-grid {
  background: #fdf7eb;
  border-color: rgba(139,0,0,0.2);
}
[data-variant="b"] .tech-right { background: #f3e4c5; border-left-color: rgba(139,0,0,0.15); }

[data-variant="b"] .section-red {
  background: linear-gradient(135deg, #8B0000 0%, #5C0000 100%) !important;
  border-top: 3px solid var(--gold);
  border-bottom: 3px solid var(--gold);
}

/* 印章装饰（每个section title 旁边） */
[data-variant="b"] .seal-deco {
  display: inline-block;
  width: 38px; height: 38px;
  background: #8B0000;
  color: var(--gold);
  font: 700 14px/38px 'Microsoft YaHei', sans-serif;
  text-align: center;
  margin: 0 8px;
  vertical-align: middle;
  letter-spacing: 0;
}

/* ============================================================
   方案 C：山河红旗（每个section背景图+红色滤镜，影像感强烈）
   ============================================================ */
body[data-variant="c"] {
  background: #1a0508 !important;
  background-image: none !important;
  color: rgba(255,235,200,0.85) !important;
}
body[data-variant="c"]::before {
  background: linear-gradient(90deg, #C41E24 0%, #ff4d4d 30%, #C9A96E 50%, #ff4d4d 70%, #C41E24 100%) !important;
}
[data-variant="c"] .navbar {
  background: rgba(20,5,8,0.4);
  border-bottom: 1px solid rgba(255,200,100,0.2);
}
[data-variant="c"] .navbar.scrolled {
  background: rgba(20,5,8,0.92);
  border-bottom-color: rgba(255,200,100,0.35);
}
[data-variant="c"] .nav-links a { color: rgba(255,235,200,0.75); }

/* 数据条用红旗背景 */
[data-variant="c"] .number-highlight {
  background-image: linear-gradient(180deg, rgba(140,0,0,0.85) 0%, rgba(80,5,10,0.95) 100%), url('../images/redflag.jpg') !important;
  background-size: cover;
  background-position: center;
  border: none;
}
[data-variant="c"] .number-item { border-right-color: rgba(255,200,100,0.2); }
[data-variant="c"] .number-item .num { color: var(--gold); text-shadow: 0 2px 16px rgba(0,0,0,0.5); }
[data-variant="c"] .number-item .label { color: rgba(255,235,200,0.7); }

/* 引言用太阳光晕 */
[data-variant="c"] .quote-block {
  background: linear-gradient(180deg, rgba(20,5,8,0.92), rgba(40,10,15,0.96)), radial-gradient(circle at 50% 50%, rgba(255,180,80,0.15), transparent 70%) !important;
  border-top: 1px solid rgba(255,200,100,0.3);
  border-bottom: 1px solid rgba(255,200,100,0.3);
}
[data-variant="c"] .quote-block blockquote { color: var(--gold); text-shadow: 0 2px 12px rgba(0,0,0,0.5); }
[data-variant="c"] .quote-block cite { color: rgba(255,235,200,0.6); }
[data-variant="c"] .quote-block::before,
[data-variant="c"] .quote-block::after { color: var(--gold); opacity: 0.6; }

/* 功能卡片用山影背景 */
[data-variant="c"] .section-gray {
  background-image: linear-gradient(180deg, rgba(20,5,8,0.94), rgba(30,8,12,0.97)), url('../images/mountain1.jpg') !important;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
[data-variant="c"] .features-grid {
  background: transparent;
  border-color: rgba(255,200,100,0.2);
}
[data-variant="c"] .feature-card {
  background: rgba(20,5,8,0.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-color: rgba(255,200,100,0.15);
}
[data-variant="c"] .feature-card:hover { background: rgba(40,10,15,0.7); }
[data-variant="c"] .feature-card h3 { color: var(--gold); }
[data-variant="c"] .feature-card p { color: rgba(255,235,200,0.65); }
[data-variant="c"] .section-title { color: #fff !important; text-shadow: 0 2px 12px rgba(0,0,0,0.5); }
[data-variant="c"] .section-subtitle { color: rgba(255,235,200,0.6) !important; }
[data-variant="c"] .section-title::after { background: var(--gold) !important; }

[data-variant="c"] .spot-showcase {
  border-color: rgba(255,200,100,0.2);
  background: #1a0508;
}
[data-variant="c"] .spot-item { border-color: rgba(255,200,100,0.15) !important; }

/* 精神谱系用井冈山背景 */
[data-variant="c"] .section-warm {
  background-image: linear-gradient(180deg, rgba(30,8,12,0.93), rgba(20,5,8,0.96)), url('../images/jinggangshan.jpg') !important;
  background-size: cover;
  background-position: center;
}
[data-variant="c"] .spirit-card {
  background: rgba(20,5,8,0.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-color: rgba(255,200,100,0.15);
}
[data-variant="c"] .spirit-card:hover { background: rgba(40,10,15,0.75); }
[data-variant="c"] .spirit-name { color: #fff; }
[data-variant="c"] .spirit-place { color: rgba(255,235,200,0.6); border-bottom-color: rgba(255,200,100,0.2); }
[data-variant="c"] .spirit-desc { color: rgba(255,235,200,0.7); }
[data-variant="c"] .spirit-year { color: var(--gold); }
[data-variant="c"] .spirit-icon-deco { color: var(--gold); opacity: 0.7; }

/* AI section 用延安背景 */
[data-variant="c"] [data-bg="ai"] {
  background-image: linear-gradient(180deg, rgba(20,5,8,0.93), rgba(30,8,12,0.96)), url('../images/yanan.jpg') !important;
  background-size: cover;
  background-position: center;
}
[data-variant="c"] .chat-container { border-color: rgba(255,200,100,0.2); background: rgba(20,5,8,0.55); backdrop-filter: blur(8px); }
[data-variant="c"] .chat-messages { background: rgba(20,5,8,0.7); }
[data-variant="c"] .chat-msg.bot .msg-bubble { background: rgba(255,235,200,0.06); border-color: rgba(255,200,100,0.15); color: rgba(255,235,200,0.9); }
[data-variant="c"] .chat-input-area { background: rgba(40,10,15,0.85); border-top-color: rgba(255,200,100,0.18); }
[data-variant="c"] .chat-input { background: rgba(255,235,200,0.05); border-color: rgba(255,200,100,0.18); color: #fff; }

[data-variant="c"] .section-dark {
  background-image: linear-gradient(180deg, rgba(8,3,5,0.95), rgba(15,5,8,0.97)), url('../images/tiananmen.jpg') !important;
  background-size: cover;
  background-position: center;
}

[data-variant="c"] .section { background: transparent; }
[data-variant="c"] .tech-grid {
  background: rgba(20,5,8,0.55);
  backdrop-filter: blur(4px);
  border-color: rgba(255,200,100,0.18);
}
[data-variant="c"] .tech-right { background: rgba(40,10,15,0.5); border-left-color: rgba(255,200,100,0.15); }
[data-variant="c"] .tech-step-title { color: #fff; }
[data-variant="c"] .tech-step-desc { color: rgba(255,235,200,0.7); }
[data-variant="c"] .tech-tag { background: rgba(255,235,200,0.06); border-color: rgba(255,200,100,0.18); color: rgba(255,235,200,0.8); }

[data-variant="c"] .section-red {
  background-image: linear-gradient(135deg, rgba(139,0,0,0.92) 0%, rgba(92,0,0,0.95) 100%), url('../images/zunyi.jpg') !important;
  background-size: cover;
  background-position: center;
  border-top: 3px solid var(--gold);
}

/* 通用：footer加重金色顶边 */
[data-variant] .footer { border-top: 4px solid var(--gold); background: #14040a; }

/* 区块过渡装饰 — 山影/红旗丝带 */
.flag-ribbon {
  height: 28px;
  background:
    linear-gradient(90deg,
      #8B0000 0%, #C41E24 25%,
      #C9A96E 50%,
      #C41E24 75%, #8B0000 100%);
  position: relative;
}
.flag-ribbon::after {
  content: '\2605 \2605 \2605 \2605 \2605';
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  letter-spacing: 1.5em;
  color: rgba(255,215,0,0.6);
  font-size: 10px;
}

/* prefers-reduced-motion 不动画 */
@media (prefers-reduced-motion: reduce) {
  [data-variant="c"] .section-gray { background-attachment: scroll !important; }
}