/* ================================================================
   VERITAS · 12 套科技公司视觉身份（最终差异化层）
   打破 style.css 阶梯 Hero / 统一容器 的「一套到底」
   必须晚于 template-schemes.css，早于 theme-contrast.css
   ================================================================ */

/* ── 非阶梯模板：彻底解除 style.css v43 书法阶梯锁定 ─────────── */
html[data-hero-mode]:not([data-hero-mode="ladder"]) .hero-title--ladder .hero-title-row--core,
html[data-hero-mode]:not([data-hero-mode="ladder"]) .hero-title--ladder .hero-title-row--finale {
  margin-left: 0 !important;
}
html[data-hero-mode]:not([data-hero-mode="ladder"]) .hero-title--ladder .hero-title-rule {
  display: none !important;
}
html[data-hero-mode]:not([data-hero-mode="ladder"]) .hero-title--ladder .hero-title-row {
  white-space: normal !important;
}
html[data-hero-mode]:not([data-hero-mode="ladder"]) .hero-char,
html[data-hero-mode]:not([data-hero-mode="ladder"]) .hero-title-glyph {
  animation: none !important;
  filter: none !important;
  background: none !important;
  -webkit-text-fill-color: var(--t1) !important;
  color: var(--t1) !important;
  font-family: inherit !important;
  letter-spacing: inherit !important;
  font-size: inherit !important;
  margin-right: 0 !important;
}

/* ═══ A · 鸢尾旗舰 — Stripe / Vercel SaaS ═══════════════════ */
html[data-template="classic-iris"] {
  --id-container: 1240px;
  --id-hero-font: 'Inter', system-ui, sans-serif;
  --id-card-r: 16px;
}
html[data-template="classic-iris"] .container { max-width: var(--id-container) !important; }
html[data-template="classic-iris"] .hero {
  background:
    radial-gradient(ellipse 80% 60% at 100% 0%, color-mix(in srgb, var(--g10) 90%, transparent), transparent 55%),
    var(--black) !important;
}
html[data-template="classic-iris"] .hero-badge {
  border: 1px solid var(--ln);
  background: color-mix(in srgb, var(--d1) 85%, transparent);
  backdrop-filter: blur(12px);
}
html[data-template="classic-iris"] #services .service-card {
  border: 1px solid var(--ln) !important;
  border-top: 3px solid var(--g) !important;
  background: linear-gradient(180deg, var(--d1), color-mix(in srgb, var(--d2) 80%, var(--d1))) !important;
  border-radius: var(--id-card-r) !important;
}
html[data-template="classic-iris"] .stats-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  border: 1px solid var(--ln);
  border-radius: var(--id-card-r);
  overflow: hidden;
  background: var(--d1);
}

/* ═══ B · 午夜深空 — Linear / Raycast 首映 ═══════════════════ */
html[data-template="midnight-slate"] {
  --id-container: 980px;
}
html[data-template="midnight-slate"] .container { max-width: var(--id-container) !important; }
html[data-template="midnight-slate"] .hero {
  background:
    radial-gradient(ellipse 90% 70% at 50% -10%, color-mix(in srgb, var(--g) 35%, transparent), transparent 55%),
    radial-gradient(ellipse 50% 40% at 80% 80%, color-mix(in srgb, var(--gl) 15%, transparent), transparent),
    var(--black) !important;
  border-bottom: 1px solid var(--ln);
}
html[data-template="midnight-slate"][data-hero-mode="cinema"] .hero-title--ladder .hero-title-inner {
  align-items: center !important;
  text-align: center !important;
  gap: 0 !important;
}
html[data-template="midnight-slate"][data-hero-mode="cinema"] .hero-title-glyph {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: clamp(2.8rem, 10vw, 6.8rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.045em !important;
  line-height: .95 !important;
  color: var(--t1) !important;
  -webkit-text-fill-color: var(--t1) !important;
}
html[data-template="midnight-slate"][data-color="midnight"] .hero-title-glyph,
html[data-template="midnight-slate"][data-color="neon-volt"] .hero-title-glyph {
  text-shadow: 0 0 80px color-mix(in srgb, var(--g) 55%, transparent) !important;
}
html[data-template="midnight-slate"] .hero-badge { display: none !important; }
html[data-template="midnight-slate"] .hero-title-en {
  font-family: 'Inter', monospace !important;
  font-size: .68rem !important;
  letter-spacing: .28em !important;
  text-transform: uppercase !important;
  opacity: .55 !important;
}
html[data-template="midnight-slate"] #services .services-grid {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}
html[data-template="midnight-slate"] #services .service-card {
  display: grid !important;
  grid-template-columns: 48px 1fr auto !important;
  align-items: center !important;
  padding: 20px 24px !important;
  border-radius: 12px !important;
  border: 1px solid var(--ln) !important;
  background: color-mix(in srgb, var(--d1) 90%, transparent) !important;
}
html[data-template="midnight-slate"] .section-title {
  font-size: clamp(1.1rem, 2vw, 1.35rem) !important;
  font-weight: 600 !important;
  letter-spacing: -.02em !important;
}

