/* ================================================================
   VERITAS · 12 套企业级界面设计语言（最终权威层）
   参考思维：Stripe · Linear · Notion · McKinsey · Salesforce · Glossier …
   职责：撤销 density/polish 污染，为每套模板建立独立视觉节奏
   ================================================================ */

/* ── 撤销密度层 / 补丁层的强制覆盖 ─────────────────────────── */
html[data-template] .section,
html[data-template] .news-section {
  padding: var(--d-section-y, clamp(72px, 8vw, 108px)) 0 !important;
}
html[data-template] .container {
  max-width: var(--d-container, 1200px) !important;
  padding-inline: clamp(24px, 4vw, 48px) !important;
}
html[data-template] .hero {
  min-height: var(--d-hero-min, auto) !important;
  padding-top: calc(var(--nav) + var(--d-hero-top, 24px)) !important;
  padding-bottom: var(--d-hero-bottom, clamp(56px, 7vw, 88px)) !important;
}
html[data-template] .hero-shell {
  min-height: auto !important;
  padding: var(--d-hero-shell-pad, clamp(32px, 5vw, 64px) 0) !important;
  gap: var(--d-hero-gap, clamp(40px, 5vw, 72px)) !important;
}
html[data-template] #world-shell { min-height: auto !important; }

/* 移除临时补丁区块（不属于 12 套原生结构） */
.home-bridge,
.home-dark-band { display: none !important; }

/* ── 区块标题：各模板可覆写 ───────────────────────────────────── */
html[data-template] .section-head-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px 32px;
  margin-bottom: var(--d-head-mb, clamp(40px, 5vw, 56px));
  text-align: left;
}
html[data-template] .section-head-row .section-title {
  text-align: inherit !important;
  margin-bottom: 12px !important;
}
html[data-template] .section-head-row .section-sub {
  margin: 0 !important;
  max-width: 560px;
  text-align: inherit !important;
}
html[data-template] .text-center {
  margin-bottom: var(--d-head-mb, clamp(40px, 5vw, 56px));
}
html[data-template] .text-center .section-sub {
  max-width: 640px;
  margin-inline: auto;
}

html[data-template] #services .services-grid,
html[data-template] #kmo .services-grid--kmo {
  margin-top: 0 !important;
}
html[data-template] #services .container,
html[data-template] #kmo .container {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   A · 鸢尾旗舰 — Stripe / Intercom 式 SaaS 双栏
   左文案 + 右产品 Bento，克制阴影，清晰层级
   ═══════════════════════════════════════════════════════════════ */
html[data-template="classic-iris"] {
  --d-section-y: clamp(80px, 9vw, 112px);
  --d-hero-min: min(82vh, 780px);
  --d-hero-gap: clamp(48px, 6vw, 80px);
  --d-head-mb: 52px;
}
html[data-template="classic-iris"] .hero-shell {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
  align-items: center !important;
}
html[data-template="classic-iris"] .hero-content { text-align: left !important; }
html[data-template="classic-iris"] .hero-title--ladder .hero-title-row--core .hero-title-glyph {
  background: var(--grad-brand) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
html[data-template="classic-iris"] .hero-float-zone {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  position: static !important;
}
html[data-template="classic-iris"] .hero-float-card {
  position: static !important;
  transform: none !important;
  border-radius: 16px !important;
  background: var(--d1) !important;
  border: 1px solid var(--ln) !important;
  box-shadow: 0 12px 40px color-mix(in srgb, var(--g10) 80%, transparent) !important;
  padding: 20px !important;
}
html[data-template="classic-iris"] .hero-float-card--lg { grid-column: span 2 !important; }
html[data-template="classic-iris"] #services .services-grid {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}
html[data-template="classic-iris"] .service-card {
  border-radius: 16px !important;
  transition: transform .25s, box-shadow .25s !important;
}
html[data-template="classic-iris"] .service-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 48px color-mix(in srgb, var(--g10) 90%, transparent) !important;
}
html[data-template="classic-iris"] .stats-grid {
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid var(--ln) !important;
}

