:root{--bg:#0a0e1a;--c1:#131c31;--c2:#1b2438;--tx:#e5e7eb;--dim:#94a3b8;--ln:rgba(148,163,184,.13);--gr:linear-gradient(135deg,#7c3aed,#4f46e5 55%,#06b6d4);--cy:#22d3ee}*{margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}svg.ic{width:1em;height:1em;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none;vertical-align:-.15em}body{background:var(--bg);color:var(--tx);font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;inset:-30% -30% auto;height:75vh;z-index:-1;background:radial-gradient(45% 55% at 20% 20%,rgba(124,58,237,.24),transparent 70%),radial-gradient(40% 50% at 85% 10%,rgba(6,182,212,.17),transparent 70%),radial-gradient(35% 45% at 55% 55%,rgba(79,70,229,.12),transparent 70%);filter:blur(30px);animation:fl 16s ease-in-out infinite alternate}@keyframes fl{to{transform:translate(4%,7%) scale(1.15)}}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;padding:12px clamp(16px,4vw,32px);padding-top:calc(12px + env(safe-area-inset-top));background:#0a0e1ab8;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--ln)}.logo{display:flex;align-items:center;gap:10px;flex:none}.gem{width:36px;height:36px;border-radius:12px;background:var(--gr);display:grid;place-items:center;font-size:19px;color:#fff;box-shadow:0 4px 16px #6366f18c;animation:pd 3.2s ease-in-out infinite}@keyframes pd{50%{box-shadow:0 4px 26px #06b6d4a6}}.lt b{font-size:16px;font-weight:900;letter-spacing:.5px}.lt b i{font-style:normal;background:var(--gr);-webkit-background-clip:text;background-clip:text;color:transparent}nav.top{margin-left:auto;display:flex;gap:4px}nav.top a{padding:7px 13px;border-radius:99px;font-size:13px;font-weight:700;color:var(--dim);border:1px solid transparent;transition:.2s}nav.top a:hover{color:#fff}nav.top a.on{background:var(--gr);color:#fff;box-shadow:0 4px 14px #6366f166}main{max-width:1100px;margin:0 auto;padding:18px 0 56px}.hero{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:16/9;max-height:52vh;box-shadow:0 12px 40px #020617a6;cursor:pointer;margin:0 clamp(16px,4vw,32px) 8px;background:var(--c1)}.hs{position:absolute;inset:0;opacity:0;transition:opacity .7s;pointer-events:none}.hs.on{opacity:1;pointer-events:auto}.hs img{width:100%;height:100%;object-fit:cover}.hs.on img{animation:kb 8s ease-out forwards}@keyframes kb{0%{transform:scale(1.12)}to{transform:none}}.hs:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a0e1a0d 30%,#0a0e1ad6 88%)}.hi{position:absolute;left:0;right:0;bottom:0;padding:22px clamp(18px,3.5vw,30px);display:flex;align-items:flex-end;justify-content:space-between;gap:12px;z-index:2}.hi h1{font-size:clamp(21px,4.4vw,34px);font-weight:900;text-shadow:0 3px 18px rgba(0,0,0,.6)}.ht{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.ht span{font-size:11px;font-weight:600;padding:3px 10px;border-radius:99px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);color:#dbe3f0;backdrop-filter:blur(6px)}.play{display:flex;align-items:center;gap:8px;border:0;cursor:pointer;padding:13px 26px;border-radius:99px;font-size:15px;font-weight:800;color:#fff;background:var(--gr);box-shadow:0 6px 22px #6366f18c;transition:.2s}.play:hover{transform:translateY(-2px)}.play:active{transform:scale(.95)}.dots{position:absolute;right:clamp(18px,3.5vw,30px);top:16px;display:flex;gap:6px;z-index:3}.dots i{width:7px;height:7px;border-radius:99px;background:#ffffff52;transition:.3s;cursor:pointer}.dots i.on{width:22px;background:var(--cy);box-shadow:0 0 10px #22d3eecc}.module{margin:30px 0 8px}.mh{display:flex;align-items:center;gap:11px;padding:0 clamp(16px,4vw,32px);margin-bottom:13px;font-size:17px;font-weight:800}.mh svg{font-size:15px;color:#a5b4fc}.mh:after{content:"";flex:none;width:44px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(124,58,237,.8),transparent)}.mh small{color:var(--dim);font-size:11px;font-weight:500}.mh .sp{margin-left:auto;display:flex;gap:8px}.ib{width:31px;height:31px;display:grid;place-items:center;border-radius:99px;border:1px solid var(--ln);background:var(--c2);color:var(--dim);cursor:pointer;font-size:14px;transition:.2s}.ib:hover{color:#fff;border-color:#6366f199}.ib.sh:hover{transform:rotate(180deg)}.arw{display:none}@media(hover:hover)and (min-width:760px){.arw{display:grid}}.row{display:flex;gap:14px;overflow-x:auto;padding:4px clamp(16px,4vw,32px) 16px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.row::-webkit-scrollbar{display:none}.row .card{flex:none;width:min(44vw,190px)}.card{background:var(--c1);border:1px solid var(--ln);border-radius:16px;overflow:hidden;cursor:pointer;position:relative;transition:transform .25s,box-shadow .25s,border-color .25s;animation:up .5s cubic-bezier(.2,.7,.3,1) backwards}@keyframes up{0%{opacity:0;transform:translateY(16px)}}.card:hover{transform:translateY(-6px);box-shadow:0 16px 34px #020617cc;border-color:#6366f180}.card:active{transform:scale(.96)}.tb{aspect-ratio:4/3;position:relative;background:var(--c2);overflow:hidden}.tb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover .tb img{transform:scale(1.08)}.nm{padding:10px 12px;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.bdg{position:absolute;top:8px;left:8px;font-size:10px;font-weight:800;padding:3px 9px;border-radius:99px;color:#fff;background:var(--gr);box-shadow:0 2px 8px #0006}.ov{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(#0a0e1a0d,#0a0e1a80);opacity:0;transition:.25s}.ov svg{width:42px;height:42px;padding:12px;border-radius:99px;background:var(--gr);color:#fff;box-shadow:0 6px 18px #00000080}.card:hover .ov{opacity:1}.ph{width:100%;height:100%;display:grid;place-items:center;font-size:28px;font-weight:900;color:#ffffffe6;background:var(--gr)}.sk{position:relative;overflow:hidden;background:var(--c2)}.sk:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(148,163,184,.15),transparent);animation:sh 1.3s infinite}@keyframes sh{to{transform:translate(100%)}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:14px;padding:6px clamp(16px,4vw,32px)}.pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:22px}.pager b{color:var(--cy);font-size:13px}.lm{display:block;margin:24px auto 0;padding:11px 34px;border-radius:99px;border:1px solid rgba(99,102,241,.5);background:#4f46e524;color:#c7d2fe;font-size:14px;font-weight:700;cursor:pointer}.lm:hover{background:#4f46e54d}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:14px clamp(16px,4vw,32px) 4px}.chips::-webkit-scrollbar{display:none}.chip{flex:none;display:flex;align-items:center;gap:6px;padding:7px 15px;border-radius:99px;font-size:13px;font-weight:600;cursor:pointer;background:var(--c2);border:1px solid var(--ln);color:var(--dim);transition:.2s;white-space:nowrap}.chip:hover{color:var(--tx)}.chip.on{background:var(--gr);color:#fff;border-color:transparent;box-shadow:0 4px 14px #6366f173}.chip small{opacity:.6;font-weight:500}.search{display:flex;align-items:center;margin:14px clamp(16px,4vw,32px) 0;position:relative}.search svg{position:absolute;left:14px;font-size:15px;color:var(--dim)}.search input{width:100%;padding:11px 14px 11px 40px;border-radius:99px;border:1px solid var(--ln);background:#1e293ba6;color:var(--tx);font-size:14px;outline:none;transition:.25s}.search input:focus{border-color:#6366f199;box-shadow:0 0 0 3px #6366f12e}.cline{display:flex;align-items:center;gap:8px;padding:16px clamp(16px,4vw,32px) 2px;color:var(--dim);font-size:13px}.cline b{color:var(--cy)}.state{padding:70px 24px;text-align:center;color:var(--dim)}.state svg{font-size:42px;color:#818cf8;filter:drop-shadow(0 0 18px rgba(99,102,241,.6));margin-bottom:10px}.state h3{color:var(--tx);font-size:16px;margin-bottom:4px}footer{text-align:center;padding:26px 16px calc(30px + env(safe-area-inset-bottom));color:#475569;font-size:12px;border-top:1px solid var(--ln);margin-top:30px}footer b{color:var(--dim)}.det{padding:16px clamp(16px,4vw,32px) 0}.dban{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:16/9;max-height:48vh;background:var(--c2);box-shadow:0 16px 46px #020617b3}.dban img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.dban:hover img{transform:scale(1.04)}.dov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(10,14,26,.88))}.dti{position:absolute;left:0;right:0;bottom:0;padding:18px clamp(16px,3.5vw,24px);display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.dti h1{font-size:clamp(22px,5vw,34px);font-weight:900;line-height:1.15;text-shadow:0 3px 18px rgba(0,0,0,.6)}.det .tags{display:flex;gap:7px;flex-wrap:wrap;margin:14px 2px 4px}.det .tags a{font-size:12px;font-weight:600;padding:4px 12px;border-radius:99px;background:var(--c2);border:1px solid var(--ln);color:#c7d2fe;transition:.2s}.det .tags a:hover{border-color:#6366f199;color:#fff}.mgo{position:fixed;inset:0;z-index:100;display:none;place-items:center;background:#040712eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:clamp(14px,4vw,34px);transition:opacity .35s}.mgo.open{display:grid;animation:mi .35s}.mgo.out{opacity:0}.boot .bcard{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(88vw,360px);padding:42px 30px 36px;border-radius:26px;text-align:center;background:radial-gradient(130% 110% at 50% 0%,hsl(var(--H,258) 70% 21%),#0b101f 72%);border:1px solid rgba(99,102,241,.4);box-shadow:0 30px 90px #000c,0 0 60px hsl(var(--H,258) 80% 50% / .18)}.boot .bcard h4{font-size:18px;font-weight:900}.boot .pct{font-size:13px;color:var(--cy);font-weight:700;letter-spacing:.4px}.boot .lb{width:100%}.boot .msg{font-size:12px;color:var(--dim)}@keyframes mi{0%{opacity:0}}.ovl{position:fixed;inset:0;z-index:100;background:#0a0e1a}.ld{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:4;background:radial-gradient(120% 120% at 50% 0%,hsl(var(--H,258) 70% 22%),#0a0e1a 70%)}.ld h4{font-size:19px;font-weight:900}.ld .pct{font-size:13px;color:var(--cy);font-weight:700;letter-spacing:.4px}.ld .msg{font-size:12px;color:var(--dim)}.lb{width:min(76%,460px);height:9px;border-radius:99px;background:#ffffff14;overflow:hidden;box-shadow:inset 0 1px 4px #0006}.lbi{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,hsl(var(--H,258) 90% 62%),hsl(calc(var(--H,258) + 60) 90% 60%),hsl(var(--H,258) 90% 62%));background-size:200% 100%;animation:mf 1.6s linear infinite;box-shadow:0 0 14px hsl(var(--H,258) 90% 60% / .7);transition:width .2s}@keyframes mf{to{background-position:-200% 0}}.sp-w{height:64px;display:grid;place-items:center}.r1{width:54px;height:54px;border-radius:99px;border:4px solid hsl(var(--H,258) 85% 65% / .18);border-top-color:hsl(var(--H,258) 85% 65%);animation:rr .9s linear infinite}@keyframes rr{to{transform:rotate(360deg)}}.r2{display:flex;gap:7px;align-items:flex-end;height:54px}.r2 i{width:9px;height:16px;border-radius:99px;background:hsl(var(--H,258) 85% 65%);animation:bz 1s ease-in-out infinite}.r2 i:nth-child(2){animation-delay:.15s}.r2 i:nth-child(3){animation-delay:.3s}.r2 i:nth-child(4){animation-delay:.45s}.r2 i:nth-child(5){animation-delay:.6s}@keyframes bz{50%{height:52px;opacity:.6}}.r3{position:relative;width:54px;height:54px;animation:rr 1.6s linear infinite}.r3 i{position:absolute;width:13px;height:13px;border-radius:99px;background:hsl(calc(var(--H,258) + var(--d,0)*40) 90% 62%);box-shadow:0 0 12px hsl(calc(var(--H,258) + var(--d,0)*40) 90% 62% / .8)}.r3 i:nth-child(1){top:0;left:20px;--d:0}.r3 i:nth-child(2){top:20px;right:0;--d:1}.r3 i:nth-child(3){bottom:0;left:20px;--d:2}.r3 i:nth-child(4){top:20px;left:0;--d:3}@media(max-width:640px){.hero{border-radius:20px}.hi{padding:14px}.play{padding:11px 20px;font-size:13px}.dti{padding:14px}}.lcard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.gframe{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:90;background:#000}.gback{position:fixed;top:12px;left:12px;z-index:95;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;background:#0a0e1ab8;border:1px solid var(--ln);color:#fff;font-size:13px;font-weight:700;cursor:pointer;backdrop-filter:blur(6px)}.gback:hover{border-color:var(--cy)}