/* ================================================================
   VERITAS · 12 套「世界形态」— 同一资料，整体结构完全不同
   必须最后加载；覆盖 style.css 阶梯标题锁定与默认格局
   ================================================================ */

/* ── 世界壳层 ─────────────────────────────────────────────── */
#world-shell {
  display: var(--w-shell-display, block);
  grid-template-columns: var(--w-shell-cols, 1fr);
  min-height: 100vh;
  position: relative;
}

#world-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

[data-world-section] { order: var(--w-order, 0); }

/* ── 解除 style.css 阶梯标题对非 A/D 套版的锁定 ─────────────── */
html[data-template]:not([data-template="classic-iris"]):not([data-template="sunset-amber"]) .hero-title--ladder .hero-title-row--core,
html[data-template]:not([data-template="classic-iris"]):not([data-template="sunset-amber"]) .hero-title--ladder .hero-title-row--finale {
  margin-left: 0 !important;
}
html[data-template] .hero-title--flat .hero-title-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: var(--w-h1-align, flex-start) !important;
  gap: .08em !important;
}
html[data-template] .hero-title--flat .hero-title-row {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  white-space: normal !important;
}
html[data-template] .hero-title--flat .hero-title-rule { display: none !important; }
html[data-template] .hero-title--flat .hero-title-glyph,
html[data-template] .hero-title--flat .hero-char {
  background: none !important;
  -webkit-text-fill-color: var(--w-h1-color, var(--t1)) !important;
  color: var(--w-h1-color, var(--t1)) !important;
  filter: none !important;
  animation: none !important;
  font-size: inherit !important;
  letter-spacing: inherit !important;
}

/* ═══════════════════════════════════════════════════════════════
   A · 鸢尾 — 标准科技企业双栏（保留原格局作为对照）
   ═══════════════════════════════════════════════════════════════ */
html[data-template="classic-iris"] {
  --w-h1-align: flex-start;
  --w-order-hero: 1; --w-order-ticker: 2; --w-order-services: 3;
}
html[data-template="classic-iris"] [data-world-section="hero"] { --w-order: 1; }
html[data-template="classic-iris"] [data-world-section="ticker"] { --w-order: 2; }
html[data-template="classic-iris"] .hero-shell {
  display: grid !important;
  grid-template-columns: 1.05fr .95fr !important;
}

/* ═══════════════════════════════════════════════════════════════
   B · 午夜 — 电影首映：100vh 居中巨标，数据提前，无浮动卡
   ═══════════════════════════════════════════════════════════════ */
html[data-template="midnight-slate"] {
  --w-h1-align: center;
  --w-h1-color: var(--t1);
}
html[data-template="midnight-slate"] [data-world-section="hero"] { --w-order: 1; }
html[data-template="midnight-slate"] [data-world-section="stats"] { --w-order: 2; margin-top: -48px; position: relative; z-index: 2; }
html[data-template="midnight-slate"] [data-world-section="services"] { --w-order: 3; }
html[data-template="midnight-slate"] [data-world-section="ticker"] { --w-order: 99; }
html[data-template="midnight-slate"] .hero {
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
}
html[data-template="midnight-slate"] .hero-shell {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  max-width: 960px !important;
  margin: 0 auto !important;
}
html[data-template="midnight-slate"] .hero-visual,
html[data-template="midnight-slate"] .hero-orb,
html[data-template="midnight-slate"] .hero-bg-grid { display: none !important; }
html[data-template="midnight-slate"] .hero-title--flat .hero-title-glyph {
  font-size: clamp(3rem, 10vw, 6.5rem) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-shadow: 0 0 80px rgba(77,163,255,.35) !important;
}
html[data-template="midnight-slate"] .hero-desc { margin-inline: auto !important; color: var(--t2) !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"] .stats-grid {
  background: color-mix(in srgb, var(--d1) 92%, transparent) !important;
  border: 1px solid var(--ln) !important;
  border-radius: 20px !important;
  padding: 8px !important;
  backdrop-filter: blur(12px);
}
html[data-template="midnight-slate"] .navbar[data-world-nav="midnight-slate"] .nav-inner {
  justify-content: center !important;
  border-bottom: 1px solid rgba(77,163,255,.12) !important;
}

