/**
 * 首页风格主题层（P19）· 灵智AI
 *
 * 由 HomeStyleService 决定当前风格，服务端把 key 写到 <html data-home-style="<key>">，
 * 本文件按该属性套用配色与光效。key 必须与 Lingzhi\Domain\Style\HomeStyleCatalog 一致。
 *
 * 设计约束（很重要）：
 *   1. 所有规则都带 html[data-home-style...] 前缀；关闭风格开关时服务端输出空值，本文件零影响。
 *   2. 只覆盖配色/光效，不改布局、尺寸、定位，避免与首页 Vue 组件和既有响应式规则冲突。
 *   3. tech-cyan 必须与历史默认（app.css 中 jnai8 段）完全等价，作为「切回原样」的安全档。
 */

/* ============================== 通用层（变量驱动，只写一次） ============================== */
html[data-home-style] .public-home {
  background: var(--jn-bg);
  color: var(--jn-text);
}

/* 全局背景：顶部主题光带 + 三处主题光晕 + 底色 */
html[data-home-style] .public-home::before {
  background:
    linear-gradient(90deg, transparent 0%, var(--lz-topline, transparent) 50%, transparent 100%) no-repeat 50% 0 / 100% 2px,
    radial-gradient(circle at 82% -6%, var(--lz-glow-1), transparent 34%),
    radial-gradient(circle at 12% 72%, var(--lz-glow-2), transparent 32%),
    radial-gradient(circle at 50% 88%, var(--lz-glow-3), transparent 22%),
    var(--jn-bg);
}

html[data-home-style] .public-home::after {
  background:
    linear-gradient(var(--lz-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--lz-grid) 1px, transparent 1px);
  background-size: 4rem 4rem;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent 82%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent 82%);
}

