/* ============================================================
   HERO TEXT EFFECTS — COMPLETE REDESIGN v3
   All 110+ themes with unique hero text styling
   Each theme resets the base metallic gradient and applies
   unique effects: glow, glass, film, polaroid, split, etc.
   ============================================================ */

/* ============= RESET HELPER ============= */
/* Applied individually per theme below */

/* =========== 日系美学 5 套 =========== */

[data-theme="jp-minimal"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #2a2a2a;
  text-shadow:
    0 0 1px rgba(255,255,255,0.5),
    0 1px 2px rgba(0,0,0,0.06);
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  letter-spacing: 0.12em;
}
[data-theme="jp-minimal"] .hero-tagline {
  color: #6a6a6a;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 0.2em;
  text-shadow: none;
}

[data-theme="jp-muji"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #4a4038;
  text-shadow: 0 0 12px rgba(180,160,130,0.15), 0 1px 2px rgba(0,0,0,0.05);
  font-family: 'Klee One', sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
}
[data-theme="jp-muji"] .hero-tagline {
  color: #7a6a58;
  font-family: 'Klee One', sans-serif;
  letter-spacing: 0.15em;
}

[data-theme="jp-zen"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #3a3a3a;
  text-shadow: 0 0 8px rgba(200,200,200,0.2), 0 0 1px rgba(255,255,255,0.3);
  font-family: 'Shippori Mincho', serif;
  font-weight: 500;
  letter-spacing: 0.2em;
}
[data-theme="jp-zen"] .hero-tagline {
  color: #8a8a8a;
  font-family: 'Shippori Mincho', serif;
  letter-spacing: 0.3em;
  text-shadow: none;
}

[data-theme="jp-tokyo"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #e8e8ff;
  text-shadow:
    0 0 4px rgba(120,80,255,0.5),
    0 0 12px rgba(255,80,200,0.35),
    0 0 28px rgba(80,120,255,0.2),
    0 2px 4px rgba(0,0,0,0.5);
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 700;
}
[data-theme="jp-tokyo"] .hero-tagline {
  color: #b0a0c8;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  text-shadow: 0 0 8px rgba(120,80,255,0.2);
}

[data-theme="jp-sakura"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #fff0f5;
  text-shadow:
    0 0 6px rgba(255,105,180,0.5),
    0 0 16px rgba(255,105,180,0.3),
    0 0 32px rgba(255,20,147,0.15),
    0 2px 3px rgba(40,0,20,0.3);
  font-family: 'Klee One', sans-serif;
  font-weight: 600;
}
[data-theme="jp-sakura"] .hero-tagline {
  color: #d4a0b0;
  font-family: 'Klee One', sans-serif;
  text-shadow: 0 0 8px rgba(255,105,180,0.2);
}

/* =========== 韩系创意 5 套 =========== */

[data-theme="kr-seoul"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #f0e8ff;
  text-shadow:
    0 0 6px rgba(180,100,255,0.4),
    0 0 14px rgba(255,100,180,0.3),
    0 0 28px rgba(150,80,220,0.15);
  font-family: 'Gowun Dodum', sans-serif;
  font-weight: 600;
}
[data-theme="kr-seoul"] .hero-tagline {
  color: #b0a0c8;
  font-family: 'Gowun Dodum', sans-serif;
  text-shadow: 0 0 6px rgba(180,100,255,0.15);
}

[data-theme="kr-kpop"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #fff;
  text-shadow:
    0 0 4px #fff,
    0 0 10px rgba(255,0,150,0.5),
    0 0 20px rgba(0,200,255,0.4),
    0 0 40px rgba(255,220,0,0.2);
  font-family: 'Gowun Batang', serif;
  font-weight: 700;
}
[data-theme="kr-kpop"] .hero-tagline {
  color: #c0c0d0;
  font-family: 'Gowun Batang', serif;
  text-shadow: 0 0 8px rgba(255,0,150,0.2);
}

[data-theme="kr-webtoon"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #3a2a2a;
  text-shadow:
    2px 2px 0 rgba(255,100,100,0.4),
    -1px -1px 0 rgba(100,200,255,0.3),
    0 0 1px rgba(255,255,255,0.6);
  font-family: 'Gowun Dodum', sans-serif;
  font-weight: 700;
}
[data-theme="kr-webtoon"] .hero-tagline {
  color: #777;
  font-family: 'Gowun Dodum', sans-serif;
  text-shadow: 1px 1px 0 rgba(255,200,0,0.2);
}

[data-theme="kr-cafe"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #d4b896;
  text-shadow:
    0 0 10px rgba(180,140,90,0.2),
    0 0 20px rgba(180,140,90,0.1),
    0 2px 3px rgba(40,20,0,0.3);
  font-family: 'Gowun Batang', serif;
  font-weight: 500;
  letter-spacing: 0.05em;
}
[data-theme="kr-cafe"] .hero-tagline {
  color: #a08868;
  font-family: 'Gowun Batang', serif;
  text-shadow: 0 0 6px rgba(180,140,90,0.1);
}

[data-theme="kr-pastel"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #e8d0e0;
  text-shadow:
    0 0 6px rgba(255,182,193,0.35),
    0 0 16px rgba(176,224,230,0.25),
    0 0 32px rgba(255,182,193,0.1),
    0 2px 3px rgba(60,30,50,0.2);
  font-family: 'Gowun Dodum', sans-serif;
  font-weight: 500;
}
[data-theme="kr-pastel"] .hero-tagline {
  color: #b8a0b0;
  font-family: 'Gowun Dodum', sans-serif;
  text-shadow: 0 0 6px rgba(255,182,193,0.15);
}

/* =========== 快乐波普 4 套 =========== */

[data-theme="pop-art"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #fff;
  text-shadow:
    3px 3px 0 #ff006e,
    6px 6px 0 #ffbe0b,
    0 0 1px #fff;
  font-family: 'Bungee', sans-serif;
}
[data-theme="pop-art"] .hero-tagline {
  color: #fb5607;
  font-family: 'Bungee', sans-serif;
  text-shadow: 2px 2px 0 #fff;
}

[data-theme="comic"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #ffd60a;
  text-shadow:
    2px 2px 0 #000,
    -1px -1px 0 #ff006e,
    4px 4px 0 rgba(0,0,0,0.3);
  font-family: 'Bungee', sans-serif;
}
[data-theme="comic"] .hero-tagline {
  color: #fff;
  font-family: 'Bungee', sans-serif;
  text-shadow: 1px 1px 0 #000;
}

[data-theme="candyland"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #fff0f8;
  text-shadow:
    0 0 6px rgba(255,100,200,0.45),
    0 0 16px rgba(150,100,255,0.3),
    0 0 32px rgba(100,200,255,0.15),
    0 2px 3px rgba(60,0,60,0.3);
  font-family: 'Fredoka', sans-serif;
  font-weight: 600;
}
[data-theme="candyland"] .hero-tagline {
  color: #e0b0d0;
  font-family: 'Fredoka', sans-serif;
  text-shadow: 0 0 6px rgba(255,100,200,0.2);
}