/* ═══════════════════════════════════════════════════════════════
   C · 翡翠 — Bento 便当：视觉置顶三格，2×2 服务，圆角容器
   ═══════════════════════════════════════════════════════════════ */
html[data-template="forest-jade"] {
  --w-h1-align: center;
}
html[data-template="forest-jade"] .hero-shell {
  display: flex !important;
  flex-direction: column !important;
}
html[data-template="forest-jade"] .hero-visual { order: -1 !important; width: 100% !important; }
html[data-template="forest-jade"] .hero-content { order: 1 !important; text-align: center !important; max-width: 820px !important; margin: 0 auto !important; }
html[data-template="forest-jade"] .hero-float-zone {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 14px !important;
  max-width: 920px !important;
  margin: 0 auto 28px !important;
}
html[data-template="forest-jade"] .hero-engines-row,
html[data-template="forest-jade"] .hero-orb { display: none !important; }
html[data-template="forest-jade"] .hero-title--flat .hero-title-glyph {
  font-family: 'Noto Serif SC', serif !important;
  font-size: clamp(2.4rem, 5.5vw, 4rem) !important;
}
html[data-template="forest-jade"] #services .services-grid {
  grid-template-columns: repeat(2, 1fr) !important;
}
html[data-template="forest-jade"] #services .service-card--orm {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(160px, 220px) 1fr !important;
  gap: 28px !important;
}
html[data-template="forest-jade"] #kmo {
  border-radius: 32px !important;
  margin-inline: clamp(16px, 4vw, 48px) !important;
  overflow: hidden;
}

/* ═══════════════════════════════════════════════════════════════
   D · 琥珀 — 时尚杂志：刊头 + 章节编号 + 左右交替通栏
   ═══════════════════════════════════════════════════════════════ */
html[data-template="sunset-amber"] .world-mag-head {
  padding: calc(var(--nav) + 20px) clamp(20px, 4vw, 48px) 0;
  background: #FBF6EF;
  border-bottom: 3px double rgba(196,122,42,.35);
}
html[data-template="sunset-amber"] .world-mag-head__row {
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 1200px;
  margin: 0 auto;
  font-family: 'Noto Serif SC', serif;
  font-size: .72rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #C47A2A;
}
html[data-template="sunset-amber"] .world-mag-head__line { flex: 1; height: 1px; background: rgba(196,122,42,.35); }
html[data-template="sunset-amber"] .world-sec-num {
  display: block;
  font-family: 'DM Sans', sans-serif;
  font-size: 4rem;
  font-weight: 800;
  line-height: 1;
  color: rgba(196,122,42,.12);
  margin-bottom: -24px;
}
html[data-template="sunset-amber"] .hero-shell {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  direction: rtl;
}
html[data-template="sunset-amber"] .hero-shell > * { direction: ltr; }
html[data-template="sunset-amber"] .hero-title--ladder-active .hero-title-glyph {
  font-family: 'Noto Serif SC', serif !important;
  font-size: clamp(2.8rem, 6vw, 5rem) !important;
}
html[data-template="sunset-amber"] .services-grid,
html[data-template="sunset-amber"] .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, 220px) 1fr !important;
  gap: 32px !important;
  padding: 48px clamp(24px, 5vw, 64px) !important;
  border-left: 6px solid #C47A2A !important;
  border-radius: 0 20px 20px 0 !important;
  box-shadow: 8px 8px 0 rgba(196,122,42,.1) !important;
  margin-bottom: 24px !important;
}
html[data-template="sunset-amber"] .service-card:nth-child(even) {
  direction: rtl;
  border-left: none !important;
  border-right: 6px solid #C47A2A !important;
  border-radius: 20px 0 0 20px !important;
  box-shadow: -8px 8px 0 rgba(196,122,42,.1) !important;
}
html[data-template="sunset-amber"] .service-card:nth-child(even) > * { direction: ltr; }