/* ═══ C · 翡翠有机 — Notion / Apple Bento ════════════════════ */
html[data-template="forest-jade"] {
  --id-container: 1120px;
}
html[data-template="forest-jade"] .hero {
  padding-top: calc(var(--nav) + 16px) !important;
  background: var(--black) !important;
}
html[data-template="forest-jade"][data-hero-mode="bento"] .hero-title-glyph {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: clamp(2.2rem, 5vw, 3.8rem) !important;
  font-weight: 700 !important;
  letter-spacing: -.03em !important;
}
html[data-template="forest-jade"] .hero-float-card {
  min-height: 120px !important;
  border-radius: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 20px !important;
}
html[data-template="forest-jade"] #services {
  background: var(--d2) !important;
  border-radius: 36px !important;
  margin-inline: clamp(12px, 3vw, 40px) !important;
  padding-block: clamp(48px, 6vw, 72px) !important;
}
html[data-template="forest-jade"] #services .service-card {
  border-radius: 24px !important;
  border: 1px solid var(--ln) !important;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--g10) 70%, transparent) !important;
}
html[data-template="forest-jade"] .stats-grid {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
}
html[data-template="forest-jade"] .stat-item {
  border-radius: 20px !important;
  padding: 24px 16px !important;
}

/* ═══ D · 琥珀杂志 — The Information 编辑 ════════════════════ */
html[data-template="sunset-amber"] {
  --id-container: 1160px;
}
html[data-template="sunset-amber"] .hero {
  background: var(--d1) !important;
  border-bottom: 3px double color-mix(in srgb, var(--g) 40%, var(--ln)) !important;
}
html[data-template="sunset-amber"] .hero-shell {
  grid-template-columns: 1fr 1fr !important;
  gap: clamp(32px, 5vw, 64px) !important;
}
html[data-template="sunset-amber"] .section-title {
  font-family: 'Noto Serif SC', Georgia, serif !important;
  font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important;
}
html[data-template="sunset-amber"] #services .service-card {
  border-left: 5px solid var(--g) !important;
  border-radius: 0 14px 14px 0 !important;
  box-shadow: 6px 6px 0 color-mix(in srgb, var(--g10) 80%, transparent) !important;
  margin-bottom: 16px !important;
}
html[data-template="sunset-amber"] .text-center { text-align: left !important; }
html[data-template="sunset-amber"] .text-center .section-sub { margin-inline: 0 !important; }