/* ═══════════════════════════════════════════════════════════════
   B · 午夜深空 — Linear / Vercel 式暗场首映
   全屏居中巨标 + 玻璃数据面板 + 横条服务
   ═══════════════════════════════════════════════════════════════ */
html[data-template="midnight-slate"] {
  --d-hero-min: 100vh;
  --d-hero-bottom: 0;
  --d-section-y: clamp(64px, 8vw, 96px);
}
html[data-template="midnight-slate"] .hero-shell {
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  justify-content: center !important;
  min-height: calc(100vh - var(--nav)) !important;
}
html[data-template="midnight-slate"] .hero-visual { display: none !important; }
html[data-template="midnight-slate"] .hero-title--ladder .hero-title-glyph,
html[data-template="midnight-slate"] .hero-title--flat .hero-title-glyph {
  font-size: clamp(2.8rem, 9vw, 5.5rem) !important;
  font-weight: 800 !important;
  line-height: 1.02 !important;
  letter-spacing: -.04em !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) 50%, transparent) !important;
}
html[data-template="midnight-slate"] .hero-desc {
  max-width: 640px !important;
  margin-inline: auto !important;
}
html[data-template="midnight-slate"] .hero-actions,
html[data-template="midnight-slate"] .hero-engines-row { justify-content: center !important; }
html[data-template="midnight-slate"] [data-world-section="stats"] {
  margin-top: -56px !important;
  position: relative !important;
  z-index: 3 !important;
  padding-top: 0 !important;
}
html[data-template="midnight-slate"] .stats-grid {
  backdrop-filter: blur(16px) !important;
  background: color-mix(in srgb, var(--d1) 88%, transparent) !important;
  border: 1px solid var(--ln) !important;
  border-radius: 20px !important;
  padding: 8px !important;
  box-shadow: 0 24px 64px color-mix(in srgb, var(--g10) 60%, transparent) !important;
}
html[data-template="midnight-slate"] #services .services-grid {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}
html[data-template="midnight-slate"] .service-card {
  display: grid !important;
  grid-template-columns: 56px 1fr auto !important;
  gap: 8px 20px !important;
  align-items: start !important;
  border-radius: 14px !important;
}
html[data-template="midnight-slate"] .service-card .service-icon { grid-row: 1 / span 4; }

/* ═══════════════════════════════════════════════════════════════
   C · 翡翠有机 — Notion / Apple 式 Bento 便当
   视觉置顶三格 + 圆角生态容器
   ═══════════════════════════════════════════════════════════════ */
html[data-template="forest-jade"] {
  --d-section-y: clamp(72px, 8vw, 100px);
  --d-hero-min: auto;
}
html[data-template="forest-jade"] .hero-shell {
  flex-direction: column !important;
  text-align: center !important;
}
html[data-template="forest-jade"] .hero-visual { order: -1 !important; width: 100% !important; }
html[data-template="forest-jade"] .hero-content {
  max-width: 760px !important;
  margin-inline: auto !important;
}
html[data-template="forest-jade"] .hero-float-zone {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  max-width: 960px !important;
  margin: 0 auto 36px !important;
}
html[data-template="forest-jade"] .hero-float-card {
  border-radius: 22px !important;
  background: var(--d1) !important;
  border: 1px solid var(--ln) !important;
  box-shadow: 0 16px 48px color-mix(in srgb, var(--g10) 70%, transparent) !important;
}
html[data-template="forest-jade"] .hero-engines-row { display: none !important; }
html[data-template="forest-jade"] #services .services-grid {
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
}
html[data-template="forest-jade"] #services .service-card--orm {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(180px, 240px) 1fr !important;
  gap: 32px !important;
}
html[data-template="forest-jade"] .service-card,
html[data-template="forest-jade"] .value-card,
html[data-template="forest-jade"] .client-card {
  border-radius: 24px !important;
}
html[data-template="forest-jade"] #kmo {
  background: color-mix(in srgb, var(--g10) 40%, var(--d2)) !important;
  border-radius: 32px !important;
  margin-inline: clamp(16px, 4vw, 48px) !important;
  padding-block: clamp(56px, 7vw, 80px) !important;
}