/* ═══════════════════════════════════════════════════════════════
   E · 皇家 — 欧式高定：720px 窄栏、居中导航、列表式无卡片
   ═══════════════════════════════════════════════════════════════ */
html[data-template="royal-violet"] #world-main {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 28px;
}
html[data-template="royal-violet"] .navbar .nav-inner {
  max-width: 720px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  padding-block: 20px !important;
}
html[data-template="royal-violet"] .nav-logo { width: 100%; justify-content: center !important; margin-bottom: 8px; }
html[data-template="royal-violet"] .nav-menu {
  width: 100%;
  justify-content: center !important;
  border-top: 1px solid rgba(107,63,160,.15);
  padding-top: 14px !important;
  gap: 28px !important;
}
html[data-template="royal-violet"] .world-euro-frame__top {
  height: 6px;
  background: linear-gradient(90deg, transparent, #6B3FA0 20%, #A87FE0 50%, #6B3FA0 80%, transparent);
  margin-bottom: 32px;
}
html[data-template="royal-violet"] .hero-visual,
html[data-template="royal-violet"] .hero-engines-row,
html[data-template="royal-violet"] .hero-orb,
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(48px, 8vw, 88px) !important;
}
html[data-template="royal-violet"] .hero-title--flat .hero-title-glyph {
  font-family: 'Playfair Display', 'Noto Serif SC', serif !important;
  font-size: clamp(2.2rem, 5vw, 3.8rem) !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
}
html[data-template="royal-violet"] .hero-desc { margin-inline: auto !important; }
html[data-template="royal-violet"] .section-title {
  text-align: center !important;
  font-family: 'Playfair Display', serif !important;
}
html[data-template="royal-violet"] .section-title::after {
  content: '';
  display: block;
  width: 40px; height: 1px;
  background: #6B3FA0;
  margin: 18px 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 rgba(107,63,160,.12) !important;
  border-radius: 0 !important;
  padding: 36px 0 !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 20px !important;
  text-align: left !important;
}
html[data-template="royal-violet"] .btn { border-radius: 0 !important; text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; }

/* ═══════════════════════════════════════════════════════════════
   F · 海洋 — SaaS 仪表盘：宽屏双栏 Hero + GEO 高卡 + 指标渐变
   ═══════════════════════════════════════════════════════════════ */
html[data-template="ocean-teal"] .hero-shell {
  display: grid !important;
  grid-template-columns: 1.1fr .9fr !important;
  gap: 48px !important;
  max-width: 1320px !important;
}
html[data-template="ocean-teal"] .hero-stats--inline {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  background: #fff !important;
  border: 1px solid rgba(14,116,144,.12) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  box-shadow: 0 16px 48px rgba(14,116,144,.08);
}
html[data-template="ocean-teal"] .hero-visual .hero-float-zone {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  grid-template-rows: auto auto;
  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;
  min-height: 100%;
}

/* ═══════════════════════════════════════════════════════════════
   G · 玫瑰 — 美妆轻奢：视觉置顶 + 阶梯卡片 + 柔粉 CTA 岛
   ═══════════════════════════════════════════════════════════════ */
