:root{
    --bg:#07030d;
    --bg-soft:#14091f;
    --panel:#1d0f2b;
    --panel-strong:#27133a;
    --text:#fff8ff;
    --muted:#cbb7d8;
    --hot:#ff2d83;
    --orange:#ff8a2a;
    --purple:#7c3cff;
    --line:rgba(255,255,255,.12);
    --shadow:0 24px 70px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;
    color:var(--text);
    background:
        radial-gradient(circle at 12% 5%,rgba(255,45,131,.34),transparent 28rem),
        radial-gradient(circle at 88% 8%,rgba(124,60,255,.26),transparent 26rem),
        linear-gradient(180deg,#050207 0%,#100719 40%,#07030d 100%);
    line-height:1.72;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-header{
    position:sticky;top:0;z-index:50;
    display:flex;align-items:center;justify-content:space-between;gap:1rem;
    padding:1rem clamp(1rem,4vw,3rem);
    background:rgba(7,3,13,.78);
    backdrop-filter:blur(18px);
    border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:.65rem;font-weight:800;letter-spacing:.03em}
.brand-mark{
    display:inline-grid;place-items:center;
    width:3rem;height:3rem;border-radius:1rem;
    background:linear-gradient(135deg,var(--hot),var(--purple) 58%,var(--orange));
    box-shadow:0 0 24px rgba(255,45,131,.5);
    font-size:1.2rem;
}
.brand-copy{color:#ffe7f5}
.site-nav{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}
.site-nav a{padding:.55rem .75rem;border-radius:999px;color:var(--muted);font-size:.95rem}
.site-nav a:hover,.site-nav a.active{color:#fff;background:rgba(255,255,255,.1)}
.nav-toggle{display:none;background:var(--panel);border:1px solid var(--line);color:#fff;border-radius:.8rem;padding:.45rem .65rem;font-size:1.2rem}
main{overflow:hidden}
.section{padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,3rem)}
.section-narrow{max-width:1120px;margin:0 auto}
.eyebrow{color:#ffb1d6;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;margin:0 0 .55rem}
h1,h2,h3{line-height:1.18;margin:.1rem 0 1rem}
h1{font-size:clamp(2.35rem,8vw,5.7rem);letter-spacing:-.07em;max-width:860px}
h2{font-size:clamp(1.8rem,4.8vw,3.45rem);letter-spacing:-.04em}
h3{font-size:1.25rem}
p{color:var(--muted);margin:.45rem 0 1rem}.lead{font-size:clamp(1rem,2vw,1.25rem);max-width:760px}.hero{position:relative;min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding-top:4rem}.hero::before{content:"";position:absolute;inset:9% 3% auto auto;width:18rem;height:18rem;background:radial-gradient(circle,rgba(255,138,42,.28),transparent 70%);filter:blur(12px);pointer-events:none}.hero-actions,.button-row{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1.1rem;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;font-weight:700;transition:.25s}.btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.14)}.btn-primary{border:0;background:linear-gradient(135deg,var(--hot),var(--orange));box-shadow:0 16px 36px rgba(255,45,131,.28)}.hero-phone{position:relative;max-width:430px;margin-inline:auto}.float-card{position:absolute;right:-1rem;bottom:12%;padding:.85rem 1rem;border:1px solid var(--line);border-radius:1.2rem;background:rgba(29,15,43,.72);backdrop-filter:blur(14px);box-shadow:var(--shadow);animation:floaty 5s ease-in-out infinite}.float-card strong{display:block}.float-card span{color:var(--muted);font-size:.88rem}@keyframes floaty{50%{transform:translateY(-10px)}}.chips{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem}.chip,.tag{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);background:rgba(255,255,255,.07);border-radius:999px;padding:.38rem .68rem;color:#ffe7f5;font-size:.88rem}.chip.hot,.tag.hot{background:rgba(255,45,131,.16);color:#fff;border-color:rgba(255,45,131,.35)}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{position:relative;border:1px solid var(--line);border-radius:1.5rem;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:var(--shadow);overflow:hidden}.card-pad{padding:1.2rem}.card:hover{border-color:rgba(255,45,131,.45)}.vertical-card{min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,45,131,.12));transition:.25s}.vertical-card:hover{transform:translateY(-6px)}.vertical-card .cover{aspect-ratio:9/16;object-fit:cover;width:100%;background:#12051d}.vertical-card .info{padding:1rem;background:linear-gradient(180deg,rgba(7,3,13,0),rgba(7,3,13,.94) 26%);margin-top:-7rem;position:relative}.play-badge{position:absolute;top:.9rem;right:.9rem;width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--hot),var(--orange));box-shadow:0 0 30px rgba(255,45,131,.55)}.play-badge::before{content:"";border-left:.72rem solid #fff;border-top:.45rem solid transparent;border-bottom:.45rem solid transparent;margin-left:.16rem}.status{position:absolute;top:.9rem;left:.9rem;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:700;background:rgba(7,3,13,.72);border:1px solid rgba(255,255,255,.18)}.mini-meta{display:flex;gap:.5rem;flex-wrap:wrap;color:#ffd6eb;font-size:.85rem}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.7rem}.day{min-height:130px;border:1px solid var(--line);border-radius:1.2rem;background:rgba(255,255,255,.055);padding:.85rem}.day b{display:block;color:#fff}.day span{color:var(--muted);font-size:.86rem}.day.is-on{background:linear-gradient(135deg,rgba(255,45,131,.18),rgba(124,60,255,.15));border-color:rgba(255,45,131,.32)}.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}.trend-list{counter-reset:rank;display:grid;gap:.8rem}.trend-item{counter-increment:rank;display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:1.1rem;background:rgba(255,255,255,.055)}.trend-item::before{content:counter(rank);width:2.2rem;height:2.2rem;border-radius:.75rem;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--hot));font-weight:900}.trend-item small{color:var(--muted)}.tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0 1.4rem}.tab-btn{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:.62rem .88rem;cursor:pointer}.tab-btn.active{background:linear-gradient(135deg,var(--hot),var(--orange));border-color:transparent}.filter-card[data-hidden="true"]{display:none}.phone-wall{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:.9rem;align-items:start}.phone-wall .vertical-card{min-height:auto}.phone-wall .vertical-card:nth-child(even){margin-top:2.5rem}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat{padding:1.25rem;border:1px solid var(--line);border-radius:1.4rem;background:rgba(255,255,255,.06)}.stat strong{display:block;font-size:2rem;color:#fff}.stat span{color:var(--muted);font-size:.9rem}.faq{display:grid;gap:.75rem}.faq details{border:1px solid var(--line);border-radius:1.1rem;background:rgba(255,255,255,.055);padding:1rem}.faq summary{cursor:pointer;font-weight:800}.page-hero{padding-top:5rem}.breadcrumb{color:var(--muted);font-size:.9rem}.feature-list{display:grid;gap:.8rem;margin:1.2rem 0 0;padding:0;list-style:none}.feature-list li{padding:1rem 1rem 1rem 3rem;border:1px solid var(--line);border-radius:1.1rem;background:rgba(255,255,255,.055);position:relative}.feature-list li::before{content:"▶";position:absolute;left:1rem;top:1rem;color:var(--orange)}.timeline{position:relative;display:grid;gap:1rem}.episode{display:grid;grid-template-columns:6rem 1fr auto;gap:1rem;align-items:center;border:1px solid var(--line);border-radius:1.2rem;background:rgba(255,255,255,.055);padding:1rem}.episode-num{font-size:1.5rem;font-weight:900;color:#fff}.video-shell{position:relative;aspect-ratio:9/16;max-width:310px;margin:auto;border-radius:2rem;border:1px solid var(--line);background:linear-gradient(180deg,#1e0b30,#08030d);padding:.75rem;box-shadow:var(--shadow)}.video-screen{height:100%;border-radius:1.45rem;overflow:hidden;background:linear-gradient(160deg,rgba(255,45,131,.22),rgba(124,60,255,.22)),#100719;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem}.danmu{display:inline-block;margin:.18rem 0;padding:.25rem .55rem;border-radius:999px;background:rgba(255,255,255,.14);font-size:.82rem;color:#fff}.form{display:grid;gap:.8rem}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);border-radius:1rem;background:rgba(255,255,255,.08);color:#fff;padding:.9rem 1rem;font:inherit}.form textarea{min-height:140px}.form input::placeholder,.form textarea::placeholder{color:#a993b6}.notice{padding:1rem;border-radius:1rem;border:1px solid rgba(255,138,42,.35);background:rgba(255,138,42,.1);color:#ffe4cc}.site-footer{padding:2.5rem clamp(1rem,4vw,3rem);border-top:1px solid var(--line);background:#050207}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:1.2rem}.site-footer p{font-size:.95rem}.update-time{border-top:1px solid var(--line);padding-top:1rem;margin-top:1.4rem}.marquee{display:flex;gap:.9rem;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.marquee span{white-space:nowrap;padding:.55rem .85rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.06);animation:slide 18s linear infinite}@keyframes slide{to{transform:translateX(-120%)}}
@media (max-width:1040px){.hero,.split{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.site-header{align-items:flex-start}.nav-toggle{display:block}.site-nav{position:absolute;left:1rem;right:1rem;top:4.8rem;display:none;flex-direction:column;align-items:stretch;background:rgba(7,3,13,.96);border:1px solid var(--line);border-radius:1.2rem;padding:.8rem}.site-nav.open{display:flex}.site-nav a{padding:.8rem 1rem}.hero{min-height:auto;padding-top:2.5rem}.grid-2,.grid-3,.grid-4,.footer-grid{grid-template-columns:1fr}.phone-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-wall .vertical-card:nth-child(even){margin-top:0}.calendar{grid-template-columns:1fr}.episode{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}h1{font-size:2.55rem}.float-card{right:.4rem;bottom:5%}}