:root{
    --bg:#07050d;
    --panel:#120d1f;
    --panel-2:#1a102b;
    --text:#f8f5ff;
    --muted:#b8abc9;
    --gold:#f7c86b;
    --violet:#8d4dff;
    --pink:#ff4dcc;
    --cyan:#56f5ff;
    --line:rgba(255,255,255,.13);
    --shadow:0 28px 80px rgba(0,0,0,.5);
    --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
    color:var(--text);
    background:
        radial-gradient(circle at 12% 10%,rgba(141,77,255,.26),transparent 28rem),
        radial-gradient(circle at 88% 8%,rgba(247,200,107,.18),transparent 24rem),
        linear-gradient(180deg,#07050d 0%,#0c0714 45%,#050308 100%);
    min-height:100vh;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input{font:inherit}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,5,13,.82);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.nav-wrap{max-width:1240px;margin:auto;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:14px 20px}
.brand-logo,.footer-logo{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.04em}
.brand-logo img,.footer-logo img{border-radius:18px;box-shadow:0 0 28px rgba(247,200,107,.28)}
.brand-logo strong{font-size:1.32rem;display:block}
.brand-logo em{font-style:normal;color:var(--muted);font-size:.76rem;display:block;margin-top:2px}
.main-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.main-nav a{padding:10px 12px;border:1px solid transparent;border-radius:999px;color:#dfd5ee;font-size:.94rem}
.main-nav a:hover,.main-nav a.is-active{border-color:rgba(247,200,107,.45);background:linear-gradient(135deg,rgba(247,200,107,.14),rgba(141,77,255,.18));color:#fff}
.nav-toggle{display:none;background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 12px}
.search-zone{max-width:1240px;margin:auto;padding:0 20px 16px}
.search-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:999px;padding:8px 10px 8px 18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.search-box input{width:100%;background:transparent;border:0;color:#fff;outline:0;min-height:38px}
.search-box button,.btn{border:0;border-radius:999px;padding:12px 18px;color:#140b1e;font-weight:900;background:linear-gradient(135deg,var(--gold),#fff1ae 48%,var(--pink));box-shadow:0 12px 30px rgba(255,77,204,.22);cursor:pointer}
.search-zone p{margin:8px 8px 0;color:var(--muted);font-size:.88rem}.search-zone strong{color:var(--gold)}
main{overflow:hidden}.section,.hero{max-width:1240px;margin:0 auto;padding:84px 20px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;min-height:680px;position:relative}
.hero::before,.section-glow::before{content:"";position:absolute;inset:auto -10% 5% 55%;height:360px;background:radial-gradient(circle,rgba(86,245,255,.18),transparent 65%);filter:blur(12px);pointer-events:none}
.eyebrow{margin:0 0 12px;color:var(--gold);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}
h1,h2,h3,h4,h5,h6,p{margin-top:0}h1{font-size:clamp(2.7rem,7vw,6.4rem);line-height:.92;margin-bottom:22px;letter-spacing:-.08em}h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1;margin-bottom:14px;letter-spacing:-.05em}h3{font-size:1.32rem;line-height:1.22;margin-bottom:10px}h4{font-size:1.08rem;margin-bottom:8px}h5,h6{font-size:1rem;color:#fff;margin-bottom:8px}
p{color:var(--muted);line-height:1.76}.lead{font-size:1.12rem;color:#e9def8;max-width:760px}.hero-actions,.button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn.ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:none}.btn.small{padding:9px 13px;font-size:.9rem}
.hero-card{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);overflow:hidden}.hero-card::after{content:"";position:absolute;inset:-20%;background:conic-gradient(from 20deg,transparent,rgba(247,200,107,.18),transparent,rgba(141,77,255,.28),transparent);animation:spin 10s linear infinite;z-index:-1}@keyframes spin{to{transform:rotate(1turn)}}
.hero-card figure{margin:0;position:relative;border-radius:22px;overflow:hidden}.hero-card figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:14px 16px;border-radius:18px;background:rgba(0,0,0,.52);border:1px solid rgba(255,255,255,.16);font-size:.92rem;color:#fff;backdrop-filter:blur(12px)}
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.stat{padding:18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid var(--line)}.stat strong{display:block;font-size:1.35rem;color:#fff}.stat span{font-size:.82rem;color:var(--muted)}
.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:26px}.section-head p{max-width:700px}.grid{display:grid;gap:22px}.grid.cards-3{grid-template-columns:repeat(3,1fr)}.grid.cards-4{grid-template-columns:repeat(4,1fr)}.grid.cards-2{grid-template-columns:repeat(2,1fr)}
.video-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.14);border-radius:26px;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.32);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.video-card:hover{transform:translateY(-8px);border-color:rgba(247,200,107,.55);box-shadow:0 24px 80px rgba(141,77,255,.32)}.video-media{position:relative;aspect-ratio:16/10;margin:0;overflow:hidden;background:#10091c}.video-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}.video-card:hover .video-media img{transform:scale(1.08);filter:saturate(1.2) contrast(1.08)}.video-media video{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.video-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.76));opacity:.9}.play-orb{position:absolute;left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%) scale(.78);border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--pink));box-shadow:0 0 36px rgba(255,77,204,.6);opacity:0;transition:.35s ease}.play-orb::after{content:"";position:absolute;left:29px;top:23px;border-left:19px solid #1a0c20;border-top:13px solid transparent;border-bottom:13px solid transparent}.play-label{position:absolute;left:50%;top:calc(50% + 52px);transform:translateX(-50%);opacity:0;color:#fff;font-weight:800}.video-card:hover .play-orb,.video-card:hover .play-label{opacity:1}.video-card:hover .play-orb{transform:translate(-50%,-50%) scale(1)}.video-body{padding:20px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tag-row span{font-size:.78rem;color:#f5e8ff;padding:7px 10px;border-radius:999px;background:rgba(141,77,255,.22);border:1px solid rgba(255,255,255,.12)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 0}.metrics div{background:rgba(255,255,255,.06);border-radius:14px;padding:10px}.metrics dt{font-size:.72rem;color:var(--muted)}.metrics dd{margin:3px 0 0;color:#fff;font-weight:800;font-size:.86rem}
.panel{padding:24px;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);box-shadow:0 18px 56px rgba(0,0,0,.22)}.panel.gold{background:linear-gradient(145deg,rgba(247,200,107,.16),rgba(141,77,255,.08))}.panel h3,.panel h4{color:#fff}.topic-feed{display:grid;gap:14px}.topic{display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid var(--line)}.topic b{display:grid;place-items:center;min-width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--violet),var(--pink));box-shadow:0 0 26px rgba(141,77,255,.36)}.topic small{color:var(--gold);font-weight:800}.barrage{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.barrage span{padding:10px 12px;border-radius:999px;background:rgba(86,245,255,.11);border:1px solid rgba(86,245,255,.18);color:#eaffff;font-size:.86rem}.expert-card img,.avatar{border-radius:22px}.partner-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.partner-wall span{padding:18px;border-radius:18px;text-align:center;background:rgba(255,255,255,.06);border:1px solid var(--line);font-weight:800;color:#fff}.faq-list{display:grid;gap:14px}.faq-list details{padding:18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid var(--line)}.faq-list summary{cursor:pointer;font-weight:900;color:#fff}.review{position:relative}.review::before{content:"“";position:absolute;right:18px;top:4px;font-size:5rem;color:rgba(247,200,107,.16);font-family:serif}.review strong{color:#fff}.score{color:var(--gold);font-weight:900}.contact-card{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.qr-wall{display:flex;gap:18px;flex-wrap:wrap}.qr-wall figure{margin:0;text-align:center}.qr-wall img{border-radius:22px;background:#fff;padding:8px}.qr-wall figcaption{color:var(--muted);font-size:.86rem;margin-top:8px}.breadcrumb{max-width:1240px;margin:30px auto 0;padding:0 20px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.breadcrumb a{color:#fff}.page-hero{max-width:1240px;margin:auto;padding:70px 20px 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.page-hero figure{margin:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.page-hero figcaption{padding:14px 18px;background:rgba(255,255,255,.06);color:var(--muted);font-size:.9rem}.timeline{counter-reset:step;display:grid;gap:14px}.timeline li{list-style:none;counter-increment:step;padding:20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.05)}.timeline li::before{content:counter(step);display:inline-grid;place-items:center;width:34px;height:34px;margin-right:10px;border-radius:12px;background:var(--gold);color:#1b0d22;font-weight:900}.site-footer{border-top:1px solid var(--line);background:#050308;padding:48px 20px}.footer-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.2fr auto .8fr;gap:34px}.footer-logo{margin-bottom:18px}.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:10px}.footer-links a{color:var(--muted)}.footer-links a:hover{color:#fff}.update-time{color:var(--gold);font-weight:900}.mini-kicker{font-size:.82rem;color:var(--cyan);font-weight:900;letter-spacing:.12em}.image-note{font-size:.85rem;color:#d7cae8;margin-top:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.callout{border:1px solid rgba(247,200,107,.25);background:linear-gradient(145deg,rgba(247,200,107,.12),rgba(141,77,255,.09));border-radius:28px;padding:28px}.content-list{display:grid;gap:12px;padding:0;margin:0}.content-list li{list-style:none;padding:16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.05)}
@media (max-width:1020px){.hero,.page-hero,.split{grid-template-columns:1fr}.grid.cards-4,.grid.cards-3{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.section-head{display:block}.hero{min-height:auto}.stats-strip{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.nav-toggle{display:block}.main-nav{position:absolute;left:16px;right:16px;top:82px;padding:16px;border-radius:24px;background:rgba(12,7,20,.96);border:1px solid var(--line);display:none;box-shadow:var(--shadow)}.main-nav.is-open{display:grid}.main-nav a{display:block}.search-box{grid-template-columns:auto 1fr}.search-box button{grid-column:1/-1}.section,.hero{padding:56px 16px}.page-hero{padding:50px 16px 20px}.grid.cards-4,.grid.cards-3,.grid.cards-2{grid-template-columns:1fr}.partner-wall{grid-template-columns:repeat(2,1fr)}h1{font-size:3.2rem}.metrics{grid-template-columns:repeat(2,1fr)}.contact-card{grid-template-columns:1fr}.stats-strip{grid-template-columns:1fr}}