/* ================================================================
   VERITAS · 12 套独立设计方案（个性化视觉层）
   配合 template-suites.css + themes.css，每套有独特气质
   ================================================================ */

html[data-template] { counter-reset: scheme-sec; }
html[data-template] .section,
html[data-template] .news-section { counter-increment: scheme-sec; position: relative; }

html[data-template] .navbar.scrolled,
html[data-template] .navbar.light-nav,
html[data-template] .navbar:not(.transparent) {
  backdrop-filter: var(--sch-nav-blur, blur(12px));
  -webkit-backdrop-filter: var(--sch-nav-blur, blur(12px));
  border-bottom: var(--sch-nav-border, 1px solid var(--ln));
  box-shadow: var(--sch-nav-shadow, none);
}
html[data-template] .btn { border-radius: var(--sch-btn-radius, var(--r)); font-weight: var(--sch-btn-weight, 700); letter-spacing: var(--sch-btn-spacing, 0); }
html[data-template] .btn--primary { box-shadow: var(--sch-btn-primary-shadow, none); }
html[data-template] .section-badge {
  border-radius: var(--sch-badge-radius, 999px);
  padding: var(--sch-badge-padding, 4px 12px);
  background: var(--sch-badge-bg, transparent);
  border: var(--sch-badge-border, none);
}

/* ═══ 方案 A · 鸢尾旗舰 ═══ */
html[data-template="classic-iris"] {
  --sch-nav-blur: blur(16px);
  --sch-nav-shadow: 0 4px 24px rgba(38,46,72,.06);
  --sch-btn-radius: 10px;
  --sch-badge-bg: var(--g10);
  --sch-badge-border: 1px solid var(--ln);
}
html[data-template="classic-iris"] .hero {
  background-image: var(--circuit), var(--hero-bg-fallback);
  background-size: var(--circuit-size), cover;
  background-position: 0 0, center;
}
html[data-template="classic-iris"] .hero-title-glyph {
  background: var(--grad-brand);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-template="classic-iris"] .service-card {
  border-top: 3px solid var(--geo);
  background: linear-gradient(165deg, var(--d1), var(--d2));
}
html[data-template="classic-iris"] .service-card--seo { border-top-color: var(--seo); }
html[data-template="classic-iris"] .service-card--orm { border-top-color: var(--orm); }
html[data-template="classic-iris"] .stat-item { background: linear-gradient(165deg, var(--d1), var(--d2)); border: 1px solid var(--ln); }
html[data-template="classic-iris"] .footer { background: linear-gradient(180deg, var(--d2), var(--black)); }

/* ═══ 方案 B · 午夜深空 ═══ */
html[data-template="midnight-slate"] {
  --sch-nav-blur: blur(20px);
  --sch-nav-border: 1px solid rgba(77,163,255,.15);
  --sch-nav-shadow: 0 8px 32px rgba(0,0,0,.4);
  --sch-btn-radius: 999px;
  --sch-btn-primary-shadow: 0 0 24px rgba(77,163,255,.35);
  --sch-badge-bg: rgba(77,163,255,.12);
  --sch-badge-border: 1px solid rgba(77,163,255,.25);
}
html[data-template="midnight-slate"] .hero {
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(77,163,255,.14) 0%, transparent 60%),
    radial-gradient(ellipse 50% 40% at 80% 60%, rgba(61,214,198,.08) 0%, transparent 50%),
    var(--black);
}
html[data-template="midnight-slate"] .hero-title-glyph { text-shadow: 0 0 40px rgba(77,163,255,.25); }
html[data-template="midnight-slate"] .hero-chip,
html[data-template="midnight-slate"] .service-card,
html[data-template="midnight-slate"] .stat-item,
html[data-template="midnight-slate"] .process-step {
  background: rgba(21,25,34,.72) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(77,163,255,.18) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.04);
}
html[data-template="midnight-slate"] .stat-num { color: var(--gl); text-shadow: 0 0 20px rgba(77,163,255,.3); }
html[data-template="midnight-slate"] .section--dark {
  background: linear-gradient(180deg, var(--d2), var(--black)) !important;
  border-block: 1px solid rgba(77,163,255,.1);
}
html[data-template="midnight-slate"] .ticker-wrap { background: rgba(77,163,255,.06); border-block: 1px solid rgba(77,163,255,.12); }