/* ═══════════════════════════════════════════════════════════════
   D · 琥珀杂志 — McKinsey / Monocle 式编辑排版
   刊头 + 章节编号 + 左右交替通栏
   ═══════════════════════════════════════════════════════════════ */
html[data-template="sunset-amber"] {
  --d-section-y: clamp(64px, 7vw, 96px);
  --d-container: 1160px;
}
html[data-template="sunset-amber"] .hero-shell {
  grid-template-columns: 1fr 1fr !important;
  direction: rtl !important;
  gap: clamp(32px, 5vw, 64px) !important;
}
html[data-template="sunset-amber"] .hero-shell > * { direction: ltr !important; }
html[data-template="sunset-amber"] .hero-title--ladder .hero-title-glyph {
  font-family: 'Noto Serif SC', var(--font-display), serif !important;
  font-size: clamp(2.6rem, 5.5vw, 4.4rem) !important;
  font-weight: 900 !important;
}
html[data-template="sunset-amber"] #services .services-grid,
html[data-template="sunset-amber"] #kmo .services-grid--kmo {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
html[data-template="sunset-amber"] .service-card {
  display: grid !important;
  grid-template-columns: minmax(140px, 200px) 1fr !important;
  gap: clamp(24px, 4vw, 48px) !important;
  padding: clamp(40px, 6vw, 64px) clamp(24px, 4vw, 48px) !important;
  border-left: 5px solid var(--g) !important;
  border-radius: 0 20px 20px 0 !important;
  box-shadow: 8px 8px 0 color-mix(in srgb, var(--g) 15%, transparent) !important;
  margin-bottom: 20px !important;
  background: var(--d1) !important;
}
html[data-template="sunset-amber"] .service-card:nth-child(even) {
  direction: rtl !important;
  border-left: none !important;
  border-right: 5px solid var(--g) !important;
  border-radius: 20px 0 0 20px !important;
  box-shadow: -8px 8px 0 color-mix(in srgb, var(--g) 15%, transparent) !important;
}
html[data-template="sunset-amber"] .service-card:nth-child(even) > * { direction: ltr !important; }
html[data-template="sunset-amber"] .section-title {
  font-family: 'Noto Serif SC', serif !important;
}

/* ═══════════════════════════════════════════════════════════════
   E · 皇家高定 — Bottega / 奢侈品牌式窄栏
   720px 书卷流 + 列表式模块 + 衬线标题
   ═══════════════════════════════════════════════════════════════ */