/* ═══ E · 皇家高定 — Apple 产品页 ════════════════════════════ */
html[data-template="royal-violet"] {
  --id-container: 680px;
}
html[data-template="royal-violet"] .container { max-width: var(--id-container) !important; }
html[data-template="royal-violet"] .hero {
  min-height: min(92vh, 860px) !important;
  display: flex !important;
  align-items: center !important;
  background: var(--black) !important;
}
html[data-template="royal-violet"][data-hero-mode="serif"] .hero-title-glyph {
  font-family: 'Noto Serif SC', Georgia, serif !important;
  font-size: clamp(2.6rem, 7vw, 4.8rem) !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  line-height: 1.08 !important;
}
html[data-template="royal-violet"] .hero-visual,
html[data-template="royal-violet"] .hero-engines-row,
html[data-template="royal-violet"] .hero-orb { display: none !important; }
html[data-template="royal-violet"] .hero-desc {
  font-size: 1.05rem !important;
  line-height: 1.75 !important;
  opacity: .82 !important;
}
html[data-template="royal-violet"] .service-card,
html[data-template="royal-violet"] .value-card {
  border: none !important;
  border-bottom: 1px solid var(--ln) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-inline: 0 !important;
  background: transparent !important;
}
html[data-template="royal-violet"] .section { padding-block: clamp(88px, 10vw, 120px) !important; }

/* ═══ F · 海洋 SaaS — Datadog 控制台 ═════════════════════════ */
html[data-template="ocean-teal"] {
  --id-container: 1280px;
}
html[data-template="ocean-teal"] .hero-shell {
  grid-template-columns: 1fr 420px !important;
  align-items: stretch !important;
}
html[data-template="ocean-teal"][data-hero-mode="dashboard"] .hero-title-glyph {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: clamp(2rem, 4.5vw, 3.2rem) !important;
  font-weight: 700 !important;
  letter-spacing: -.03em !important;
}
html[data-template="ocean-teal"] .hero-visual {
  background: var(--d1) !important;
  border: 1px solid var(--ln) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  box-shadow: 0 24px 64px color-mix(in srgb, var(--g10) 60%, transparent) !important;
}
html[data-template="ocean-teal"] .hero-stats--inline {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
}
html[data-template="ocean-teal"] .hero-stats--inline > div {
  background: var(--d2) !important;
  border: 1px solid var(--ln) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  text-align: left !important;
}
html[data-template="ocean-teal"] .hero-stat-num {
  font-family: 'Inter', ui-monospace, monospace !important;
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  color: var(--g) !important;
}
html[data-template="ocean-teal"] #services .services-grid {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
}
html[data-template="ocean-teal"] .service-card {
  border-radius: 14px !important;
  border: 1px solid var(--ln) !important;
  background: var(--d1) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--d1) 80%, white) !important;
}
html[data-template="ocean-teal"] .stat-num {
  font-family: ui-monospace, monospace !important;
}

/* ═══ G · 玫瑰轻奢 — Glossier × 科技 ═════════════════════════ */
html[data-template="rose-blush"] {
  --id-container: 900px;
}
html[data-template="rose-blush"] .container { max-width: var(--id-container) !important; }
html[data-template="rose-blush"] .hero {
  background:
    radial-gradient(ellipse 70% 55% at 50% 0%, var(--g10), transparent 65%),
    var(--black) !important;
}
html[data-template="rose-blush"][data-hero-mode="lifestyle"] .hero-title-glyph {
  font-family: 'Noto Serif SC', Georgia, serif !important;
  font-size: clamp(2.4rem, 6vw, 4.2rem) !important;
  font-weight: 700 !important;
}
html[data-template="rose-blush"] .hero-engines-row { display: none !important; }
html[data-template="rose-blush"] .service-card,
html[data-template="rose-blush"] .value-card,
html[data-template="rose-blush"] .news-card {
  border-radius: 32px !important;
  border: 1px solid color-mix(in srgb, var(--g) 18%, var(--ln)) !important;
  box-shadow: 0 24px 60px color-mix(in srgb, var(--g10) 80%, transparent) !important;
}
html[data-template="rose-blush"] .btn { border-radius: 999px !important; }

