/* ================================================================
   VERITAS · 12 套海报级整站身份（html[data-template]）
   每套 = 一张独立海报：封面 Hero / 字体 / 导航 / 按钮 / 子页封面
   加载顺序最后，优先级最高
   ================================================================ */

html[data-template] {
  --pf-font: var(--font);
  --pf-display: var(--font-display, var(--font));
  --pf-hero-min: auto;
  --pf-hero-pad: clamp(80px, 12vw, 140px) 0 clamp(56px, 8vw, 96px);
  --pf-hero-align: center;
  --pf-hero-text-align: center;
  --pf-title-size: clamp(2.4rem, 6vw, 4.6rem);
  --pf-title-weight: 900;
  --pf-title-lh: 1.08;
  --pf-title-spacing: -.04em;
  --pf-title-transform: none;
  --pf-title-color: var(--t1);
  --pf-sub-size: .82rem;
  --pf-sub-spacing: .14em;
  --pf-nav-h: var(--nav, 72px);
  --pf-nav-bg: transparent;
  --pf-nav-border: 1px solid transparent;
  --pf-nav-link-case: none;
  --pf-nav-link-spacing: 0;
  --pf-nav-cta-radius: var(--r);
  --pf-btn-primary-bg: var(--g);
  --pf-btn-primary-color: #fff;
  --pf-btn-primary-radius: var(--r);
  --pf-btn-primary-shadow: none;
  --pf-btn-primary-transform: none;
  --pf-btn-outline-radius: var(--r);
  --pf-section-title-font: var(--pf-display);
  --pf-section-title-size: clamp(1.9rem, 3.5vw, 2.6rem);
  --pf-section-title-weight: 800;
  --pf-section-title-align: inherit;
  --pf-body-bg: var(--black);
  --pf-orb-show: 1;
  --pf-grid-show: 0;
  --pf-chip-style: default;
}

html[data-template] body {
  font-family: var(--pf-font);
  background: var(--pf-body-bg);
}