html[data-template="royal-violet"] {
  --d-container: 720px;
  --d-section-y: clamp(56px, 7vw, 88px);
  --d-head-mb: 40px;
}
html[data-template="royal-violet"] #world-main {
  max-width: 720px !important;
  margin-inline: auto !important;
  padding-inline: 28px !important;
}
html[data-template="royal-violet"] .hero-visual,
html[data-template="royal-violet"] .hero-engines-row,
html[data-template="royal-violet"] .ticker-wrap { display: none !important; }
html[data-template="royal-violet"] .hero-shell {
  display: block !important;
  text-align: center !important;
  padding-block: clamp(56px, 10vw, 96px) !important;
}
html[data-template="royal-violet"] .hero-title-glyph {
  font-family: 'Playfair Display', 'Noto Serif SC', serif !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  font-size: clamp(2rem, 5vw, 3.2rem) !important;
}
html[data-template="royal-violet"] .section-title {
  text-align: center !important;
  font-family: 'Playfair Display', serif !important;
  font-weight: 600 !important;
}
html[data-template="royal-violet"] .section-title::after {
  content: '';
  display: block;
  width: 48px;
  height: 1px;
  background: var(--g);
  margin: 20px auto 0;
}
html[data-template="royal-violet"] .services-grid,
html[data-template="royal-violet"] .value-grid,
html[data-template="royal-violet"] .clients-grid,
html[data-template="royal-violet"] .process-steps,
html[data-template="royal-violet"] .news-grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
html[data-template="royal-violet"] .service-card,
html[data-template="royal-violet"] .value-card,
html[data-template="royal-violet"] .client-card,
html[data-template="royal-violet"] .process-step,
html[data-template="royal-violet"] .news-card {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom: 1px solid var(--ln) !important;
  border-radius: 0 !important;
  padding: 36px 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   F · 海洋 SaaS — Amplitude / Salesforce 式仪表盘
   双栏 Hero + 指标面板 + GEO 高卡
   ═══════════════════════════════════════════════════════════════ */
html[data-template="ocean-teal"] {
  --d-container: 1280px;
  --d-hero-min: min(78vh, 720px);
}
html[data-template="ocean-teal"] .hero-shell {
  grid-template-columns: 1.08fr .92fr !important;
  align-items: center !important;
}
html[data-template="ocean-teal"] .hero-stats--inline {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  background: var(--d1) !important;
  border: 1px solid var(--ln) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  box-shadow: 0 20px 56px color-mix(in srgb, var(--g10) 60%, transparent) !important;
}
html[data-template="ocean-teal"] .hero-float-zone {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}
html[data-template="ocean-teal"] .hero-float-card--geo { grid-row: span 2 !important; }
html[data-template="ocean-teal"] #services .services-grid {
  grid-template-columns: repeat(2, 1fr) !important;
}
html[data-template="ocean-teal"] #services .service-card--geo {
  grid-row: span 2 !important;
}
html[data-template="ocean-teal"] .stat-num {
  font-variant-numeric: tabular-nums;
}

/* ═══════════════════════════════════════════════════════════════
   G · 玫瑰轻奢 — Glossier / Aesop 式生活方式
   居中衬线巨标 + 阶梯卡片 + 横向滑屏客户
   ═══════════════════════════════════════════════════════════════ */
html[data-template="rose-blush"] {
  --d-section-y: clamp(72px, 8vw, 104px);
}
html[data-template="rose-blush"] .hero-shell {
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
html[data-template="rose-blush"] .hero-visual { display: none !important; }
html[data-template="rose-blush"] .hero-title-glyph {
  font-family: 'Cormorant Garamond', 'Noto Serif SC', serif !important;
  font-style: italic !important;
  font-size: clamp(2.8rem, 7vw, 4.8rem) !important;
  font-weight: 600 !important;
}
html[data-template="rose-blush"] .hero-engines-row { justify-content: center !important; }
html[data-template="rose-blush"] #services .services-grid {
  grid-template-columns: repeat(3, 1fr) !important;
  align-items: start !important;
}
html[data-template="rose-blush"] #services .service-card:nth-child(2) {
  transform: translateY(20px) !important;
}
html[data-template="rose-blush"] #services .service-card:nth-child(3) {
  transform: translateY(40px) !important;
}
html[data-template="rose-blush"] .service-card {
  border-radius: 24px !important;
  background: var(--d1) !important;
  box-shadow: 0 16px 48px color-mix(in srgb, var(--g10) 50%, transparent) !important;
}
html[data-template="rose-blush"] .cta-banner {
  margin-inline: clamp(24px, 5vw, 72px) !important;
  border-radius: 40px !important;
}
html[data-template="rose-blush"] [data-world-section="clients"] .clients-grid {
  display: flex !important;
  overflow-x: auto !important;
  gap: 20px !important;
  scroll-snap-type: x mandatory;
  padding-bottom: 16px;
  -webkit-overflow-scrolling: touch;
}
html[data-template="rose-blush"] [data-world-section="clients"] .client-card {
  flex: 0 0 min(340px, 88vw) !important;
  scroll-snap-align: start;
  border-radius: 24px !important;
}

/* ═══════════════════════════════════════════════════════════════
   H · 墨色瑞士 — Braun / 国际主义网格
   可见网格 + 全大写 + 表格式模块
   ═══════════════════════════════════════════════════════════════ */