/* ═══ H · 墨色瑞士 — Teenage Engineering ═════════════════════ */
html[data-template="ink-minimal"] {
  --id-container: 100%;
}
html[data-template="ink-minimal"] .container {
  max-width: none !important;
  padding-inline: clamp(24px, 6vw, 96px) !important;
}
html[data-template="ink-minimal"] .hero {
  background:
    linear-gradient(var(--ln) 1px, transparent 1px),
    linear-gradient(90deg, var(--ln) 1px, transparent 1px),
    var(--d1) !important;
  background-size: 48px 48px, 48px 48px, auto !important;
  border-bottom: 4px solid var(--t1) !important;
}
html[data-template="ink-minimal"][data-hero-mode="brutal"] .hero-title-glyph {
  font-family: 'IBM Plex Sans', 'Inter', sans-serif !important;
  font-size: clamp(3rem, 11vw, 8rem) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: -.05em !important;
  line-height: .82 !important;
}
html[data-template="ink-minimal"] .hero-visual,
html[data-template="ink-minimal"] .hero-orb,
html[data-template="ink-minimal"] .hero-badge-dot { display: none !important; }
html[data-template="ink-minimal"] .hero-badge {
  border: 2px solid var(--t1) !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: .2em !important;
  font-size: .62rem !important;
}
html[data-template="ink-minimal"] #services .services-grid,
html[data-template="ink-minimal"] .stats-grid {
  border: 3px solid var(--t1) !important;
  border-radius: 0 !important;
}
html[data-template="ink-minimal"] .service-card,
html[data-template="ink-minimal"] .stat-item {
  border-radius: 0 !important;
  border-bottom: 2px solid var(--t1) !important;
  box-shadow: none !important;
}
html[data-template="ink-minimal"] .btn { border-radius: 0 !important; text-transform: uppercase !important; }

/* ═══ I · 赤红权威 — Palantir 政务 ═══════════════════════════ */
html[data-template="crimson-bold"] {
  --id-container: 1280px;
}
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) .hero {
  background: linear-gradient(135deg, var(--gd), var(--g), var(--gl)) !important;
  min-height: min(88vh, 820px) !important;
}
html[data-template="crimson-bold"][data-hero-mode="manifesto"] .hero-title-glyph {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: clamp(2.4rem, 6.5vw, 5rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  border-left: 8px solid var(--g) !important;
  padding-left: 24px !important;
}
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) .hero-title-glyph {
  border-left-color: #fff !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-template="crimson-bold"] .hero-shell {
  grid-template-columns: 1.15fr .85fr !important;
}
html[data-template="crimson-bold"] .hero-visual { display: none !important; }
html[data-template="crimson-bold"] .section-title {
  border-left: 6px solid var(--g) !important;
  padding-left: 20px !important;
  text-align: left !important;
}

/* ═══ J · 薄荷创意 — Figma 社区 ══════════════════════════════ */
html[data-template="mint-spring"] {
  --id-container: 1140px;
}
html[data-template="mint-spring"] .hero {
  background: var(--d1) !important;
}
html[data-template="mint-spring"][data-hero-mode="pop"] .hero-title-glyph {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: clamp(2.2rem, 5.5vw, 4rem) !important;
  font-weight: 800 !important;
}
html[data-template="mint-spring"] .hero-stats--inline {
  order: -1 !important;
  border: 3px solid var(--t1) !important;
  border-radius: 999px !important;
  box-shadow: 8px 8px 0 var(--g) !important;
  padding: 16px 28px !important;
  margin-bottom: 28px !important;
}
html[data-template="mint-spring"] .service-card,
html[data-template="mint-spring"] .stat-item {
  border: 2px solid var(--t1) !important;
  border-radius: 20px !important;
  box-shadow: 6px 6px 0 var(--g10) !important;
  transform: rotate(-.3deg);
}
html[data-template="mint-spring"] .service-card:nth-child(even) { transform: rotate(.4deg); }
html[data-template="mint-spring"] .section-badge {
  transform: rotate(-3deg) !important;
  background: var(--g) !important;
  color: #fff !important;
}