/* 顶部品牌与导航 */
html[data-home-style] .public-home .home-brand span {
  background: linear-gradient(135deg, var(--jn-primary), var(--lz-brand-2));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

html[data-home-style] .public-home .home-brand img {
  box-shadow: 0 0 .71rem var(--lz-halo);
}

html[data-home-style] .public-home .home-nav button:hover {
  color: var(--jn-primary);
  border-color: var(--lz-border);
  background: var(--lz-soft);
}

html[data-home-style] .public-home .home-nav button[data-auth-open] {
  background: var(--jn-primary);
  border-color: var(--jn-primary);
  color: #fff;
  box-shadow: 0 0 .95rem var(--lz-halo);
}

/* Hero：徽章 / 标题 / 按钮 / 描述 / 指标 */
html[data-home-style] .public-home .home-hero::before {
  background: radial-gradient(circle at 50% 50%, var(--lz-hero-dot), transparent 1px);
  background-size: 2.15rem 2.15rem;
  -webkit-mask-image: radial-gradient(circle at 50% 52%, #000 0, rgba(0, 0, 0, .82) 42%, transparent 75%);
  mask-image: radial-gradient(circle at 50% 52%, #000 0, rgba(0, 0, 0, .82) 42%, transparent 75%);
}

html[data-home-style] .public-home .home-hero::after {
  background:
    radial-gradient(circle at 74% 10%, var(--lz-glow-1), transparent 28%),
    radial-gradient(circle at 20% 62%, var(--lz-glow-2), transparent 30%),
    radial-gradient(circle at 48% 70%, var(--lz-glow-3), transparent 22%);
}

html[data-home-style] .public-home .hero-copy .eyebrow {
  border-color: var(--lz-border);
  background: var(--lz-soft);
  color: var(--jn-primary);
}

html[data-home-style] .public-home .hero-copy h1 {
  color: var(--jn-text);
}

html[data-home-style] .public-home .hero-copy h1 span {
  background: linear-gradient(135deg, var(--jn-primary) 0%, var(--jn-primary-2) 42%, var(--jn-violet) 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

html[data-home-style] .public-home .hero-copy > p:not(.eyebrow) {
  color: var(--jn-muted);
}

html[data-home-style] .public-home .hero-actions .btn.primary {
  background: linear-gradient(135deg, var(--jn-primary), var(--lz-btn-2));
  border: 0;
  color: #fff;
  box-shadow: 0 0 27px var(--lz-halo), 0 4px 18px rgba(0, 0, 0, .24);
}

html[data-home-style] .public-home .hero-actions .btn:not(.primary) {
  background: var(--lz-soft);
  border-color: var(--lz-border);
  color: var(--jn-text);
}

html[data-home-style] .public-home .hero-actions .btn:not(.primary):hover {
  border-color: var(--jn-primary);
  color: #fff;
}

html[data-home-style] .public-home .home-metrics span {
  color: var(--jn-muted);
}

html[data-home-style] .public-home .home-metrics strong {
  color: var(--jn-text);
}

html[data-home-style] .public-home .model-orbit-stage::before {
  background: radial-gradient(circle, var(--lz-soft-strong), transparent 64%);
}

/* 首屏以下的区块：底色与强调色承接主题 */
html[data-home-style] .public-home .home-section {
  background: var(--jn-bg);
}

html[data-home-style] .public-home .section-lead {
  color: var(--jn-muted);
}

html[data-home-style] .public-home .home-cta .btn.primary,
html[data-home-style] .public-home .home-section .btn.primary {
  background: linear-gradient(135deg, var(--jn-primary), var(--lz-btn-2));
  border: 0;
  color: #fff;
  box-shadow: 0 8px 26px var(--lz-halo);
}

html[data-home-style] .public-home .home-footer {
  color: var(--jn-muted);
  border-top-color: var(--lz-border);
}

/* ============================== 模板 01 · 国庆红全息版 ============================== */
/* 整体视觉：国庆红 · 玫红 · 紫 · 蓝 四色全息渐变（只取海报配色，不含任何具象图标） */
html[data-home-style="national-red"] {
  --lz-holo-red: #ff2d4a;
  --lz-holo-rose: #ff3d9a;
  --lz-holo-violet: #9b5cff;
  --lz-holo-blue: #3d7bff;

  --jn-primary: #ff2d4a;
  --jn-primary-2: #ff3d9a;
  --jn-violet: #9b5cff;
  --jn-bg: #06031a;
  --jn-text: #f4f1ff;
  --jn-muted: #a79cd6;

  --lz-glow-1: rgba(255, 45, 74, .30);
  --lz-glow-2: rgba(155, 92, 255, .28);
  --lz-glow-3: rgba(61, 123, 255, .22);
  --lz-grid: rgba(184, 170, 255, .06);
  --lz-brand-2: #3d7bff;
  --lz-btn-2: #7a2bd6;
  --lz-halo: rgba(255, 61, 154, .36);
  --lz-halo-strong: rgba(255, 61, 154, .52);
  --lz-soft: rgba(155, 92, 255, .10);
  --lz-soft-strong: rgba(255, 61, 154, .22);
  --lz-border: rgba(184, 130, 255, .28);
  --lz-hero-dot: rgba(255, 122, 190, .12);
  --lz-topline: rgba(255, 61, 154, .60);
}

/* 全页底：深蓝紫底 + 红/紫/蓝三处全息光晕 + 顶部四色光带 */
html[data-home-style="national-red"] .public-home::before {
  background:
    linear-gradient(90deg, transparent 0%, rgba(255, 45, 74, .70) 20%, rgba(255, 61, 154, .78) 40%, rgba(155, 92, 255, .78) 60%, rgba(61, 123, 255, .70) 80%, transparent 100%) no-repeat 50% 0 / 100% 2px,
    radial-gradient(circle at 84% -6%, rgba(255, 45, 74, .34), transparent 38%),
    radial-gradient(circle at 10% 74%, rgba(155, 92, 255, .30), transparent 36%),
    radial-gradient(circle at 52% 92%, rgba(61, 123, 255, .24), transparent 30%),
    radial-gradient(130% 70% at 50% 0%, rgba(120, 60, 255, .18), transparent 62%),
    #06031a;
}

/* Hero 区：红上 · 紫左 · 蓝右 三色全息氛围 */
html[data-home-style="national-red"] .public-home .home-hero {
  background:
    radial-gradient(circle at 50% 6%, rgba(255, 45, 74, .22), transparent 34%),
    radial-gradient(circle at 14% 30%, rgba(155, 92, 255, .22), transparent 30%),
    radial-gradient(circle at 88% 26%, rgba(61, 123, 255, .22), transparent 32%),
    linear-gradient(180deg, rgba(10, 6, 34, .90), rgba(5, 3, 20, .97));
}

/* 打开 hero 环境光层（app.css 默认 opacity:0 / display:none） */
html[data-home-style="national-red"] .public-home .home-hero::after {
  display: block;
  opacity: 1;
}

/* 主标题高亮：全息四色渐变 + 缓慢流动 */
html[data-home-style="national-red"] .public-home .hero-copy h1 span {
  background: linear-gradient(120deg, #ff2d4a 0%, #ff3d9a 30%, #b44bff 62%, #3d7bff 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: lz-holo-flow 8s ease-in-out infinite;
}

@keyframes lz-holo-flow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* 品牌名：全息渐变字 */
html[data-home-style="national-red"] .public-home .home-brand span {
  background: linear-gradient(120deg, #ff2d4a, #ff3d9a 38%, #9b5cff 70%, #3d7bff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* 眉标 */
html[data-home-style="national-red"] .public-home .hero-copy .eyebrow {
  color: #ff9ad0;
  border-color: rgba(255, 61, 154, .38);
  background: rgba(255, 45, 74, .10);
}

/* 主按钮：全息渐变；次按钮：紫边 */
html[data-home-style="national-red"] .public-home .hero-actions .btn.primary {
  background: linear-gradient(120deg, #ff2d4a 0%, #ff3d9a 50%, #9b5cff 100%);
  box-shadow: 0 0 30px rgba(255, 61, 154, .44), 0 4px 18px rgba(0, 0, 0, .32);
}

html[data-home-style="national-red"] .public-home .hero-actions .btn:not(.primary) {
  border-color: rgba(155, 92, 255, .42);
  color: #ecdcff;
}

/* 指标卡：全息玻璃质感（对应参考图底部数据卡） */
html[data-home-style="national-red"] .public-home .home-metrics span {
  border-color: rgba(184, 130, 255, .22);
  background: linear-gradient(145deg, rgba(255, 45, 74, .12), rgba(155, 92, 255, .10) 52%, rgba(61, 123, 255, .08));
}

html[data-home-style="national-red"] .public-home .home-metrics strong {
  background: linear-gradient(135deg, #ffffff 0%, #ff9ad0 45%, #9b5cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

@media (prefers-reduced-motion: reduce) {
  html[data-home-style="national-red"] .public-home .hero-copy h1 span {
    animation: none;
    background-position: 0% 50%;
  }
}

/* ============================== 模板 02 · 科技青（历史默认，安全档） ============================== */
html[data-home-style="tech-cyan"] {
  --jn-primary: #00cae0;
  --jn-primary-2: #00e5a0;
  --jn-violet: #7850ff;
  --jn-bg: #06080c;
  --jn-text: #f5fbff;
  --jn-muted: #8c99a0;
  --lz-glow-1: rgba(0, 202, 224, .18);
  --lz-glow-2: rgba(120, 80, 255, .18);
  --lz-glow-3: rgba(0, 229, 160, .10);
  --lz-grid: rgba(255, 255, 255, .035);
  --lz-brand-2: #60f0ff;
  --lz-btn-2: #00a0c8;
  --lz-halo: rgba(0, 202, 224, .30);
  --lz-halo-strong: rgba(0, 202, 224, .40);
  --lz-soft: rgba(0, 202, 224, .06);
  --lz-soft-strong: rgba(0, 202, 224, .16);
  --lz-border: rgba(0, 202, 224, .20);
  --lz-hero-dot: rgba(0, 202, 224, .08);
}

/* ============================== 模板 03 · 暗夜赛博 ============================== */
html[data-home-style="cyber-violet"] {
  --jn-primary: #a855f7;
  --jn-primary-2: #22d3ee;
  --jn-violet: #f472b6;
  --jn-bg: #08040f;
  --jn-text: #f7f2ff;
  --jn-muted: #9c93b4;
  --lz-glow-1: rgba(168, 85, 247, .26);
  --lz-glow-2: rgba(34, 211, 238, .18);
  --lz-glow-3: rgba(244, 114, 182, .12);
  --lz-grid: rgba(200, 170, 255, .05);
  --lz-brand-2: #f472b6;
  --lz-btn-2: #6d28d9;
  --lz-halo: rgba(168, 85, 247, .34);
  --lz-halo-strong: rgba(168, 85, 247, .44);
  --lz-soft: rgba(168, 85, 247, .08);
  --lz-soft-strong: rgba(168, 85, 247, .18);
  --lz-border: rgba(168, 85, 247, .26);
  --lz-hero-dot: rgba(168, 85, 247, .10);
}

/* ============================== 模板 04 · 蓝金商务 ============================== */
html[data-home-style="blue-gold"] {
  --jn-primary: #4f8bff;
  --jn-primary-2: #ffc247;
  --jn-violet: #8ab4ff;
  --jn-bg: #04091a;
  --jn-text: #f2f7ff;
  --jn-muted: #93a6c6;
  --lz-glow-1: rgba(79, 139, 255, .24);
  --lz-glow-2: rgba(255, 194, 71, .16);
  --lz-glow-3: rgba(79, 139, 255, .10);
  --lz-grid: rgba(150, 190, 255, .05);
  --lz-brand-2: #ffc247;
  --lz-btn-2: #1d4ed8;
  --lz-halo: rgba(79, 139, 255, .32);
  --lz-halo-strong: rgba(79, 139, 255, .42);
  --lz-soft: rgba(79, 139, 255, .08);
  --lz-soft-strong: rgba(79, 139, 255, .18);
  --lz-border: rgba(79, 139, 255, .24);
  --lz-hero-dot: rgba(120, 170, 255, .09);
}

/* ============================== 模板 05 · 极地冰蓝 ============================== */
html[data-home-style="arctic-blue"] {
  --jn-primary: #3ea8ff;
  --jn-primary-2: #7ef0ff;
  --jn-violet: #6d8cff;
  --jn-bg: #03080f;
  --jn-text: #f4fbff;
  --jn-muted: #8fa6bb;
  --lz-glow-1: rgba(62, 168, 255, .24);
  --lz-glow-2: rgba(126, 240, 255, .18);
  --lz-glow-3: rgba(109, 140, 255, .12);
  --lz-grid: rgba(160, 220, 255, .055);
  --lz-brand-2: #b8f6ff;
  --lz-btn-2: #0e6fb8;
  --lz-halo: rgba(62, 168, 255, .32);
  --lz-halo-strong: rgba(62, 168, 255, .42);
  --lz-soft: rgba(62, 168, 255, .08);
  --lz-soft-strong: rgba(62, 168, 255, .18);
  --lz-border: rgba(62, 168, 255, .24);
  --lz-hero-dot: rgba(140, 220, 255, .10);
}

/* ============================== 模板 06 · 春绿清新 ============================== */
html[data-home-style="spring-green"] {
  --jn-primary: #22c55e;
  --jn-primary-2: #a3e635;
  --jn-violet: #2dd4bf;
  --jn-bg: #040d08;
  --jn-text: #f2fff7;
  --jn-muted: #90ae9c;
  --lz-glow-1: rgba(34, 197, 94, .22);
  --lz-glow-2: rgba(163, 230, 53, .16);
  --lz-glow-3: rgba(45, 212, 191, .12);
  --lz-grid: rgba(160, 255, 200, .05);
  --lz-brand-2: #a3e635;
  --lz-btn-2: #15803d;
  --lz-halo: rgba(34, 197, 94, .32);
  --lz-halo-strong: rgba(34, 197, 94, .42);
  --lz-soft: rgba(34, 197, 94, .08);
  --lz-soft-strong: rgba(34, 197, 94, .18);
  --lz-border: rgba(34, 197, 94, .24);
  --lz-hero-dot: rgba(120, 230, 160, .10);
}

/* ============================== 模板 07 · 紫金夜宴 ============================== */
html[data-home-style="royal-purple"] {
  --jn-primary: #8b5cf6;
  --jn-primary-2: #f0c24b;
  --jn-violet: #c084fc;
  --jn-bg: #08040f;
  --jn-text: #f9f5ff;
  --jn-muted: #a294bd;
  --lz-glow-1: rgba(139, 92, 246, .26);
  --lz-glow-2: rgba(240, 194, 75, .16);
  --lz-glow-3: rgba(192, 132, 252, .12);
  --lz-grid: rgba(210, 180, 255, .05);
  --lz-brand-2: #f0c24b;
  --lz-btn-2: #5b21b6;
  --lz-halo: rgba(139, 92, 246, .34);
  --lz-halo-strong: rgba(139, 92, 246, .44);
  --lz-soft: rgba(139, 92, 246, .08);
  --lz-soft-strong: rgba(139, 92, 246, .18);
  --lz-border: rgba(139, 92, 246, .26);
  --lz-hero-dot: rgba(190, 150, 255, .10);
}

/* ============================== 模板 08 · 橙金落日 ============================== */
html[data-home-style="amber-dusk"] {
  --jn-primary: #ff8a1f;
  --jn-primary-2: #ffd06a;
  --jn-violet: #ff5e3a;
  --jn-bg: #0d0603;
  --jn-text: #fff6ec;
  --jn-muted: #bda393;
  --lz-glow-1: rgba(255, 138, 31, .26);
  --lz-glow-2: rgba(255, 208, 106, .18);
  --lz-glow-3: rgba(255, 94, 58, .12);
  --lz-grid: rgba(255, 210, 150, .055);
  --lz-brand-2: #ffd06a;
  --lz-btn-2: #c2410c;
  --lz-halo: rgba(255, 138, 31, .34);
  --lz-halo-strong: rgba(255, 138, 31, .44);
  --lz-soft: rgba(255, 138, 31, .08);
  --lz-soft-strong: rgba(255, 138, 31, .18);
  --lz-border: rgba(255, 138, 31, .26);
  --lz-hero-dot: rgba(255, 200, 120, .10);
}

/* ============================== 模板 09 · 极光浅色版（浅色模板） ============================== */
/* 参考浅色首页：近白底 + 薰衣草紫/樱粉/天蓝柔和极光光晕，深色标题 + 渐变强调字。
   注意：首页被 home-force-dark 强制深色（内联样式 + CSS 锁），故 html/body 底色须用 !important 才能压过。 */
html[data-home-style="aurora-light"] {
  --jn-primary: #8b5cf6;
  --jn-primary-2: #ec4899;
  --jn-violet: #a78bfa;
  --jn-bg: #f7f7fd;
  --jn-text: #171a2e;
  --jn-muted: #5f6b85;
  --lz-glow-1: rgba(168, 85, 247, .17);
  --lz-glow-2: rgba(236, 72, 153, .13);
  --lz-glow-3: rgba(96, 165, 250, .14);
  --lz-grid: rgba(100, 90, 180, .055);
  --lz-brand-2: #ec4899;
  --lz-btn-2: #7c3aed;
  --lz-halo: rgba(139, 92, 246, .28);
  --lz-halo-strong: rgba(139, 92, 246, .38);
  --lz-soft: rgba(139, 92, 246, .07);
  --lz-soft-strong: rgba(236, 72, 153, .12);
  --lz-border: rgba(139, 92, 246, .22);
  --lz-hero-dot: rgba(139, 92, 246, .10);
  --lz-topline: rgba(139, 92, 246, .45);
}

/* 压过 home-force-dark 的 CSS 锁与 html/body 内联样式 */
html[data-home-style="aurora-light"],
html[data-home-style="aurora-light"] body.public-home {
  background: #f7f7fd !important;
  color: #171a2e !important;
  color-scheme: light !important;
}

html[data-home-style="aurora-light"] .public-home {
  background: #f7f7fd;
  color: #171a2e;
}

/* 全页：顶部三色光带 + 紫/粉/蓝极光光晕 + 近白底 */
html[data-home-style="aurora-light"] .public-home::before {
  background:
    linear-gradient(90deg, transparent 0%, rgba(139, 92, 246, .55) 22%, rgba(236, 72, 153, .60) 46%, rgba(168, 85, 247, .50) 68%, rgba(96, 165, 250, .48) 86%, transparent 100%) no-repeat 50% 0 / 100% 2px,
    radial-gradient(circle at 84% -8%, rgba(168, 85, 247, .28), transparent 36%),
    radial-gradient(circle at 12% 74%, rgba(236, 72, 153, .20), transparent 34%),
    radial-gradient(circle at 54% 92%, rgba(96, 165, 250, .22), transparent 28%),
    #f7f7fd;
}

/* Hero：近白底 + 柔和极光 */
html[data-home-style="aurora-light"] .public-home .home-hero {
  background:
    radial-gradient(circle at 50% 4%, rgba(168, 85, 247, .20), transparent 36%),
    radial-gradient(circle at 12% 30%, rgba(236, 72, 153, .14), transparent 32%),
    radial-gradient(circle at 88% 26%, rgba(96, 165, 250, .16), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8f8fe 62%, #f4f5fd 100%);
}

html[data-home-style="aurora-light"] .public-home .home-hero::after {
  display: block;
  opacity: 1;
}

/* 顶部导航 */
html[data-home-style="aurora-light"] .public-home .home-header {
  background: rgba(255, 255, 255, .82);
  border-bottom: 1px solid rgba(23, 26, 46, .07);
  backdrop-filter: blur(14px);
}

html[data-home-style="aurora-light"] .public-home .home-nav {
  color: #475569;
}

html[data-home-style="aurora-light"] .public-home .home-nav button {
  color: #334155;
  border-color: rgba(23, 26, 46, .10);
  background: rgba(255, 255, 255, .62);
}

html[data-home-style="aurora-light"] .public-home .home-nav button:hover {
  color: #6d28d9;
  border-color: rgba(139, 92, 246, .35);
  background: rgba(139, 92, 246, .07);
}

html[data-home-style="aurora-light"] .public-home .home-nav button[data-auth-open] {
  background: linear-gradient(120deg, #8b5cf6, #ec4899);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 6px 18px rgba(139, 92, 246, .26);
}

/* 登录态 CTA（a.home-start-link）与未登录按钮保持一致 */
html[data-home-style="aurora-light"] .public-home .home-nav .home-start-link {
  background: linear-gradient(120deg, #8b5cf6, #ec4899);
  border: 0;
  color: #fff;
  box-shadow: 0 6px 18px rgba(139, 92, 246, .26);
}

/* 客服图标按钮：app.css 里它本来就是「深色圆底 + 白色客服头像」。
   上面那条通用 .home-nav button 规则把底色改成了近白 → 白色头像直接看不见。
   这里显式恢复一个可见（深紫）圆底，保证头像可见。 */
html[data-home-style="aurora-light"] .public-home .home-nav .top-service-btn {
  background: #241b4d;
  border-color: rgba(139, 92, 246, .45);
  box-shadow: 0 6px 16px rgba(76, 29, 149, .22);
}

html[data-home-style="aurora-light"] .public-home .home-nav .top-service-btn:hover {
  background: #322566;
  border-color: rgba(139, 92, 246, .68);
}

html[data-home-style="aurora-light"] .public-home .home-nav .top-service-btn .service-headset {
  filter: none;
}

/* 品牌名：紫粉渐变字 */
html[data-home-style="aurora-light"] .public-home .home-brand span {
  background: linear-gradient(120deg, #7c3aed 0%, #a855f7 40%, #ec4899 78%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

html[data-home-style="aurora-light"] .public-home .home-brand img {
  box-shadow: none;
}

/* 眉标 / 标题 / 描述 */
html[data-home-style="aurora-light"] .public-home .hero-copy .eyebrow {
  color: #7c3aed;
  border-color: rgba(139, 92, 246, .32);
  background: rgba(139, 92, 246, .08);
}

html[data-home-style="aurora-light"] .public-home .hero-copy h1 {
  color: #171a2e;
}

html[data-home-style="aurora-light"] .public-home .hero-copy h1 span {
  background: linear-gradient(120deg, #7c3aed 0%, #a855f7 30%, #ec4899 64%, #f472b6 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: lz-aurora-flow 9s ease-in-out infinite;
}

@keyframes lz-aurora-flow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* 按钮：主按钮紫粉渐变，次按钮白底 */
html[data-home-style="aurora-light"] .public-home .hero-actions .btn.primary {
  background: linear-gradient(120deg, #8b5cf6 0%, #a855f7 45%, #ec4899 100%);
  border: 0;
  color: #fff;
  box-shadow: 0 10px 26px rgba(139, 92, 246, .30), 0 2px 8px rgba(17, 24, 39, .06);
}

html[data-home-style="aurora-light"] .public-home .hero-actions .btn:not(.primary) {
  background: #fff;
  border-color: rgba(23, 26, 46, .12);
  color: #171a2e;
  box-shadow: 0 2px 10px rgba(17, 24, 39, .05);
}

html[data-home-style="aurora-light"] .public-home .hero-actions .btn:not(.primary):hover {
  border-color: rgba(139, 92, 246, .45);
  color: #6d28d9;
  background: rgba(139, 92, 246, .06);
}

/* 指标卡：白玻璃 */
html[data-home-style="aurora-light"] .public-home .home-metrics span {
  border-color: rgba(23, 26, 46, .08);
  background: rgba(255, 255, 255, .76);
  color: #5f6b85;
  box-shadow: 0 2px 12px rgba(17, 24, 39, .05);
}

html[data-home-style="aurora-light"] .public-home .home-metrics strong {
  background: linear-gradient(135deg, #6d28d9 0%, #a855f7 45%, #ec4899 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* 模型环：名称改浅色药丸 */
html[data-home-style="aurora-light"] .public-home .orbit-item,
html[data-home-style="aurora-light"] .public-home .orbit-icon-wrap,
html[data-home-style="aurora-light"] .public-home .orbit-name {
  color: #334155;
}

html[data-home-style="aurora-light"] .public-home .orbit-name {
  background: rgba(255, 255, 255, .88);
  border-color: rgba(23, 26, 46, .08);
  box-shadow: 0 2px 10px rgba(17, 24, 39, .06);
}

/* 模型环里有 5 个「纯白」Logo（为深色底设计），浅色底上会消失。
   统一染成主题紫罗兰色，保证可见。 */
html[data-home-style="aurora-light"] .public-home .orbit-icon[src*="openai-bai"],
html[data-home-style="aurora-light"] .public-home .orbit-icon[src*="happyhorse"],
html[data-home-style="aurora-light"] .public-home .orbit-icon[src*="grok-bai"],
html[data-home-style="aurora-light"] .public-home .orbit-icon[src*="mimo-bai"],
html[data-home-style="aurora-light"] .public-home .orbit-icon[src*="vidu-icon"] {
  opacity: .92;
  filter: brightness(0) saturate(100%) invert(26%) sepia(80%) saturate(2400%) hue-rotate(253deg) brightness(94%) contrast(96%);
}

html[data-home-style="aurora-light"] .public-home .model-orbit-stage::before,
html[data-home-style="aurora-light"] .public-home .model-orbit-stage::after {
  border-color: rgba(139, 92, 246, .16);
  box-shadow: 0 0 60px rgba(139, 92, 246, .10) inset;
}

/* 首屏以下：区块 / 主容器 */
html[data-home-style="aurora-light"] .public-home .home-section,
html[data-home-style="aurora-light"] .public-home .home-main,
html[data-home-style="aurora-light"] .public-home .front-home-shell {
  background: #f7f7fd;
  color: #171a2e;
}

html[data-home-style="aurora-light"] .public-home h2,
html[data-home-style="aurora-light"] .public-home h3,
html[data-home-style="aurora-light"] .public-home h4 {
  color: #171a2e;
}

html[data-home-style="aurora-light"] .public-home p,
html[data-home-style="aurora-light"] .public-home small {
  color: #5f6b85;
}

/* 第二屏（Workflow）/ 能力区（Capabilities）卡片美化 */
html[data-home-style="aurora-light"] body.public-home .agent-grid article,
html[data-home-style="aurora-light"] body.public-home .capability-grid article {
  position: relative;
  overflow: hidden;
  background: linear-gradient(168deg, #ffffff 0%, #fdfcff 52%, #f5f1ff 100%);
  border: 1px solid rgba(139, 92, 246, .14);
  border-radius: 18px;
  box-shadow: 0 10px 26px rgba(76, 45, 145, .07), 0 2px 6px rgba(76, 45, 145, .05),
    inset 0 1px 0 rgba(255, 255, 255, .92);
  transition: transform .34s cubic-bezier(.2, .7, .3, 1), box-shadow .34s ease, border-color .34s ease;
}

html[data-home-style="aurora-light"] body.public-home .agent-grid article:hover,
html[data-home-style="aurora-light"] body.public-home .capability-grid article:hover {
  transform: translateY(-6px);
  border-color: rgba(139, 92, 246, .32);
  box-shadow: 0 22px 46px rgba(124, 77, 255, .16), 0 6px 16px rgba(124, 77, 255, .10),
    inset 0 1px 0 rgba(255, 255, 255, .95);
}

/* 卡片右下角极光光晕（悬停浮现） */
html[data-home-style="aurora-light"] body.public-home .agent-grid article::after,
html[data-home-style="aurora-light"] body.public-home .capability-grid article::after {
  content: "";
  position: absolute;
  right: -46px;
  bottom: -46px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 50%, rgba(236, 72, 153, .20),
    rgba(139, 92, 246, .14) 46%, rgba(139, 92, 246, 0) 72%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .34s ease;
}

html[data-home-style="aurora-light"] body.public-home .agent-grid article:hover::after,
html[data-home-style="aurora-light"] body.public-home .capability-grid article:hover::after {
  opacity: 1;
}

/* 卡顶渐变条 */
html[data-home-style="aurora-light"] body.public-home .agent-grid article::before,
html[data-home-style="aurora-light"] body.public-home .capability-grid article::before {
  width: 48px;
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, #8b5cf6 0%, #ec4899 55%, #a78bfa 100%);
  box-shadow: 0 6px 16px rgba(236, 72, 153, .34);
  transition: width .34s cubic-bezier(.2, .7, .3, 1);
}

html[data-home-style="aurora-light"] body.public-home .agent-grid article:hover::before,
html[data-home-style="aurora-light"] body.public-home .capability-grid article:hover::before {
  width: 76px;
}

/* 序号胶囊 / 能力标签 */
html[data-home-style="aurora-light"] body.public-home .agent-grid em,
html[data-home-style="aurora-light"] body.public-home .capability-grid span {
  min-width: 42px;
  height: 34px;
  padding: 0 12px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(139, 92, 246, .16), rgba(236, 72, 153, .13));
  border: 1px solid rgba(139, 92, 246, .26);
  color: #7b3fe4;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .06em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 6px 14px rgba(139, 92, 246, .12);
}

html[data-home-style="aurora-light"] body.public-home .capability-grid span {
  font-weight: 800;
  letter-spacing: .02em;
}

/* 「立即体验」按钮 */
html[data-home-style="aurora-light"] body.public-home .agent-grid a {
  height: 36px;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(139, 92, 246, .10);
  border: 1px solid rgba(139, 92, 246, .26);
  color: #7b3fe4;
  font-weight: 800;
  transition: background .3s ease, color .3s ease, border-color .3s ease,
    box-shadow .3s ease, transform .3s ease;
}

html[data-home-style="aurora-light"] body.public-home .agent-grid a:hover {
  background: linear-gradient(120deg, #8b5cf6, #ec4899);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 12px 24px rgba(139, 92, 246, .30);
  transform: translateY(-1px);
}

/* 区块小标签 Workflow / Capabilities / Inspiration */
html[data-home-style="aurora-light"] body.public-home .home-section .eyebrow {
  background: linear-gradient(120deg, rgba(139, 92, 246, .13), rgba(236, 72, 153, .11));
  border-color: rgba(139, 92, 246, .26);
  color: #7b3fe4;
}

@media (prefers-reduced-motion: reduce) {
  html[data-home-style="aurora-light"] body.public-home .agent-grid article,
  html[data-home-style="aurora-light"] body.public-home .capability-grid article,
  html[data-home-style="aurora-light"] body.public-home .agent-grid article::before,
  html[data-home-style="aurora-light"] body.public-home .agent-grid article::after,
  html[data-home-style="aurora-light"] body.public-home .agent-grid a {
    transition: none;
  }

  html[data-home-style="aurora-light"] body.public-home .agent-grid article:hover,
  html[data-home-style="aurora-light"] body.public-home .capability-grid article:hover,
  html[data-home-style="aurora-light"] body.public-home .agent-grid article:hover::before,
  html[data-home-style="aurora-light"] body.public-home .agent-grid a:hover {
    transform: none;
  }

  html[data-home-style="aurora-light"] body.public-home .agent-grid article:hover::before,
  html[data-home-style="aurora-light"] body.public-home .capability-grid article:hover::before {
    width: 48px;
  }
}

/* 灵感作品卡 */
html[data-home-style="aurora-light"] .public-home .home-work-card {
  background: #fff;
  border-color: rgba(23, 26, 46, .08);
  box-shadow: 0 8px 26px rgba(17, 24, 39, .06);
  color: #171a2e;
}

html[data-home-style="aurora-light"] .public-home .home-work-media {
  background: #f1f5fb;
  color: #171a2e;
}

html[data-home-style="aurora-light"] .public-home .home-work-zoom {
  background: rgba(255, 255, 255, .84);
  color: #334155;
}

html[data-home-style="aurora-light"] .public-home .home-work-author,
html[data-home-style="aurora-light"] .public-home .home-work-actions {
  color: #5f6b85;
}

/* 输入框与登录弹层 */
html[data-home-style="aurora-light"] .public-home input,
html[data-home-style="aurora-light"] .public-home textarea {
  background: #fff;
  color: #171a2e;
  border-color: rgba(23, 26, 46, .12);
}

html[data-home-style="aurora-light"] .public-home .front-auth-code-box,
html[data-home-style="aurora-light"] .public-home .jn-code-row {
  background: #fff;
  color: #171a2e;
  border-color: rgba(23, 26, 46, .12);
}

html[data-home-style="aurora-light"] .public-home .jn-auth-submit {
  background: linear-gradient(120deg, #8b5cf6, #ec4899);
  color: #fff;
  border-color: transparent;
}

/* 页脚 */
html[data-home-style="aurora-light"] .public-home .home-footer {
  background: #f7f7fd;
  color: #5f6b85;
  border-top-color: rgba(23, 26, 46, .08);
}

@media (prefers-reduced-motion: reduce) {
  html[data-home-style="aurora-light"] .public-home .hero-copy h1 span {
    animation: none;
    background-position: 0% 50%;
  }
}

/* ---- 浅色版补丁：压过 app.css 的 body.public-home 级深色规则（同级 0,2,2，需提升特指度） ---- */
/* 灵感作品卡：标签 / 作者 / 操作按钮 */
html[data-home-style="aurora-light"] body.public-home .home-work-actions span {
  background: rgba(139, 92, 246, .08);
  color: #5f6b85;
}

html[data-home-style="aurora-light"] body.public-home .home-work-author strong {
  color: #171a2e;
}

html[data-home-style="aurora-light"] body.public-home .home-work-actions button {
  background: rgba(139, 92, 246, .10);
  color: #6d28d9;
  border-color: rgba(139, 92, 246, .28);
}

/* 模型环：环形标签改白底药丸 */
html[data-home-style="aurora-light"] body.public-home .orbit-ring span {
  background: rgba(255, 255, 255, .92);
  color: #334155;
  border-color: rgba(23, 26, 46, .08);
  box-shadow: 0 2px 10px rgba(17, 24, 39, .06);
}

/* 首屏模型卡 */
/* 首屏弹出的模型信息卡：背景改用与「开始使用」按钮相同的紫→粉渐变，文字转白 */
html[data-home-style="aurora-light"] body.public-home .hero-model-cards article {
  background: linear-gradient(120deg, #8b5cf6, #ec4899);
  border-color: transparent;
  box-shadow: 0 18px 44px rgba(139, 92, 246, .34);
  color: #fff;
}

html[data-home-style="aurora-light"] body.public-home .hero-model-cards strong {
  color: #fff;
}

html[data-home-style="aurora-light"] body.public-home .hero-model-cards p,
html[data-home-style="aurora-light"] body.public-home .hero-model-cards span {
  color: rgba(255, 255, 255, .9);
}

/* 区块标题 / 眉标 / 描述 */
html[data-home-style="aurora-light"] body.public-home .section-head h2 {
  color: #171a2e;
}

html[data-home-style="aurora-light"] body.public-home .section-head .eyebrow {
  color: #7c3aed;
  background: rgba(139, 92, 246, .08);
  border-color: rgba(139, 92, 246, .30);
}

html[data-home-style="aurora-light"] body.public-home .section-head p {
  color: #5f6b85;
}

html[data-home-style="aurora-light"] body.public-home button.load-more-inspiration {
  background: rgba(255, 255, 255, .92);
  color: #6d28d9;
  border-color: rgba(139, 92, 246, .30);
}

/* 页脚品牌 */
html[data-home-style="aurora-light"] body.public-home .home-footer-brand,
html[data-home-style="aurora-light"] body.public-home .home-footer strong {
  color: #171a2e;
}

/* 客服悬浮按钮：统一成极光渐变 */
html[data-home-style="aurora-light"] body.public-home .customer-float {
  background: linear-gradient(120deg, #8b5cf6, #ec4899);
  color: #fff;
}

/* ---- 登录/注册弹层配色源头：--lz-auth-* 调色板 ----
   这套变量被 `:root.home-force-dark` / `:root[data-theme="dark"]` 整体改成暗色
   （--lz-auth-control:#070b12、--lz-auth-text-secondary:#b4bfce 等），而消费它们的选择器
   例如 .replica-login-modal .jn-auth-form input:not([type=checkbox]):not([type=radio]) 特指度 (0,4,1)，
   高于本文件里按元素写的浅色覆盖 (0,2,2)。后果：
     · 输入框文字用的是 -webkit-text-fill-color:var(--lz-auth-text-secondary)=#b4bfce（浅灰），
       在白色底上几乎看不见（空框时显示的是 placeholder，所以"不输入看着正常"）；
     · 验证码框 / 发送验证码按钮 / 边框 / 阴影等回落成暗色。
   自定义属性按"最近的声明祖先"取值 → 直接写在 body 上即可整层翻回浅色，
   不依赖特指度、也不受 auth-session.css 后加载影响。 */
html[data-home-style="aurora-light"] body.public-home {
  --lz-auth-overlay: transparent;
  --lz-auth-dialog-backdrop: rgb(23 20 48 / 46%);
  --lz-auth-surface: #ffffff;
  --lz-auth-surface-soft: #f8f7ff;
  --lz-auth-control: #ffffff;
  --lz-auth-control-hover: #f3f1ff;
  --lz-auth-border: #e4e0f2;
  --lz-auth-border-strong: #cec6ea;
  --lz-auth-text: #171a2e;
  --lz-auth-text-secondary: #4a4a68;
  --lz-auth-text-muted: #7b7a99;
  --lz-auth-accent: #8b5cf6;
  --lz-auth-accent-contrast: #ffffff;
  --lz-auth-accent-soft: rgb(139 92 246 / 10%);
  --lz-auth-accent-border: rgb(139 92 246 / 30%);
  --lz-auth-focus-ring: rgb(139 92 246 / 16%);
  --lz-auth-divider: rgb(100 116 139 / 18%);
  --lz-auth-shadow: 0 24px 64px rgb(76 45 145 / 18%);
  --lz-auth-logo-shadow: 0 10px 24px rgb(139 92 246 / 18%);
  --lz-auth-close-surface: #f6f4ff;
}

/* 弹层自身被 auth-session.css 直接写了 color-scheme:dark
   （html.home-force-dark body.public-home :is(.jn-auth-modal,…){color-scheme:dark}）。
   color-scheme 虽是继承属性，但元素自己声明会盖掉继承 → body 上的 light 到不了弹层。
   后果：浏览器把弹层内的原生控件按暗色绘制（复选框变黑方块），
   且 Chrome 自动填充在 dark color-scheme 下会把输入框刷成黑底 —— 这正是"输入内容就变黑底"的根源。 */
html[data-home-style="aurora-light"] body.public-home :is(.enterprise-alert, .jn-auth-modal,
    .replica-login-modal, .customer-modal, .replica-customer-modal, .account-bind-modal, .security-check) {
  color-scheme: light !important;
}

/* ---- 登录弹层：auth-session 样式表在本文件之后加载，必须用 !important ---- */
html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-auth-modal {
  background: #fff !important;
  color: #171a2e !important;
  border-color: rgba(23, 26, 46, .10) !important;
}

html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-auth-logo,
html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-auth-tabs,
html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-auth-form,
html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .front-auth-code,
html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .front-auth-code-row,
html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay label {
  color: #171a2e !important;
}

html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay input {
  background: #fff !important;
  color: #171a2e !important;
  -webkit-text-fill-color: #171a2e !important;
  border-color: rgba(23, 26, 46, .14) !important;
  caret-color: #8b5cf6 !important;
}

html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay input::placeholder {
  color: #9a99b5 !important;
  -webkit-text-fill-color: #9a99b5 !important;
  opacity: 1 !important;
}

html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay input:focus {
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 0 3px rgb(139 92 246 / 16%) !important;
}

/* 浏览器自动填充默认会给输入框刷深色/浅蓝底，这里锁死成白底深字 */
html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay input:-webkit-autofill,
html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay input:-webkit-autofill:hover,
html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #171a2e !important;
  caret-color: #8b5cf6 !important;
  transition: background-color 9999s ease-out 0s;
}

html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-modal-close {
  background: #f1f5fb !important;
  color: #334155 !important;
}

html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-code-row button,
html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .front-auth-code-box {
  background: rgba(139, 92, 246, .10) !important;
  color: #6d28d9 !important;
  border-color: rgba(139, 92, 246, .28) !important;
}

html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-auth-submit {
  background: linear-gradient(120deg, #8b5cf6, #ec4899) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* ---- 兜底：区块标题/加载更多/客服 由后加载样式表覆盖，需 !important ---- */
html[data-home-style="aurora-light"] body.public-home .section-head h2 {
  color: #171a2e !important;
}

html[data-home-style="aurora-light"] body.public-home .section-head .eyebrow {
  color: #7c3aed !important;
  background: rgba(139, 92, 246, .08) !important;
  border-color: rgba(139, 92, 246, .30) !important;
}

html[data-home-style="aurora-light"] body.public-home .section-head p {
  color: #5f6b85 !important;
}

html[data-home-style="aurora-light"] body.public-home button.load-more-inspiration {
  background: rgba(255, 255, 255, .92) !important;
  color: #6d28d9 !important;
  border-color: rgba(139, 92, 246, .30) !important;
}

html[data-home-style="aurora-light"] body.public-home .customer-float {
  background: linear-gradient(120deg, #8b5cf6, #ec4899) !important;
  color: #fff !important;
}

/* 登录弹层 / 协议层整层转浅色 */
html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-auth-form {
  color: #171a2e !important;
}

html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-auth-agreement-layer {
  background: rgba(23, 26, 46, .42) !important;
}

html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-auth-agreement-dialog,
html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-auth-agreement-body {
  background: #fff !important;
  color: #171a2e !important;
}

html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-auth-agreement-header,
html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-auth-agreement-footer {
  background: #f7f7fd !important;
  color: #171a2e !important;
}

html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-auth-agreement-header button,
html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-auth-agreement-footer button {
  background: #f1f5fb !important;
  color: #334155 !important;
}

html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-auth-agreement-content {
  background: #fff !important;
  color: #334155 !important;
}

html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .front-auth-inline-tip {
  background: rgba(139, 92, 246, .08) !important;
  color: #6d28d9 !important;
}

html[data-home-style="aurora-light"] body.public-home .jn-auth-overlay .jn-registration-heading {
  color: #171a2e !important;
}

/* 主容器文字色兜底（防止白色继承到未显式设色的后代） */
html[data-home-style="aurora-light"] body.public-home .front-home-shell,
html[data-home-style="aurora-light"] body.public-home .home-main {
  color: #171a2e !important;
}