html[data-template="rose-blush"] .hero-shell {
  display: flex !important;
  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--flat .hero-title-glyph {
  font-family: 'Cormorant Garamond', 'Noto Serif SC', serif !important;
  font-style: italic !important;
  font-size: clamp(3rem, 8vw, 5.5rem) !important;
}
html[data-template="rose-blush"] .services-grid .service-card:nth-child(2) { transform: translateY(16px) !important; }
html[data-template="rose-blush"] .services-grid .service-card:nth-child(3) { transform: translateY(32px) !important; }
html[data-template="rose-blush"] .cta-banner {
  margin-inline: clamp(20px, 5vw, 64px) !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: 12px;
}
html[data-template="rose-blush"] [data-world-section="clients"] .client-card {
  flex: 0 0 min(320px, 85vw) !important;
  scroll-snap-align: start;
}

/* ═══════════════════════════════════════════════════════════════
   H · 墨色 — 瑞士国际主义：可见网格、全大写、零装饰、表格式
   ═══════════════════════════════════════════════════════════════ */
html[data-template="ink-minimal"] .world-swiss-grid__lines {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(#ddd 1px, transparent 1px),
    linear-gradient(90deg, #ddd 1px, transparent 1px);
  background-size: 40px 40px;
  opacity: .55;
}
html[data-template="ink-minimal"] #world-main { position: relative; z-index: 1; }
html[data-template="ink-minimal"] .hero-visual,
html[data-template="ink-minimal"] .hero-orb,
html[data-template="ink-minimal"] .hero-bg-grid,
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: 4px solid var(--ln) !important;
  padding-block: clamp(64px, 10vw, 120px) !important;
}
html[data-template="ink-minimal"] .hero-shell { display: block !important; max-width: 100% !important; padding-inline: clamp(20px, 5vw, 80px) !important; }
html[data-template="ink-minimal"] .hero-title--flat .hero-title-glyph {
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: clamp(3rem, 12vw, 7rem) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  line-height: .88 !important;
  letter-spacing: -.04em !important;
  color: var(--t1) !important;
  -webkit-text-fill-color: var(--t1) !important;
}
html[data-template="ink-minimal"] .hero-badge {
  border: 2px solid var(--ln) !important;
  background: transparent !important;
  border-radius: 0 !important;
}
html[data-template="ink-minimal"] .hero-badge-dot { display: none !important; }
html[data-template="ink-minimal"] .services-grid,
html[data-template="ink-minimal"] .stats-grid,
html[data-template="ink-minimal"] .value-grid,
html[data-template="ink-minimal"] .process-steps,
html[data-template="ink-minimal"] .news-grid {
  grid-template-columns: 1fr !important;
  border: 2px solid var(--ln) !important;
}
html[data-template="ink-minimal"] .service-card,
html[data-template="ink-minimal"] .stat-item,
html[data-template="ink-minimal"] .value-card,
html[data-template="ink-minimal"] .process-step,
html[data-template="ink-minimal"] .news-card {
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid var(--ln) !important;
}
html[data-template="ink-minimal"] .stat-item:last-child,
html[data-template="ink-minimal"] .service-card:last-child,
html[data-template="ink-minimal"] .news-card:last-child { border-bottom: none !important; }
html[data-template="ink-minimal"] .section-title { text-transform: uppercase !important; letter-spacing: .06em !important; }
html[data-template="ink-minimal"] .navbar .nav-inner { border-bottom: 2px solid var(--ln) !important; border-radius: 0 !important; }
html[data-template="ink-minimal"] .btn { border-radius: 0 !important; }

/* ═══════════════════════════════════════════════════════════════
   I · 赤红 — 宣言式政务：全幅红 Hero + 红白交替通栏服务
   ═══════════════════════════════════════════════════════════════ */
html[data-template="crimson-bold"] .world-crimson-stripe {
  position: absolute;
  top: var(--nav);
  left: 0; right: 0;
  background: rgba(0,0,0,.2);
  color: #fff;
  text-align: center;
  font-size: .72rem;
  letter-spacing: .28em;
  padding: 8px;
  text-transform: uppercase;
  z-index: 2;
}
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) .hero {
  min-height: min(88vh, 820px) !important;
  background: linear-gradient(135deg, var(--gd), var(--g), var(--gl)) !important;
  display: flex !important;
  align-items: center !important;
}
html[data-template="crimson-bold"] .hero-visual,
html[data-template="crimson-bold"] .hero-orb,
html[data-template="crimson-bold"] .ticker-wrap { display: none !important; }
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) .hero-shell {
  display: grid !important;
  grid-template-columns: 1.2fr .8fr !important;
  color: #fff !important;
  align-items: center !important;
}
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) .hero-title--flat .hero-title-glyph {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(2.8rem, 7vw, 5.2rem) !important;
  font-weight: 900 !important;
  border-left: 10px solid #fff !important;
  padding-left: 24px !important;
}
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) .hero-desc { color: rgba(255,255,255,.88) !important; }
html[data-template="crimson-bold"] .services-grid,
html[data-template="crimson-bold"] .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, 6vw, 120px) !important;
  border: none !important;
  margin: 0 !important;
}
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) #services .service-card:nth-child(odd),
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) #kmo .service-card:nth-child(odd) {
  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,
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) #kmo .service-card:nth-child(odd) .service-title,
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) #kmo .service-card:nth-child(odd) .service-desc { color: #fff !important; }
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) #services .service-card:nth-child(even),
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) #kmo .service-card:nth-child(even) {
  background: var(--d1) !important;
  border-left: 8px solid var(--g) !important;
}
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) .navbar.transparent .nav-link,
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) .navbar.transparent .nav-logo-name { color: #fff !important; }

/* ═══════════════════════════════════════════════════════════════
   J · 薄荷 — 波普创意：统计置顶 + 粗野阴影 + 倾斜区块
   ═══════════════════════════════════════════════════════════════ */
html[data-template="mint-spring"] [data-world-section="hero"] { --w-order: 1; }
html[data-template="mint-spring"] [data-world-section="stats"] { --w-order: 2; }
html[data-template="mint-spring"] [data-world-section="services"] { --w-order: 3; }
html[data-template="mint-spring"] [data-world-section="ticker"] { display: none !important; }
html[data-template="mint-spring"] .hero-shell {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
html[data-template="mint-spring"] .hero-visual { display: none !important; }
html[data-template="mint-spring"] .hero-stats--inline {
  order: -1 !important;
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto 28px !important;
  background: #fff !important;
  border: 2px solid #111 !important;
  border-radius: 999px !important;
  padding: 16px 24px !important;
  box-shadow: 6px 6px 0 #047857 !important;
}
html[data-template="mint-spring"] .section-badge {
  transform: rotate(-3deg) !important;
  box-shadow: 4px 4px 0 #047857 !important;
}
html[data-template="mint-spring"] [data-world-section="values"] {
  transform: rotate(-.8deg);
  margin-inline: clamp(8px, 2vw, 24px);
}
html[data-template="mint-spring"] [data-world-section="process"] {
  transform: rotate(.6deg);
  margin-inline: clamp(8px, 2vw, 24px);
}
html[data-template="mint-spring"] .service-card,
html[data-template="mint-spring"] .value-card {
  box-shadow: 6px 6px 0 #047857, 6px 6px 0 1px var(--ln) !important;
}

/* ═══════════════════════════════════════════════════════════════
   K · 墨韵 — 水墨书卷：左侧卷轴栏 + 书法标题 + 章节式单列
   ═══════════════════════════════════════════════════════════════ */
html[data-template="calligraphy"] {
  --w-shell-display: grid;
  --w-shell-cols: 88px 1fr;
}
html[data-template="calligraphy"] .world-rail--scroll {
  background: linear-gradient(180deg, #E8DCC8, #F9F5EE 15%, #F9F5EE 85%, #E8DCC8);
  border-right: 4px solid #8B4513;
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 0;
  height: 100vh;
  z-index: 100;
}
html[data-template="calligraphy"] .world-rail__inner {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 24px 0;
}
html[data-template="calligraphy"] .world-rail__mark {
  width: 44px; height: 44px;
  border: 2px solid #8B4513;
  color: #8B4513;
  font-family: 'Ma Shan Zheng', serif;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: horizontal-tb;
}
html[data-template="calligraphy"] .world-rail__brand {
  font-family: 'Ma Shan Zheng', serif;
  font-size: 1.8rem;
  color: #5C3317;
  letter-spacing: .2em;
}
html[data-template="calligraphy"] .world-rail__en {
  font-size: .65rem;
  letter-spacing: .35em;
  color: rgba(139,69,19,.55);
  writing-mode: vertical-rl;
}
html[data-template="calligraphy"] .navbar {
  left: 88px !important;
  width: calc(100% - 88px) !important;
}
html[data-template="calligraphy"] [data-world-section="ticker"] { display: none !important; }
html[data-template="calligraphy"] .hero-engines-row,
html[data-template="calligraphy"] .hero-orb,
html[data-template="calligraphy"] .hero-bg-grid { display: none !important; }
html[data-template="calligraphy"] .hero-shell {
  display: flex !important;
  flex-direction: row-reverse !important;
  gap: clamp(24px, 4vw, 56px) !important;
  align-items: flex-start !important;
  border-left: 6px solid #8B4513;
  padding-left: clamp(20px, 4vw, 40px) !important;
}
html[data-template="calligraphy"] .hero-visual {
  flex: 0 0 min(220px, 28vw) !important;
  max-width: 240px !important;
}
html[data-template="calligraphy"] .hero-float-zone {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
html[data-template="calligraphy"] .hero-float-card {
  border-left: 3px solid #8B4513 !important;
  border-radius: 0 12px 12px 0 !important;
  background: rgba(139,69,19,.06) !important;
}
html[data-template="calligraphy"] .hero-title--brush .hero-title-glyph {
  font-family: 'Ma Shan Zheng', 'Noto Serif SC', serif !important;
  font-size: clamp(3.2rem, 8vw, 6rem) !important;
  font-weight: 400 !important;
  color: #3D2314 !important;
  -webkit-text-fill-color: #3D2314 !important;
  line-height: 1.15 !important;
  letter-spacing: .12em !important;
}
html[data-template="calligraphy"] .hero-title--brush .hero-title-row--core .hero-title-glyph {
  font-size: clamp(3.8rem, 10vw, 7rem) !important;
}
html[data-template="calligraphy"] .services-grid,
html[data-template="calligraphy"] .services-grid--kmo,
html[data-template="calligraphy"] .value-grid,
html[data-template="calligraphy"] .news-grid {
  grid-template-columns: 1fr !important;
  max-width: 720px !important;
  margin-inline: auto !important;
}
html[data-template="calligraphy"] .service-card,
html[data-template="calligraphy"] .value-card,
html[data-template="calligraphy"] .news-card {
  border-left: 4px solid #8B4513 !important;
  border-radius: 0 16px 16px 0 !important;
  background: linear-gradient(90deg, rgba(139,69,19,.07), transparent) !important;
  box-shadow: none !important;
  padding-left: 28px !important;
}
html[data-template="calligraphy"] .process-steps {
  position: relative;
  max-width: 640px !important;
  margin-inline: auto !important;
  padding-left: 48px !important;
}
html[data-template="calligraphy"] .process-steps::before {
  content: '';
  position: absolute;
  left: 16px; top: 0; bottom: 0;
  width: 2px;
  background: rgba(139,69,19,.25);
}
html[data-template="calligraphy"] .process-step {
  text-align: left !important;
  background: transparent !important;
  border: none !important;
  padding: 0 0 40px 16px !important;
  position: relative;
}
html[data-template="calligraphy"] .process-step-num {
  position: absolute !important;
  left: -48px !important;
  top: 0 !important;
  width: 32px !important; height: 32px !important;
  border-radius: 50% !important;
  background: #8B4513 !important;
  color: #fff !important;
  font-size: .7rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html[data-template="calligraphy"] .section-title {
  font-family: 'Ma Shan Zheng', 'Noto Serif SC', serif !important;
  text-align: center !important;
}

/* ═══════════════════════════════════════════════════════════════
   L · 霓虹 — 赛博 HUD：暗场 + 角标 + 终端面板 + 倾斜区块
   ═══════════════════════════════════════════════════════════════ */
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: 9996;
  border-color: #00F0FF;
  border-style: solid;
}
html[data-template="neon-cyber"] .world-cyber-hud__tl {
  top: calc(var(--nav) + 12px); left: 16px;
  border-width: 2px 0 0 2px;
}
html[data-template="neon-cyber"] .world-cyber-hud__br {
  bottom: 16px; right: 16px;
  border-width: 0 2px 2px 0;
}
html[data-template="neon-cyber"] .hero-shell {
  display: grid !important;
  grid-template-columns: 1.15fr .85fr !important;
  gap: 20px !important;
}
html[data-template="neon-cyber"] .hero-title--flat .hero-title-glyph {
  font-family: 'Orbitron', sans-serif !important;
  font-size: clamp(1.6rem, 4vw, 2.6rem) !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  color: var(--t1) !important;
  -webkit-text-fill-color: var(--t1) !important;
}
html[data-template="neon-cyber"] .hero-stats--inline {
  display: none !important;
}
html[data-template="neon-cyber"] .hero-visual .hero-float-zone {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}
html[data-template="neon-cyber"] .hero-float-card {
  background: var(--d1) !important;
  border: 1px solid var(--ln) !important;
  border-radius: 4px !important;
  font-family: 'Orbitron', monospace !important;
}
html[data-template="neon-cyber"] [data-world-section="stats"] .stats-grid,
html[data-template="neon-cyber"] [data-world-section="values"] .value-grid {
  gap: 10px !important;
}
html[data-template="neon-cyber"] .stat-item,
html[data-template="neon-cyber"] .value-card,
html[data-template="neon-cyber"] .service-card {
  background: var(--d1) !important;
  border: 1px solid var(--ln) !important;
  border-radius: 4px !important;
  box-shadow: inset 0 0 30px color-mix(in srgb, var(--g10) 30%, transparent) !important;
}
html[data-template="neon-cyber"] [data-world-section="process"] {
  transform: skewY(-1.2deg);
  margin-block: 24px;
}
html[data-template="neon-cyber"] [data-world-section="process"] .container {
  transform: skewY(1.2deg);
}
html[data-template="neon-cyber"] .section-title {
  font-family: 'Orbitron', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-size: clamp(1rem, 2vw, 1.35rem) !important;
}
html[data-template="neon-cyber"] .ticker-wrap {
  font-family: 'Orbitron', monospace !important;
  font-size: .7rem !important;
  letter-spacing: .12em !important;
}

/* ── 子页：整体形态同步 ─────────────────────────────────────── */
html[data-template="royal-violet"] .page-hero .container,
html[data-template="royal-violet"] .about-intro,
html[data-template="royal-violet"] .mission-grid,
html[data-template="royal-violet"] .contact-layout {
  max-width: 720px !important;
  margin-inline: auto !important;
}
html[data-template="royal-violet"] .about-intro {
  grid-template-columns: 1fr !important;
  text-align: center !important;
}
html[data-template="royal-violet"] .mission-grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
html[data-template="royal-violet"] .mission-card {
  border-radius: 0 !important;
  border: none !important;
  border-bottom: 1px solid rgba(107,63,160,.12) !important;
  box-shadow: none !important;
}

html[data-template="calligraphy"] .page-hero {
  border-left: 6px solid #8B4513 !important;
  padding-left: clamp(24px, 4vw, 48px) !important;
  text-align: left !important;
}
html[data-template="calligraphy"] .page-hero h1 {
  font-family: 'Ma Shan Zheng', serif !important;
  font-size: clamp(2.8rem, 7vw, 5rem) !important;
}
html[data-template="calligraphy"] .about-intro {
  grid-template-columns: 1fr !important;
  max-width: 720px !important;
  margin-inline: auto !important;
}
html[data-template="calligraphy"] .mission-grid {
  grid-template-columns: 1fr !important;
  max-width: 640px !important;
  margin-inline: auto !important;
}

html[data-template="ink-minimal"] .page-hero {
  border-bottom: 4px solid var(--ln) !important;
}
html[data-template="ink-minimal"] .page-hero h1 {
  text-transform: uppercase !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: clamp(2.5rem, 8vw, 5rem) !important;
}
html[data-template="ink-minimal"] .about-intro,
html[data-template="ink-minimal"] .mission-grid {
  grid-template-columns: 1fr !important;
}
html[data-template="ink-minimal"] .about-card-main,
html[data-template="ink-minimal"] .mission-card {
  border-radius: 0 !important;
  border: 2px solid var(--ln) !important;
  box-shadow: none !important;
}

html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) .page-hero {
  background: linear-gradient(135deg, var(--gd), var(--g), var(--gl)) !important;
  color: #fff !important;
  min-height: 50vh !important;
  display: flex !important;
  align-items: center !important;
}
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) .page-hero h1,
html[data-template="crimson-bold"]:where([data-color="vermilion"], [data-color="midnight"], [data-color="neon-volt"]) .page-hero p { color: #fff !important; }

html[data-template="midnight-slate"] .page-hero {
  text-align: center !important;
  min-height: 55vh !important;
  display: flex !important;
  align-items: center !important;
}
html[data-template="midnight-slate"] .page-hero .container { margin-inline: auto !important; }
html[data-template="midnight-slate"] .page-hero h1 { color: var(--t1) !important; font-size: clamp(2.5rem, 6vw, 4rem) !important; }

html[data-template="neon-cyber"] .page-hero h1 {
  font-family: 'Orbitron', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

/* ── 暗色配色：恢复暗场模板视觉语义 ─────────────────────────── */
html[data-template="midnight-slate"]:where([data-color="midnight"], [data-color="neon-volt"]) {
  --w-h1-color: #fff;
}
html[data-template="midnight-slate"]:where([data-color="midnight"], [data-color="neon-volt"]) .hero-desc {
  color: rgba(255,255,255,.65) !important;
}
html[data-template="midnight-slate"]:where([data-color="midnight"], [data-color="neon-volt"]) .stats-grid {
  background: rgba(18,22,32,.92) !important;
  border: 1px solid rgba(77,163,255,.2) !important;
}
html[data-template="midnight-slate"]:where([data-color="midnight"], [data-color="neon-volt"]) .page-hero h1 {
  color: #fff !important;
}
html[data-template="neon-cyber"]:where([data-color="midnight"], [data-color="neon-volt"]) .hero-title--flat .hero-title-glyph {
  color: #E8ECF4 !important;
  -webkit-text-fill-color: #E8ECF4 !important;
}
html[data-template="neon-cyber"]:where([data-color="midnight"], [data-color="neon-volt"]) .hero-float-card,
html[data-template="neon-cyber"]:where([data-color="midnight"], [data-color="neon-volt"]) .stat-item,
html[data-template="neon-cyber"]:where([data-color="midnight"], [data-color="neon-volt"]) .value-card,
html[data-template="neon-cyber"]:where([data-color="neon-volt"]) .service-card,
html[data-template="neon-cyber"]:where([data-color="midnight"]) .service-card {
  background: #12121c !important;
  border-color: rgba(0,240,255,.22) !important;
}

/* ── 响应式：小屏恢复可用性 ─────────────────────────────────── */
@media (max-width: 768px) {
  html[data-template="calligraphy"] {
    --w-shell-cols: 1fr;
  }
  html[data-template="calligraphy"] .world-rail--scroll {
    position: relative;
    height: auto;
    flex-direction: row;
    padding: 12px 16px;
    border-right: none;
    border-bottom: 3px solid #8B4513;
  }
  html[data-template="calligraphy"] .world-rail__inner {
    writing-mode: horizontal-tb;
    flex-direction: row;
    gap: 16px;
  }
  html[data-template="calligraphy"] .navbar {
    left: 0 !important;
    width: 100% !important;
  }
  html[data-template="royal-violet"] .nav-logo { width: auto; }
  html[data-template="crimson-bold"] .hero-shell,
  html[data-template="ocean-teal"] .hero-shell,
  html[data-template="neon-cyber"] .hero-shell,
  html[data-template="classic-iris"] .hero-shell {
    display: flex !important;
    flex-direction: column !important;
  }
  html[data-template="sunset-amber"] .service-card,
  html[data-template="sunset-amber"] .service-card:nth-child(even) {
    direction: ltr !important;
    grid-template-columns: 1fr !important;
    border-left: 6px solid #C47A2A !important;
    border-right: none !important;
    border-radius: 0 16px 16px 0 !important;
  }
  html[data-template="rose-blush"] .services-grid .service-card:nth-child(2),
  html[data-template="rose-blush"] .services-grid .service-card:nth-child(3) { transform: none !important; }
  html[data-template="mint-spring"] [data-world-section="values"],
  html[data-template="mint-spring"] [data-world-section="process"],
  html[data-template="neon-cyber"] [data-world-section="process"] { transform: none !important; }
  html[data-template="neon-cyber"] [data-world-section="process"] .container { transform: none !important; }
}