/* ═══ K · 墨韵文创 — 博物馆数字展 ════════════════════════════ */
html[data-template="calligraphy"] {
  --id-container: 720px;
}
html[data-template="calligraphy"] .container { max-width: var(--id-container) !important; }
html[data-template="calligraphy"] .hero {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--g10) 80%, transparent), transparent 12%),
    repeating-linear-gradient(0deg, transparent, transparent 31px, color-mix(in srgb, var(--g10) 50%, transparent) 31px, color-mix(in srgb, var(--g10) 50%, transparent) 32px),
    var(--black) !important;
}
html[data-template="calligraphy"][data-hero-mode="scroll"] .hero-title-glyph {
  font-family: 'Ma Shan Zheng', 'Noto Serif SC', serif !important;
  font-size: clamp(3rem, 8vw, 5.5rem) !important;
  font-weight: 400 !important;
  letter-spacing: .08em !important;
}
html[data-template="calligraphy"] .hero-visual { display: none !important; }
html[data-template="calligraphy"] .hero-engines-row { display: none !important; }
html[data-template="calligraphy"] .service-card {
  border-left: 4px solid var(--g) !important;
  border-radius: 0 var(--r) var(--r) 0 !important;
  background: linear-gradient(90deg, var(--g10), transparent) !important;
}
html[data-template="calligraphy"] .process-steps {
  border-left: 2px solid var(--ln) !important;
  padding-left: 28px !important;
}

/* ═══ L · 霓虹赛博 — Raycast 终端 ════════════════════════════ */
html[data-template="neon-cyber"] {
  --id-container: 1180px;
}
html[data-template="neon-cyber"] .hero {
  background: var(--black) !important;
  border-bottom: 1px solid var(--ln) !important;
}
html[data-template="neon-cyber"][data-hero-mode="terminal"] .hero-title-glyph {
  font-family: 'Orbitron', ui-monospace, monospace !important;
  font-size: clamp(1.4rem, 3.8vw, 2.4rem) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  color: var(--t1) !important;
  -webkit-text-fill-color: var(--t1) !important;
}
html[data-template="neon-cyber"] .hero-badge {
  font-family: ui-monospace, monospace !important;
  font-size: .58rem !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  border: 1px solid var(--ln) !important;
  border-radius: 2px !important;
}
html[data-template="neon-cyber"] .hero-engines-row { display: none !important; }
html[data-template="neon-cyber"] .hero-shell {
  grid-template-columns: 1.1fr .9fr !important;
}
html[data-template="neon-cyber"] .hero-float-card,
html[data-template="neon-cyber"] .service-card,
html[data-template="neon-cyber"] .stat-item {
  border-radius: 4px !important;
  font-family: ui-monospace, monospace !important;
  font-size: .88rem !important;
}
html[data-template="neon-cyber"] .section-title {
  font-family: 'Orbitron', ui-monospace, monospace !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  font-size: clamp(.95rem, 2vw, 1.2rem) !important;
}
html[data-template="neon-cyber"] .btn {
  border-radius: 2px !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-size: .72rem !important;
}

/* ── 全局：科技公司质感补强 ─────────────────────────────────── */
html[data-template] .hero-desc {
  font-size: clamp(.95rem, 1.5vw, 1.08rem) !important;
  max-width: 52ch;
}
html[data-template="midnight-slate"] .hero-desc,
html[data-template="royal-violet"] .hero-desc,
html[data-template="rose-blush"] .hero-desc {
  max-width: 42ch;
  margin-inline: auto;
}
html[data-template] .section-badge {
  font-weight: 600;
}
html[data-template] .cta-banner {
  border-radius: var(--id-card-r, 0);
}

@media (max-width: 768px) {
  html[data-template="ocean-teal"] .hero-shell { grid-template-columns: 1fr !important; }
  html[data-template="crimson-bold"] .hero-shell { grid-template-columns: 1fr !important; }
  html[data-template="sunset-amber"] .hero-shell { grid-template-columns: 1fr !important; }
  html[data-template="ink-minimal"][data-hero-mode="brutal"] .hero-title-glyph {
    font-size: clamp(2.2rem, 12vw, 3.8rem) !important;
  }
}