/* ============================================================
   首页多主题（管理端可选）：在 variables.css 令牌基础上按
   data-landing 覆盖品牌色板；aurora 为默认（无需覆盖）。
   每套主题含 深色（默认）+ 浅色（data-theme="light"）两种配色。
   ============================================================ */

/* ---------- 瀚海蓝 ocean ---------- */
[data-landing="ocean"] {
  --bg-0: #040b16; --bg-1: #081226; --bg-2: #0c1a36; --bg-3: #12234a;
  --bg-glass: rgba(10, 22, 46, 0.55); --bg-glass-strong: rgba(13, 26, 54, 0.85);
  --line-1: rgba(90, 160, 255, 0.12); --line-2: rgba(90, 160, 255, 0.22);
  --line-glow: rgba(56, 189, 248, 0.45);
  --neon-cyan: #38bdf8; --neon-violet: #6366f1; --neon-magenta: #7dd3fc; --neon-blue: #2563eb;
  --grad-brand: linear-gradient(135deg, #38bdf8 0%, #2563eb 50%, #6366f1 100%);
  --grad-brand-soft: linear-gradient(135deg, rgba(56,189,248,.16), rgba(99,102,241,.16));
  --grad-text: linear-gradient(90deg, #a5d8ff, #93c5fd 60%, #c4b5fd);
  --tx-1: #eaf2ff; --tx-2: #a3b8d9; --tx-3: #6478a3;
  --glow-cyan: 0 0 18px rgba(56, 189, 248, 0.35);
  --glow-violet: 0 0 22px rgba(99, 102, 241, 0.4);
  --glow-brand: 0 6px 28px rgba(37, 99, 235, 0.35);
}
[data-landing="ocean"][data-theme="light"] {
  --bg-0: #f0f6ff; --bg-1: #ffffff; --bg-2: #ffffff; --bg-3: #e6efff;
  --bg-glass: rgba(255, 255, 255, 0.72); --bg-glass-strong: rgba(255, 255, 255, 0.93);
  --line-1: rgba(20, 60, 150, 0.10); --line-2: rgba(20, 60, 150, 0.18);
  --neon-cyan: #0284c7; --neon-violet: #4f46e5; --neon-magenta: #0369a1; --neon-blue: #1d4ed8;
  --grad-brand: linear-gradient(135deg, #0284c7 0%, #1d4ed8 50%, #4f46e5 100%);
  --grad-text: linear-gradient(90deg, #0369a1, #1d4ed8 60%, #4338ca);
  --tx-1: #0e1a33; --tx-2: #3f507a; --tx-3: #7d8bb0;
}

/* ---------- 樱语粉 sakura ---------- */
[data-landing="sakura"] {
  --bg-0: #12060f; --bg-1: #1c0a18; --bg-2: #281024; --bg-3: #36162f;
  --bg-glass: rgba(40, 14, 36, 0.55); --bg-glass-strong: rgba(48, 17, 42, 0.85);
  --line-1: rgba(255, 150, 200, 0.10); --line-2: rgba(255, 150, 200, 0.20);
  --line-glow: rgba(244, 114, 182, 0.45);
  --neon-cyan: #f9a8d4; --neon-violet: #c084fc; --neon-magenta: #fb7186; --neon-blue: #e879f9;
  --grad-brand: linear-gradient(135deg, #fb7186 0%, #e879f9 50%, #c084fc 100%);
  --grad-brand-soft: linear-gradient(135deg, rgba(251,113,134,.16), rgba(192,132,252,.16));
  --grad-text: linear-gradient(90deg, #fecdd3, #f5d0fe 60%, #e9d5ff);
  --tx-1: #fff0f7; --tx-2: #d9aec8; --tx-3: #9c7392;
  --glow-cyan: 0 0 18px rgba(249, 168, 212, 0.35);
  --glow-violet: 0 0 22px rgba(192, 132, 252, 0.4);
  --glow-brand: 0 6px 28px rgba(232, 121, 249, 0.35);
}
[data-landing="sakura"][data-theme="light"] {
  --bg-0: #fff5f9; --bg-1: #ffffff; --bg-2: #ffffff; --bg-3: #ffeef6;
  --bg-glass: rgba(255, 255, 255, 0.72); --bg-glass-strong: rgba(255, 255, 255, 0.93);
  --line-1: rgba(160, 40, 100, 0.10); --line-2: rgba(160, 40, 100, 0.18);
  --neon-cyan: #db2777; --neon-violet: #9333ea; --neon-magenta: #e11d48; --neon-blue: #c026d3;
  --grad-brand: linear-gradient(135deg, #e11d48 0%, #c026d3 50%, #9333ea 100%);
  --grad-text: linear-gradient(90deg, #be123c, #a21caf 60%, #7e22ce);
  --tx-1: #331224; --tx-2: #6f4258; --tx-3: #a87b90;
}

/* ---------- 翡翠绿 emerald ---------- */
[data-landing="emerald"] {
  --bg-0: #031210; --bg-1: #062018; --bg-2: #0a2c22; --bg-3: #0f3a2d;
  --bg-glass: rgba(8, 34, 26, 0.55); --bg-glass-strong: rgba(10, 40, 31, 0.85);
  --line-1: rgba(80, 230, 180, 0.10); --line-2: rgba(80, 230, 180, 0.20);
  --line-glow: rgba(52, 245, 197, 0.45);
  --neon-cyan: #34d399; --neon-violet: #a3e635; --neon-magenta: #5eead4; --neon-blue: #2dd4bf;
  --grad-brand: linear-gradient(135deg, #34f5c5 0%, #2dd4bf 45%, #34d399 100%);
  --grad-brand-soft: linear-gradient(135deg, rgba(52,245,197,.16), rgba(163,230,53,.14));
  --grad-text: linear-gradient(90deg, #a7f3d0, #99f6e4 60%, #d9f99d);
  --tx-1: #ecfff7; --tx-2: #a9cfbf; --tx-3: #62927f;
  --glow-cyan: 0 0 18px rgba(52, 245, 197, 0.35);
  --glow-violet: 0 0 22px rgba(163, 230, 53, 0.35);
  --glow-brand: 0 6px 28px rgba(45, 212, 191, 0.35);
}
[data-landing="emerald"][data-theme="light"] {
  --bg-0: #f2fbf7; --bg-1: #ffffff; --bg-2: #ffffff; --bg-3: #e6f7ef;
  --bg-glass: rgba(255, 255, 255, 0.72); --bg-glass-strong: rgba(255, 255, 255, 0.93);
  --line-1: rgba(16, 110, 70, 0.10); --line-2: rgba(16, 110, 70, 0.18);
  --neon-cyan: #059669; --neon-violet: #65a30d; --neon-magenta: #0d9488; --neon-blue: #0f766e;
  --grad-brand: linear-gradient(135deg, #059669 0%, #0d9488 50%, #65a30d 100%);
  --grad-text: linear-gradient(90deg, #047857, #0f766e 60%, #4d7c0f);
  --tx-1: #0c241b; --tx-2: #3d5f50; --tx-3: #7b9a8b;
}

/* ---------- 落日熔金 sunset ---------- */
[data-landing="sunset"] {
  --bg-0: #140a04; --bg-1: #211006; --bg-2: #2f1708; --bg-3: #3e2010;
  --bg-glass: rgba(46, 24, 10, 0.55); --bg-glass-strong: rgba(54, 28, 12, 0.85);
  --line-1: rgba(255, 180, 90, 0.12); --line-2: rgba(255, 180, 90, 0.22);
  --line-glow: rgba(251, 191, 36, 0.45);
  --neon-cyan: #fbbf24; --neon-violet: #f472b6; --neon-magenta: #f87171; --neon-blue: #fb923c;
  --grad-brand: linear-gradient(135deg, #fbbf24 0%, #fb923c 50%, #f472b6 100%);
  --grad-brand-soft: linear-gradient(135deg, rgba(251,191,36,.16), rgba(244,114,182,.16));
  --grad-text: linear-gradient(90deg, #fde68a, #fdba74 60%, #fda4af);
  --tx-1: #fff6ea; --tx-2: #dcc3a4; --tx-3: #9c7f60;
  --glow-cyan: 0 0 18px rgba(251, 191, 36, 0.35);
  --glow-violet: 0 0 22px rgba(244, 114, 182, 0.4);
  --glow-brand: 0 6px 28px rgba(251, 146, 60, 0.35);
}
[data-landing="sunset"][data-theme="light"] {
  --bg-0: #fffaf2; --bg-1: #ffffff; --bg-2: #ffffff; --bg-3: #fff3e2;
  --bg-glass: rgba(255, 255, 255, 0.72); --bg-glass-strong: rgba(255, 255, 255, 0.93);
  --line-1: rgba(150, 80, 20, 0.10); --line-2: rgba(150, 80, 20, 0.18);
  --neon-cyan: #d97706; --neon-violet: #db2777; --neon-magenta: #dc2626; --neon-blue: #ea580c;
  --grad-brand: linear-gradient(135deg, #d97706 0%, #ea580c 50%, #db2777 100%);
  --grad-text: linear-gradient(90deg, #b45309, #c2410c 60%, #be185d);
  --tx-1: #2e1a08; --tx-2: #6b4e2e; --tx-3: #a3875f;
}

/* ---------- 皇家紫 royal ---------- */
[data-landing="royal"] {
  --bg-0: #0b0618; --bg-1: #140a2a; --bg-2: #1d1038; --bg-3: #281750;
  --bg-glass: rgba(28, 16, 56, 0.55); --bg-glass-strong: rgba(33, 19, 64, 0.85);
  --line-1: rgba(170, 130, 255, 0.12); --line-2: rgba(170, 130, 255, 0.22);
  --line-glow: rgba(192, 132, 252, 0.45);
  --neon-cyan: #c084fc; --neon-violet: #f0abfc; --neon-magenta: #fbbf24; --neon-blue: #8b5cf6;
  --grad-brand: linear-gradient(135deg, #c084fc 0%, #8b5cf6 45%, #fbbf24 100%);
  --grad-brand-soft: linear-gradient(135deg, rgba(192,132,252,.16), rgba(251,191,36,.14));
  --grad-text: linear-gradient(90deg, #e9d5ff, #d8b4fe 60%, #fde68a);
  --tx-1: #f3edff; --tx-2: #bfaddf; --tx-3: #7e6aa8;
  --glow-cyan: 0 0 18px rgba(192, 132, 252, 0.35);
  --glow-violet: 0 0 22px rgba(240, 171, 252, 0.4);
  --glow-brand: 0 6px 28px rgba(139, 92, 246, 0.35);
}
[data-landing="royal"][data-theme="light"] {
  --bg-0: #f8f5ff; --bg-1: #ffffff; --bg-2: #ffffff; --bg-3: #f0eaff;
  --bg-glass: rgba(255, 255, 255, 0.72); --bg-glass-strong: rgba(255, 255, 255, 0.93);
  --line-1: rgba(80, 40, 160, 0.10); --line-2: rgba(80, 40, 160, 0.18);
  --neon-cyan: #7c3aed; --neon-violet: #a21caf; --neon-magenta: #b45309; --neon-blue: #6d28d9;
  --grad-brand: linear-gradient(135deg, #7c3aed 0%, #6d28d9 50%, #b45309 100%);
  --grad-text: linear-gradient(90deg, #6d28d9, #7e22ce 60%, #92400e);
  --tx-1: #1d1033; --tx-2: #4e3f75; --tx-3: #8578ab;
}