:root{--bg1:rgba(8,16,32,.9);--bg2:rgba(6,12,24,.9);--card:rgba(12,20,38,.48);--card-hover:rgba(16,28,54,.58);--border:rgba(255,255,255,.08);--border-strong:rgba(160,200,255,.25);--text:#eaf0ff;--text-dim:#cfe0ff;--accent:#e6f16f;--accent-ink:#0b0b0c;--glow:0 10px 24px rgba(140,190,255,.18);--radius:12px;--radius-lg:16px;--gap-sm:8px;--gap:12px;--titleH:28px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#__next{height:100%}html{min-width:344px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#03060e;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji}main{background:linear-gradient(180deg,var(--bg1),var(--bg2));min-height:100vh;padding:calc(12px + var(--titleH))var(--gap)calc(56px + env(safe-area-inset-bottom))}.topBar{gap:var(--gap-sm);border:1px solid var(--border-strong);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--gap-sm);box-shadow:var(--glow);background:rgba(10,20,40,.35);grid-template-columns:1fr auto;align-items:center;margin-bottom:10px;display:grid}.titleWrap{align-items:center;gap:var(--gap-sm);min-width:0;display:flex}.title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;background:0 0;max-width:100%;margin:0;padding:6px 10px;font-size:14px;line-height:1;overflow:hidden}.filterToggle{height:34px;color:var(--text);cursor:pointer;background:rgba(255,255,255,.06);border:1px solid rgba(160,200,255,.28);border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:none}.filterToggle:focus-visible{outline-offset:2px;outline:2px solid #9ec5ff}.filters{gap:var(--gap-sm);grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;width:100%;max-width:1024px;margin-left:auto;margin-right:auto;display:grid}.ctl{height:34px;color:var(--text);background:rgba(255,255,255,.06);border:1px solid rgba(160,200,255,.28);border-radius:8px;outline:none;min-width:0;padding:0 10px}.ctl::placeholder{color:rgba(220,235,255,.6)}.ctl:focus{border-color:rgba(160,200,255,.6);box-shadow:inset 0 0 0 2px rgba(140,190,255,.25)}.toggle{color:var(--text-dim);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.toggle input{accent-color:#a9d2ff;width:16px;height:16px}.sectionTitle{color:var(--text);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(120,170,255,.12);border-radius:10px;margin:16px 8px 8px;padding:6px 10px;font-size:13px;display:inline-block}.sectionTitle.dim{color:var(--text-dim);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}.notice{color:var(--text-dim);padding:10px 8px 0;font-size:14px}.notice.cta{border-left:2px solid var(--border-strong);background:rgba(255,255,255,.04);border-radius:10px;margin:8px 8px 0;padding:12px}pre.msg{white-space:pre-wrap;color:var(--text);background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12);border-radius:8px;margin:0;padding:8px 10px;font-size:13px}.grid{--col-gap:12px;gap:var(--col-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 4px;padding:8px 4px;display:grid}.card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .18s,background .18s,transform .18s;overflow:hidden;box-shadow:0 6px 20px rgba(5,10,20,.4)}@media (hover:hover) and (pointer:fine){.card:hover{background:var(--card-hover);border-color:rgba(140,190,255,.35);transform:translateY(-1px)}}.posterWrap{aspect-ratio:2/3;background:rgba(15,30,60,.35);position:relative;overflow:hidden}.poster{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.topShade{pointer-events:none;z-index:1;background:linear-gradient(rgba(0,0,0,.28),transparent);height:40%;position:absolute;top:0;bottom:0;left:0;right:0}.gradient{pointer-events:none;z-index:1;background:linear-gradient(transparent 40%,rgba(10,30,60,.45) 68%,rgba(5,12,28,.85) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.metaTop{z-index:2;flex-wrap:nowrap;gap:6px;display:flex;position:absolute;top:8px;left:8px}.chip{color:#eaf2ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.6);background:rgba(120,170,255,.18);border:1px solid rgba(160,200,255,.45);border-radius:999px;padding:6px 10px;font-size:12px;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.25)}.chip.price{color:#f9ffb0;background:rgba(230,241,111,.22);border-color:rgba(230,241,111,.55)}.chip.views{background:rgba(160,215,255,.2)}.metaBottom{z-index:2;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.duration{color:#eaf2ff;text-shadow:0 1px 2px rgba(0,0,0,.6);background:rgba(0,10,25,.6);border:1px solid rgba(160,200,255,.35);border-radius:8px;padding:6px 10px;font-size:12px;box-shadow:0 2px 8px rgba(0,0,0,.25)}.duration.err{background:rgba(120,15,15,.65)}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.08) 25%,rgba(255,255,255,.18) 37%,rgba(255,255,255,.08) 63%) 0 0/400% 100%;border-radius:8px;width:64px;height:22px;animation:1.2s ease-in-out infinite shimmer;display:inline-block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.watchBtn{text-align:center;width:100%;color:var(--accent-ink);background:var(--accent);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:8px 12px;font-size:13px;text-decoration:none;display:block;overflow:hidden;box-shadow:0 6px 14px rgba(230,241,111,.35)}.watchBtn[aria-busy=true]{opacity:.8;pointer-events:none}@media (hover:hover) and (pointer:fine){.watchBtn:hover{box-shadow:0 10px 18px rgba(230,241,111,.5)}}.watchBtn.disabled{pointer-events:none;color:#333;background:#d7d7d7;opacity:.7!important}.name{color:#eaeef6;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.4);margin:0;padding:10px 10px 12px;font-size:14px;font-weight:600;overflow:hidden}.modal{z-index:50;place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modalInner{z-index:60;width:100%;max-width:960px;max-height:90vh;position:relative}.backdrop{z-index:55;background:rgba(0,0,0,.6);border:0;position:fixed;top:0;bottom:0;left:0;right:0}.payPanel{z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1115;border-top:1px solid rgba(140,190,255,.25);border-top-left-radius:18px;border-top-right-radius:18px;height:100vh;max-height:70vh;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -8px 28px rgba(0,0,0,.35)}.payInner{color:var(--text);flex-direction:column;max-width:100%;height:100%;margin:0;padding:0;display:flex;overflow:hidden}.payHead{background:#0f1115;border-bottom:1px solid #252b36;padding:16px 16px 8px}.payHeadRow{justify-content:space-between;align-items:center;display:flex}.payTitle{color:#e9edf4;font-size:18px;font-weight:800}.xbtn{cursor:pointer;color:#e2e8f0;background:rgba(255,255,255,.1);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex}.xbtn:hover{background:rgba(255,255,255,.15);transform:scale(1.05)}.payScroll{flex:1;padding:0;overflow-y:auto}.payScroll>div{height:100%}.payScroll .qpayContainer{height:100%;min-height:auto;max-height:none;box-shadow:none;border-radius:0;padding:0;position:relative}.payScroll .qpayWrap{height:100%;overflow-y:auto}.miniMeta{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:10px;grid-auto-columns:2fr;grid-auto-flow:row;gap:10px;padding:8px 10px;display:grid}.metaItem{align-items:center;gap:6px;min-width:0;display:flex}.metaKey{color:#cbd5e1;white-space:nowrap;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 8px;font-size:12px}.metaVal{color:#eaf0ff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.muted{color:var(--text-dim);font-size:13px}.err{color:#ffb4b4;margin-top:6px;font-size:13px}.codeBox{gap:6px;margin-top:8px;display:grid}.codeBox label{color:var(--text-dim);font-size:12px}.codeRow{grid-template-columns:120px 1fr;gap:8px;display:grid}.codeInput{text-align:center;letter-spacing:4px;font-size:16px;font-weight:700}.ctaGrid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;display:grid}@media (max-width:720px){.ctaGrid{grid-template-columns:1fr}}.cardCTA{border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(255,255,255,.04);border-radius:12px;gap:10px;padding:12px;display:grid}.cardCTA__head{grid-template-columns:36px 1fr;align-items:start;gap:10px;display:grid}.cardCTA__icon{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.cardCTA__title{color:var(--text);margin:0;font-size:14px}.cardCTA__desc{color:var(--text-dim);margin:4px 0 0;font-size:12px}.btnLink{height:36px;color:var(--text);cursor:pointer;background:rgba(255,255,255,.06);border:1px solid rgba(160,200,255,.28);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 12px;text-decoration:none;display:inline-flex}.btnLink:hover{background:rgba(255,255,255,.1)}.ctaRow{flex-wrap:wrap;gap:8px;display:flex}.ctaRow.small .watchBtn{min-width:160px}.btnTab{height:36px;color:var(--text);cursor:pointer;background:rgba(255,255,255,.06);border:1px solid rgba(160,200,255,.28);border-radius:10px;padding:0 12px}.btnTab.active{background:rgba(120,170,255,.18);border-color:rgba(160,200,255,.6)}.btnGhost{height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:0 12px}.btnGhost:hover{background:rgba(255,255,255,.05)}.orDivider{text-align:center;place-items:center;margin:12px 0;display:grid;position:relative}.orDivider:before{content:"";background:rgba(255,255,255,.12);height:1px;position:absolute;top:50%;left:0;right:0}.orDivider>span{color:var(--text-dim);background:rgba(12,20,38,.9);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:2px 8px;font-size:12px;position:relative}.codeBox.pro{gap:8px;margin-top:8px;display:grid}.codeGrid{grid-template-columns:repeat(4,56px);gap:8px;display:grid}@media (max-width:420px){.codeGrid{grid-template-columns:repeat(4,48px);gap:6px}}.codeCell{text-align:center;letter-spacing:2px;height:44px;font-size:20px;font-weight:700}.codeCell::placeholder{color:rgba(255,255,255,.25)}.muted.tip{color:var(--text-dim);font-size:12px}@media (max-width:640px){.payPanel{border-top-left-radius:16px;border-top-right-radius:16px;max-height:75vh}.payHead{padding:12px 12px 8px}.payTitle{font-size:16px}.xbtn{width:28px;height:28px;font-size:14px}}@media (max-width:360px){.payPanel{border-top-left-radius:14px;border-top-right-radius:14px;max-height:80vh}.payHead{padding:10px 10px 6px}}@media (min-width:1440px){.chip,.duration{padding:4px 6px;font-size:12px}}@media (max-width:524px){.topBar{grid-template-columns:1fr}.filterToggle{display:inline-flex}.filters{grid-template-columns:1fr auto;width:100%;display:none}.filters.open{margin-top:6px;display:grid}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:4px;padding:4px}.card{border-radius:var(--radius)}.chip,.duration{padding:2px 4px;font-size:9px}.watchBtn{padding:6px 10px;font-size:10px}.name{font-size:12px}.miniMeta{grid-auto-flow:row;grid-auto-columns:unset}.payTitle{font-size:12px}.xbtn{padding:3px 6px}}@media (max-width:373px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:4px;padding:4px}.chip,.duration{padding:2px 4px;font-size:8px}.watchBtn{padding:6px 10px;font-size:8px}}@media (min-width:421px) and (max-width:720px){.filters{row-gap:var(--gap-sm);grid-template-columns:1fr auto;display:grid}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px;padding:8px}}@media (min-width:721px) and (max-width:1023px){.filters{grid-template-columns:1fr auto}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:10px;padding:10px}}@media (min-width:1024px) and (max-width:1439px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:12px;padding:12px}}@media (min-width:1440px){.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;max-width:1320px;margin:12px auto;padding:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:focus-visible{outline-offset:2px;outline:2px solid #9ec5ff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:rgba(180,205,255,.28);border-radius:999px}::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}