html[data-template] .navbar,
html[data-template] .navbar.transparent {
  background: var(--pf-nav-bg) !important;
  border-bottom: var(--pf-nav-border) !important;
  backdrop-filter: var(--pf-nav-blur, none);
  -webkit-backdrop-filter: var(--pf-nav-blur, none);
  box-shadow: var(--pf-nav-shadow, none);
}
html[data-template] .nav-link {
  font-family: var(--pf-font);
  text-transform: var(--pf-nav-link-case);
  letter-spacing: var(--pf-nav-link-spacing);
  font-weight: var(--pf-nav-link-weight, 600);
  font-size: var(--pf-nav-link-size, inherit);
}
html[data-template] .nav-logo-name { font-family: var(--pf-display); }
html[data-template] .nav-cta {
  border-radius: var(--pf-nav-cta-radius) !important;
  font-family: var(--pf-font);
  text-transform: var(--pf-nav-cta-case, none);
  letter-spacing: var(--pf-nav-cta-spacing, 0);
  box-shadow: var(--pf-nav-cta-shadow, none);
  background: var(--pf-nav-cta-bg, var(--g)) !important;
  color: var(--pf-nav-cta-color, #fff) !important;
  border: var(--pf-nav-cta-border, none) !important;
}

/* ── 首页封面 Hero ───────────────────────────────────────────── */
html[data-template] .hero {
  min-height: var(--pf-hero-min);
  padding: var(--pf-hero-pad);
  background: var(--pf-hero-bg, transparent) !important;
  position: relative;
  overflow: hidden;
}
html[data-template] .hero::before { opacity: var(--pf-hero-before-op, 1); }
html[data-template] .hero::after { opacity: var(--pf-hero-after-op, 1); }
html[data-template] .hero-bg-grid { display: var(--pf-grid-display, none); opacity: var(--pf-grid-show); }
html[data-template] .hero-orb { opacity: calc(var(--pf-orb-show) * .85); }
html[data-template] .hero-shell { text-align: var(--pf-hero-text-align); align-items: var(--pf-hero-align); }
html[data-template] .hero-content { text-align: inherit; max-width: var(--pf-hero-content-max, 920px); }

html[data-template] .hero-badge {
  font-family: var(--pf-font);
  background: var(--pf-badge-bg, transparent);
  border: var(--pf-badge-border, none);
  border-radius: var(--pf-badge-radius, 0);
  padding: var(--pf-badge-padding, 0);
  color: var(--pf-badge-color, var(--t2));
  letter-spacing: var(--pf-badge-spacing, .12em);
  text-transform: var(--pf-badge-case, uppercase);
  font-size: var(--pf-badge-size, .72rem);
  margin-bottom: var(--pf-badge-mb, 28px);
}
html[data-template] .hero-badge-dot { background: var(--pf-badge-dot, var(--g)); }

html[data-template] .hero-title,
html[data-template] .hero-title-glyph {
  font-family: var(--pf-display) !important;
  font-size: var(--pf-title-size) !important;
  font-weight: var(--pf-title-weight) !important;
  line-height: var(--pf-title-lh) !important;
  letter-spacing: var(--pf-title-spacing) !important;
  text-transform: var(--pf-title-transform) !important;
  color: var(--pf-title-color) !important;
  -webkit-text-fill-color: var(--pf-title-fill, var(--pf-title-color)) !important;
}
html[data-template] .hero-title-row--core .hero-title-glyph,
html[data-template] .hero-title-glyph--hero {
  background: var(--pf-title-accent-bg, none);
  -webkit-background-clip: var(--pf-title-accent-clip, unset);
  background-clip: var(--pf-title-accent-clip, unset);
  -webkit-text-fill-color: var(--pf-title-accent-fill, inherit);
}
html[data-template] .hero-title-en {
  font-family: var(--pf-font);
  font-size: var(--pf-sub-size);
  letter-spacing: var(--pf-sub-spacing);
  color: var(--pf-sub-color, var(--t2));
  font-style: var(--pf-sub-style, normal);
  text-transform: var(--pf-sub-case, none);
}
html[data-template] .hero-desc {
  font-family: var(--pf-font);
  font-size: var(--pf-desc-size, inherit);
  line-height: var(--pf-desc-lh, 1.85);
  color: var(--pf-desc-color, var(--t2));
  max-width: var(--pf-desc-max, 540px);
  margin-inline: var(--pf-desc-mx, auto);
}
html[data-template] .hero-actions { justify-content: var(--pf-actions-justify, center); }
html[data-template] .btn--primary {
  font-family: var(--pf-font) !important;
  background: var(--pf-btn-primary-bg) !important;
  color: var(--pf-btn-primary-color) !important;
  border-radius: var(--pf-btn-primary-radius) !important;
  box-shadow: var(--pf-btn-primary-shadow) !important;
  transform: var(--pf-btn-primary-transform);
  border: var(--pf-btn-primary-border, none) !important;
  text-transform: var(--pf-btn-case, none);
  letter-spacing: var(--pf-btn-spacing, 0);
  font-weight: var(--pf-btn-weight, 700);
  font-size: var(--pf-btn-size, inherit);
  padding: var(--pf-btn-padding, inherit);
}
html[data-template] .btn--outline {
  font-family: var(--pf-font) !important;
  border-radius: var(--pf-btn-outline-radius) !important;
  border: var(--pf-btn-outline-border, 1.5px solid var(--ln)) !important;
  color: var(--pf-btn-outline-color, var(--t1)) !important;
  background: var(--pf-btn-outline-bg, transparent) !important;
  text-transform: var(--pf-btn-case, none);
  letter-spacing: var(--pf-btn-spacing, 0);
}
html[data-template] .hero-stats {
  border-top: var(--pf-stats-border, 1px solid var(--ln));
  max-width: var(--pf-stats-max, 640px);
  margin-inline: var(--pf-stats-mx, auto);
}
html[data-template] .hero-stat-num {
  font-family: var(--pf-display);
  color: var(--pf-stat-num-color, var(--g));
  font-size: var(--pf-stat-num-size, 1.6rem);
}
html[data-template] .hero-chip {
  border-radius: var(--pf-chip-radius, var(--r));
  background: var(--pf-chip-bg, var(--d1));
  border: var(--pf-chip-border, 1px solid var(--ln));
  box-shadow: var(--pf-chip-shadow, none);
}

html[data-template] .section-title {
  font-family: var(--pf-section-title-font) !important;
  font-size: var(--pf-section-title-size) !important;
  font-weight: var(--pf-section-title-weight) !important;
  text-align: var(--pf-section-title-align) !important;
  letter-spacing: var(--pf-section-title-spacing, inherit);
  text-transform: var(--pf-section-title-case, none);
  color: var(--pf-section-title-color, var(--t1));
}
html[data-template] .section-badge {
  font-family: var(--pf-font);
  background: var(--pf-sec-badge-bg, transparent);
  border: var(--pf-sec-badge-border, none);
  border-radius: var(--pf-sec-badge-radius, 999px);
  color: var(--pf-sec-badge-color, var(--g));
  letter-spacing: var(--pf-sec-badge-spacing, .1em);
  text-transform: var(--pf-sec-badge-case, uppercase);
  font-size: var(--pf-sec-badge-size, .72rem);
}

/* 子页 = 迷你海报封面 */
html[data-template] .page-hero,
html[data-template] .news-hero {
  min-height: var(--pf-sub-hero-min, auto);
  background: var(--pf-sub-hero-bg, var(--pf-hero-bg, transparent)) !important;
  text-align: var(--pf-sub-hero-align, var(--pf-hero-text-align));
  padding: var(--pf-sub-hero-pad, clamp(96px, 14vw, 140px) 0 clamp(56px, 8vw, 80px));
}
html[data-template] .page-hero-title,
html[data-template] .page-hero h1,
html[data-template] .news-hero-title {
  font-family: var(--pf-display) !important;
  font-size: var(--pf-sub-title-size, clamp(2rem, 4.5vw, 3.2rem)) !important;
  font-weight: var(--pf-title-weight) !important;
  letter-spacing: var(--pf-title-spacing) !important;
  text-transform: var(--pf-title-transform) !important;
  color: var(--pf-sub-title-color, var(--pf-title-color)) !important;
}
html[data-template] .page-hero-tag,
html[data-template] .news-hero-tag {
  font-family: var(--pf-font);
  background: var(--pf-badge-bg, var(--g10));
  border: var(--pf-badge-border, none);
  border-radius: var(--pf-badge-radius, 999px);
  color: var(--pf-badge-color, var(--g));
  letter-spacing: var(--pf-badge-spacing, .12em);
  text-transform: var(--pf-badge-case, uppercase);
}

html[data-template] .footer {
  background: var(--pf-footer-bg, var(--d2)) !important;
  border-top: var(--pf-footer-border, 1px solid var(--ln));
}
html[data-template] .footer,
html[data-template] .footer * {
  font-family: var(--pf-font);
}

/* ═══════════════════════════════════════════════════════════════
   A · 鸢尾旗舰 — 科技年报海报：左对齐大标题 + 电路底纹 + 蓝紫渐变
   ═══════════════════════════════════════════════════════════════ */
html[data-template="classic-iris"] {
  --pf-font: 'Inter', 'PingFang SC', sans-serif;
  --pf-display: 'Inter', 'PingFang SC', sans-serif;
  --pf-hero-min: min(88vh, 860px);
  --pf-hero-text-align: left;
  --pf-hero-align: center;
  --pf-title-size: clamp(2.8rem, 5.5vw, 4.8rem);
  --pf-title-spacing: -.045em;
  --pf-title-accent-bg: linear-gradient(135deg, var(--gd), var(--g), var(--gl));
  --pf-title-accent-clip: text;
  --pf-title-accent-fill: transparent;
  --pf-hero-bg: linear-gradient(125deg, var(--g10) 0%, transparent 42%), var(--black);
  --pf-grid-display: block;
  --pf-grid-show: 1;
  --pf-badge-bg: var(--g10);
  --pf-badge-border: 1px solid var(--ln);
  --pf-badge-radius: 8px;
  --pf-badge-color: var(--g);
  --pf-nav-blur: blur(16px);
  --pf-nav-border: 1px solid var(--ln);
  --pf-nav-cta-radius: 10px;
  --pf-nav-cta-shadow: 0 4px 20px rgba(91,115,183,.3);
  --pf-btn-primary-radius: 10px;
  --pf-btn-primary-shadow: 0 6px 24px rgba(91,115,183,.28);
  --pf-sub-hero-bg: linear-gradient(135deg, var(--g10), var(--black));
  --pf-sub-hero-align: left;
}
html[data-template="classic-iris"] .hero::after {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, var(--geo), var(--seo), var(--orm));
}
html[data-template="classic-iris"] .hero-title-rule {
  display: block; width: 64px; height: 4px;
  background: var(--grad-brand); margin-top: 16px; border-radius: 2px;
}