html[data-template="ink-minimal"] {
  --d-section-y: clamp(56px, 7vw, 88px);
  --d-container: 100%;
}
html[data-template="ink-minimal"] .hero-visual,
html[data-template="ink-minimal"] .hero-orb,
html[data-template="ink-minimal"] .hero-engines-row,
html[data-template="ink-minimal"] .ticker-wrap { display: none !important; }
html[data-template="ink-minimal"] .hero {
  border-bottom: 3px solid var(--t1) !important;
  padding-block: clamp(72px, 12vw, 140px) !important;
}
html[data-template="ink-minimal"] .hero-shell {
  display: block !important;
  padding-inline: clamp(24px, 6vw, 96px) !important;
}
html[data-template="ink-minimal"] .hero-title-glyph {
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: clamp(2.8rem, 11vw, 6.5rem) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  line-height: .9 !important;
  letter-spacing: -.04em !important;
  color: var(--t1) !important;
  -webkit-text-fill-color: var(--t1) !important;
}
html[data-template="ink-minimal"] .section-title {
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem) !important;
}
html[data-template="ink-minimal"] .services-grid,
html[data-template="ink-minimal"] .stats-grid,
html[data-template="ink-minimal"] .value-grid {
  border: 2px solid var(--t1) !important;
}
html[data-template="ink-minimal"] .service-card,
html[data-template="ink-minimal"] .stat-item,
html[data-template="ink-minimal"] .value-card {
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid var(--t1) !important;
}
html[data-template="ink-minimal"] .btn { border-radius: 0 !important; }

/* ═══════════════════════════════════════════════════════════════
   I · 赤红权威 — 政务 / TED 式宣言封面
   全幅色块 Hero + 红白交替通栏
   ═══════════════════════════════════════════════════════════════ */
html[data-template="crimson-bold"] {
  --d-hero-min: min(85vh, 800px);
}
html[data-template="crimson-bold"] .hero {
  display: flex !important;
  align-items: center !important;
}
html[data-template="crimson-bold"] .hero-visual,
html[data-template="crimson-bold"] .ticker-wrap { display: none !important; }
html[data-template="crimson-bold"] .hero-shell {
  grid-template-columns: 1.15fr .85fr !important;
  align-items: center !important;
}
html[data-template="crimson-bold"][data-color="vermilion"] .hero-title-glyph {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-left: 8px solid #fff !important;
  padding-left: 24px !important;
  font-weight: 900 !important;
  font-size: clamp(2.4rem, 6vw, 4.2rem) !important;
}
html[data-template="crimson-bold"] #services .services-grid,
html[data-template="crimson-bold"] #kmo .services-grid--kmo {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
html[data-template="crimson-bold"] .service-card {
  border-radius: 0 !important;
  padding: clamp(48px, 8vw, 80px) clamp(24px, 5vw, 80px) !important;
}
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) #services .service-card:nth-child(odd) {
  background: var(--g) !important;
  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 {
  color: rgba(255,255,255,.92) !important;
}
html[data-template="crimson-bold"] #services .service-card:nth-child(even) {
  background: var(--d1) !important;
  border-left: 6px solid var(--g) !important;
}

/* ═══════════════════════════════════════════════════════════════
   J · 薄荷创意 — Figma / Mailchimp 式活力
   统计前置 + 倾斜阴影 + 波普色块
   ═══════════════════════════════════════════════════════════════ */
html[data-template="mint-spring"] {
  --d-section-y: clamp(64px, 8vw, 96px);
}
html[data-template="mint-spring"] [data-world-section="stats"] { --w-order: 2; }
html[data-template="mint-spring"] [data-world-section="hero"] { --w-order: 1; }
html[data-template="mint-spring"] [data-world-section="ticker"] { --w-order: 99; }
html[data-template="mint-spring"] .hero-shell {
  flex-direction: column !important;
  text-align: center !important;
  align-items: center !important;
}
html[data-template="mint-spring"] .hero-title-glyph {
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(2.6rem, 6vw, 4.2rem) !important;
}
html[data-template="mint-spring"] .service-card {
  border-radius: 20px !important;
  box-shadow: 6px 6px 0 var(--g) !important;
  border: 2px solid var(--t1) !important;
  transition: transform .2s, box-shadow .2s !important;
}
html[data-template="mint-spring"] .service-card:hover {
  transform: translate(-3px, -3px) !important;
  box-shadow: 9px 9px 0 var(--g) !important;
}
html[data-template="mint-spring"] .process-step {
  transform: rotate(-1deg) !important;
  border-radius: 20px !important;
  box-shadow: 4px 4px 0 color-mix(in srgb, var(--g) 60%, var(--t1)) !important;
}
html[data-template="mint-spring"] .process-step:nth-child(even) {
  transform: rotate(1deg) !important;
}