/* ═══ 方案 C · 翡翠有机 ═══ */
html[data-template="forest-jade"] {
  --sch-btn-radius: 16px;
  --sch-badge-radius: 12px;
  --sch-badge-bg: var(--g10);
}
html[data-template="forest-jade"] .hero {
  background:
    radial-gradient(circle at 10% 20%, rgba(45,139,110,.08) 0%, transparent 40%),
    radial-gradient(circle at 90% 80%, rgba(61,168,130,.06) 0%, transparent 40%),
    var(--black);
}
html[data-template="forest-jade"] .section-badge::before { content: '● '; color: var(--g); font-size: .5em; }
html[data-template="forest-jade"] .service-card,
html[data-template="forest-jade"] .value-card,
html[data-template="forest-jade"] .client-card,
html[data-template="forest-jade"] .process-step,
html[data-template="forest-jade"] .stat-item {
  border-radius: 24px !important;
  box-shadow: 0 12px 40px rgba(45,139,110,.08) !important;
  border: 1px solid rgba(45,139,110,.15) !important;
}
html[data-template="forest-jade"] #services {
  background: var(--d2);
  border-radius: 28px;
  margin-inline: clamp(12px, 3vw, 36px);
  padding-inline: clamp(16px, 3vw, 32px);
}

/* ═══ 方案 D · 琥珀杂志 ═══ */
html[data-template="sunset-amber"] {
  --sch-btn-radius: 4px;
  --sch-badge-radius: 0;
  --sch-badge-bg: var(--g);
  --sch-btn-weight: 800;
}
html[data-template="sunset-amber"] .section-badge { color: #fff !important; letter-spacing: .18em; padding: 6px 14px; }
html[data-template="sunset-amber"] .section-title {
  font-family: var(--font-display, 'Noto Serif SC', serif);
  font-weight: 700;
}
html[data-template="sunset-amber"] .section-title::before {
  content: counter(scheme-sec, decimal-leading-zero) ' — ';
  color: var(--g);
  font-size: .45em;
  font-weight: 800;
  margin-right: 8px;
}
html[data-template="sunset-amber"] .hero {
  background:
    repeating-linear-gradient(0deg, transparent, transparent 28px, rgba(196,122,42,.04) 28px, rgba(196,122,42,.04) 29px),
    linear-gradient(180deg, var(--d1), var(--black));
}
html[data-template="sunset-amber"] .service-card,
html[data-template="sunset-amber"] .value-card {
  border-left: 4px solid var(--g) !important;
  border-radius: 0 12px 12px 0 !important;
  box-shadow: 4px 4px 0 rgba(196,122,42,.12) !important;
}
html[data-template="sunset-amber"] .section--gray {
  background: repeating-linear-gradient(90deg, var(--d2) 0, var(--d2) 2px, var(--d3) 2px, var(--d3) 4px) !important;
}

/* ═══ 方案 E · 皇家高定 ═══ */
html[data-template="royal-violet"] {
  --sch-btn-radius: 0;
  --sch-badge-border: 1px solid var(--g);
  --sch-btn-spacing: .14em;
}
html[data-template="royal-violet"] .section-title {
  font-family: var(--font-display, 'Playfair Display', serif);
  letter-spacing: .04em;
  padding-bottom: 20px;
}
html[data-template="royal-violet"] .section-title::after {
  content: '';
  display: block;
  width: 48px; height: 2px;
  background: linear-gradient(90deg, var(--g), transparent);
  margin: 16px auto 0;
}
html[data-template="royal-violet"] .hero {
  background: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(107,63,160,.08) 0%, transparent 70%), var(--black);
}
html[data-template="royal-violet"] .btn--primary { text-transform: uppercase; font-size: .78rem; letter-spacing: .16em; padding: 14px 32px; }
html[data-template="royal-violet"] .footer { border-top: 2px solid var(--g); }

