:root{--bg:#0a0c10;--surface:#12161d;--surface2:#1a212c;--line:#ffffff14;--line2:#ffffff29;--text:#f2f5f8;--text2:#8b95a5;--text3:#5b6472;--gold:#ffb454;--gold2:#ffd9a0;--gold-soft:#ffb45421;--green:#34d399;--red:#ff6b6b;--hd-h:2.4rem;--bar-h:2.3rem;--sat:env(safe-area-inset-top);--sab:env(safe-area-inset-bottom)}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif}button{cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit;background:0 0;border:none;font-family:inherit}input{color:inherit;font-family:inherit}img,svg{display:block}.num{font-variant-numeric:tabular-nums}.hidden{display:none!important}@property --content-top{syntax:"<length>";inherits:true;initial-value:0}@property --content-top-fav{syntax:"<length>";inherits:true;initial-value:0}.app{--hd-shift:0rem;--content-top:calc(var(--hd-h) + var(--sat) + var(--bar-h));--content-top-fav:calc(var(--hd-h) + var(--sat))}.app.hd-hide{--hd-shift:calc(0rem - var(--hd-h))}.hd{z-index:100;height:calc(var(--hd-h) + var(--sat));padding:var(--sat) .7rem 0;will-change:transform;background:0 0;border-bottom:0;justify-content:space-between;align-items:center;transition:transform .22s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.app.hd-hide .hd{transform:translateY(-100%)}.hd-title,.rank-tab,.search-info{text-shadow:0 1px 2px #000000f2,0 0 4px #000000e6,0 0 12px #000000b8}.hd-btn svg,.hd-logo{filter:drop-shadow(0 1px 3px #000000bf)}.hd-brand{align-items:center;gap:.5rem;min-width:0;display:flex}.hd-logo{color:#fff;background:linear-gradient(135deg,#ff5aa0,#3b82f6);border-radius:.625rem;flex:none;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex;box-shadow:0 4px 14px #ff5aa059}.hd-title{letter-spacing:.02em;white-space:nowrap;font-size:.95rem;font-weight:800}.hd-dot{background:var(--text3);border-radius:50%;flex:none;width:.4rem;height:.4rem}.hd-dot.ok{background:var(--green);box-shadow:0 0 8px #34d399cc}.hd-dot.err{background:var(--red);box-shadow:0 0 8px #ff6b6bcc}.hd-actions{align-items:center;gap:.15rem;display:flex}.hd-btn{width:2.1rem;height:2.1rem;color:var(--text2);border-radius:50%;justify-content:center;align-items:center;transition:background .15s,transform .15s,color .15s;display:flex}.hd-btn:active{background:#ffffff14;transform:scale(.88)}.hd-btn.on{color:var(--gold)}.hd-btn svg{width:1.05rem;height:1.05rem}.rankbar{top:calc(var(--hd-h) + var(--sat));z-index:90;height:var(--bar-h);transform:translateY(var(--hd-shift));will-change:transform;background:0 0;border-bottom:0;justify-content:center;align-items:stretch;gap:.25rem;padding:0 .6rem;transition:transform .22s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;left:0;right:0}.rank-tabs{scrollbar-width:none;min-width:0;display:flex;position:relative;overflow-x:auto}.rank-tabs::-webkit-scrollbar{display:none}.rank-tab{color:#c9d3df;white-space:nowrap;flex:none;justify-content:center;align-items:center;height:100%;padding:0 .95rem;font-size:.82rem;font-weight:700;transition:color .2s;display:flex;position:relative}.tab-lbl{line-height:1;display:inline-block}.rank-tab.on{color:#fff}.tab-ind{pointer-events:none;background:linear-gradient(90deg,var(--gold2),var(--gold));transform-origin:0;opacity:0;will-change:transform;border-radius:2px;width:100px;height:2px;transition:transform .2s ease-out,opacity .15s ease-out;position:absolute;bottom:0;left:0;transform:translate(-200px)scaleX(0);box-shadow:0 0 6px #000000bf}.tab-ind.no-anim{transition:none!important}.searchrow{top:calc(var(--hd-h) + var(--sat));z-index:95;transform:translateY(var(--hd-shift));will-change:transform;background:0 0;border-bottom:0;align-items:center;gap:.5rem;padding:.4rem .75rem;transition:transform .22s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;left:0;right:0}.searchwrap{flex:1;min-width:0;position:relative}.searchwrap>svg{width:.95rem;height:.95rem;color:var(--text3);pointer-events:none;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.searchrow input{background:var(--surface2);border:1px solid var(--line);width:100%;height:2.2rem;color:var(--text);border-radius:999px;outline:none;padding:0 2.2rem 0 2.1rem;font-size:.88rem;transition:border-color .2s}.searchrow input:focus{border-color:var(--gold)}.search-clear{width:1.7rem;height:1.7rem;color:var(--text3);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:.3rem;transform:translateY(-50%)}.search-clear svg{width:.95rem;height:.95rem}.search-info{top:calc(var(--hd-h) + var(--sat) + 3.4rem);transform:translateX(-50%) translateY(var(--hd-shift));z-index:96;background:var(--surface);border:1px solid var(--line2);color:var(--text2);white-space:nowrap;pointer-events:none;border-radius:999px;padding:.3rem .8rem;font-size:.75rem;transition:transform .22s cubic-bezier(.22,.61,.36,1),top .22s;position:fixed;left:50%;box-shadow:0 8px 24px #0006}.main{max-width:1100px;margin:0 auto;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.pager{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none;width:100%;height:100%;display:flex;overflow:auto hidden}.pager::-webkit-scrollbar{display:none}.pager-page{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;width:100%;height:100%;overflow:hidden}.pager-blank{width:100%;height:100%}.h-full{height:100%}.relative{position:relative}.sys-video{object-fit:contain;touch-action:none;background:#000;width:100%;height:100%}.grid-wrap{height:100%;padding:2px}.vscroll{scrollbar-width:none;outline:none;width:100%;height:100%;position:relative;overflow:hidden auto}.vscroll::-webkit-scrollbar{display:none}.vrow{box-sizing:border-box;width:100%;display:grid;position:absolute;left:0}.vcell{min-width:0;height:100%;overflow:hidden}.card{border:1px solid var(--line);cursor:pointer;background:linear-gradient(165deg,#161c27,#0e1219);border-radius:.7rem;width:100%;height:100%;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.card:active{transform:scale(.985)}@media (hover:hover){.card:hover{border-color:#ffb45466}.card:hover .card-img{transform:scale(1.035)}.card:hover .card-play{opacity:1;transform:translate(-50%,-50%)scale(1)}}.card-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .28s,transform .35s;position:absolute;top:0;bottom:0;left:0;right:0}.card-img.ok{opacity:1}.card-ph{color:#ffffff38;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.card.no-cover:after{content:"";background:#0000002e url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff' opacity='0.22'><path d='M8 5v14l11-7z'/></svg>") 50%/1.6rem no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}.card-shade{pointer-events:none;background:linear-gradient(#0a0c1000 38%,#0a0c1047 60%,#0a0c10eb);position:absolute;top:0;bottom:0;left:0;right:0}.card-dur{z-index:2;border:1px solid var(--line);color:#fff;font-variant-numeric:tabular-nums;background:#080a0ecc;border-radius:.4rem;align-items:center;gap:.2rem;padding:.18rem .4rem;font-size:.7rem;font-weight:600;line-height:1;display:flex;position:absolute;top:.42rem;right:.45rem}.card-dur svg{width:.62rem;height:.62rem}.card-play{z-index:2;color:#fff;opacity:0;pointer-events:none;background:#080a0ec7;border:1px solid #ffd9a080;border-radius:50%;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.card-play svg{width:1.1rem;height:1.1rem;margin-left:.1rem}.card-ov{z-index:1;pointer-events:none;padding:.9rem .55rem .5rem;position:absolute;bottom:0;left:0;right:0}.card-favline{pointer-events:none;justify-content:flex-end;min-height:1.5rem;margin-bottom:.08rem;display:flex}.card-fav{color:#fff;pointer-events:auto;background:#0000008c;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;transition:transform .15s,color .15s;display:flex}.card-fav:active{transform:scale(.88)}.card-fav.on{color:#ff4d6d}.card-fav svg{width:.85rem;height:.85rem}.card-author{color:#fff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #0009;font-size:.78rem;font-weight:700;line-height:1.25;overflow:hidden}.card-title{color:#f2f5f8f2;-webkit-line-clamp:2;text-shadow:0 1px 2px #0000008c;-webkit-box-orient:vertical;margin-top:.16rem;font-size:.78rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.card-meta{color:#f2f5f8d1;font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:space-between;align-items:center;gap:.45rem;margin-top:.26rem;font-size:.64rem;font-weight:600;line-height:1;display:flex;overflow:hidden}.card-meta span{align-items:center;gap:.18rem;min-width:0;display:inline-flex}.card-meta svg{opacity:.85;flex:none;width:.58rem;height:.58rem}.card-classic{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:.7rem;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.card-classic-th{background:linear-gradient(165deg,#161c27,#0e1219);flex:none;height:calc(100% - 4.6rem);position:relative;overflow:hidden}.card-classic-th img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.card-classic-body{flex-direction:column;flex:1;min-height:0;padding:.45rem .5rem .5rem;display:flex;overflow:hidden}.card-classic-t{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;font-weight:600;line-height:1.42;display:-webkit-box;overflow:hidden}.card-classic-meta{color:var(--text2);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.3rem .45rem;margin-top:.3rem;font-size:.62rem;display:flex}.card-classic-meta span{align-items:center;gap:.16rem;min-width:0;display:inline-flex}.card-classic-meta svg{flex:none;width:.62rem;height:.62rem}.skel-grid{padding:calc(var(--content-top) + 2px) 2px 2px;transform:translateY(var(--hd-shift));grid-template-columns:repeat(auto-fill,minmax(9.4rem,1fr));gap:.25rem;transition:transform .22s cubic-bezier(.22,.61,.36,1);display:grid}.skel-card{aspect-ratio:9/16;background:#12161d;border:1px solid #ffffff0f;border-radius:.7rem;position:relative;overflow:hidden}.skel-card:after{content:"";background:linear-gradient(100deg,#fff0 30%,#ffffff0b 50%,#fff0 70%);animation:1.3s ease-in-out infinite skel;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.skel-grid.static .skel-card:after{animation:none}@keyframes skel{to{transform:translate(100%)}}@media (min-width:700px){.skel-grid{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:.625rem}}.state{text-align:center;color:var(--text3);padding:3rem 1rem;font-size:.85rem;line-height:1.8}.state-ic{background:var(--surface);border:1px solid var(--line);width:3.4rem;height:3.4rem;color:var(--text3);border-radius:1rem;justify-content:center;align-items:center;margin:0 auto .8rem;display:flex}.state-ic svg{width:1.5rem;height:1.5rem}.state h4{color:var(--text2);margin-bottom:.15rem;font-size:.95rem;font-weight:700}.state p{color:var(--text3);font-size:.78rem}.state-btn{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#14100a;border-radius:999px;align-items:center;gap:.35rem;margin-top:.9rem;padding:.5rem 1.15rem;font-size:.82rem;font-weight:800;transition:transform .15s;display:inline-flex;box-shadow:0 6px 18px #ffb45440}.state-btn:active{transform:scale(.95)}.state-btn svg{width:.9rem;height:.9rem}.end-hint{text-align:center;color:var(--text3);padding:.9rem;font-size:.75rem}.filter-fab{right:1rem;bottom:calc(3cm + 1rem + var(--sab));z-index:150;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:2.5rem;height:2.5rem;color:var(--gold);background:#12161de0;border:1px solid #ffb45466;border-radius:50%;justify-content:center;align-items:center;transition:transform .18s,background .2s,color .2s,border-color .2s;display:flex;position:fixed;box-shadow:0 10px 28px #00000080,inset 0 1px #ffffff14}.filter-fab:active{transform:scale(.9)}.filter-fab.on{background:var(--gold);color:#14100a;border-color:var(--gold);box-shadow:0 10px 28px #ffb45459}.filter-fab svg{width:1.05rem;height:1.05rem}.filter-fab .fab-badge{background:var(--gold);color:#14100a;border:2px solid var(--bg);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:1rem;height:1rem;padding:0 .22rem;font-size:.6rem;font-weight:800;display:flex;position:absolute;top:-.1rem;right:-.1rem}.fab-panel{right:1rem;bottom:calc(3cm + 4rem + var(--sab));z-index:151;-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);opacity:0;visibility:hidden;pointer-events:none;background:#12161df2;border:1px solid #ffb45438;border-radius:.85rem;width:min(13rem,100vw - 2rem);padding:.6rem .6rem .5rem;transition:transform .28s cubic-bezier(.32,.72,.28,1),opacity .2s,visibility 0s .28s;position:fixed;transform:translate(1.25rem)scale(.97);box-shadow:0 16px 44px #0000008c,inset 0 1px #ffffff0f}.fab-panel.open{opacity:1;visibility:visible;pointer-events:auto;transition:transform .28s cubic-bezier(.32,.72,.28,1),opacity .2s,visibility;transform:translate(0)scale(1)}.fab-panel-hd{justify-content:space-between;align-items:center;margin-bottom:.1rem;display:flex}.fab-panel-hd b{font-size:.82rem;font-weight:800}.fab-panel-x{border:1px solid var(--line);width:1.5rem;height:1.5rem;color:var(--text2);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex}.fab-panel-x svg{width:.75rem;height:.75rem}.fab-panel .sheet-sec-title{margin-top:.3rem;margin-bottom:.25rem;font-size:.72rem}.fab-panel .btn{border-radius:.55rem;height:2rem;font-size:.78rem}.fab-panel-foot{gap:.4rem;margin-top:.4rem;display:flex}.sheet-mask{z-index:200;opacity:0;pointer-events:none;background:#0506098c;transition:opacity .25s;position:fixed;top:0;bottom:0;left:0;right:0}.sheet-mask.open{opacity:1;pointer-events:auto}.sheet{z-index:201;background:var(--surface);border-top:1px solid var(--line2);padding-bottom:var(--sab);visibility:hidden;border-radius:1.05rem 1.05rem 0 0;flex-direction:column;max-height:86dvh;transition:transform .32s cubic-bezier(.32,.72,.28,1),visibility 0s .32s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -16px 48px #00000080}.sheet.open{visibility:visible;transition:transform .32s cubic-bezier(.32,.72,.28,1),visibility;transform:translateY(0)}.sheet-grip{background:#ffffff2e;border-radius:999px;flex:none;width:2.4rem;height:.28rem;margin:.55rem auto .2rem}.sheet-hd{flex:none;justify-content:space-between;align-items:center;padding:.35rem 1rem .45rem;display:flex}.sheet-hd b{font-size:.98rem;font-weight:800}.sheet-x{border:1px solid var(--line);width:1.9rem;height:1.9rem;color:var(--text2);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex}.sheet-x svg{width:1rem;height:1rem}.sheet-body{scrollbar-width:none;flex:1;min-height:0;padding:.2rem 1rem .6rem;overflow-y:auto}.sheet-body::-webkit-scrollbar{display:none}.sheet-foot{padding:.6rem 1rem calc(.8rem + var(--sab));flex:none;gap:.6rem;display:flex}.sheet-sec-title{color:var(--text2);align-items:center;gap:.4rem;margin:.55rem 0 .35rem;font-size:.76rem;font-weight:700;display:flex}.sheet-sec-title:before{content:"";background:var(--gold);border-radius:2px;width:.22rem;height:.8rem}.opt-grid{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.opt{border:1px solid var(--line);background:var(--surface2);height:1.85rem;color:var(--text2);text-overflow:ellipsis;white-space:nowrap;border-radius:.55rem;justify-content:center;align-items:center;padding:0 .4rem;font-size:.76rem;font-weight:600;transition:transform .12s,background .15s,color .15s,border-color .15s;display:flex;overflow:hidden}.opt:active{transform:scale(.96)}.opt.on{background:var(--gold-soft);color:var(--gold2);border-color:#ffb45499}.btn{border-radius:.75rem;justify-content:center;align-items:center;gap:.35rem;height:2.7rem;font-size:.9rem;font-weight:800;transition:transform .15s,opacity .15s;display:flex}.btn:active{transform:scale(.97)}.btn-ghost{background:var(--surface2);color:var(--text2);border:1px solid var(--line)}.btn-primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#14100a;box-shadow:0 6px 20px #ffb45440}.btn svg{width:1rem;height:1rem}.sheet-field{border:1px solid var(--line2);width:100%;height:2.6rem;color:var(--text);background:#ffffff0d;border-radius:.7rem;outline:none;margin-top:.35rem;padding:0 .8rem;font-size:.88rem;transition:border-color .2s}.sheet-field:focus{border-color:var(--gold)}.sheet-note{color:var(--text3);margin-top:.35rem;font-size:.72rem;line-height:1.5}.sheet-msg{margin-top:.5rem;font-size:.78rem;line-height:1.5}.sheet-msg.ok{color:var(--green)}.sheet-msg.err{color:var(--red)}.sheet-msg.busy{color:var(--text2)}.sheet-sep{border-top:1px solid var(--line);margin:.55rem 0}.set-row{justify-content:space-between;align-items:center;padding:.55rem 0;display:flex}.set-row .set-l{color:var(--text);align-items:center;gap:.6rem;font-size:.88rem;font-weight:600;display:flex}.set-row .set-l svg{width:1.1rem;height:1.1rem;color:var(--gold)}.switch{background:var(--surface2);border:1px solid var(--line2);border-radius:999px;flex:none;width:2.7rem;height:1.55rem;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:1.2rem;height:1.2rem;transition:transform .2s cubic-bezier(.32,.72,.28,1);position:absolute;top:.14rem;left:.14rem}.switch.on{background:var(--gold)}.switch.on:after{transform:translate(1.15rem)}.player{z-index:300;background:#000;position:fixed;top:0;bottom:0;left:0;right:0}.player video{object-fit:contain;touch-action:none;background:#000;width:100%;height:100%}.player-tx{flex:1;min-width:0}.player-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.player-sub{color:#ffffffb8;font-variant-numeric:tabular-nums;margin-top:.12rem;font-size:.74rem}.toast{left:50%;bottom:calc(1rem + var(--sab));z-index:500;background:var(--surface);border:1px solid var(--line2);color:var(--text);pointer-events:none;opacity:0;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.82rem;transition:opacity .2s,transform .2s;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 32px #0000008c}.toast.show{opacity:1;transform:translate(-50%)translateY(-.3rem)}.toast.err{border-color:#ff6b6b80}.toast svg{flex:none;width:.95rem;height:.95rem}.toast.ok svg{color:var(--green)}.toast.err svg{color:var(--red)}@media (min-width:700px){.hd{padding-left:1.1rem;padding-right:1.1rem}.card-author,.card-title{font-size:.84rem}.card-meta{font-size:.68rem}}