/* ═══════════════════════════════════════════════════════════════
   K · 墨韵文创 — 故宫 / 茶品牌式书卷
   侧栏印信 + 书法标题 + 单列长文
   ═══════════════════════════════════════════════════════════════ */
html[data-template="calligraphy"] {
  --d-section-y: clamp(56px, 7vw, 88px);
}
html[data-template="calligraphy"] #world-shell {
  display: grid !important;
  grid-template-columns: 72px 1fr !important;
}
html[data-template="calligraphy"] .hero-visual,
html[data-template="calligraphy"] .hero-engines-row,
html[data-template="calligraphy"] .ticker-wrap { display: none !important; }
html[data-template="calligraphy"] .hero-shell {
  display: block !important;
  text-align: center !important;
  padding-block: clamp(48px, 8vw, 80px) !important;
  border-bottom: 1px solid var(--ln);
}
html[data-template="calligraphy"] .hero-title-glyph {
  font-family: 'Ma Shan Zheng', 'Noto Serif SC', serif !important;
  font-size: clamp(2.8rem, 7vw, 4.8rem) !important;
  font-weight: 400 !important;
  letter-spacing: .12em !important;
}
html[data-template="calligraphy"] .section-title {
  font-family: 'Noto Serif SC', serif !important;
  text-align: center !important;
  letter-spacing: .08em !important;
}
html[data-template="calligraphy"] .services-grid,
html[data-template="calligraphy"] .value-grid,
html[data-template="calligraphy"] .clients-grid,
html[data-template="calligraphy"] .process-steps {
  grid-template-columns: 1fr !important;
  max-width: 680px !important;
  margin-inline: auto !important;
}
html[data-template="calligraphy"] .service-card {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom: 1px dashed var(--ln) !important;
  border-radius: 0 !important;
  padding: 40px 0 !important;
  text-align: center !important;
}

/* ═══════════════════════════════════════════════════════════════
   L · 霓虹赛博 — Razer / Discord 式 HUD
   角框 + 终端面板 + 倾斜流程
   ═══════════════════════════════════════════════════════════════ */
html[data-template="neon-cyber"] {
  --d-section-y: clamp(56px, 7vw, 88px);
  --d-hero-min: min(88vh, 760px);
}
html[data-template="neon-cyber"] .hero-shell {
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
}
html[data-template="neon-cyber"] .hero-title-glyph {
  font-family: 'Orbitron', sans-serif !important;
  font-size: clamp(2rem, 5vw, 3.2rem) !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
html[data-template="neon-cyber"][data-color="neon-volt"] .hero-title-row--core .hero-title-glyph {
  color: var(--geo) !important;
  -webkit-text-fill-color: var(--geo) !important;
  text-shadow: 0 0 24px color-mix(in srgb, var(--geo) 60%, transparent) !important;
}
html[data-template="neon-cyber"] .service-card,
html[data-template="neon-cyber"] .value-card,
html[data-template="neon-cyber"] .stat-item {
  background: color-mix(in srgb, var(--d1) 90%, var(--black)) !important;
  border: 1px solid color-mix(in srgb, var(--g) 40%, var(--ln)) !important;
  border-radius: 4px !important;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)) !important;
}
html[data-template="neon-cyber"] .process-step {
  transform: skewX(-2deg) !important;
  border: 1px solid color-mix(in srgb, var(--seo) 50%, var(--ln)) !important;
}
html[data-template="neon-cyber"] .btn--primary {
  clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%) !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  font-family: 'Orbitron', sans-serif !important;
  font-size: .78rem !important;
}