/* ═══ 方案 F · 海洋 SaaS ═══ */
html[data-template="ocean-teal"] {
  --sch-btn-radius: 12px;
  --sch-btn-primary-shadow: 0 8px 24px rgba(14,116,144,.25);
  --sch-badge-bg: rgba(14,116,144,.1);
  --sch-badge-border: 1px solid rgba(14,116,144,.2);
}
html[data-template="ocean-teal"] .hero {
  background:
    linear-gradient(135deg, rgba(14,116,144,.06) 0%, transparent 50%),
    linear-gradient(225deg, rgba(34,211,238,.05) 0%, transparent 50%),
    var(--black);
}
html[data-template="ocean-teal"] .service-card {
  border-radius: 20px !important;
  padding-top: 48px !important;
  position: relative;
}
html[data-template="ocean-teal"] .service-card .service-icon {
  position: absolute;
  top: -20px; left: 24px;
  width: 48px; height: 48px;
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(14,116,144,.2);
}
html[data-template="ocean-teal"] .stat-num {
  background: linear-gradient(135deg, var(--g), var(--gll));
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ═══ 方案 G · 玫瑰轻奢 ═══ */
html[data-template="rose-blush"] {
  --sch-btn-radius: 999px;
  --sch-badge-radius: 999px;
  --sch-badge-bg: rgba(190,75,106,.1);
}
html[data-template="rose-blush"] .hero {
  background:
    radial-gradient(ellipse 50% 40% at 20% 30%, rgba(232,136,154,.15) 0%, transparent 60%),
    radial-gradient(ellipse 40% 35% at 80% 70%, rgba(212,101,128,.1) 0%, transparent 55%),
    var(--black);
}
html[data-template="rose-blush"] .section-title {
  font-family: var(--font-display, 'Cormorant Garamond', serif);
  font-weight: 700;
}
html[data-template="rose-blush"] .service-card,
html[data-template="rose-blush"] .value-card,
html[data-template="rose-blush"] .news-card {
  border-radius: 28px !important;
  box-shadow: 0 20px 60px rgba(190,75,106,.1) !important;
  border: 1px solid rgba(190,75,106,.12) !important;
}
html[data-template="rose-blush"] .btn--primary {
  background: linear-gradient(135deg, var(--gd), var(--g), var(--gl));
  box-shadow: 0 8px 28px rgba(190,75,106,.3);
}
html[data-template="rose-blush"] .cta-banner {
  background: linear-gradient(135deg, rgba(190,75,106,.08), rgba(232,136,154,.12)) !important;
  border-radius: 32px;
  margin-inline: clamp(16px, 4vw, 48px);
}

/* ═══ 方案 H · 墨色瑞士 ═══ */
html[data-template="ink-minimal"] {
  --sch-btn-radius: 0;
  --sch-badge-border: 2px solid var(--t1);
  --sch-btn-weight: 800;
  --sch-btn-spacing: .12em;
}
html[data-template="ink-minimal"] .section-badge {
  color: var(--t1) !important;
  text-transform: uppercase;
  letter-spacing: .22em;
  font-size: .62rem;
  background: none !important;
  border: none !important;
  border-bottom: 2px solid var(--t1) !important;
  border-radius: 0 !important;
}
html[data-template="ink-minimal"] .section-title {
  font-weight: 900;
  letter-spacing: -.05em;
  text-transform: uppercase;
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
}
html[data-template="ink-minimal"] .hero {
  background:
    linear-gradient(var(--ln) 1px, transparent 1px),
    linear-gradient(90deg, var(--ln) 1px, transparent 1px);
  background-size: 40px 40px;
  background-color: var(--d1);
}
html[data-template="ink-minimal"] .btn--primary {
  background: var(--t1) !important;
  color: var(--d1) !important;
  text-transform: uppercase;
}
html[data-template="ink-minimal"] .footer { border-top: 4px solid var(--t1); }

/* ═══ 方案 I · 赤红权威 ═══ */
html[data-template="crimson-bold"] {
  --sch-btn-radius: 2px;
  --sch-badge-bg: rgba(255,255,255,.2);
  --sch-btn-weight: 800;
}
html[data-template="crimson-bold"] .section-title {
  font-weight: 900;
  border-left: 6px solid var(--g);
  padding-left: 20px;
  text-align: left !important;
}
html[data-template="crimson-bold"] .text-center .section-title { display: inline-block; }
html[data-template="crimson-bold"] .stat-item { border-top: 4px solid var(--g); border-radius: 0 !important; }
html[data-template="crimson-bold"] .stat-num {
  font-weight: 900;
  border-bottom: 3px solid var(--g);
  display: inline-block;
}
html[data-template="crimson-bold"] .footer { border-top: 4px solid var(--g); }

/* ═══ 方案 J · 薄荷创意 ═══ */
html[data-template="mint-spring"] {
  --sch-btn-radius: 999px;
  --sch-btn-primary-shadow: 4px 4px 0 var(--gd);
}
html[data-template="mint-spring"] .section-badge {
  transform: rotate(-2deg);
  display: inline-block;
  background: var(--g) !important;
  color: #fff !important;
  box-shadow: 3px 3px 0 var(--gd);
}
html[data-template="mint-spring"] .service-card,
html[data-template="mint-spring"] .value-card,
html[data-template="mint-spring"] .stat-item {
  box-shadow: 6px 6px 0 var(--g10), 6px 6px 0 1px var(--ln) !important;
  border: 2px solid var(--ln) !important;
}
html[data-template="mint-spring"] .service-card:nth-child(1) { border-left: 5px solid var(--geo) !important; }
html[data-template="mint-spring"] .service-card:nth-child(2) { border-left: 5px solid var(--seo) !important; }
html[data-template="mint-spring"] .service-card:nth-child(3) { border-left: 5px solid var(--orm) !important; }
html[data-template="mint-spring"] .btn--primary { box-shadow: 4px 4px 0 var(--gd); }

/* ═══ 方案 K · 墨韵文创 ═══ */
html[data-template="calligraphy"] .section-badge::before { content: '印 '; color: var(--g); font-family: var(--font-display, serif); }
html[data-template="calligraphy"] .section-title { font-family: var(--font-display, 'Noto Serif SC', serif); }
html[data-template="calligraphy"] .hero-title-glyph {
  font-family: 'Ma Shan Zheng', 'Noto Serif SC', serif !important;
  font-weight: 400 !important;
  letter-spacing: .06em;
}
html[data-template="calligraphy"] .hero {
  background:
    linear-gradient(90deg, rgba(139,69,19,.06) 0%, transparent 8%),
    repeating-linear-gradient(0deg, transparent, transparent 32px, rgba(139,69,19,.03) 32px, rgba(139,69,19,.03) 33px),
    var(--black);
}
html[data-template="calligraphy"] body::before {
  content: '';
  position: fixed;
  left: 0; top: 0; bottom: 0; width: 6px;
  background: linear-gradient(180deg, var(--g), transparent 30%, transparent 70%, var(--g));
  opacity: .35; z-index: 9990; pointer-events: none;
}
html[data-template="calligraphy"] .footer {
  background: linear-gradient(180deg, var(--d2), #F0E8DA) !important;
  border-top: 1px solid rgba(139,69,19,.2);
}

/* ═══ 方案 L · 霓虹赛博 ═══ */
html[data-template="neon-cyber"] {
  --sch-btn-radius: 2px;
  --sch-badge-bg: rgba(0,240,255,.08);
  --sch-badge-border: 1px solid rgba(0,240,255,.3);
}
html[data-template="neon-cyber"] body::after {
  content: '';
  position: fixed; inset: 0;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,.03) 2px, rgba(0,0,0,.03) 4px);
  pointer-events: none; z-index: 9999; opacity: .4;
}
html[data-template="neon-cyber"] .section-badge {
  font-family: var(--font-display, 'Orbitron', monospace);
  color: var(--gl) !important;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: .6rem;
}
html[data-template="neon-cyber"] .section-title {
  font-family: var(--font-display, 'Orbitron', monospace);
  letter-spacing: .06em;
  text-transform: uppercase;
}
html[data-template="neon-cyber"] .hero-title-glyph {
  font-family: var(--font-display, 'Orbitron', monospace) !important;
  text-shadow: 0 0 30px rgba(0,240,255,.2);
}
html[data-template="neon-cyber"] .service-card--geo::before { content: '[ GEO ]'; position: absolute; top: 8px; right: 8px; font-family: var(--font-display, monospace); font-size: .55rem; color: var(--gl); opacity: .7; }
html[data-template="neon-cyber"] .service-card--seo::before { content: '[ SEO ]'; position: absolute; top: 8px; right: 8px; font-family: var(--font-display, monospace); font-size: .55rem; color: var(--seo-l); opacity: .7; }
html[data-template="neon-cyber"] .service-card--orm::before { content: '[ ORM ]'; position: absolute; top: 8px; right: 8px; font-family: var(--font-display, monospace); font-size: .55rem; color: var(--orm-l); opacity: .7; }
html[data-template="neon-cyber"] .service-card { position: relative; }
html[data-template="neon-cyber"] .stat-num { font-family: var(--font-display, monospace); color: var(--gl); text-shadow: 0 0 12px rgba(0,240,255,.4); }
html[data-template="neon-cyber"] .btn--primary {
  background: transparent !important;
  border: 1px solid var(--gl) !important;
  color: var(--gl) !important;
  box-shadow: 0 0 16px rgba(0,240,255,.2);
  text-transform: uppercase;
  font-family: var(--font-display, monospace);
}
html[data-template="neon-cyber"] .hero-visual {
  border: 1px solid var(--ln2);
  box-shadow: 0 0 40px rgba(0,240,255,.08), inset 0 0 60px rgba(0,240,255,.03);
}
html[data-template="neon-cyber"] .process-step {
  border: 1px solid var(--ln2) !important;
  box-shadow: inset 0 0 20px rgba(0,240,255,.03);
}
html[data-template="neon-cyber"] .value-card,
html[data-template="neon-cyber"] .client-card {
  border: 1px solid var(--ln2) !important;
  box-shadow: inset 0 0 16px rgba(0,240,255,.03);
}

