:root{--primary:#f31260;--main-bg:#0f0f13;--glass-border:rgba(255,255,255,.08);--text-main:#e0e0e0;--text-secondary:#9e9e9e;--sidebar-w:180px;--radius:14px;--opacity-val:.5;--blur-val:blur(12px);--card-bg:rgba(30,30,50,var(--opacity-val));--nav-bg:rgba(13,13,13,var(--opacity-val));--fp-opacity-val: .6;--fp-blur-val: blur(24px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#09090b;color:var(--text-main);display:flex;height:100vh;overflow:hidden;letter-spacing:.02em;position:relative}body.fs-mode .sidebar,body.fs-mode .mobile-nav,body.fs-mode .topbar,body.fs-mode .body,body.fs-mode .pbar{opacity:0!important;visibility:hidden!important;pointer-events:none!important}#bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-color:#09090b;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image .8s ease-in-out}#bg-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#00000085;pointer-events:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#f3126040;border-radius:3px}.sidebar{width:var(--sidebar-w);background:var(--nav-bg);backdrop-filter:var(--blur-val);-webkit-backdrop-filter:var(--blur-val);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--glass-border);z-index:100;padding:12px;transition:all .3s}.sidebar-header{height:50px;display:flex;align-items:center;padding-left:10px;margin-bottom:12px}.logo-text{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--primary),#ff8fab);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-menu{flex:1;display:flex;flex-direction:column;gap:6px}.sidebar-menu .mi{display:flex;align-items:center;height:44px;color:var(--text-secondary);cursor:pointer;padding:0 14px;border-radius:var(--radius);border:none;background:none;font-size:14px;font-family:inherit;width:100%;text-align:left;transition:all .2s;white-space:nowrap;gap:12px}.sidebar-menu .mi:hover{background:#f3126014;color:var(--text-main)}.sidebar-menu .mi.active{background:#f312601f;color:var(--primary);font-weight:600}.sidebar-menu .mi i{font-size:16px;min-width:20px;text-align:center}.sidebar-bottom{margin-top:auto;padding-top:12px;border-top:1px solid var(--glass-border)}.mobile-nav{display:none;height:54px;background:var(--nav-bg);backdrop-filter:var(--blur-val);-webkit-backdrop-filter:var(--blur-val);border-bottom:1px solid var(--glass-border);align-items:center;justify-content:space-between;padding:0 12px;z-index:200;flex-shrink:0;transition:all .3s}.logo-text-mb{font-size:16px;font-weight:700;background:linear-gradient(135deg,var(--primary),#ff8fab);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mb-tabs{display:flex;gap:4px;align-items:center}.mi-mb{background:none;border:none;color:var(--text-secondary);font-size:13px;padding:7px 11px;border-radius:10px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.mi-mb.active{background:#f312601f;color:var(--primary);font-weight:600}.mi-mb-icon{background:none;border:none;color:var(--text-secondary);font-size:15px;padding:8px;cursor:pointer}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:52px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--glass-border);background:var(--nav-bg);backdrop-filter:var(--blur-val);-webkit-backdrop-filter:var(--blur-val);flex-shrink:0;font-size:15px;font-weight:600;transition:all .3s}.body{flex:1;overflow-y:auto;padding:20px 20px 100px;transition:all .3s}@media(max-width:768px){body{flex-direction:column}.sidebar{display:none}.mobile-nav{display:flex}.topbar{display:none}.body{padding:14px 14px 100px}}.body{position:relative;overflow:hidden;padding:20px 20px 100px}.has-ind{position:relative;z-index:1}.has-ind:before{content:"";position:absolute;top:var(--ind-t, 0);left:var(--ind-l, 0);width:var(--ind-w, 0);height:var(--ind-h, 0);background:var(--primary);opacity:var(--opacity-val, .85);backdrop-filter:var(--blur-val);-webkit-backdrop-filter:var(--blur-val);border-radius:var(--radius, 8px);transition:all .4s cubic-bezier(.25,1,.5,1);z-index:-1;pointer-events:none}[data-v]{position:relative;z-index:2;transition:color .3s ease,transform .2s cubic-bezier(.4,0,.2,1)}[data-v]:active{transform:scale(.92)}[data-v].active{background-color:transparent!important;box-shadow:none!important;color:#fff!important}.pg{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:0 0 100px;transition:transform .4s cubic-bezier(.25,1,.5,1);pointer-events:none;display:none}.pg.active,.pg.animating{display:block}.pg.active{transform:translate(0);pointer-events:auto}@media(max-width:768px){.pg.slide-left{transform:translate(-100%)}.pg.slide-right{transform:translate(100%)}}@media(min-width:769px){.pg.slide-left{transform:translateY(-100%)}.pg.slide-right{transform:translateY(100%)}}.card{background:var(--card-bg);backdrop-filter:var(--blur-val);-webkit-backdrop-filter:var(--blur-val);border:1px solid var(--glass-border);border-radius:var(--radius);padding:16px;transition:border-color .2s,background .3s,backdrop-filter .3s,-webkit-backdrop-filter .3s}.card:hover{border-color:#f3126033}.card .ct{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.card .ct i{margin-right:6px}.card .ir{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04)}.card .ir:last-child{border-bottom:none}.card .ir .l{color:var(--text-secondary);font-size:13px}.card .ir .v{font-size:13px;font-weight:500}.full-w{grid-column:1/-1}.sdot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.sdot.on{background:#4ade80;box-shadow:0 0 8px #4ade8066}.sdot.off{background:#f87171}.modal{display:flex;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:8000;align-items:center;justify-content:center;padding:20px}.modal.show{opacity:1;visibility:visible;pointer-events:auto}.modal .mc{transform:scale(.92) translateY(10px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);background:rgba(18,18,22,var(--opacity-val));backdrop-filter:var(--blur-val);-webkit-backdrop-filter:var(--blur-val);border:1px solid var(--glass-border);border-radius:var(--radius);padding:22px;max-width:460px;width:100%;max-height:80vh;overflow-y:auto}.modal.show .mc{transform:scale(1) translateY(0)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1000px}@media(max-width:600px){.grid-2{grid-template-columns:1fr}}.sbar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.sbar input{flex:1;min-width:150px;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--glass-border);background:#1e1e3280;color:var(--text-main);font-size:14px;outline:none;transition:border-color .2s}.sbar input:focus{border-color:var(--primary)}.sbar select{padding:9px 10px;border-radius:var(--radius);border:1px solid var(--glass-border);background:#1e1e3280;color:var(--text-main);font-size:13px;outline:none;cursor:pointer}.sbar select option{background:#1a1a2e}.btn{padding:10px 18px;border-radius:var(--radius);border:none;background:var(--primary);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn:hover{box-shadow:0 4px 14px #f3126040}.btn:active{transform:scale(.96)}.btn-o{background:transparent;border:1px solid var(--glass-border);color:var(--text-main)}.btn-o:hover{border-color:var(--primary)}.st{font-size:15px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:8px}.sg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}@media(max-width:480px){.sg{grid-template-columns:repeat(2,1fr);gap:10px}}.sc{background:var(--card-bg);backdrop-filter:var(--blur-val);-webkit-backdrop-filter:var(--blur-val);border:1px solid var(--glass-border);border-radius:var(--radius);padding:10px;cursor:pointer;transition:border-color .2s,background .3s,backdrop-filter .3s,-webkit-backdrop-filter .3s}.sc:hover{border-color:var(--primary);transform:translateY(-2px)}.sc:active{transform:scale(.97)}.sc img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;margin-bottom:6px}.sc .sn{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc .sa{font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-list{display:flex;flex-direction:column;gap:8px}.s-item{display:flex;align-items:center;background:var(--card-bg);backdrop-filter:var(--blur-val);-webkit-backdrop-filter:var(--blur-val);border:1px solid var(--glass-border);border-radius:var(--radius);padding:8px 12px;cursor:pointer;transition:border-color .2s,background .3s,backdrop-filter .3s,-webkit-backdrop-filter .3s;gap:12px}.s-item:hover{border-color:var(--primary)}.s-item:active{transform:scale(.98)}.s-item img{width:46px;height:46px;border-radius:8px;object-fit:cover;flex-shrink:0}.s-item .s-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.s-item .sn{font-size:14px;font-weight:600;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-item .sa{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-actions{display:flex;gap:4px;align-items:center}.s-action-btn{background:none;border:none;color:var(--text-secondary);font-size:17px;cursor:pointer;transition:all .2s;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center}.s-action-btn:hover{color:var(--primary);background:#f312601f}.s-action-btn:active{transform:scale(.9)}.mine-tabs{display:flex;gap:14px;margin-bottom:16px;border-bottom:1px solid var(--glass-border);padding-bottom:12px}.mine-tabs button{background:none;border:none;color:var(--text-secondary);font-size:15px;font-weight:600;cursor:pointer;padding:4px 6px;transition:color .2s}.mine-tabs button:hover{color:var(--text-main)}.mine-tabs button.active{color:var(--primary);border-bottom:2px solid var(--primary);margin-bottom:-14px}.plr{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.plr::-webkit-scrollbar{display:none}.plc{flex-shrink:0;width:130px;background:var(--card-bg);backdrop-filter:var(--blur-val);-webkit-backdrop-filter:var(--blur-val);border:1px solid var(--glass-border);border-radius:var(--radius);padding:8px;cursor:pointer;transition:border-color .2s,background .3s,backdrop-filter .3s,-webkit-backdrop-filter .3s}.plc:hover{border-color:var(--primary);transform:translateY(-2px)}.plc:active{transform:scale(.96)}.plc img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.plc .pn{font-size:11px;font-weight:500;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-wrap{position:relative}.s-tabs{display:flex;gap:4px;margin-bottom:10px;width:100%}.s-tabs button{padding:7px 14px;border-radius:var(--radius);border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit}.s-tabs button:hover{border-color:var(--primary);color:var(--text-main)}.s-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.s-drop{position:absolute;top:100%;left:0;right:0;background:#0f0f13f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);max-height:260px;overflow-y:auto;z-index:100;margin-top:4px;display:block!important;visibility:hidden;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),visibility .25s}.s-drop.show{visibility:visible;opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.s-drop .si{padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;font-size:13px}.s-drop .si:hover{background:#f3126014;color:var(--text-main)}.modal-menu-item{padding:12px 16px;background:#1e1e3266;border-radius:var(--radius);cursor:pointer;transition:all .2s;font-size:14px;border:1px solid var(--glass-border);color:var(--text-main)}.modal-menu-item:hover{background:#f3126026;border-color:var(--primary);transform:translate(4px)}.modal .mc h2{font-size:17px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.modal .mc h2 .close{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer}.modal .mc .li{padding:8px 0;border-bottom:1px solid var(--glass-border)}.modal .mc .li:last-child{border:none}.modal .mc .li .ld{font-size:11px;color:var(--primary);font-weight:600}.modal .mc .li .lt{font-size:13px;margin-top:3px;color:var(--text-secondary);line-height:1.5}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary)}.empty i{font-size:48px;margin-bottom:14px;opacity:.25}.empty .t{font-size:15px}.empty .s{font-size:12px;margin-top:6px;opacity:.5}.spin{display:inline-block;width:20px;height:20px;border:2px solid rgba(243,18,96,.15);border-top:2px solid var(--primary);border-radius:50%;animation:s .7s linear infinite}@keyframes s{to{transform:rotate(360deg)}}.ci{display:flex;flex-direction:column;gap:12px}.ci .cg{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ci .cg label{font-size:13px;color:var(--text-secondary);min-width:80px}.ci .cg input{flex:1;min-width:120px;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--glass-border);background:#1e1e3280;color:var(--text-main);font-size:13px;outline:none;font-family:monospace}.ci .cg input:focus{border-color:var(--primary)}.ci .cg .saved{font-size:11px;color:#4ade80;display:none}.ci .cg .qrb{font-size:11px;padding:6px 12px;border-radius:var(--radius);border:1px solid var(--glass-border);background:#f3126014;color:var(--text-secondary);cursor:pointer;transition:all .2s}.ci .cg .qrb:hover{border-color:var(--primary);color:var(--primary)}.qr-body{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 0}.qr-body img{width:180px;height:180px;border-radius:8px}.qr-body .qr-msg{font-size:13px;color:var(--text-secondary);text-align:center}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;z-index:9999;animation:tff .3s;pointer-events:none;white-space:nowrap}@keyframes tff{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.collapsible-card .collapse-body{display:block!important;max-height:800px;opacity:1;visibility:visible;padding-top:12px;margin-top:10px;border-top:1px solid rgba(255,255,255,.06);overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease .1s,margin-top .3s ease,padding-top .3s ease,border-color .3s ease}.collapsible-card.collapsed .collapse-body{max-height:0;opacity:0;visibility:hidden;padding-top:0;margin-top:0;border-color:transparent;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .2s ease,margin-top .3s ease,padding-top .3s ease,border-color .3s ease,visibility .4s}.pbar{position:fixed;bottom:14px;left:calc(var(--sidebar-w) + 14px);right:14px;height:66px;background:#141419d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:18px;display:none;align-items:center;padding:0 16px;z-index:300;gap:12px;box-shadow:0 8px 32px #0006;transition:left .3s,opacity .3s,visibility .3s}.pbar .pc{width:42px;height:42px;border-radius:8px;object-fit:cover;flex-shrink:0;cursor:pointer}.pbar .pi{min-width:0;flex:1;cursor:pointer}.pbar .pi .pt{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbar .pi .pa{font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbar .pc2{display:flex;align-items:center;gap:6px}.pbar .pc2 button{background:none;border:none;color:var(--text-main);font-size:16px;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.pbar .pc2 button:hover{background:#f312601a;color:var(--primary)}.pbar .pc2 .pb1{width:36px;height:36px;background:var(--primary);color:#fff;border-radius:50%;font-size:14px}.pbar .pc2 .pb1:hover{box-shadow:0 0 16px #f312604d}.pbar .px{display:flex;align-items:center;gap:6px}.pbar .px button{background:none;border:none;color:var(--text-secondary);font-size:15px;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s}.pbar .px button:hover{color:var(--text-main)}.pbar .px select{padding:4px 8px;border-radius:6px;border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-size:11px;cursor:pointer}.prb{flex:1;height:4px;background:#ffffff26;border-radius:2px;cursor:pointer;position:relative}.prf{height:100%;background:var(--primary);border-radius:2px;transition:width .15s;width:0}.pbar .prb{position:absolute;top:0;left:18px;right:18px;height:3px;border-radius:0 0 2px 2px;z-index:5}.fp{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(8,8,12,var(--fp-opacity-val));backdrop-filter:var(--fp-blur-val);-webkit-backdrop-filter:var(--fp-blur-val);z-index:9999;flex-direction:column;align-items:center;justify-content:center;gap:20px;opacity:0;visibility:hidden;transition:background .3s,backdrop-filter .3s,-webkit-backdrop-filter .3s,opacity .4s ease,visibility .4s ease}.fp.show{opacity:1;visibility:visible}.fp img{width:220px;height:220px;border-radius:50%;object-fit:cover;box-shadow:0 0 50px #f312601f;animation:rotateImg 20s linear infinite;animation-play-state:paused}.fp img.playing{animation-play-state:running}@keyframes rotateImg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:600px){.fp img{width:280px;height:280px}}.fp .ft{font-size:20px;font-weight:700;text-align:center;padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-shadow:0 2px 10px rgba(0,0,0,.8),0 1px 3px rgba(0,0,0,.9)}.fp .fa{font-size:14px;color:var(--text-secondary);text-align:center;padding:0 20px;text-shadow:0 1px 8px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.9)}.fp .fpr{width:85%;max-width:460px;display:flex;align-items:center;gap:10px}.fp .fpr .t{font-size:12px;color:var(--text-secondary);min-width:36px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.fp .fpr .prb{height:5px}.fp .lc{height:240px;overflow-y:auto;width:85%;max-width:460px;text-align:center;scrollbar-width:none;position:relative;margin:10px 0}@media(min-width:600px){.fp .lc{height:300px}}.fp .lc::-webkit-scrollbar{display:none}.fp .lc ul{list-style:none;margin:0;padding:80px 0 140px}.fp .lc li{padding:8px 0;font-size:15px;color:#ffffff73;transition:all .3s ease;cursor:pointer;line-height:1.6;text-shadow:0 2px 8px rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.8);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.fp .lc li.active{color:#fff;font-size:18px;font-weight:700;transform:scale(1.04);text-shadow:0 2px 12px rgba(0,0,0,.9),0 1px 3px rgba(0,0,0,1)}.fp .lc li .lt{display:block;font-size:12px;color:#f871a0;margin-top:2px}.fp .fc{display:flex;gap:18px;align-items:center}.fp .fc button{background:none;border:none;color:#fff;font-size:26px;cursor:pointer;opacity:.7;transition:all .2s}.fp .fc button:hover{opacity:1}.fp .fc .fpb{width:56px;height:56px;background:var(--primary);border-radius:50%;font-size:22px;opacity:1;display:flex;align-items:center;justify-content:center}.fp .fc .fpb:hover{box-shadow:0 0 28px #f3126059}.fp .fc1{position:absolute;top:18px;right:18px;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:6px;opacity:.5}.fp .fc1:hover{opacity:1}.wc{position:relative;display:inline-block;vertical-align:bottom}.wg,.wp{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;white-space:pre}.wg{color:#ffffff73}.wp{position:absolute;left:0;top:0;overflow:hidden;width:0%;color:var(--primary);white-space:pre;transition:width .1s linear}.wc.done .wp{width:100%!important}.pl-item:hover{background:var(--card-bg)}.pl-item.dragging{opacity:.4}.pl-item.drag-over{border-top:2px solid var(--primary)}.pl-item .drag-hdl{cursor:grab;color:var(--text-secondary);font-size:16px;padding:4px;-webkit-user-select:none;user-select:none}.pl-item .pl-info{flex:1;min-width:0}.pl-item .pl-info .pl-nm{font-size:14px;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-item .pl-info .pl-ar{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-item .pl-del{padding:4px 8px;color:var(--text-secondary);border-radius:4px;font-size:14px;transition:color .15s}@media(max-width:768px){.pbar{left:12px;right:12px;bottom:12px}}@media(max-width:480px){.pbar{padding:0 12px;gap:8px;height:58px}.pbar .pc{width:36px;height:36px;border-radius:6px}.pbar .pi{min-width:0;flex:1}.pbar .pi .pt{font-size:12px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbar .pi .pa{display:flex!important;font-size:10px}.pbar .pc2 button{font-size:12px;padding:4px}.pbar .pc2 .pb1{width:30px;height:30px;font-size:11px}.pbar .px select{display:none}#bgStatusText{font-size:10px}}.pl-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:60vh}.pl-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);cursor:pointer;transition:transform .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s ease,opacity .2s ease,margin .2s ease;position:relative;will-change:transform}.pl-item img{width:46px;height:46px;border-radius:8px;object-fit:cover;flex-shrink:0}.pl-item .drag-hdl{cursor:grab;color:var(--text-secondary);font-size:16px;padding:4px;-webkit-user-select:none;user-select:none;flex-shrink:0}.pl-item .drag-hdl:active{cursor:grabbing}.pl-item .s-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.pl-item .pl-del{padding:4px 8px;color:var(--text-secondary);border-radius:4px;font-size:14px;transition:color .15s;flex-shrink:0}.pl-item .pl-del:hover{color:var(--primary)}.pl-item.dragging{opacity:.75;transform:scale(1.03) rotate(.5deg);box-shadow:0 20px 40px #00000080,0 0 0 1px var(--primary),0 0 20px #f3126040;z-index:10;background:#191928f2!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.pl-item.drag-over{position:relative;margin-top:18px;padding-top:18px;border-top:2px solid transparent;border-radius:0}.pl-item.drag-over:before{content:"";position:absolute;top:-2px;left:8px;right:8px;height:2px;background:var(--primary);border-radius:1px;box-shadow:0 0 12px #f3126099,0 0 4px #f31260cc;animation:dragPulse .8s ease-in-out infinite alternate}@keyframes dragPulse{0%{box-shadow:0 0 8px #f3126066,0 0 2px #f3126099}to{box-shadow:0 0 16px #f31260b3,0 0 6px #f31260}}.pl-item:first-child.drag-over{margin-top:0}.pl-empty{padding:30px;text-align:center;color:var(--text-secondary);font-size:14px}.top-status{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:16px;background:var(--card-bg);backdrop-filter:var(--blur-val);-webkit-backdrop-filter:var(--blur-val);border:1px solid var(--glass-border);border-radius:var(--radius);transition:border-color .2s,background .3s,backdrop-filter .3s,-webkit-backdrop-filter .3s}.top-status:hover{border-color:#f3126033}.top-status img{width:52px;height:52px;border-radius:10px;object-fit:cover;flex-shrink:0;cursor:pointer;transition:transform .2s}.top-status img:hover{transform:scale(1.05)}.top-status .status-info{flex:1;min-width:0;cursor:pointer}.top-status .status-info .status-title{font-size:15px;font-weight:600;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-status .status-info .status-artist{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.top-status .status-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.top-status .status-badge{font-size:11px;color:var(--text-secondary);background:#ffffff0f;padding:5px 10px;border-radius:20px;white-space:nowrap}.top-status .status-play-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-size:14px;cursor:pointer;transition:all .2s}.top-status .status-play-icon:hover{box-shadow:0 0 16px #f312604d;transform:scale(1.05)}.top-status .status-play-icon:active{transform:scale(.95)}.collapsible-card{overflow:hidden}.collapsible-card .card-header.collapsible-trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:color .2s}.collapsible-card .card-header.collapsible-trigger:hover{color:var(--text-main)}.collapsible-card .card-header.collapsible-trigger .collapse-arrow{font-size:11px;color:var(--text-secondary);transition:transform .25s ease}.collapsible-card .card-header.collapsible-trigger .collapse-arrow i{display:inline-block;transition:transform .25s ease}.collapsible-card:not(.collapsed) .card-header.collapsible-trigger .collapse-arrow i{transform:rotate(180deg)}.collapsible-card .collapse-body{padding-top:12px;margin-top:10px;border-top:1px solid rgba(255,255,255,.06)}.collapsible-card.collapsed .collapse-body{display:none}.main .body{padding-bottom:90px}@media(max-width:480px){.main .body{padding-bottom:80px}}