/* ═══════════════════════════════════════════════════════════════
   B · 午夜深空 — 电影海报：全屏暗场 + 聚光灯 + 巨字居中
   ═══════════════════════════════════════════════════════════════ */
html[data-template="midnight-slate"] {
  --pf-font: 'Inter', sans-serif;
  --pf-display: 'Inter', sans-serif;
  --pf-hero-min: 100vh;
  --pf-hero-pad: 0;
  --pf-hero-text-align: center;
  --pf-hero-align: center;
  --pf-hero-content-max: 900px;
  --pf-title-size: clamp(3.2rem, 9vw, 6.5rem);
  --pf-title-weight: 800;
  --pf-title-lh: 1.02;
  --pf-title-spacing: -.05em;
  --pf-title-color: #fff;
  --pf-title-fill: #fff;
  --pf-title-accent-fill: #fff;
  --pf-sub-color: rgba(255,255,255,.55);
  --pf-desc-color: rgba(255,255,255,.65);
  --pf-hero-bg:
    radial-gradient(ellipse 75% 55% at 50% 15%, rgba(77,163,255,.22) 0%, transparent 62%),
    radial-gradient(ellipse 45% 35% at 80% 75%, rgba(61,214,198,.1) 0%, transparent 55%),
    #0E1117;
  --pf-body-bg: #0E1117;
  --pf-orb-show: 1;
  --pf-badge-bg: rgba(77,163,255,.12);
  --pf-badge-border: 1px solid rgba(77,163,255,.3);
  --pf-badge-color: #7BB8FF;
  --pf-badge-radius: 999px;
  --pf-nav-bg: rgba(14,17,23,.6);
  --pf-nav-blur: blur(20px);
  --pf-nav-border: 1px solid rgba(77,163,255,.12);
  --pf-nav-link-color: rgba(255,255,255,.85);
  --pf-nav-cta-radius: 999px;
  --pf-nav-cta-shadow: 0 0 28px rgba(77,163,255,.4);
  --pf-btn-primary-radius: 999px;
  --pf-btn-primary-shadow: 0 0 32px rgba(77,163,255,.45);
  --pf-btn-outline-color: #fff;
  --pf-btn-outline-border: 1.5px solid rgba(255,255,255,.45);
  --pf-stat-num-color: #7BB8FF;
  --pf-stats-border: 1px solid rgba(77,163,255,.2);
  --pf-sub-hero-bg: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(77,163,255,.18), #0E1117);
  --pf-sub-title-color: #fff;
  --pf-chip-bg: rgba(21,25,34,.8);
  --pf-chip-border: 1px solid rgba(77,163,255,.25);
}
html[data-template="midnight-slate"] .hero-shell {
  min-height: 100vh;
  display: flex; flex-direction: column;
  justify-content: center; align-items: center;
  padding: calc(var(--nav) + 40px) 24px 60px;
}
html[data-template="midnight-slate"] .hero-title-glyph {
  text-shadow: 0 0 60px rgba(77,163,255,.25), 0 4px 24px rgba(0,0,0,.5);
}
html[data-template="midnight-slate"] .navbar.transparent .nav-link { color: rgba(255,255,255,.88); }
html[data-template="midnight-slate"] .page-hero-desc,
html[data-template="midnight-slate"] .page-hero p { color: rgba(255,255,255,.65); margin-inline: auto; }