/* ── 首页区块设计补强（各套差异化）──────────────────────────── */
html[data-template="classic-iris"] .process-step {
  background: linear-gradient(165deg, var(--d1), var(--d2));
  border: 1px solid var(--ln);
}
html[data-template="classic-iris"] .value-card {
  border-top: 2px solid var(--g);
  background: linear-gradient(180deg, var(--d1), var(--d2));
}
html[data-template="classic-iris"] .hero-badge {
  background: var(--g10);
  border: 1px solid var(--ln);
  backdrop-filter: blur(8px);
}

html[data-template="midnight-slate"] .hero-orb { opacity: .6; filter: blur(40px); }
html[data-template="midnight-slate"] .value-card,
html[data-template="midnight-slate"] .client-card,
html[data-template="midnight-slate"] .process-step {
  background: rgba(21,25,34,.72) !important;
  backdrop-filter: blur(12px);
  border: 1px solid rgba(77,163,255,.15) !important;
}

html[data-template="forest-jade"] .value-card,
html[data-template="forest-jade"] .process-step {
  border-radius: 20px !important;
  background: var(--d1) !important;
}
html[data-template="forest-jade"] .cta-banner {
  border-radius: 28px;
  border: 1px solid rgba(45,139,110,.2);
}

html[data-template="sunset-amber"] .hero-title-en {
  font-family: var(--font-display);
  font-style: italic;
  color: var(--g);
}
html[data-template="sunset-amber"] .process-step {
  border-left: 4px solid var(--g);
  border-radius: 0 12px 12px 0 !important;
  box-shadow: 4px 4px 0 rgba(196,122,42,.1) !important;
}
html[data-template="sunset-amber"] .news-card {
  border-left: 4px solid var(--g) !important;
}