[data-theme="festival"] .hero-title {
  background: linear-gradient(90deg, #ff006e, #ffbe0b, #00f5d4, #ff006e) !important;
  background-size: 300% 100% !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  animation: festivalRainbow 4s linear infinite;
  font-family: 'Bungee', sans-serif;
}
@keyframes festivalRainbow {
  0% { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}
[data-theme="festival"] .hero-tagline {
  color: #c0c0c0;
  font-family: 'Fredoka', sans-serif;
  text-shadow: 0 0 6px rgba(0,0,0,0.3);
}

/* =========== 忧郁暗调 4 套 =========== */

[data-theme="noir-rain"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #b0c8d8;
  text-shadow:
    0 0 4px rgba(80,120,180,0.35),
    0 0 12px rgba(40,60,100,0.25),
    0 0 28px rgba(20,40,80,0.12),
    0 4px 8px rgba(0,0,0,0.6);
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  font-style: italic;
}
[data-theme="noir-rain"] .hero-tagline {
  color: #8090a0;
  font-family: 'Cormorant Garamond', serif;
  text-shadow: 0 0 6px rgba(40,60,100,0.2);
}

[data-theme="blue-hour"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #c0d8f0;
  text-shadow:
    0 0 6px rgba(80,120,200,0.4),
    0 0 18px rgba(40,80,160,0.25),
    0 0 36px rgba(20,40,100,0.12),
    0 2px 4px rgba(0,0,0,0.4);
  font-family: 'Lora', serif;
  font-weight: 500;
}
[data-theme="blue-hour"] .hero-tagline {
  color: #8090b0;
  font-family: 'Lora', serif;
  text-shadow: 0 0 8px rgba(40,80,160,0.15);
}

[data-theme="foggy"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #d8d8d8;
  text-shadow:
    0 0 8px rgba(200,200,200,0.2),
    0 0 20px rgba(180,180,180,0.12),
    0 0 40px rgba(160,160,160,0.06);
  font-family: 'Lora', serif;
  font-weight: 400;
}
[data-theme="foggy"] .hero-tagline {
  color: #a0a0a0;
  font-family: 'Lora', serif;
  text-shadow: 0 0 8px rgba(200,200,200,0.1);
}

[data-theme="midnight-blue"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #7090b8;
  text-shadow:
    0 0 3px rgba(100,140,200,0.3),
    0 0 10px rgba(40,60,120,0.2),
    0 0 24px rgba(20,40,100,0.1),
    0 2px 4px rgba(0,0,0,0.5);
  font-family: 'EB Garamond', serif;
  font-weight: 500;
}
[data-theme="midnight-blue"] .hero-tagline {
  color: #506890;
  font-family: 'EB Garamond', serif;
  text-shadow: 0 0 6px rgba(20,30,60,0.3);
}

/* =========== 赛博未来 4 套 =========== */

[data-theme="cyberpunk"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #f0fff0;
  text-shadow:
    0 0 4px rgba(0,255,100,0.6),
    0 0 12px rgba(0,255,100,0.35),
    0 0 24px rgba(255,200,0,0.2),
    2px 0 0 rgba(255,0,100,0.4),
    -2px 0 0 rgba(0,255,255,0.4);
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
[data-theme="cyberpunk"] .hero-tagline {
  color: #80ff80;
  font-family: 'Rajdhani', sans-serif;
  text-shadow: 0 0 4px rgba(0,255,100,0.3);
}

[data-theme="vaporwave"] .hero-title {
  background: linear-gradient(135deg, #ff71ce 0%, #b967ff 25%, #01cdfe 50%, #05ffa1 75%, #ff71ce 100%) !important;
  background-size: 200% 200% !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  animation: vaporFlow 5s ease infinite;
  font-family: 'Orbitron', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
@keyframes vaporFlow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
[data-theme="vaporwave"] .hero-tagline {
  color: #b0a0d0;
  font-family: 'Rajdhani', sans-serif;
  text-shadow: 0 0 6px rgba(255,113,206,0.2);
}

[data-theme="glitch"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #fff;
  text-shadow:
    3px 0 0 rgba(255,0,0,0.5),
    -3px 0 0 rgba(0,255,255,0.5),
    0 0 2px rgba(255,255,255,0.6);
  animation: glitchShift 2.5s steps(1) infinite;
  font-family: 'JetBrains Mono', monospace;
  font-weight: 700;
}
@keyframes glitchShift {
  0%, 88%, 100% { text-shadow: 3px 0 0 rgba(255,0,0,0.5), -3px 0 0 rgba(0,255,255,0.5); }
  90% { text-shadow: -4px 0 0 rgba(255,0,0,0.6), 4px 0 0 rgba(0,255,255,0.6); }
  93% { text-shadow: 5px 1px 0 rgba(255,0,0,0.4), -2px -1px 0 rgba(0,255,255,0.4); }
  96% { text-shadow: -2px 0 0 rgba(255,0,0,0.5), 3px 0 0 rgba(0,255,255,0.5); }
}
[data-theme="glitch"] .hero-tagline {
  color: #a0a0a0;
  font-family: 'JetBrains Mono', monospace;
  text-shadow: 2px 0 0 rgba(255,0,0,0.2), -2px 0 0 rgba(0,255,255,0.2);
}

[data-theme="hologram-2"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #80ffe0;
  text-shadow:
    0 0 4px rgba(0,255,200,0.5),
    0 0 12px rgba(0,255,200,0.3),
    0 0 28px rgba(0,255,150,0.15),
    2px 0 0 rgba(255,0,200,0.2),
    -2px 0 0 rgba(0,200,255,0.2);
  font-family: 'Exo 2', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
[data-theme="hologram-2"] .hero-tagline {
  color: #60d0b0;
  font-family: 'Exo 2', sans-serif;
  text-shadow: 0 0 6px rgba(0,255,200,0.2);
}

/* =========== 运动极限 4 套 =========== */

[data-theme="action-sports"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #ff6b00;
  text-shadow:
    -8px 0 8px rgba(255,100,0,0.15),
    -4px 0 4px rgba(255,140,0,0.2),
    -2px 0 2px rgba(255,180,0,0.3),
    0 0 1px rgba(255,255,255,0.5),
    0 3px 6px rgba(0,0,0,0.5);
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}
[data-theme="action-sports"] .hero-tagline {
  color: #c0a060;
  font-family: 'Oswald', sans-serif;
  text-shadow: -4px 0 4px rgba(255,140,0,0.1);
}

[data-theme="skate"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #fff;
  text-shadow:
    4px 4px 0 rgba(255,0,100,0.4),
    8px 8px 0 rgba(0,0,0,0.3),
    0 0 1px rgba(255,255,255,0.6);
  font-family: 'Bungee', sans-serif;
  transform: skewX(-3deg);
}
[data-theme="skate"] .hero-tagline {
  color: #ff6090;
  font-family: 'Bungee', sans-serif;
  text-shadow: 2px 2px 0 rgba(0,0,0,0.4);
  transform: skewX(-2deg);
}

[data-theme="parkour"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #d0d8e0;
  text-shadow:
    0 0 2px rgba(150,180,220,0.3),
    0 0 8px rgba(100,140,200,0.2),
    0 4px 8px rgba(0,0,0,0.5);
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
[data-theme="parkour"] .hero-tagline {
  color: #8090a0;
  font-family: 'Barlow Condensed', sans-serif;
  text-shadow: 0 0 6px rgba(0,0,0,0.4);
}

[data-theme="surf"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #a0e8f0;
  text-shadow:
    0 0 6px rgba(0,180,220,0.45),
    0 0 16px rgba(0,150,200,0.28),
    0 0 32px rgba(0,120,180,0.12),
    0 2px 4px rgba(0,10,30,0.4);
  font-family: 'Comfortaa', sans-serif;
  font-weight: 600;
}
[data-theme="surf"] .hero-tagline {
  color: #60a8b8;
  font-family: 'Comfortaa', sans-serif;
  text-shadow: 0 0 8px rgba(0,150,200,0.15);
}

/* =========== 甜美梦幻 4 套 =========== */

[data-theme="cotton-candy"] .hero-title {
  background: linear-gradient(135deg, #ffb6d9 0%, #b6e3ff 50%, #ffb6d9 100%) !important;
  background-size: 200% 200% !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  animation: candyFloss 4s ease infinite;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
}
@keyframes candyFloss {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
[data-theme="cotton-candy"] .hero-tagline {
  color: #d0a0c0;
  font-family: 'Quicksand', sans-serif;
  text-shadow: 0 0 6px rgba(255,182,217,0.2);
}

[data-theme="fairy-tale"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #f0e0ff;
  text-shadow:
    0 0 4px rgba(200,150,255,0.45),
    0 0 12px rgba(255,200,100,0.25),
    0 0 28px rgba(200,150,255,0.15),
    0 2px 3px rgba(40,20,60,0.3);
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  font-style: italic;
}
[data-theme="fairy-tale"] .hero-tagline {
  color: #c0a0d8;
  font-family: 'Cormorant Garamond', serif;
  text-shadow: 0 0 6px rgba(200,150,255,0.2);
}

[data-theme="marshmallow"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #fff5f0;
  text-shadow:
    0 0 3px rgba(255,240,230,0.4),
    0 0 10px rgba(255,220,200,0.25),
    0 0 24px rgba(255,200,180,0.12),
    0 2px 4px rgba(80,40,20,0.15);
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
}
[data-theme="marshmallow"] .hero-tagline {
  color: #c8b0a0;
  font-family: 'Quicksand', sans-serif;
  text-shadow: 0 0 6px rgba(255,220,200,0.15);
}

[data-theme="bubble-tea"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #e8d0b8;
  text-shadow:
    0 0 6px rgba(180,140,100,0.3),
    0 0 16px rgba(200,160,120,0.18),
    0 0 32px rgba(180,140,100,0.08),
    0 2px 4px rgba(60,30,10,0.3);
  font-family: 'Fredoka', sans-serif;
  font-weight: 600;
}
[data-theme="bubble-tea"] .hero-tagline {
  color: #a08868;
  font-family: 'Fredoka', sans-serif;
  text-shadow: 0 0 6px rgba(180,140,100,0.15);
}

/* =========== 自然纹理 4 套 =========== */

[data-theme="wood-grain"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #d4a070;
  text-shadow:
    0 1px 0 rgba(100,60,20,0.3),
    0 2px 2px rgba(0,0,0,0.3),
    0 0 12px rgba(160,100,40,0.1);
  font-family: 'EB Garamond', serif;
  font-weight: 500;
}
[data-theme="wood-grain"] .hero-tagline {
  color: #8a6840;
  font-family: 'EB Garamond', serif;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

[data-theme="stone-texture"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #d8d8d0;
  text-shadow:
    0 1px 0 rgba(120,120,110,0.3),
    0 2px 2px rgba(0,0,0,0.4),
    0 0 10px rgba(180,180,170,0.08);
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;
}
[data-theme="stone-texture"] .hero-tagline {
  color: #909088;
  font-family: 'Barlow', sans-serif;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

[data-theme="leaf-veins"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #b0d090;
  text-shadow:
    0 0 4px rgba(100,180,80,0.35),
    0 0 12px rgba(80,160,60,0.22),
    0 0 24px rgba(60,120,40,0.1),
    0 2px 4px rgba(0,20,0,0.4);
  font-family: 'Lora', serif;
  font-weight: 500;
}
[data-theme="leaf-veins"] .hero-tagline {
  color: #709050;
  font-family: 'Lora', serif;
  text-shadow: 0 0 6px rgba(100,180,80,0.15);
}

[data-theme="water-ripple"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #90c8e0;
  text-shadow:
    0 0 4px rgba(80,160,220,0.35),
    0 0 12px rgba(60,140,200,0.22),
    0 0 24px rgba(40,100,180,0.1),
    0 2px 4px rgba(0,10,30,0.3);
  font-family: 'Comfortaa', sans-serif;
  font-weight: 500;
}
[data-theme="water-ripple"] .hero-tagline {
  color: #6090b0;
  font-family: 'Comfortaa', sans-serif;
  text-shadow: 0 0 6px rgba(80,160,220,0.15);
}

/* =========== 户外冒险 4 套 =========== */

[data-theme="mountain-peak"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #e8e8f0;
  text-shadow:
    0 2px 0 rgba(120,140,170,0.3),
    0 4px 0 rgba(100,120,150,0.25),
    0 6px 8px rgba(0,0,0,0.4);
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
[data-theme="mountain-peak"] .hero-tagline {
  color: #9090a0;
  font-family: 'Oswald', sans-serif;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

[data-theme="forest-deep"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #98b080;
  text-shadow:
    0 0 4px rgba(60,100,40,0.35),
    0 0 12px rgba(40,80,30,0.22),
    0 0 24px rgba(20,60,20,0.1),
    0 3px 6px rgba(0,10,0,0.5);
  font-family: 'Lora', serif;
  font-weight: 500;
}
[data-theme="forest-deep"] .hero-tagline {
  color: #607048;
  font-family: 'Lora', serif;
  text-shadow: 0 0 8px rgba(0,10,0,0.4);
}

[data-theme="ocean-deep"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #68a8c8;
  text-shadow:
    0 0 6px rgba(40,120,180,0.35),
    0 0 16px rgba(20,80,140,0.22),
    0 0 32px rgba(0,40,100,0.1),
    0 3px 6px rgba(0,0,0,0.5);
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
[data-theme="ocean-deep"] .hero-tagline {
  color: #406880;
  font-family: 'Barlow', sans-serif;
  text-shadow: 0 0 8px rgba(0,30,60,0.4);
}

[data-theme="desert-vast"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #e8c080;
  text-shadow:
    0 0 8px rgba(220,160,60,0.3),
    0 0 20px rgba(200,140,40,0.18),
    0 0 36px rgba(180,120,20,0.08),
    0 3px 6px rgba(60,30,0,0.4);
  font-family: 'Cinzel', serif;
  font-weight: 600;
  letter-spacing: 0.03em;
}
[data-theme="desert-vast"] .hero-tagline {
  color: #a8884a;
  font-family: 'Cinzel', serif;
  text-shadow: 0 0 6px rgba(200,140,40,0.15);
}

/* =========== 室内空间 3 套 =========== */

[data-theme="warehouse"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #c8c0b0;
  text-shadow:
    0 1px 0 rgba(100,90,70,0.3),
    0 3px 4px rgba(0,0,0,0.5),
    0 0 8px rgba(140,120,80,0.1);
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
[data-theme="warehouse"] .hero-tagline {
  color: #807060;
  font-family: 'Oswald', sans-serif;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

[data-theme="greenhouse"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #c8e8c0;
  text-shadow:
    0 0 4px rgba(150,220,130,0.3),
    0 0 12px rgba(120,200,100,0.18),
    0 0 24px rgba(100,180,80,0.08),
    0 2px 3px rgba(0,30,0,0.3);
  font-family: 'Lora', serif;
  font-weight: 500;
}
[data-theme="greenhouse"] .hero-tagline {
  color: #88a880;
  font-family: 'Lora', serif;
  text-shadow: 0 0 6px rgba(150,220,130,0.15);
}

[data-theme="art-studio"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #d0ccc8;
  text-shadow:
    0 0 1px rgba(255,255,255,0.2),
    0 0 8px rgba(200,200,200,0.1),
    0 2px 4px rgba(0,0,0,0.3);
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
}
[data-theme="art-studio"] .hero-tagline {
  color: #909090;
  font-family: 'Inter', sans-serif;
  text-shadow: none;
}

/* =========== 职业大师 4 套 =========== */

[data-theme="pro-fashion"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #f0f0f0;
  text-shadow:
    0 0 1px rgba(255,255,255,0.5),
    0 0 8px rgba(212,175,55,0.18),
    0 4px 8px rgba(0,0,0,0.6);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  letter-spacing: 0.02em;
}
[data-theme="pro-fashion"] .hero-tagline {
  color: #a0a0a0;
  font-family: 'Playfair Display', serif;
  text-shadow: 0 0 6px rgba(0,0,0,0.4);
}

[data-theme="pro-editorial"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #e8e0d8;
  text-shadow:
    0 0 1px rgba(255,255,255,0.3),
    0 0 6px rgba(200,80,60,0.15),
    0 2px 4px rgba(0,0,0,0.4);
  font-family: 'EB Garamond', serif;
  font-weight: 600;
  letter-spacing: 0.01em;
}
[data-theme="pro-editorial"] .hero-tagline {
  color: #888;
  font-family: 'EB Garamond', serif;
  text-shadow: 0 0 6px rgba(0,0,0,0.3);
}

[data-theme="pro-architecture"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #e0e0e0;
  text-shadow:
    0 1px 0 rgba(160,160,160,0.3),
    0 2px 0 rgba(120,120,120,0.2),
    0 3px 0 rgba(80,80,80,0.15),
    0 4px 8px rgba(0,0,0,0.3);
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  letter-spacing: 0.03em;
}
[data-theme="pro-architecture"] .hero-tagline {
  color: #888;
  font-family: 'Barlow', sans-serif;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

[data-theme="pro-fineart"] .hero-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
  color: #d8c8a8;
  text-shadow:
    0 0 1px rgba(255,240,200,0.2),
    0 0 8px rgba(200,160,80,0.12),
    0 0 20px rgba(180,140,60,0.08),
    0 2px 3px rgba(20,10,0,0.4);
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  font-style: italic;
}
[data-theme="pro-fineart"] .hero-tagline {
  color: #988868;
  font-family: 'Cormorant Garamond', serif;
  text-shadow: 0 0 6px rgba(0,0,0,0.3);
}
/* ============================================================
   HERO TEXT EFFECTS v3 — PART 2
   虚化8套 + 自然8套(重新摄影化) + 玻璃8套(透明玻璃效果) +
   电影8套(胶片效果) + 宝丽来8套 + 分屏5套 + 少女5套(柔美发光+鼠标拖影) +
   男孩5套 + 创意10套(含光绘)
   ============================================================ */

/* =========== 焦外虚化 8 套 — 完全重新设计，大字号亮色发光 =========== */

[data-theme="ext-bokeh-warm"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #fff5e8;
  text-shadow:
    0 0 6px rgba(255,200,120,0.5),
    0 0 18px rgba(255,180,80,0.35),
    0 0 36px rgba(255,160,40,0.2),
    0 0 64px rgba(255,140,20,0.08),
    0 2px 4px rgba(0,0,0,0.3);
  font-family: 'Fredoka', sans-serif;
  font-weight: 600;

}
[data-theme="ext-bokeh-warm"] .hero-tagline {
  color: #ffd0a0; font-family: 'Fredoka', sans-serif;
  text-shadow: 0 0 8px rgba(255,180,80,0.3);

}

[data-theme="ext-bokeh-cool"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #f0f8ff;
  text-shadow:
    0 0 6px rgba(80,180,255,0.5),
    0 0 18px rgba(40,140,220,0.35),
    0 0 36px rgba(20,100,200,0.2),
    0 0 64px rgba(0,80,180,0.08),
    0 2px 4px rgba(0,0,0,0.3);
  font-family: 'Comfortaa', sans-serif;
  font-weight: 600;

}
[data-theme="ext-bokeh-cool"] .hero-tagline {
  color: #a0d8ff; font-family: 'Comfortaa', sans-serif;
  text-shadow: 0 0 8px rgba(40,140,220,0.3);

}

[data-theme="ext-bokeh-rainbow"] .hero-title {
  background: linear-gradient(135deg, #ff006e, #ffbe0b, #00f5d4, #3a86ff, #ff006e) !important;
  background-size: 300% 300% !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
  animation: bokehRainbow 5s ease infinite;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  text-shadow:0 0 20px var(--accent-glow),0 0 40px var(--accent-glow),0 2px 8px rgba(0,0,0,0.4);
  filter: drop-shadow(0 0 8px rgba(255,180,200,0.4));


}
@keyframes bokehRainbow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
[data-theme="ext-bokeh-rainbow"] .hero-tagline {
  color: #c0c0e0; font-family: 'Quicksand', sans-serif;
  text-shadow: 0 0 6px rgba(255,180,200,0.25);

}

[data-theme="ext-bokeh-night"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #fffde0;
  text-shadow:
    0 0 6px rgba(255,240,100,0.5),
    0 0 18px rgba(255,220,60,0.35),
    0 0 36px rgba(255,200,20,0.2),
    0 0 64px rgba(200,180,0,0.08),
    0 2px 4px rgba(0,0,0,0.5);
  font-family: 'Nunito', sans-serif;
  font-weight: 700;

}
[data-theme="ext-bokeh-night"] .hero-tagline {
  color: #ffe880; font-family: 'Nunito', sans-serif;
  text-shadow: 0 0 8px rgba(255,220,60,0.3);

}

[data-theme="ext-bokeh-pastel"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #fff0f8;
  text-shadow:
    0 0 6px rgba(255,180,220,0.45),
    0 0 18px rgba(180,220,255,0.3),
    0 0 36px rgba(200,180,255,0.15),
    0 0 64px rgba(255,200,230,0.08),
    0 2px 4px rgba(40,20,40,0.2);
  font-family: 'Fredoka', sans-serif;
  font-weight: 600;

}
[data-theme="ext-bokeh-pastel"] .hero-tagline {
  color: #f0c0d8; font-family: 'Fredoka', sans-serif;
  text-shadow: 0 0 8px rgba(255,180,220,0.25);

}

[data-theme="ext-bokeh-forest"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #f0ffe8;
  text-shadow:
    0 0 6px rgba(120,200,80,0.5),
    0 0 18px rgba(80,160,40,0.35),
    0 0 36px rgba(60,120,20,0.2),
    0 0 64px rgba(40,100,0,0.08),
    0 2px 4px rgba(0,20,0,0.4);
  font-family: 'Lora', serif;
  font-weight: 600;

}
[data-theme="ext-bokeh-forest"] .hero-tagline {
  color: #a8c888; font-family: 'Lora', serif;
  text-shadow: 0 0 8px rgba(80,160,40,0.3);

}

[data-theme="ext-bokeh-sunset"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #fff0e0;
  text-shadow:
    0 0 6px rgba(255,160,80,0.5),
    0 0 18px rgba(255,120,40,0.35),
    0 0 36px rgba(200,80,20,0.2),
    0 0 64px rgba(180,60,0,0.08),
    0 2px 4px rgba(20,0,0,0.4);
  font-family: 'EB Garamond', serif;
  font-weight: 600;

}
[data-theme="ext-bokeh-sunset"] .hero-tagline {
  color: #e8a868; font-family: 'EB Garamond', serif;
  text-shadow: 0 0 8px rgba(255,120,40,0.3);

}

[data-theme="ext-bokeh-macro"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #e8f0ff;
  text-shadow:
    0 0 4px rgba(100,180,240,0.5),
    0 0 12px rgba(60,140,220,0.35),
    0 0 28px rgba(40,100,200,0.18),
    0 0 56px rgba(20,60,180,0.08),
    0 2px 4px rgba(0,0,0,0.3);
  font-family: 'Barlow', sans-serif;
  font-weight: 600;

}
[data-theme="ext-bokeh-macro"] .hero-tagline {
  color: #90b8d8; font-family: 'Barlow', sans-serif;
  text-shadow: 0 0 8px rgba(60,140,220,0.25);

}

/* =========== 自然有机 8 套 — 完全重新设计，与摄影深度关联 =========== */
/* 设计思路: 改为自然光下的摄影主题文字效果 */

[data-theme="ext-organic-sage"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #e8f0d8;
  text-shadow:
    0 0 6px rgba(140,180,100,0.3),
    0 0 16px rgba(100,160,60,0.18),
    0 0 32px rgba(80,140,40,0.08),
    0 2px 4px rgba(0,20,0,0.3);
  font-family: 'Lora', serif;
  font-weight: 500;

}
[data-theme="ext-organic-sage"] .hero-tagline {
  color: #a8c088; font-family: 'Lora', serif;
  text-shadow: 0 0 6px rgba(140,180,100,0.15);

}

[data-theme="ext-organic-clay"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #f0e0c8;
  text-shadow:
    0 0 6px rgba(200,150,80,0.3),
    0 0 16px rgba(180,130,60,0.18),
    0 0 32px rgba(160,110,40,0.08),
    0 2px 4px rgba(40,20,0,0.3);
  font-family: 'EB Garamond', serif;
  font-weight: 500;

}
[data-theme="ext-organic-clay"] .hero-tagline {
  color: #c8a878; font-family: 'EB Garamond', serif;
  text-shadow: 0 0 6px rgba(200,150,80,0.15);

}

[data-theme="ext-organic-moss"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #e0f0d0;
  text-shadow:
    0 0 6px rgba(80,120,60,0.35),
    0 0 16px rgba(60,100,40,0.2),
    0 0 32px rgba(40,80,20,0.1),
    0 2px 4px rgba(0,10,0,0.4);
  font-family: 'Lora', serif;
  font-weight: 500;

}
[data-theme="ext-organic-moss"] .hero-tagline {
  color: #88a070; font-family: 'Lora', serif;
  text-shadow: 0 0 6px rgba(80,120,60,0.15);

}

[data-theme="ext-organic-sand"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #fff0d8;
  text-shadow:
    0 0 6px rgba(220,180,100,0.3),
    0 0 16px rgba(200,160,80,0.18),
    0 0 32px rgba(180,140,60,0.08),
    0 2px 4px rgba(40,20,0,0.25);
  font-family: 'Barlow', sans-serif;
  font-weight: 500;

}
[data-theme="ext-organic-sand"] .hero-tagline {
  color: #b8a070; font-family: 'Barlow', sans-serif;
  text-shadow: 0 0 6px rgba(220,180,100,0.15);

}

[data-theme="ext-organic-bark"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #e8d0b8;
  text-shadow:
    0 0 6px rgba(160,100,50,0.3),
    0 0 16px rgba(140,80,40,0.18),
    0 0 32px rgba(120,70,30,0.08),
    0 2px 4px rgba(20,10,0,0.4);
  font-family: 'EB Garamond', serif;
  font-weight: 500;

}
[data-theme="ext-organic-bark"] .hero-tagline {
  color: #a89070; font-family: 'EB Garamond', serif;
  text-shadow: 0 0 6px rgba(160,100,50,0.15);

}

[data-theme="ext-organic-leaf"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #e0f8c0;
  text-shadow:
    0 0 6px rgba(100,200,80,0.35),
    0 0 16px rgba(80,180,60,0.2),
    0 0 32px rgba(60,160,40,0.1),
    0 2px 4px rgba(0,20,0,0.3);
  font-family: 'Lora', serif;
  font-weight: 500;

}
[data-theme="ext-organic-leaf"] .hero-tagline {
  color: #90c870; font-family: 'Lora', serif;
  text-shadow: 0 0 6px rgba(100,200,80,0.15);

}

[data-theme="ext-organic-pebble"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #e0e0e8;
  text-shadow:
    0 0 4px rgba(140,160,180,0.3),
    0 0 12px rgba(120,140,170,0.18),
    0 0 24px rgba(100,120,150,0.08),
    0 2px 4px rgba(0,0,0,0.3);
  font-family: 'Barlow', sans-serif;
  font-weight: 500;

}
[data-theme="ext-organic-pebble"] .hero-tagline {
  color: #98a0b0; font-family: 'Barlow', sans-serif;
  text-shadow: 0 0 6px rgba(140,160,180,0.12);

}

[data-theme="ext-organic-bloom"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #ffe8f0;
  text-shadow:
    0 0 6px rgba(230,150,190,0.4),
    0 0 16px rgba(210,130,170,0.25),
    0 0 32px rgba(190,110,150,0.12),
    0 2px 4px rgba(40,10,30,0.3);
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;

}
[data-theme="ext-organic-bloom"] .hero-tagline {
  color: #d8a0b8; font-family: 'Quicksand', sans-serif;
  text-shadow: 0 0 6px rgba(230,150,190,0.15);

}

/* =========== 玻璃质感 8 套 — 透明玻璃效果文字 + 玻璃发光 =========== */
/* 设计思路: 文字本身模拟透明玻璃质感，配合边缘折射光 */

[data-theme="ext-glass-crystal"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: rgba(220,240,255,0.85);
  text-shadow:
    0 0 1px rgba(255,255,255,0.8),
    0 0 4px rgba(150,200,255,0.5),
    0 0 12px rgba(100,180,255,0.3),
    0 0 28px rgba(80,160,240,0.15),
    1px 1px 0 rgba(255,255,255,0.3),
    -1px -1px 0 rgba(150,200,255,0.2);
  font-family: 'Exo 2', sans-serif;
  font-weight: 500;

}
[data-theme="ext-glass-crystal"] .hero-tagline {
  color: rgba(180,210,240,0.8); font-family: 'Exo 2', sans-serif;
  text-shadow: 0 0 6px rgba(150,200,255,0.25);

}

[data-theme="ext-glass-frost"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: rgba(240,250,255,0.82);
  text-shadow:
    0 0 1px rgba(255,255,255,0.9),
    0 0 6px rgba(180,220,255,0.4),
    0 0 16px rgba(150,200,250,0.2),
    0 0 32px rgba(120,180,240,0.1);
  font-family: 'Barlow', sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;

}
[data-theme="ext-glass-frost"] .hero-tagline {
  color: rgba(200,220,240,0.75); font-family: 'Barlow', sans-serif;
  text-shadow: 0 0 6px rgba(180,220,255,0.2);

}

[data-theme="ext-glass-stained"] .hero-title {
  background: linear-gradient(135deg, rgba(255,100,100,0.9), rgba(100,200,255,0.9), rgba(255,200,100,0.9), rgba(200,100,255,0.9)) !important;
  background-size: 200% 200% !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
  animation: stainedShift 6s ease infinite;
  font-family: 'Cinzel', serif;
  font-weight: 600;
  text-shadow:0 0 20px var(--accent-glow),0 0 40px var(--accent-glow),0 2px 8px rgba(0,0,0,0.4);
  filter: drop-shadow(0 0 4px rgba(255,150,200,0.3)) drop-shadow(0 0 12px rgba(150,100,255,0.15));


}
@keyframes stainedShift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
[data-theme="ext-glass-stained"] .hero-tagline {
  color: rgba(200,180,220,0.8); font-family: 'Cinzel', serif;
  text-shadow: 0 0 6px rgba(180,100,255,0.2);

}

[data-theme="ext-glass-prism"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: rgba(200,255,230,0.85);
  text-shadow:
    0 0 1px rgba(255,255,255,0.7),
    0 0 4px rgba(100,255,200,0.5),
    0 0 12px rgba(80,220,180,0.3),
    0 0 28px rgba(60,200,160,0.15),
    2px 0 0 rgba(255,100,200,0.15),
    -2px 0 0 rgba(100,200,255,0.15);
  font-family: 'Orbitron', sans-serif;
  font-weight: 500;

}
[data-theme="ext-glass-prism"] .hero-tagline {
  color: rgba(150,220,200,0.8); font-family: 'Orbitron', sans-serif;
  text-shadow: 0 0 6px rgba(100,255,200,0.2);

}

[data-theme="ext-glass-aqua"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: rgba(180,240,250,0.85);
  text-shadow:
    0 0 1px rgba(255,255,255,0.8),
    0 0 6px rgba(60,200,230,0.5),
    0 0 16px rgba(40,180,220,0.3),
    0 0 32px rgba(20,160,200,0.15),
    0 2px 4px rgba(0,20,40,0.2);
  font-family: 'Comfortaa', sans-serif;
  font-weight: 600;

}
[data-theme="ext-glass-aqua"] .hero-tagline {
  color: rgba(130,200,220,0.8); font-family: 'Comfortaa', sans-serif;
  text-shadow: 0 0 6px rgba(60,200,230,0.2);

}

[data-theme="ext-glass-amber"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: rgba(255,220,150,0.85);
  text-shadow:
    0 0 1px rgba(255,255,255,0.6),
    0 0 6px rgba(255,180,80,0.5),
    0 0 16px rgba(255,160,40,0.3),
    0 0 32px rgba(220,140,20,0.15),
    0 2px 4px rgba(40,20,0,0.3);
  font-family: 'Nunito', sans-serif;
  font-weight: 600;

}
[data-theme="ext-glass-amber"] .hero-tagline {
  color: rgba(220,180,100,0.8); font-family: 'Nunito', sans-serif;
  text-shadow: 0 0 6px rgba(255,180,80,0.2);

}

[data-theme="ext-glass-opal"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: rgba(230,210,255,0.85);
  text-shadow:
    0 0 1px rgba(255,255,255,0.7),
    0 0 6px rgba(200,150,255,0.4),
    0 0 16px rgba(180,130,240,0.25),
    0 0 32px rgba(160,110,220,0.12),
    0 2px 4px rgba(30,10,50,0.2);
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;

}
[data-theme="ext-glass-opal"] .hero-tagline {
  color: rgba(190,170,220,0.8); font-family: 'Quicksand', sans-serif;
  text-shadow: 0 0 6px rgba(200,150,255,0.2);

}

[data-theme="ext-glass-smoke"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: rgba(200,200,210,0.8);
  text-shadow:
    0 0 1px rgba(220,220,230,0.5),
    0 0 4px rgba(140,140,160,0.3),
    0 0 12px rgba(120,120,140,0.18),
    0 0 24px rgba(100,100,120,0.08);
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  letter-spacing: 0.04em;

}
[data-theme="ext-glass-smoke"] .hero-tagline {
  color: rgba(150,150,160,0.75); font-family: 'Inter', sans-serif;
  text-shadow: 0 0 6px rgba(140,140,160,0.15);

}

/* =========== 电影画幅 8 套 — 加电影胶片效果 =========== */
/* 设计思路: 文字模拟胶片质感、放映机光束、胶片划痕 */

[data-theme="ext-cinema-noir"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #e8e8e0;
  text-shadow:
    0 0 1px rgba(255,255,240,0.5),
    0 0 8px rgba(200,200,180,0.15),
    0 2px 4px rgba(0,0,0,0.7),
    0 0 24px rgba(0,0,0,0.4);
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  font-style: italic;

}
[data-theme="ext-cinema-noir"] .hero-tagline {
  color: #a0a098; font-family: 'Cormorant Garamond', serif;
  text-shadow: 0 0 6px rgba(0,0,0,0.5);

}

[data-theme="ext-cinema-retro"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #f0d8b0;
  text-shadow:
    0 0 1px rgba(255,240,200,0.4),
    0 0 8px rgba(200,150,80,0.2),
    0 0 20px rgba(180,130,60,0.1),
    0 2px 4px rgba(20,10,0,0.5);
  font-family: 'EB Garamond', serif;
  font-weight: 600;

}
[data-theme="ext-cinema-retro"] .hero-tagline {
  color: #b89878; font-family: 'EB Garamond', serif;
  text-shadow: 0 0 6px rgba(200,150,80,0.15);

}

[data-theme="ext-cinema-widescreen"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #e8e8e8;
  text-shadow:
    0 0 1px rgba(255,255,255,0.4),
    0 0 6px rgba(200,200,200,0.15),
    0 2px 8px rgba(0,0,0,0.6);
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;

}
[data-theme="ext-cinema-widescreen"] .hero-tagline {
  color: #909090; font-family: 'Barlow', sans-serif;
  text-shadow: 0 0 6px rgba(0,0,0,0.4);

}

[data-theme="ext-cinema-vintage"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #d8c8a0;
  text-shadow:
    0 0 1px rgba(255,240,200,0.3),
    0 0 8px rgba(180,140,80,0.18),
    0 0 20px rgba(160,120,60,0.1),
    0 2px 4px rgba(10,5,0,0.5);
  font-family: 'Lora', serif;
  font-weight: 600;

}
[data-theme="ext-cinema-vintage"] .hero-tagline {
  color: #a89878; font-family: 'Lora', serif;
  text-shadow: 0 0 6px rgba(180,140,80,0.12);

}

[data-theme="ext-cinema-epic"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #ffd088;
  text-shadow:
    0 0 2px rgba(255,220,100,0.5),
    0 0 8px rgba(255,200,60,0.35),
    0 0 20px rgba(255,180,20,0.2),
    0 0 40px rgba(200,160,0,0.1),
    0 3px 8px rgba(0,0,0,0.6);
  font-family: 'Cinzel', serif;
  font-weight: 700;
  letter-spacing: 0.04em;

}
[data-theme="ext-cinema-epic"] .hero-tagline {
  color: #c8a868; font-family: 'Cinzel', serif;
  text-shadow: 0 0 6px rgba(255,200,60,0.2);

}

[data-theme="ext-cinema-indie"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #c8c8b8;
  text-shadow:
    0 0 1px rgba(255,255,240,0.3),
    0 0 6px rgba(160,160,140,0.15),
    0 2px 4px rgba(0,0,0,0.5);
  font-family: 'EB Garamond', serif;
  font-weight: 600;
  font-style: italic;

}
[data-theme="ext-cinema-indie"] .hero-tagline {
  color: #909088; font-family: 'EB Garamond', serif;
  text-shadow: 0 0 6px rgba(0,0,0,0.3);

}

[data-theme="ext-cinema-thriller"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #b0b0a8;
  text-shadow:
    0 0 1px rgba(200,200,190,0.3),
    0 0 4px rgba(120,120,110,0.2),
    0 0 12px rgba(80,80,70,0.12),
    0 3px 6px rgba(0,0,0,0.6);
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;

}
[data-theme="ext-cinema-thriller"] .hero-tagline {
  color: #707068; font-family: 'Barlow Condensed', sans-serif;
  text-shadow: 0 0 6px rgba(0,0,0,0.4);

}

[data-theme="ext-cinema-anime"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #ffe0e0;
  text-shadow:
    2px 2px 0 rgba(255,0,100,0.5),
    -1px -1px 0 rgba(100,200,255,0.3),
    0 0 6px rgba(255,150,150,0.3),
    0 2px 4px rgba(0,0,0,0.3);
  font-family: 'Fredoka', sans-serif;
  font-weight: 700;

}
[data-theme="ext-cinema-anime"] .hero-tagline {
  color: #e09098; font-family: 'Fredoka', sans-serif;
  text-shadow: 1px 1px 0 rgba(255,0,100,0.2);

}

/* =========== 宝丽来 8 套 — 手写质感+白边相框感 =========== */

[data-theme="ext-polaroid-classic"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #2a2a2a;
  text-shadow:
    0 1px 1px rgba(0,0,0,0.12),
    0 2px 3px rgba(0,0,0,0.08);
  font-family: 'Klee One', sans-serif;
  font-weight: 600;

}
[data-theme="ext-polaroid-classic"] .hero-tagline {
  color: #777; font-family: 'Klee One', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,0.06);

}

[data-theme="ext-polaroid-spectrum"] .hero-title {
  background: linear-gradient(90deg, #ff6b6b, #ffd93d, #6bcf7f, #4ecdc4, #a78bfa) !important;
  background-size: 200% 100% !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
  animation: spectrumSlide 5s linear infinite;
  font-family: 'Fredoka', sans-serif;
  font-weight: 700;
  text-shadow:0 0 20px var(--accent-glow),0 0 40px var(--accent-glow),0 2px 8px rgba(0,0,0,0.4);


}
@keyframes spectrumSlide {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}
[data-theme="ext-polaroid-spectrum"] .hero-tagline {
  color: #888; font-family: 'Fredoka', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,0.1);

}

[data-theme="ext-polaroid-fade"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: rgba(120,110,90,0.85);
  text-shadow:
    0 1px 1px rgba(0,0,0,0.1),
    0 0 8px rgba(180,160,120,0.08);
  font-family: 'EB Garamond', serif;
  font-weight: 500;
  font-style: italic;

}
[data-theme="ext-polaroid-fade"] .hero-tagline {
  color: rgba(130,120,100,0.7); font-family: 'EB Garamond', serif;
  text-shadow: 0 1px 1px rgba(0,0,0,0.06);

}

[data-theme="ext-polaroid-mini"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #333;
  text-shadow: 0 1px 2px rgba(0,0,0,0.15);
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;

}
[data-theme="ext-polaroid-mini"] .hero-tagline {
  color: #777; font-family: 'Quicksand', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,0.08);

}

[data-theme="ext-polaroid-tape"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #2a2a2a;
  text-shadow:
    0 1px 1px rgba(0,0,0,0.12),
    0 2px 3px rgba(0,0,0,0.08),
    0 0 12px rgba(255,255,200,0.1);
  font-family: 'Klee One', sans-serif;
  font-weight: 600;

}
[data-theme="ext-polaroid-tape"] .hero-tagline {
  color: #777; font-family: 'Klee One', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,0.06);

}

[data-theme="ext-polaroid-color"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #e04060;
  text-shadow:
    0 1px 2px rgba(0,0,0,0.15),
    0 0 8px rgba(220,60,90,0.12);
  font-family: 'Fredoka', sans-serif;
  font-weight: 700;

}
[data-theme="ext-polaroid-color"] .hero-tagline {
  color: #c06080; font-family: 'Fredoka', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,0.08);

}

[data-theme="ext-polaroid-vintage"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #a08868;
  text-shadow:
    0 1px 1px rgba(0,0,0,0.12),
    0 0 8px rgba(160,130,90,0.1);
  font-family: 'Lora', serif;
  font-weight: 500;
  font-style: italic;

}
[data-theme="ext-polaroid-vintage"] .hero-tagline {
  color: #8a7860; font-family: 'Lora', serif;
  text-shadow: 0 1px 1px rgba(0,0,0,0.08);

}

[data-theme="ext-polaroid-snow"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #6890b0;
  text-shadow:
    0 0 2px rgba(255,255,255,0.5),
    0 0 6px rgba(100,150,200,0.2),
    0 1px 3px rgba(0,0,0,0.1);
  font-family: 'Comfortaa', sans-serif;
  font-weight: 600;

}
[data-theme="ext-polaroid-snow"] .hero-tagline {
  color: #88a0b8; font-family: 'Comfortaa', sans-serif;
  text-shadow: 0 0 4px rgba(255,255,255,0.3);

}

/* =========== 分屏对比 5 套 — 渐变文字效果 =========== */

[data-theme="ext-split-duotone"] .hero-title {
  background: linear-gradient(90deg, #ff6b6b 0%, #4ecdc4 100%) !important;
  background-size: 200% 200% !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
  animation: splitFlow 6s ease infinite;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  text-shadow:0 0 20px var(--accent-glow),0 0 40px var(--accent-glow),0 2px 8px rgba(0,0,0,0.4);
  text-transform: uppercase;


}
@keyframes splitFlow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
[data-theme="ext-split-duotone"] .hero-tagline {
  color: var(--text-mid); font-family: 'Barlow Condensed', sans-serif;
  text-shadow: 0 0 6px rgba(0,0,0,0.3);

}

[data-theme="ext-split-contrast"] .hero-title {
  background: linear-gradient(180deg, #f0f0f0 0%, #1a1a1a 100%) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  text-shadow:0 0 20px var(--accent-glow),0 0 40px var(--accent-glow),0 2px 8px rgba(0,0,0,0.4);
  text-transform: uppercase;


}
[data-theme="ext-split-contrast"] .hero-tagline {
  color: var(--text-mid); font-family: 'Oswald', sans-serif;
  text-shadow: 0 0 6px rgba(0,0,0,0.3);

}

[data-theme="ext-split-diagonal"] .hero-title {
  background: linear-gradient(135deg, #b967ff 0%, #01cdfe 100%) !important;
  background-size: 200% 200% !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
  animation: splitFlow 6s ease infinite;
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
  text-shadow:0 0 20px var(--accent-glow),0 0 40px var(--accent-glow),0 2px 8px rgba(0,0,0,0.4);
  text-transform: uppercase;


}
[data-theme="ext-split-diagonal"] .hero-tagline {
  color: var(--text-mid); font-family: 'Orbitron', sans-serif;
  text-shadow: 0 0 6px rgba(0,0,0,0.3);

}

[data-theme="ext-split-grid"] .hero-title {
  background: linear-gradient(45deg, #ff006e, #ffbe0b, #00f5d4, #ff006e) !important;
  background-size: 300% 300% !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
  animation: gridFlow 5s ease infinite;
  font-family: 'Bungee', sans-serif;
  text-shadow:0 0 20px var(--accent-glow),0 0 40px var(--accent-glow),0 2px 8px rgba(0,0,0,0.4);

}
@keyframes gridFlow {
  0%, 100% { background-position: 0% 0%; }
  50% { background-position: 100% 100%; }
}
[data-theme="ext-split-grid"] .hero-tagline {
  color: var(--text-mid); font-family: 'Bungee', sans-serif;
  text-shadow: 0 0 6px rgba(0,0,0,0.3);

}

[data-theme="ext-split-gradient"] .hero-title {
  background: linear-gradient(90deg, #f093fb 0%, #f5576c 50%, #4facfe 100%) !important;
  background-size: 200% 100% !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
  animation: splitFlow 6s ease infinite;
  font-family: 'Exo 2', sans-serif;
  font-weight: 700;
  text-shadow:0 0 20px var(--accent-glow),0 0 40px var(--accent-glow),0 2px 8px rgba(0,0,0,0.4);


}
[data-theme="ext-split-gradient"] .hero-tagline {
  color: var(--text-mid); font-family: 'Exo 2', sans-serif;
  text-shadow: 0 0 6px rgba(0,0,0,0.3);

}

/* =========== 少女 5 套 — 柔美发光 + 鼠标拖影效果 =========== */
/* 设计思路: 柔和彩色光晕 + 鼠标移动时的彩色拖影 */

[data-theme="ext-girl-pink"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #ffc0d8;
  text-shadow:
    0 0 4px rgba(255,150,200,0.6),
    0 0 12px rgba(255,130,180,0.4),
    0 0 28px rgba(255,100,160,0.25),
    0 0 48px rgba(255,80,140,0.12),
    0 2px 3px rgba(40,10,30,0.3);
  font-family: 'Fredoka', sans-serif;
  font-weight: 600;

}
[data-theme="ext-girl-pink"] .hero-tagline {
  color: #e0a0b8; font-family: 'Fredoka', sans-serif;
  text-shadow: 0 0 8px rgba(255,150,200,0.3);

}
[data-theme="ext-girl-pink"] .hero-title::after {
  content: ''; position: absolute; width: 6px; height: 6px;
  border-radius: 50%; background: rgba(255,150,200,0.6);
  pointer-events: none; opacity: 0;
  animation: girlTrail 3s ease-in-out infinite;
}
@keyframes girlTrail {
  0%, 100% { opacity: 0; transform: translate(-30px, 10px); }
  50% { opacity: 0.4; transform: translate(30px, -10px); }
}

[data-theme="ext-girl-dream"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #e0d0ff;
  text-shadow:
    0 0 4px rgba(200,150,255,0.5),
    0 0 12px rgba(180,130,250,0.35),
    0 0 28px rgba(160,110,240,0.2),
    0 0 48px rgba(140,90,220,0.1),
    0 2px 3px rgba(30,10,50,0.3);
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;

}
[data-theme="ext-girl-dream"] .hero-tagline {
  color: #b8a0d8; font-family: 'Quicksand', sans-serif;
  text-shadow: 0 0 8px rgba(200,150,255,0.25);

}

[data-theme="ext-girl-floral"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #c8e8a0;
  text-shadow:
    0 0 4px rgba(180,230,130,0.5),
    0 0 12px rgba(160,210,100,0.35),
    0 0 28px rgba(140,190,70,0.2),
    0 0 48px rgba(120,170,50,0.1),
    0 2px 3px rgba(0,20,0,0.3);
  font-family: 'Lora', serif;
  font-weight: 600;

}
[data-theme="ext-girl-floral"] .hero-tagline {
  color: #98b878; font-family: 'Lora', serif;
  text-shadow: 0 0 8px rgba(180,230,130,0.25);

}

[data-theme="ext-girl-bubble"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #a0e8f0;
  text-shadow:
    0 0 4px rgba(140,220,250,0.5),
    0 0 12px rgba(100,200,240,0.35),
    0 0 28px rgba(80,180,230,0.2),
    0 0 48px rgba(60,160,220,0.1),
    0 2px 3px rgba(0,10,30,0.3);
  font-family: 'Comfortaa', sans-serif;
  font-weight: 600;

}
[data-theme="ext-girl-bubble"] .hero-tagline {
  color: #80c0d8; font-family: 'Comfortaa', sans-serif;
  text-shadow: 0 0 8px rgba(140,220,250,0.25);

}

[data-theme="ext-girl-pearl"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #f8f0e8;
  text-shadow:
    0 0 2px rgba(255,250,240,0.5),
    0 0 8px rgba(240,230,220,0.3),
    0 0 20px rgba(220,210,200,0.15),
    0 0 40px rgba(200,190,180,0.08),
    0 2px 4px rgba(40,30,20,0.2);
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  font-style: italic;

}
[data-theme="ext-girl-pearl"] .hero-tagline {
  color: #c8b8a8; font-family: 'Cormorant Garamond', serif;
  text-shadow: 0 0 8px rgba(240,230,220,0.2);

}

/* =========== 男孩 5 套 — 科技感+动感光效 =========== */

[data-theme="ext-boy-tech"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #80ff80;
  text-shadow:
    0 0 4px rgba(0,255,100,0.6),
    0 0 12px rgba(0,255,80,0.4),
    0 0 28px rgba(0,220,60,0.2),
    0 0 48px rgba(0,200,40,0.1),
    0 2px 4px rgba(0,0,0,0.5);
  font-family: 'Share Tech Mono', monospace;
  font-weight: 700;
  text-transform: uppercase;

}
[data-theme="ext-boy-tech"] .hero-tagline {
  color: #60c060; font-family: 'Share Tech Mono', monospace;
  text-shadow: 0 0 6px rgba(0,255,80,0.3);

}

[data-theme="ext-boy-rocket"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #ffb040;
  text-shadow:
    0 0 4px rgba(255,160,50,0.6),
    0 0 12px rgba(255,140,30,0.4),
    0 0 28px rgba(255,120,10,0.2),
    0 0 48px rgba(220,100,0,0.1),
    0 2px 4px rgba(0,0,0,0.5);
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
  text-transform: uppercase;

}
[data-theme="ext-boy-rocket"] .hero-tagline {
  color: #c08030; font-family: 'Orbitron', sans-serif;
  text-shadow: 0 0 6px rgba(255,160,50,0.3);

}

[data-theme="ext-boy-ocean"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #40c8e8;
  text-shadow:
    0 0 4px rgba(60,200,230,0.6),
    0 0 12px rgba(40,180,220,0.4),
    0 0 28px rgba(20,160,210,0.2),
    0 0 48px rgba(0,140,200,0.1),
    0 2px 4px rgba(0,0,0,0.5);
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
  text-transform: uppercase;

}
[data-theme="ext-boy-ocean"] .hero-tagline {
  color: #3098b8; font-family: 'Barlow', sans-serif;
  text-shadow: 0 0 6px rgba(40,180,220,0.3);

}

[data-theme="ext-boy-jungle"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #90c050;
  text-shadow:
    0 0 4px rgba(130,200,60,0.55),
    0 0 12px rgba(110,180,40,0.35),
    0 0 28px rgba(90,160,20,0.2),
    0 0 48px rgba(70,140,0,0.1),
    0 2px 4px rgba(0,0,0,0.5);
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  text-transform: uppercase;

}
[data-theme="ext-boy-jungle"] .hero-tagline {
  color: #709030; font-family: 'Oswald', sans-serif;
  text-shadow: 0 0 6px rgba(130,200,60,0.3);

}

[data-theme="ext-boy-mech"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #a0b0c8;
  text-shadow:
    0 0 4px rgba(150,170,200,0.5),
    0 0 12px rgba(120,150,190,0.35),
    0 0 28px rgba(100,130,180,0.2),
    0 0 48px rgba(80,110,160,0.1),
    0 2px 4px rgba(0,0,0,0.5);
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  text-transform: uppercase;

}
[data-theme="ext-boy-mech"] .hero-tagline {
  color: #7080a0; font-family: 'Rajdhani', sans-serif;
  text-shadow: 0 0 6px rgba(150,170,200,0.3);

}

/* =========== 新增创意 10 套 — 摄影深度关联 =========== */

[data-theme="ext-new-aperture"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #d0d8c8;
  text-shadow:
    0 0 2px rgba(180,200,160,0.4),
    0 0 8px rgba(160,190,150,0.25),
    0 0 20px rgba(140,180,130,0.12),
    0 2px 4px rgba(0,0,0,0.4);
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;

}
[data-theme="ext-new-aperture"] .hero-tagline {
  color: #90a088; font-family: 'Barlow', sans-serif;
  text-shadow: 0 0 6px rgba(160,190,150,0.15);

}

[data-theme="ext-new-darkroom"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #ff5040;
  text-shadow:
    0 0 4px rgba(255,60,40,0.6),
    0 0 12px rgba(255,40,20,0.4),
    0 0 28px rgba(220,20,0,0.2),
    0 0 48px rgba(200,10,0,0.1),
    0 2px 4px rgba(0,0,0,0.7);
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  text-transform: uppercase;

}
[data-theme="ext-new-darkroom"] .hero-tagline {
  color: #c04030; font-family: 'Oswald', sans-serif;
  text-shadow: 0 0 6px rgba(255,60,40,0.3);

}

[data-theme="ext-new-contact"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #c8c8b8;
  text-shadow:
    0 0 1px rgba(200,200,180,0.4),
    0 0 6px rgba(180,180,160,0.2),
    0 2px 4px rgba(0,0,0,0.4);
  font-family: 'JetBrains Mono', monospace;
  font-weight: 500;
  letter-spacing: 0.03em;

}
[data-theme="ext-new-contact"] .hero-tagline {
  color: #909088; font-family: 'JetBrains Mono', monospace;
  text-shadow: 0 0 6px rgba(0,0,0,0.3);

}

[data-theme="ext-new-gallery"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #f0e8d8;
  text-shadow:
    0 0 1px rgba(255,250,240,0.4),
    0 0 8px rgba(220,210,190,0.15),
    0 2px 6px rgba(0,0,0,0.4);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  letter-spacing: 0.02em;

}
[data-theme="ext-new-gallery"] .hero-tagline {
  color: #a8a098; font-family: 'Playfair Display', serif;
  text-shadow: 0 0 6px rgba(0,0,0,0.3);

}

[data-theme="ext-new-vintage"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #d8c8a0;
  text-shadow:
    0 0 2px rgba(220,200,160,0.3),
    0 0 8px rgba(200,180,140,0.2),
    0 0 20px rgba(180,160,120,0.1),
    0 2px 4px rgba(20,10,0,0.4);
  font-family: 'EB Garamond', serif;
  font-weight: 600;

}
[data-theme="ext-new-vintage"] .hero-tagline {
  color: #a89878; font-family: 'EB Garamond', serif;
  text-shadow: 0 0 6px rgba(200,180,140,0.15);

}

[data-theme="ext-new-lensball"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #b0d8f0;
  text-shadow:
    0 0 4px rgba(140,200,240,0.5),
    0 0 12px rgba(100,180,230,0.35),
    0 0 28px rgba(60,160,220,0.18),
    0 0 48px rgba(40,140,210,0.08),
    0 2px 4px rgba(0,0,0,0.3);
  font-family: 'Comfortaa', sans-serif;
  font-weight: 600;

}
[data-theme="ext-new-lensball"] .hero-tagline {
  color: #70a0c8; font-family: 'Comfortaa', sans-serif;
  text-shadow: 0 0 6px rgba(100,180,230,0.2);

}

/* 光绘 — 最出彩的设计 */
[data-theme="ext-new-lightpaint"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #80ffe0;
  text-shadow:
    0 0 2px rgba(255,255,255,0.8),
    0 0 6px rgba(0,255,200,0.7),
    0 0 14px rgba(0,255,180,0.5),
    0 0 28px rgba(0,255,160,0.3),
    0 0 56px rgba(0,255,140,0.15),
    0 0 80px rgba(0,220,120,0.08),
    0 2px 4px rgba(0,0,0,0.3);
  font-family: 'Exo 2', sans-serif;
  font-weight: 700;
  animation: lightPaint 3s ease-in-out infinite alternate;

}
@keyframes lightPaint {
  0% {
    text-shadow:
      0 0 2px rgba(255,255,255,0.8),
      0 0 6px rgba(0,255,200,0.7),
      0 0 14px rgba(0,255,180,0.5),
      0 0 28px rgba(0,255,160,0.3),
      0 0 56px rgba(0,255,140,0.15),
      0 0 80px rgba(0,220,120,0.08);
  }
  100% {
    text-shadow:
      0 0 4px rgba(255,255,255,0.9),
      0 0 10px rgba(0,255,220,0.8),
      0 0 22px rgba(0,255,200,0.6),
      0 0 40px rgba(0,255,180,0.35),
      0 0 72px rgba(0,255,160,0.18),
      0 0 100px rgba(0,240,140,0.1);
  }
}
[data-theme="ext-new-lightpaint"] .hero-tagline {
  color: #60d0b8; font-family: 'Exo 2', sans-serif;
  text-shadow: 0 0 8px rgba(0,255,200,0.3);

}

[data-theme="ext-new-pinhole"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #d8d8d0;
  text-shadow:
    0 0 1px rgba(255,255,250,0.3),
    0 0 6px rgba(200,200,180,0.15),
    0 0 16px rgba(180,180,160,0.08),
    0 2px 4px rgba(0,0,0,0.5);
  font-family: 'Lora', serif;
  font-weight: 400;

}
[data-theme="ext-new-pinhole"] .hero-tagline {
  color: #909088; font-family: 'Lora', serif;
  text-shadow: 0 0 6px rgba(0,0,0,0.3);

}

[data-theme="ext-new-fisheye"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #40c8e0;
  text-shadow:
    0 0 4px rgba(60,200,230,0.5),
    0 0 12px rgba(40,180,220,0.35),
    0 0 28px rgba(20,160,210,0.18),
    0 0 48px rgba(0,140,200,0.08),
    0 2px 4px rgba(0,0,0,0.3);
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
  text-transform: uppercase;

}
[data-theme="ext-new-fisheye"] .hero-tagline {
  color: #3098b8; font-family: 'Orbitron', sans-serif;
  text-shadow: 0 0 6px rgba(40,180,220,0.25);

}

[data-theme="ext-new-infrared"] .hero-title {
  background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; background-clip: initial !important;
  color: #ff60a0;
  text-shadow:
    0 0 4px rgba(255,80,160,0.6),
    0 0 12px rgba(255,60,140,0.4),
    0 0 28px rgba(255,40,120,0.22),
    0 0 48px rgba(255,20,100,0.1),
    0 2px 4px rgba(0,0,0,0.4);
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  text-transform: uppercase;

}
[data-theme="ext-new-infrared"] .hero-tagline {
  color: #c04080; font-family: 'Rajdhani', sans-serif;
  text-shadow: 0 0 6px rgba(255,80,160,0.3);

}