/* ============ 风格变体（?theme=neon / ?theme=light） ============ */

/* —— Neon / Cyber —— */
body.t-neon{
  --bg:#04060f; --bg2:#080c1c; --panel:#0b1124; --panel2:#101a36;
  --line:rgba(110,200,255,.16); --line2:rgba(110,200,255,.28);
  --txt:#eaf7ff; --muted:#8ea6c6; --gold:#38e8ff; --gold2:#7c5cff; --red:#ff3d81;
  background:#04060f;
}
body.t-neon .hd{background:rgba(4,6,15,.82);border-bottom-color:rgba(110,200,255,.18)}
body.t-neon .hero:after{
  background:radial-gradient(800px 400px at 80% 10%,rgba(124,92,255,.35),transparent 60%),
             radial-gradient(700px 380px at 10% 20%,rgba(56,232,255,.22),transparent 60%),
             linear-gradient(180deg,rgba(4,6,15,.5),rgba(4,6,15,.94) 72%,#04060f)}
body.t-neon .btn-gold{background:linear-gradient(135deg,#6ff2ff,#38e8ff 45%,#7c5cff);color:#02121a;
  box-shadow:0 14px 34px -14px rgba(56,232,255,.9)}
body.t-neon .card:hover{border-color:rgba(56,232,255,.55);box-shadow:0 18px 44px -24px rgba(56,232,255,.55)}
body.t-neon .step .n{background:linear-gradient(135deg,#7cf6ff,#38e8ff 50%,#7c5cff);color:#02121a}
body.t-neon .ft{background:#03050c}
body.t-neon .marquee,body.t-neon .sticky-cta{background:#04060f}

/* —— Light / Editorial —— */
body.t-light{
  --bg:#f7f4ed; --bg2:#fffdf8; --panel:#ffffff; --panel2:#ffffff;
  --line:rgba(23,19,16,.10); --line2:rgba(23,19,16,.18);
  --txt:#171310; --muted:#6b6257; --gold:#d92b2b; --gold2:#a51f1f;
  background:#f7f4ed; color:#171310;
}
body.t-light .hd{background:rgba(247,244,237,.9);border-bottom-color:rgba(23,19,16,.1)}
body.t-light .logo span,body.t-light .nav a{color:#171310}
body.t-light .nav a:hover,body.t-light .nav a.on{background:rgba(23,19,16,.06);color:#000}
body.t-light .hero-bg{opacity:.16;filter:saturate(.8)}
body.t-light .hero:after{background:linear-gradient(180deg,rgba(247,244,237,.72),rgba(247,244,237,.95) 70%,#f7f4ed)}
body.t-light .hero h1,body.t-light .hero .badge{color:#171310}
body.t-light .hero .sub{color:#4a443c}
body.t-light .badge{background:rgba(217,43,43,.08);border-color:rgba(217,43,43,.3);color:#b91f1f}
body.t-light .btn-gold{background:linear-gradient(135deg,#ef4444,#d92b2b 55%,#a51f1f);color:#fff;
  box-shadow:0 14px 30px -16px rgba(217,43,43,.7)}
body.t-light .btn-ghost{background:rgba(23,19,16,.05);color:#171310;border-color:rgba(23,19,16,.18)}
body.t-light .card,body.t-light .step,body.t-light .post-card,body.t-light .cc,body.t-light .faq details,body.t-light .about .box{
  background:#fff;border-color:rgba(23,19,16,.1);box-shadow:0 10px 30px -24px rgba(23,19,16,.5)}
body.t-light .card h3{color:#171310}
body.t-light .ph-t{background:linear-gradient(135deg,rgba(217,43,43,.12),rgba(217,43,43,.04));border-color:rgba(217,43,43,.3);color:#b91f1f}
body.t-light .hv .tile{background:#fff;border-color:rgba(23,19,16,.1)}
body.t-light .marquee{background:#efeae0;border-color:rgba(23,19,16,.1)}
body.t-light .marquee:before{background:linear-gradient(90deg,#efeae0,transparent)}
body.t-light .marquee:after{background:linear-gradient(270deg,#efeae0,transparent)}
body.t-light .ft{background:#efeae0;border-top-color:rgba(23,19,16,.1)}
body.t-light .ft a{color:#3d372f}
body.t-light .sticky-cta{background:rgba(247,244,237,.96);border-top-color:rgba(23,19,16,.12)}
body.t-light .faq summary:after{color:#b91f1f}
body.t-light .sec-h h2:after{background:linear-gradient(90deg,#d92b2b,transparent)}

/* ================= Vegas 赌场风 ================= */
body.t-vegas{
  --bg:#080405; --bg2:#12070a; --panel:#150a0d; --panel2:#1d0d11;
  --line:rgba(245,213,116,.16); --line2:rgba(245,213,116,.32);
  --txt:#fff6ea; --muted:#c2a99a; --gold:#f5d574; --gold2:#c9a24a; --red:#c8102e;
  background:
    radial-gradient(900px 500px at 50% -10%, rgba(200,16,46,.35), transparent 60%),
    radial-gradient(700px 400px at 90% 10%, rgba(245,213,116,.10), transparent 60%),
    #080405;
}
/* 顶部霓虹灯带 */
body.t-vegas .hd{
  background:linear-gradient(180deg,rgba(30,5,10,.96),rgba(8,4,5,.92));
  border-bottom:1px solid rgba(245,213,116,.28);
  box-shadow:0 1px 0 rgba(245,213,116,.18), 0 16px 40px -30px rgba(200,16,46,.9);
}
body.t-vegas .hd:after{
  content:"";position:absolute;left:0;right:0;bottom:-5px;height:5px;pointer-events:none;
  background-image:radial-gradient(circle,rgba(245,213,116,.95) 1.2px,transparent 1.6px);
  background-size:14px 5px;opacity:.55;
}
/* 标题金箔 */
body.t-vegas .hero h1, body.t-vegas .sec-h h2{
  background:linear-gradient(180deg,#fff7df 0%,#f5d574 45%,#b8860b 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 1px 0 rgba(0,0,0,.4);
}
body.t-vegas .hero .badge{background:rgba(200,16,46,.18);border-color:rgba(245,213,116,.45);color:#ffe9a8}
body.t-vegas .hero:after{
  background:radial-gradient(700px 360px at 15% 10%,rgba(200,16,46,.45),transparent 62%),
             radial-gradient(700px 400px at 85% 0%,rgba(245,213,116,.16),transparent 60%),
             linear-gradient(180deg,rgba(8,4,5,.62),rgba(8,4,5,.94) 70%,#080405);
}
/* 花色水印 */
body.t-vegas .hero .wrap:before{
  content:"♠ ♥ ♦ ♣"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-8deg);
  font-size:min(18vw,220px); letter-spacing:.15em; color:rgba(245,213,116,.045);
  white-space:nowrap; pointer-events:none; z-index:0;
}
body.t-vegas .btn-gold{
  background:linear-gradient(180deg,#ffe9a8,#f5d574 42%,#c8102e 100%); color:#1b0508;
  box-shadow:0 16px 36px -16px rgba(200,16,46,.95), inset 0 1px 0 rgba(255,255,255,.5);
  border:1px solid rgba(255,235,180,.55);
}
body.t-vegas .btn-gold:hover{filter:brightness(1.08)}
body.t-vegas .card{
  background:linear-gradient(180deg,#1d0d11,#120609);
  border-color:rgba(245,213,116,.22);
  box-shadow:inset 0 1px 0 rgba(245,213,116,.12), 0 20px 44px -30px rgba(0,0,0,.9);
}
body.t-vegas .card:after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:.5;
  background-image:radial-gradient(circle at 1px 1px, rgba(245,213,116,.10) 1px, transparent 0);
  background-size:8px 8px;mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 60%);
}
body.t-vegas .card:hover{border-color:rgba(245,213,116,.6);
  box-shadow:0 22px 50px -26px rgba(200,16,46,.75)}
body.t-vegas .ph-t{background:linear-gradient(135deg,rgba(200,16,46,.3),rgba(245,213,116,.08));
  border-color:rgba(245,213,116,.4);color:#f5d574}
body.t-vegas .step{background:linear-gradient(180deg,#1d0d11,#120609);border-color:rgba(245,213,116,.2)}
body.t-vegas .step .n{background:linear-gradient(180deg,#ffe9a8,#f5d574 45%,#c8102e);color:#1b0508}
body.t-vegas .marquee{background:#0c0507;border-color:rgba(245,213,116,.2)}
body.t-vegas .marquee:before{background:linear-gradient(90deg,#0c0507,transparent)}
body.t-vegas .marquee:after{background:linear-gradient(270deg,#0c0507,transparent)}
body.t-vegas .ft{background:#070304;border-top:1px solid rgba(245,213,116,.2)}
body.t-vegas .sticky-cta{background:rgba(10,4,5,.96);border-top-color:rgba(245,213,116,.28)}
body.t-vegas .faq details{background:#150a0d;border-color:rgba(245,213,116,.18)}
body.t-vegas .sec-h h2:after{background:linear-gradient(90deg,#c8102e,#f5d574)}

/* ===== Vegas 颜色变体 ===== */
body.c-green{--gold:#f0cf7a;--gold2:#b8892f;--red:#1f9d6b;
  background:radial-gradient(900px 520px at 50% -10%,rgba(31,157,107,.42),transparent 62%),
             radial-gradient(700px 420px at 90% 8%,rgba(240,207,122,.12),transparent 60%),#04120d}
body.c-green .hd{background:linear-gradient(180deg,rgba(5,32,23,.96),rgba(4,15,11,.94))}
body.c-green .hero:after{background:radial-gradient(700px 380px at 15% 8%,rgba(31,157,107,.5),transparent 62%),
  radial-gradient(700px 420px at 85% 0%,rgba(240,207,122,.16),transparent 60%),
  linear-gradient(180deg,rgba(4,18,13,.6),rgba(4,18,13,.95) 70%,#04120d)}
body.c-green .btn-gold{background:linear-gradient(180deg,#ffeeb8,#f0cf7a 42%,#1f9d6b 100%)}
body.c-green .card{background:linear-gradient(180deg,#0b241a,#061710);border-color:rgba(240,207,122,.24)}
body.c-green .step{background:linear-gradient(180deg,#0b241a,#061710)}

body.c-blue{--gold:#f2d98a;--gold2:#c9a24a;--red:#2563eb;
  background:radial-gradient(900px 520px at 50% -10%,rgba(37,99,235,.45),transparent 62%),
             radial-gradient(700px 420px at 90% 8%,rgba(242,217,138,.12),transparent 60%),#040a18}
body.c-blue .hd{background:linear-gradient(180deg,rgba(6,20,48,.97),rgba(4,10,24,.94))}
body.c-blue .hero:after{background:radial-gradient(700px 380px at 12% 8%,rgba(37,99,235,.5),transparent 62%),
  radial-gradient(700px 420px at 85% 0%,rgba(242,217,138,.16),transparent 60%),
  linear-gradient(180deg,rgba(4,10,24,.6),rgba(4,10,24,.95) 70%,#040a18)}
body.c-blue .btn-gold{background:linear-gradient(180deg,#fff0c2,#f2d98a 42%,#2563eb 100%)}
body.c-blue .card{background:linear-gradient(180deg,#0a1730,#060d1c);border-color:rgba(242,217,138,.22)}
body.c-blue .step{background:linear-gradient(180deg,#0a1730,#060d1c)}

body.c-purple{--gold:#f4d98f;--gold2:#c9a24a;--red:#8b5cf6;
  background:radial-gradient(900px 520px at 50% -10%,rgba(139,92,246,.42),transparent 62%),
             radial-gradient(700px 420px at 90% 8%,rgba(244,217,143,.12),transparent 60%),#0b0616}
body.c-purple .hd{background:linear-gradient(180deg,rgba(28,12,48,.97),rgba(11,6,22,.94))}
body.c-purple .hero:after{background:radial-gradient(700px 380px at 12% 8%,rgba(139,92,246,.5),transparent 62%),
  radial-gradient(700px 420px at 85% 0%,rgba(244,217,143,.16),transparent 60%),
  linear-gradient(180deg,rgba(11,6,22,.6),rgba(11,6,22,.95) 70%,#0b0616)}
body.c-purple .btn-gold{background:linear-gradient(180deg,#fff2c8,#f4d98f 42%,#8b5cf6 100%)}
body.c-purple .card{background:linear-gradient(180deg,#180d2c,#0d0719);border-color:rgba(244,217,143,.22)}
body.c-purple .step{background:linear-gradient(180deg,#180d2c,#0d0719)}

body.c-black{--gold:#f5d574;--gold2:#c9a24a;--red:#d4af37;
  background:radial-gradient(800px 480px at 50% -12%,rgba(245,213,116,.16),transparent 62%),#000}
body.c-black .hd{background:rgba(0,0,0,.94)}
body.c-black .hero:after{background:radial-gradient(700px 380px at 50% 0%,rgba(245,213,116,.14),transparent 60%),
  linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,.96) 70%,#000)}
body.c-black .btn-gold{background:linear-gradient(180deg,#fff3c9,#f5d574 45%,#c9a24a 100%);color:#141005}
body.c-black .card{background:linear-gradient(180deg,#0d0d0d,#050505);border-color:rgba(245,213,116,.24)}
body.c-black .step{background:linear-gradient(180deg,#0d0d0d,#050505)}
body.c-black .card:after{background-image:radial-gradient(circle at 1px 1px, rgba(245,213,116,.09) 1px, transparent 0)}