html[data-template="royal-violet"] .hero-desc { font-style: italic; opacity: .85; }
html[data-template="royal-violet"] .process-step {
  border-bottom: 1px solid var(--ln);
  background: transparent !important;
  border-radius: 0 !important;
  text-align: left;
  padding: 24px 0 !important;
}

html[data-template="ocean-teal"] .process-step-num {
  background: linear-gradient(135deg, var(--g), var(--gll));
  color: #fff;
  width: 36px; height: 36px;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 12px;
  box-shadow: 0 4px 12px rgba(14,116,144,.25);
}
html[data-template="ocean-teal"] .value-card {
  border: 1px solid rgba(14,116,144,.15);
  border-top: 3px solid var(--g);
}

html[data-template="rose-blush"] .hero-orb { opacity: .35; filter: blur(60px); }
html[data-template="rose-blush"] .value-card,
html[data-template="rose-blush"] .process-step {
  background: linear-gradient(145deg, var(--d1), rgba(248,232,238,.4)) !important;
  border: 1px solid rgba(190,75,106,.12) !important;
}

html[data-template="ink-minimal"] .process-step,
html[data-template="ink-minimal"] .value-card,
html[data-template="ink-minimal"] .client-card {
  border-bottom: 2px solid var(--t1) !important;
  border-radius: 0 !important;
}
html[data-template="ink-minimal"] .hero-chip {
  border: 1px solid var(--t1);
  border-radius: 0;
  background: transparent;
}