/* ═══════════════════════════════════════════════════════════════
   C · 翡翠有机 — 健康品牌海报：暖白底 + 衬线大标题 + 圆角便当
   ═══════════════════════════════════════════════════════════════ */
html[data-template="forest-jade"] {
  --pf-font: 'Inter', 'PingFang SC', sans-serif;
  --pf-display: 'Noto Serif SC', 'PingFang SC', serif;
  --pf-hero-min: min(85vh, 820px);
  --pf-hero-text-align: center;
  --pf-title-size: clamp(2.6rem, 5vw, 4.2rem);
  --pf-title-weight: 900;
  --pf-title-lh: 1.15;
  --pf-title-color: #1A2E24;
  --pf-hero-bg:
    radial-gradient(circle at 12% 18%, rgba(45,139,110,.14) 0%, transparent 42%),
    radial-gradient(circle at 88% 82%, rgba(61,168,130,.1) 0%, transparent 40%),
    #F2F7F4;
  --pf-body-bg: #F2F7F4;
  --pf-orb-show: 0.3;
  --pf-badge-bg: rgba(45,139,110,.12);
  --pf-badge-border: 1px solid rgba(45,139,110,.22);
  --pf-badge-color: #2D8B6E;
  --pf-badge-radius: 14px;
  --pf-nav-bg: rgba(248,251,249,.92);
  --pf-nav-blur: blur(12px);
  --pf-nav-border: 1px solid rgba(45,139,110,.15);
  --pf-nav-cta-radius: 14px;
  --pf-btn-primary-radius: 14px;
  --pf-btn-outline-radius: 14px;
  --pf-section-title-font: 'Noto Serif SC', serif;
  --pf-chip-radius: 16px;
  --pf-sub-hero-bg: radial-gradient(circle at 30% 20%, rgba(45,139,110,.12), #F2F7F4);
}
html[data-template="forest-jade"] .hero-content {
  background: rgba(255,255,255,.65);
  backdrop-filter: blur(8px);
  border-radius: 32px;
  padding: clamp(32px, 5vw, 48px) clamp(24px, 4vw, 40px);
  border: 1px solid rgba(45,139,110,.15);
  box-shadow: 0 24px 64px rgba(45,139,110,.1);
}

/* ═══════════════════════════════════════════════════════════════
   D · 琥珀杂志 — 期刊封面：衬线巨标 + 纸纹 + 章节编号
   ═══════════════════════════════════════════════════════════════ */
html[data-template="sunset-amber"] {
  --pf-font: 'DM Sans', 'PingFang SC', sans-serif;
  --pf-display: 'Noto Serif SC', 'Georgia', serif;
  --pf-hero-min: min(92vh, 900px);
  --pf-hero-text-align: left;
  --pf-title-size: clamp(3rem, 7vw, 5.5rem);
  --pf-title-weight: 900;
  --pf-title-lh: 1.05;
  --pf-title-spacing: -.02em;
  --pf-title-color: #2C1810;
  --pf-hero-bg:
    repeating-linear-gradient(0deg, transparent, transparent 28px, rgba(196,122,42,.05) 28px, rgba(196,122,42,.05) 29px),
    #FBF6EF;
  --pf-body-bg: #FBF6EF;
  --pf-orb-show: 0;
  --pf-badge-bg: #C47A2A;
  --pf-badge-color: #fff;
  --pf-badge-radius: 0;
  --pf-badge-spacing: .2em;
  --pf-badge-case: uppercase;
  --pf-nav-link-case: uppercase;
  --pf-nav-link-spacing: .08em;
  --pf-nav-link-size: .78rem;
  --pf-nav-border: 1px solid rgba(196,122,42,.25);
  --pf-nav-cta-radius: 0;
  --pf-btn-primary-radius: 0;
  --pf-btn-outline-radius: 0;
  --pf-btn-case: uppercase;
  --pf-btn-spacing: .1em;
  --pf-btn-size: .82rem;
  --pf-section-title-font: 'Noto Serif SC', serif;
  --pf-section-title-weight: 700;
  --pf-sub-style: italic;
  --pf-sub-hero-bg: repeating-linear-gradient(0deg, transparent, transparent 28px, rgba(196,122,42,.05) 28px, rgba(196,122,42,.05) 29px), #FBF6EF;
  --pf-sub-hero-align: left;
}
html[data-template="sunset-amber"] .hero-title::before {
  content: 'VOL.2026';
  display: block;
  font-family: 'DM Sans', sans-serif;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .28em;
  color: var(--g);
  margin-bottom: 20px;
}
html[data-template="sunset-amber"] .section-title::before {
  content: counter(scheme-sec, decimal-leading-zero) ' — ';
  color: var(--g);
  font-family: 'DM Sans', sans-serif;
  font-size: .42em;
  font-weight: 800;
}

/* ═══════════════════════════════════════════════════════════════
   E · 皇家高定 — 奢品海报：Playfair 细体 + 大留白 + 装饰线
   ═══════════════════════════════════════════════════════════════ */
html[data-template="royal-violet"] {
  --pf-font: 'Inter', 'PingFang SC', sans-serif;
  --pf-display: 'Playfair Display', 'Noto Serif SC', serif;
  --pf-hero-min: min(80vh, 760px);
  --pf-hero-text-align: center;
  --pf-hero-content-max: 680px;
  --pf-title-size: clamp(2.4rem, 5.5vw, 4rem);
  --pf-title-weight: 700;
  --pf-title-lh: 1.2;
  --pf-title-spacing: .04em;
  --pf-title-color: #1E1030;
  --pf-hero-bg: radial-gradient(ellipse 60% 45% at 50% 0%, rgba(107,63,160,.06), #F5F2FA);
  --pf-body-bg: #F5F2FA;
  --pf-orb-show: 0;
  --pf-badge-bg: transparent;
  --pf-badge-border: 1px solid var(--g);
  --pf-badge-color: var(--g);
  --pf-badge-radius: 0;
  --pf-badge-spacing: .22em;
  --pf-nav-link-case: uppercase;
  --pf-nav-link-spacing: .14em;
  --pf-nav-link-size: .72rem;
  --pf-nav-cta-radius: 0;
  --pf-nav-cta-case: uppercase;
  --pf-nav-cta-spacing: .16em;
  --pf-btn-primary-radius: 0;
  --pf-btn-outline-radius: 0;
  --pf-btn-case: uppercase;
  --pf-btn-spacing: .14em;
  --pf-btn-size: .75rem;
  --pf-btn-padding: 14px 36px;
  --pf-section-title-align: center;
  --pf-section-title-weight: 700;
  --pf-section-title-spacing: .04em;
  --pf-sub-style: italic;
  --pf-sub-spacing: .2em;
  --pf-desc-size: .95rem;
  --pf-footer-border: 2px solid var(--g);
}
html[data-template="royal-violet"] .hero-title::after,
html[data-template="royal-violet"] .section-title::after {
  content: '';
  display: block;
  width: 48px; height: 2px;
  background: linear-gradient(90deg, var(--g), transparent);
  margin: 20px auto 0;
}
html[data-template="royal-violet"] .hero-desc { font-style: italic; opacity: .88; }

/* ═══════════════════════════════════════════════════════════════
   F · 海洋 SaaS — 产品发布海报：宽屏友好 + 圆角 Dashboard 风
   ═══════════════════════════════════════════════════════════════ */
html[data-template="ocean-teal"] {
  --pf-font: 'Nunito Sans', 'PingFang SC', sans-serif;
  --pf-display: 'Nunito Sans', sans-serif;
  --pf-hero-min: min(86vh, 840px);
  --pf-hero-text-align: left;
  --pf-title-size: clamp(2.8rem, 5vw, 4.4rem);
  --pf-title-weight: 800;
  --pf-title-lh: 1.12;
  --pf-title-color: #0C2A32;
  --pf-hero-bg:
    linear-gradient(135deg, rgba(14,116,144,.08) 0%, transparent 50%),
    linear-gradient(225deg, rgba(34,211,238,.06) 0%, transparent 50%),
    #F0F8FA;
  --pf-body-bg: #F0F8FA;
  --pf-badge-bg: rgba(14,116,144,.12);
  --pf-badge-border: 1px solid rgba(14,116,144,.22);
  --pf-badge-color: #0E7490;
  --pf-badge-radius: 10px;
  --pf-nav-bg: #fff;
  --pf-nav-border: 1px solid rgba(14,116,144,.12);
  --pf-nav-shadow: 0 4px 24px rgba(14,116,144,.08);
  --pf-nav-cta-radius: 12px;
  --pf-nav-cta-shadow: 0 8px 24px rgba(14,116,144,.25);
  --pf-btn-primary-radius: 12px;
  --pf-btn-primary-shadow: 0 8px 28px rgba(14,116,144,.28);
  --pf-btn-outline-radius: 12px;
  --pf-stat-num-size: 2rem;
  --pf-sub-hero-bg: linear-gradient(135deg, rgba(14,116,144,.08), #F0F8FA);
}
html[data-template="ocean-teal"] .hero::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(var(--ln) 1px, transparent 1px), linear-gradient(90deg, var(--ln) 1px, transparent 1px);
  background-size: 56px 56px;
  opacity: .4; pointer-events: none;
}
html[data-template="ocean-teal"] .hero-stat-num {
  background: linear-gradient(135deg, var(--g), var(--gll));
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ═══════════════════════════════════════════════════════════════
   G · 玫瑰轻奢 — 美妆海报：Cormorant 优雅大标 + 柔粉光斑
   ═══════════════════════════════════════════════════════════════ */
html[data-template="rose-blush"] {
  --pf-font: 'Inter', 'PingFang SC', sans-serif;
  --pf-display: 'Cormorant Garamond', 'Noto Serif SC', serif;
  --pf-hero-min: min(90vh, 880px);
  --pf-hero-text-align: center;
  --pf-title-size: clamp(3rem, 7vw, 5.2rem);
  --pf-title-weight: 700;
  --pf-title-lh: 1.08;
  --pf-title-spacing: .02em;
  --pf-title-color: #2A1018;
  --pf-hero-bg:
    radial-gradient(ellipse 55% 45% at 22% 28%, rgba(232,136,154,.22) 0%, transparent 58%),
    radial-gradient(ellipse 48% 40% at 78% 72%, rgba(212,101,128,.16) 0%, transparent 52%),
    #FDF5F7;
  --pf-body-bg: #FDF5F7;
  --pf-badge-bg: rgba(190,75,106,.1);
  --pf-badge-border: 1px solid rgba(190,75,106,.2);
  --pf-badge-color: #BE4B6A;
  --pf-badge-radius: 999px;
  --pf-nav-cta-radius: 999px;
  --pf-btn-primary-bg: linear-gradient(135deg, #9A3050, #BE4B6A, #E8889A);
  --pf-btn-primary-radius: 999px;
  --pf-btn-primary-shadow: 0 10px 32px rgba(190,75,106,.35);
  --pf-btn-outline-radius: 999px;
  --pf-section-title-font: 'Cormorant Garamond', serif;
  --pf-section-title-weight: 700;
  --pf-sub-spacing: .22em;
  --pf-sub-style: italic;
  --pf-sub-hero-bg: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(232,136,154,.2), #FDF5F7);
}
html[data-template="rose-blush"] .hero-title-glyph {
  font-style: italic;
}
html[data-template="rose-blush"] .hero-title-en {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1rem;
  letter-spacing: .28em;
}

/* ═══════════════════════════════════════════════════════════════
   H · 墨色瑞士 — 国际主义海报：网格 + 超大黑体 + 零装饰
   ═══════════════════════════════════════════════════════════════ */
html[data-template="ink-minimal"] {
  --pf-font: 'IBM Plex Sans', 'PingFang SC', sans-serif;
  --pf-display: 'IBM Plex Sans', sans-serif;
  --pf-hero-min: min(78vh, 720px);
  --pf-hero-text-align: left;
  --pf-title-size: clamp(2.8rem, 8vw, 5.8rem);
  --pf-title-weight: 700;
  --pf-title-lh: .95;
  --pf-title-spacing: -.06em;
  --pf-title-transform: uppercase;
  --pf-title-color: #111;
  --pf-hero-bg:
    linear-gradient(#ddd 1px, transparent 1px),
    linear-gradient(90deg, #ddd 1px, transparent 1px),
    #FAFAFA;
  --pf-body-bg: #FAFAFA;
  --pf-orb-show: 0;
  --pf-grid-show: 0;
  --pf-badge-bg: transparent;
  --pf-badge-border: none;
  --pf-badge-color: #111;
  --pf-badge-case: uppercase;
  --pf-badge-spacing: .24em;
  --pf-badge-size: .62rem;
  --pf-badge-padding: 0 0 8px 0;
  --pf-nav-border: 2px solid #111;
  --pf-nav-link-case: uppercase;
  --pf-nav-link-spacing: .1em;
  --pf-nav-link-size: .72rem;
  --pf-nav-cta-radius: 0;
  --pf-nav-cta-bg: #111;
  --pf-btn-primary-bg: #111;
  --pf-btn-primary-color: #fff;
  --pf-btn-primary-radius: 0;
  --pf-btn-outline-radius: 0;
  --pf-btn-case: uppercase;
  --pf-btn-spacing: .12em;
  --pf-section-title-case: uppercase;
  --pf-section-title-spacing: -.04em;
  --pf-section-title-size: clamp(1.5rem, 3vw, 2.2rem);
  --pf-footer-border: 4px solid #111;
  --pf-sub-hero-bg: linear-gradient(#ddd 1px, transparent 1px), linear-gradient(90deg, #ddd 1px, transparent 1px), #FAFAFA;
  --pf-sub-hero-align: left;
  --pf-sub-title-size: clamp(2rem, 6vw, 4rem);
}
html[data-template="ink-minimal"] .hero-badge {
  border-bottom: 2px solid #111 !important;
}
html[data-template="ink-minimal"] .hero {
  border-bottom: 4px solid #111;
}
html[data-template="ink-minimal"] .hero-title-glyph {
  -webkit-text-fill-color: #111 !important;
  color: #111 !important;
}
html[data-template="ink-minimal"] .hero-chip {
  border-radius: 0;
  border: 1px solid #111;
  background: #fff;
}

/* ═══════════════════════════════════════════════════════════════
   I · 赤红权威 — 宣言海报：全幅红底 + 白字巨标
   ═══════════════════════════════════════════════════════════════ */
html[data-template="crimson-bold"] {
  --pf-font: 'Noto Sans SC', 'PingFang SC', sans-serif;
  --pf-display: 'Noto Sans SC', sans-serif;
  --pf-hero-min: min(88vh, 860px);
  --pf-hero-text-align: left;
  --pf-title-size: clamp(3rem, 8vw, 6rem);
  --pf-title-weight: 900;
  --pf-title-lh: 1;
  --pf-title-spacing: -.03em;
  --pf-title-color: #fff;
  --pf-title-fill: #fff;
  --pf-sub-color: rgba(255,255,255,.75);
  --pf-desc-color: rgba(255,255,255,.82);
  --pf-hero-bg: linear-gradient(135deg, #991B1B 0%, #DC2626 50%, #B91C1C 100%);
  --pf-body-bg: #FDF5F5;
  --pf-orb-show: 0;
  --pf-badge-bg: rgba(255,255,255,.18);
  --pf-badge-color: #fff;
  --pf-badge-border: 1px solid rgba(255,255,255,.35);
  --pf-badge-radius: 2px;
  --pf-nav-bg: transparent;
  --pf-nav-cta-radius: 2px;
  --pf-nav-cta-bg: #fff;
  --pf-nav-cta-color: #B91C1C;
  --pf-btn-primary-bg: #fff;
  --pf-btn-primary-color: #B91C1C;
  --pf-btn-primary-radius: 2px;
  --pf-btn-outline-color: #fff;
  --pf-btn-outline-border: 2px solid #fff;
  --pf-btn-outline-bg: transparent;
  --pf-stat-num-color: #fff;
  --pf-stats-border: 1px solid rgba(255,255,255,.25);
  --pf-section-title-weight: 900;
  --pf-sub-hero-bg: linear-gradient(135deg, #991B1B, #DC2626);
  --pf-sub-title-color: #fff;
  --pf-chip-bg: rgba(255,255,255,.12);
  --pf-chip-border: 1px solid rgba(255,255,255,.25);
}
html[data-template="crimson-bold"] .hero-title {
  border-left: 10px solid #fff;
  padding-left: clamp(20px, 3vw, 36px);
}
html[data-template="crimson-bold"] .navbar.transparent .nav-link { color: rgba(255,255,255,.92); }
html[data-template="crimson-bold"] .navbar.transparent .nav-logo-name { color: #fff; }
html[data-template="crimson-bold"] .page-hero-tag,
html[data-template="crimson-bold"] .page-hero-desc,
html[data-template="crimson-bold"] .page-hero p { color: rgba(255,255,255,.85) !important; }
html[data-template="crimson-bold"] .section-title {
  border-left: 6px solid var(--g);
  padding-left: 20px;
  text-align: left !important;
}

/* ═══════════════════════════════════════════════════════════════
   J · 薄荷创意 — 波普海报：粗野阴影 + 倾斜 + 胶囊活泼
   ═══════════════════════════════════════════════════════════════ */
html[data-template="mint-spring"] {
  --pf-font: 'Quicksand', 'PingFang SC', sans-serif;
  --pf-display: 'Quicksand', sans-serif;
  --pf-hero-min: min(84vh, 800px);
  --pf-hero-text-align: center;
  --pf-title-size: clamp(2.8rem, 6.5vw, 4.8rem);
  --pf-title-weight: 700;
  --pf-title-lh: 1.05;
  --pf-title-color: #064E3B;
  --pf-hero-bg:
    linear-gradient(135deg, rgba(5,150,105,.1) 0%, transparent 45%),
    linear-gradient(225deg, rgba(52,211,153,.08) 0%, transparent 45%),
    #F0FDF9;
  --pf-body-bg: #F0FDF9;
  --pf-badge-bg: #059669;
  --pf-badge-color: #fff;
  --pf-badge-radius: 999px;
  --pf-nav-cta-radius: 999px;
  --pf-nav-cta-shadow: 4px 4px 0 #047857;
  --pf-btn-primary-radius: 999px;
  --pf-btn-primary-shadow: 5px 5px 0 #047857;
  --pf-btn-primary-transform: rotate(-1deg);
  --pf-btn-outline-radius: 999px;
  --pf-section-title-weight: 700;
  --pf-sub-hero-bg: linear-gradient(135deg, rgba(5,150,105,.1), #F0FDF9);
}
html[data-template="mint-spring"] .hero-badge {
  transform: rotate(-2deg);
  box-shadow: 4px 4px 0 #047857;
}
html[data-template="mint-spring"] .hero-title-glyph--hero {
  color: #059669 !important;
  -webkit-text-fill-color: #059669 !important;
}
html[data-template="mint-spring"] .hero-chip {
  border-radius: 999px;
  box-shadow: 3px 3px 0 var(--g10);
  border: 2px solid var(--ln);
}

/* ═══════════════════════════════════════════════════════════════
   K · 墨韵文创 — 书画展海报：书法巨标 + 纸轴侧栏 + 朱印
   ═══════════════════════════════════════════════════════════════ */
html[data-template="calligraphy"] {
  --pf-font: 'Inter', 'PingFang SC', sans-serif;
  --pf-display: 'Ma Shan Zheng', 'Noto Serif SC', serif;
  --pf-hero-min: min(88vh, 860px);
  --pf-hero-text-align: left;
  --pf-title-size: clamp(3.2rem, 8vw, 5.8rem);
  --pf-title-weight: 400;
  --pf-title-lh: 1.2;
  --pf-title-spacing: .08em;
  --pf-title-color: #3D2817;
  --pf-hero-bg:
    linear-gradient(90deg, rgba(139,69,19,.08) 0%, transparent 12%),
    repeating-linear-gradient(0deg, transparent, transparent 32px, rgba(139,69,19,.04) 32px, rgba(139,69,19,.04) 33px),
    #F9F5EE;
  --pf-body-bg: #F9F5EE;
  --pf-orb-show: 0;
  --pf-badge-bg: transparent;
  --pf-badge-border: 2px solid #8B4513;
  --pf-badge-color: #8B4513;
  --pf-badge-radius: 0;
  --pf-nav-border: 1px solid rgba(139,69,19,.2);
  --pf-nav-cta-radius: 0;
  --pf-btn-primary-bg: #8B4513;
  --pf-btn-primary-radius: 0;
  --pf-btn-outline-radius: 0;
  --pf-section-title-font: 'Ma Shan Zheng', 'Noto Serif SC', serif;
  --pf-section-title-weight: 400;
  --pf-section-title-size: clamp(2rem, 4vw, 3rem);
  --pf-sub-hero-bg: linear-gradient(90deg, rgba(139,69,19,.08), transparent 15%), #F9F5EE;
  --pf-footer-bg: linear-gradient(180deg, #F0E8DA, #F9F5EE);
}
html[data-template="calligraphy"] body::before {
  content: '';
  position: fixed; left: 0; top: 0; bottom: 0; width: 8px;
  background: linear-gradient(180deg, #8B4513, transparent 25%, transparent 75%, #8B4513);
  opacity: .5; z-index: 9990; pointer-events: none;
}
html[data-template="calligraphy"] .hero-badge::before { content: '印 · '; }
html[data-template="calligraphy"] .hero-title-glyph {
  font-weight: 400 !important;
}
html[data-template="calligraphy"] .page-hero-title,
html[data-template="calligraphy"] .page-hero h1 {
  font-weight: 400 !important;
  letter-spacing: .1em;
}

/* ═══════════════════════════════════════════════════════════════
   L · 霓虹赛博 — 赛博朋克海报：Orbitron + 扫描线 + 霓虹框
   ═══════════════════════════════════════════════════════════════ */
html[data-template="neon-cyber"] {
  --pf-font: 'Inter', 'PingFang SC', sans-serif;
  --pf-display: 'Orbitron', 'Inter', sans-serif;
  --pf-hero-min: min(92vh, 900px);
  --pf-hero-text-align: left;
  --pf-title-size: clamp(2.2rem, 5.5vw, 3.8rem);
  --pf-title-weight: 700;
  --pf-title-lh: 1.1;
  --pf-title-spacing: .06em;
  --pf-title-transform: uppercase;
  --pf-title-color: #E8ECF4;
  --pf-hero-bg:
    linear-gradient(135deg, rgba(0,240,255,.06) 0%, transparent 40%),
    linear-gradient(225deg, rgba(255,0,170,.04) 0%, transparent 40%),
    #0A0A12;
  --pf-body-bg: #0A0A12;
  --pf-orb-show: 0.2;
  --pf-badge-bg: rgba(0,240,255,.08);
  --pf-badge-border: 1px solid rgba(0,240,255,.35);
  --pf-badge-color: #00F0FF;
  --pf-badge-radius: 2px;
  --pf-badge-case: uppercase;
  --pf-badge-spacing: .2em;
  --pf-badge-size: .6rem;
  --pf-nav-bg: rgba(10,10,18,.85);
  --pf-nav-blur: blur(12px);
  --pf-nav-border: 1px solid rgba(0,240,255,.2);
  --pf-nav-link-case: uppercase;
  --pf-nav-link-spacing: .08em;
  --pf-nav-link-size: .72rem;
  --pf-nav-cta-radius: 2px;
  --pf-nav-cta-bg: transparent;
  --pf-nav-cta-color: #00F0FF;
  --pf-nav-cta-border: 1px solid #00F0FF;
  --pf-nav-cta-shadow: 0 0 20px rgba(0,240,255,.3);
  --pf-btn-primary-bg: transparent;
  --pf-btn-primary-color: #00F0FF;
  --pf-btn-primary-border: 1px solid #00F0FF;
  --pf-btn-primary-radius: 2px;
  --pf-btn-primary-shadow: 0 0 24px rgba(0,240,255,.25);
  --pf-btn-case: uppercase;
  --pf-btn-spacing: .12em;
  --pf-btn-size: .78rem;
  --pf-btn-outline-color: #FF00AA;
  --pf-btn-outline-border: 1px solid #FF00AA;
  --pf-section-title-case: uppercase;
  --pf-section-title-spacing: .08em;
  --pf-section-title-size: clamp(1.4rem, 3vw, 2.2rem);
  --pf-sub-color: rgba(0,240,255,.6);
  --pf-desc-color: rgba(232,236,244,.7);
  --pf-stat-num-color: #00F0FF;
  --pf-sub-hero-bg: linear-gradient(180deg, rgba(0,240,255,.08), #0A0A12);
  --pf-sub-title-color: #E8ECF4;
  --pf-chip-bg: rgba(10,10,18,.9);
  --pf-chip-border: 1px solid rgba(0,240,255,.25);
}
html[data-template="neon-cyber"] body::after {
  content: '';
  position: fixed; inset: 0;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,.04) 2px, rgba(0,0,0,.04) 4px);
  pointer-events: none; z-index: 9998; opacity: .45;
}
html[data-template="neon-cyber"] .hero-badge::before { content: '// '; opacity: .5; }
html[data-template="neon-cyber"] .hero-title-glyph {
  text-shadow: 0 0 40px rgba(0,240,255,.25);
}
html[data-template="neon-cyber"] .hero-content {
  border: 1px solid rgba(0,240,255,.2);
  padding: clamp(28px, 4vw, 40px);
  box-shadow: inset 0 0 40px rgba(0,240,255,.04), 0 0 60px rgba(0,240,255,.06);
  position: relative;
}
html[data-template="neon-cyber"] .hero-content::before,
html[data-template="neon-cyber"] .hero-content::after {
  content: '';
  position: absolute;
  width: 16px; height: 16px;
  border: 2px solid #00F0FF;
  pointer-events: none;
}
html[data-template="neon-cyber"] .hero-content::before { top: -1px; left: -1px; border-right: none; border-bottom: none; }
html[data-template="neon-cyber"] .hero-content::after { bottom: -1px; right: -1px; border-left: none; border-top: none; }
html[data-template="neon-cyber"] .navbar.transparent .nav-link { color: rgba(232,236,244,.88); }

@media (max-width: 768px) {
  html[data-template="midnight-slate"] .hero-title { font-size: clamp(2.4rem, 11vw, 3.6rem) !important; }
  html[data-template="crimson-bold"] .hero-title { font-size: clamp(2.2rem, 10vw, 3.4rem) !important; }
  html[data-template="sunset-amber"] .hero-title { font-size: clamp(2.2rem, 9vw, 3.2rem) !important; }
  html[data-template="forest-jade"] .hero-content { border-radius: 20px; padding: 24px 20px; }
  html[data-template="calligraphy"] body::before { width: 4px; }
  html[data-template="neon-cyber"] body::after { opacity: .25; }
}