/* ── 响应式：保持各模板 Mobile 可读 ─────────────────────────── */
@media (max-width: 992px) {
  html[data-template] .hero-shell {
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
  }
  html[data-template="classic-iris"] .hero-float-zone,
  html[data-template="forest-jade"] .hero-float-zone,
  html[data-template="ocean-teal"] .hero-float-zone {
    grid-template-columns: 1fr !important;
  }
  html[data-template="classic-iris"] .hero-float-card--lg { grid-column: 1 !important; }
  html[data-template] #services .services-grid,
  html[data-template] #kmo .services-grid--kmo,
  html[data-template] .value-grid,
  html[data-template] .clients-grid,
  html[data-template] .process-steps,
  html[data-template] .stats-grid {
    grid-template-columns: 1fr !important;
  }
  html[data-template="rose-blush"] #services .service-card:nth-child(2),
  html[data-template="rose-blush"] #services .service-card:nth-child(3) {
    transform: none !important;
  }
  html[data-template="forest-jade"] #services .service-card--orm {
    grid-template-columns: 1fr !important;
  }
  html[data-template="sunset-amber"] .service-card,
  html[data-template="sunset-amber"] .service-card:nth-child(even) {
    direction: ltr !important;
    border-left: 5px solid var(--g) !important;
    border-right: none !important;
    border-radius: 0 16px 16px 0 !important;
    box-shadow: 6px 6px 0 color-mix(in srgb, var(--g) 12%, transparent) !important;
  }
  html[data-template="calligraphy"] #world-shell {
    grid-template-columns: 1fr !important;
  }
  html[data-template] .section-head-row {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ── 12 套装饰层（template-worlds.js 注入）──────────────────── */
.world-stripe-bar {
  position: absolute; top: calc(var(--nav) + 8px); left: 50%; transform: translateX(-50%);
  z-index: 2; pointer-events: none;
}
.world-stripe-bar__inner {
  display: flex; align-items: center; gap: 10px;
  font-size: .62rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase;
  color: var(--t3); background: color-mix(in srgb, var(--d1) 90%, transparent);
  border: 1px solid var(--ln); border-radius: 999px; padding: 5px 14px;
}
.world-stripe-bar__dot { width: 6px; height: 6px; border-radius: 50%; background: var(--g); }

.world-linear-glow { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }
.world-linear-glow__beam {
  position: absolute; top: -20%; left: 50%; transform: translateX(-50%);
  width: 60%; height: 60%;
  background: radial-gradient(ellipse, color-mix(in srgb, var(--g) 25%, transparent), transparent 70%);
}

.world-notion-blob { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.world-notion-blob__a, .world-notion-blob__b {
  position: absolute; border-radius: 50%; filter: blur(60px); opacity: .35;
}
.world-notion-blob__a { width: 280px; height: 280px; top: 10%; right: 8%; background: var(--g); }
.world-notion-blob__b { width: 200px; height: 200px; bottom: 20%; left: 5%; background: var(--seo); }

.world-saas-grid { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.world-saas-grid__dots {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, color-mix(in srgb, var(--g) 30%, transparent) 1px, transparent 1px);
  background-size: 24px 24px; opacity: .4;
}

.world-gloss-arc { position: absolute; top: var(--nav); left: 0; right: 0; height: 200px; pointer-events: none; overflow: hidden; }
.world-gloss-arc__curve {
  position: absolute; bottom: -120px; left: 50%; transform: translateX(-50%);
  width: 140%; height: 240px; border-radius: 50%;
  background: color-mix(in srgb, var(--g10) 60%, transparent);
}

.world-crimson-stripe {
  position: absolute; top: var(--nav); left: 0; right: 0; z-index: 2;
  background: color-mix(in srgb, var(--black) 30%, transparent);
  color: #fff; text-align: center; font-size: .68rem; letter-spacing: .24em;
  padding: 8px; text-transform: uppercase; pointer-events: none;
}

.world-figma-pop { position: absolute; top: calc(var(--nav) + 24px); right: 5%; pointer-events: none; z-index: 0; }
.world-figma-pop__sq {
  width: 48px; height: 48px; background: var(--g); border-radius: 8px;
  box-shadow: 4px 4px 0 var(--t1); transform: rotate(8deg);
}
.world-figma-pop__ci {
  width: 32px; height: 32px; border: 3px solid var(--seo); border-radius: 50%;
  margin-top: -16px; margin-left: 28px; background: var(--d1);
}

html[data-template="midnight-slate"] .world-linear-glow,
html[data-template="forest-jade"] .world-notion-blob,
html[data-template="ocean-teal"] .world-saas-grid,
html[data-template="rose-blush"] .world-gloss-arc { display: block; }
html[data-template]:not([data-template="classic-iris"]) .world-stripe-bar { display: none; }
html[data-template]:not([data-template="midnight-slate"]) .world-linear-glow { display: none; }
html[data-template]:not([data-template="forest-jade"]) .world-notion-blob { display: none; }
html[data-template]:not([data-template="ocean-teal"]) .world-saas-grid { display: none; }
html[data-template]:not([data-template="rose-blush"]) .world-gloss-arc { display: none; }
html[data-template]:not([data-template="crimson-bold"]) .world-crimson-stripe { display: none; }
html[data-template]:not([data-template="mint-spring"]) .world-figma-pop { display: none; }

html[data-template="sunset-amber"] .world-mag-head {
  padding: calc(var(--nav) + 16px) clamp(24px, 4vw, 48px) 0;
  border-bottom: 2px double color-mix(in srgb, var(--g) 35%, transparent);
}
html[data-template="sunset-amber"] .world-mag-head__row {
  display: flex; align-items: center; gap: 16px; max-width: 1160px; margin: 0 auto;
  font-family: 'Noto Serif SC', serif; font-size: .72rem; letter-spacing: .2em;
  text-transform: uppercase; color: var(--g);
}
html[data-template="sunset-amber"] .world-mag-head__line { flex: 1; height: 1px; background: color-mix(in srgb, var(--g) 35%, transparent); }

html[data-template="royal-violet"] .world-euro-frame__top {
  height: 5px;
  background: linear-gradient(90deg, transparent, var(--g) 25%, color-mix(in srgb, var(--g) 60%, #fff) 50%, var(--g) 75%, transparent);
  margin-bottom: 24px;
}

html[data-template="ink-minimal"] .world-swiss-grid__lines {
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background: linear-gradient(var(--ln) 1px, transparent 1px), linear-gradient(90deg, var(--ln) 1px, transparent 1px);
  background-size: 40px 40px; opacity: .5;
}

html[data-template="neon-cyber"] .world-cyber-hud__tl,
html[data-template="neon-cyber"] .world-cyber-hud__br {
  position: fixed; width: 48px; height: 48px; pointer-events: none; z-index: 9998;
  border: 2px solid color-mix(in srgb, var(--geo) 70%, transparent);
}
html[data-template="neon-cyber"] .world-cyber-hud__tl { top: calc(var(--nav) + 8px); left: 12px; border-right: none; border-bottom: none; }
html[data-template="neon-cyber"] .world-cyber-hud__br { bottom: 12px; right: 12px; border-left: none; border-top: none; }

html[data-template="calligraphy"] .world-rail--scroll {
  position: sticky; top: var(--nav); height: calc(100vh - var(--nav));
  display: flex; align-items: center; justify-content: center;
  border-right: 1px solid var(--ln); background: var(--d2);
}
html[data-template="calligraphy"] .world-rail__mark {
  font-family: 'Ma Shan Zheng', serif; font-size: 2rem; color: var(--g);
  writing-mode: vertical-rl; letter-spacing: .2em;
}
html[data-template="calligraphy"] .world-rail__brand,
html[data-template="calligraphy"] .world-rail__en { display: none; }