html[data-template="crimson-bold"] .value-card {
  background: var(--g10) !important;
  border-left: 4px solid var(--g) !important;
  border-radius: 0 !important;
}
html[data-template="crimson-bold"] .process-step {
  border-left: 4px solid var(--g);
  background: var(--g10) !important;
}

html[data-template="mint-spring"] .process-step,
html[data-template="mint-spring"] .value-card {
  box-shadow: 4px 4px 0 var(--g10) !important;
  border: 2px solid var(--ln) !important;
}
html[data-template="mint-spring"] .hero-actions .btn--primary {
  transform: rotate(-1deg);
}

html[data-template="calligraphy"] .process-step {
  border-left: 3px solid var(--g);
  background: linear-gradient(90deg, var(--g10), transparent) !important;
  border-radius: 0 var(--r) var(--r) 0 !important;
}
html[data-template="calligraphy"] .value-card {
  border-left: 3px solid var(--g);
  padding-left: 20px;
  background: linear-gradient(90deg, var(--g10), transparent) !important;
}

html[data-template="classic-iris"] .ticker-wrap {
  background: linear-gradient(90deg, var(--d2), var(--d1), var(--d2));
  border-block: 1px solid var(--ln);
}

@media (max-width: 768px) {
  html[data-template="calligraphy"] body::before { width: 3px; }
  html[data-template="neon-cyber"] body::after { opacity: .2; }
  html[data-template="forest-jade"] #services { margin-inline: 0; border-radius: 0; }
  html[data-template="rose-blush"] .cta-banner { margin-inline: 0; border-radius: 0; }
}