:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Segoe UI", Roboto, "Helvetica Neue", "Microsoft YaHei", sans-serif;--bg:#f5f5f7;--card:#fff;--card-border:#0000000d;--fill:#7878801f;--fill-hover:#7878802e;--separator:#3c3c4329;--text-primary:#1d1d1f;--text-secondary:#3c3c4399;--text-tertiary:#3c3c4366;--accent:#007aff;--accent-hover:#0071e8;--accent-soft:#007aff1f;--danger:#ff3b30;--bili:#fb7299;--netease:#c20c0c;--qq:#31c27c;--local:#8e8e93;--seg-active:#fff;--radius-card:18px;--radius-lg:24px;--shadow-1:0 0 0 1px var(--card-border), 0 1px 2px #0000000a, 0 8px 24px #0000000f;--shadow-2:0 0 0 1px var(--card-border), 0 4px 12px #00000012, 0 16px 48px #0000001f;--shadow-dialog:0 24px 80px #0000003d, 0 0 0 1px var(--card-border);--spring-pop:cubic-bezier(.34, 1.4, .64, 1);--spring-sheet:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.33, 1, .68, 1)}@media (prefers-color-scheme:dark){:root{--bg:#000;--card:#1c1c1e;--card-border:#ffffff14;--fill:#7878803d;--fill-hover:#78788057;--separator:#545458a6;--text-primary:#f5f5f7;--text-secondary:#ebebf599;--text-tertiary:#ebebf566;--accent:#0a84ff;--accent-hover:#3395ff;--accent-soft:#0a84ff33;--seg-active:#636366;--shadow-1:0 0 0 1px var(--card-border), 0 1px 2px #0006, 0 8px 24px #00000080;--shadow-2:0 0 0 1px var(--card-border), 0 4px 12px #00000080, 0 16px 48px #0009;--shadow-dialog:0 24px 80px #0009, 0 0 0 1px var(--card-border)}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;font-size:15px;line-height:1.5}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#78788059 padding-box content-box;border:3px solid #0000;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#7878808c padding-box content-box;border:3px solid #0000}h1,h2,h3,p{margin:0}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.main{min-width:0;overflow-x:hidden}.page{max-width:1080px;margin:0 auto;padding:44px 36px 96px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.page-title{letter-spacing:-.022em;font-size:clamp(28px,3.4vw,36px);font-weight:700;line-height:1.12}.page-subtitle{color:var(--text-secondary);letter-spacing:.002em;margin-top:8px;font-size:15px}.section-title{letter-spacing:-.014em;align-items:baseline;gap:10px;margin:36px 0 16px;font-size:20px;font-weight:700;display:flex}.section-title .count{color:var(--text-tertiary);font-size:15px;font-weight:500}.sidebar{background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);border-right:1px solid var(--separator);flex-direction:column;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:6px 10px 22px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#0a84ff,#007aff 55%,#5e5ce6 120%);border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 4px 14px #007aff59}.brand-name{letter-spacing:0;font-size:13px;font-weight:700;line-height:1.25}.brand-sub{color:var(--text-tertiary);margin-top:2px;font-size:11px;line-height:1.3}.nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{color:var(--text-secondary);border-radius:10px;align-items:center;gap:11px;padding:9px 11px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out;display:flex}.nav-item svg{opacity:.75;flex:none}.nav-item:hover{background:var(--fill);color:var(--text-primary)}.nav-item:active{background:var(--fill-hover)}.nav-item.router-link-active{background:var(--fill-hover);color:var(--text-primary);font-weight:600}.nav-item.router-link-active svg{opacity:1}.sidebar-foot{border-top:1px solid var(--separator);color:var(--text-tertiary);padding:12px 10px 4px;font-size:11px;line-height:1.5}.btn{letter-spacing:.003em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform .28s var(--spring-pop),background-color .15s ease-out,box-shadow .15s ease-out,opacity .15s ease-out;border:0;border-radius:980px;justify-content:center;align-items:center;gap:7px;padding:9px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:active{transition:transform .1s ease-out;transform:scale(.965)}.btn[disabled]{opacity:.45;pointer-events:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 16px #007aff59}.btn-secondary{background:var(--fill);color:var(--text-primary)}.btn-secondary:hover{background:var(--fill-hover)}.btn-ghost{color:var(--accent);background:0 0}.btn-ghost:hover{background:var(--accent-soft)}.btn-danger{background:var(--danger);color:#fff}.btn-lg{padding:12px 24px;font-size:15px}.btn-sm{padding:6px 13px;font-size:13px}.icon-btn{background:var(--fill);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:transform .28s var(--spring-pop),background-color .15s;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{background:var(--fill-hover);color:var(--text-primary)}.icon-btn:active{transform:scale(.9)}.card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-1)}.badge{color:#fff;letter-spacing:.01em;border:.5px solid #ffffff40;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.src-bilibili{background:var(--bili)}.src-netease{background:var(--netease)}.src-qqmusic{background:var(--qq)}.src-local{background:var(--local)}.segmented{background:var(--fill);border-radius:12px;flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background-color .18s ease-out,color .18s ease-out,box-shadow .25s var(--spring-sheet),transform .1s ease-out;background:0 0;border:0;border-radius:10px;padding:7px 15px;font-size:13px;font-weight:500}.segmented button:hover{color:var(--text-primary)}.segmented button:active{transform:scale(.97)}.segmented button.active{background:var(--seg-active);color:var(--text-primary);font-weight:600;box-shadow:0 1px 4px #0000001f,0 0 0 .5px #0000000a}.segmented button .dot{vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.search-box{flex:1;min-width:220px;position:relative}.search-box svg{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:14px;translate:0 -50%}.text-input{border:1px solid var(--separator);background:var(--card);width:100%;color:var(--text-primary);border-radius:12px;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background-color .15s}.text-input::placeholder{color:var(--text-tertiary)}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-soft);outline:none}.search-box .text-input{border-radius:980px;padding-left:40px}.slider{appearance:none;background:var(--fill);cursor:pointer;border-radius:3px;width:100%;height:5px}.slider::-webkit-slider-thumb{appearance:none;width:22px;height:22px;box-shadow:0 1px 5px #00000038,0 0 0 4px var(--accent-soft);background:#fff;border:.5px solid #0000000f;border-radius:50%;transition:box-shadow .15s,transform .15s}.slider::-webkit-slider-thumb:active{box-shadow:0 1px 5px #00000038,0 0 0 8px var(--accent-soft);transform:scale(1.08)}.slider::-moz-range-thumb{width:22px;height:22px;box-shadow:0 1px 5px #00000038,0 0 0 4px var(--accent-soft);background:#fff;border:.5px solid #0000000f;border-radius:50%}.slider::-moz-range-progress{background:var(--accent);border-radius:3px;height:5px}.dialog-overlay{z-index:60;-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:#0000006b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog-card{background:var(--card);border-radius:var(--radius-lg);width:min(460px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-dialog);padding:28px;overflow-y:auto}.dialog-title{letter-spacing:-.015em;font-size:20px;font-weight:700}.dialog-desc{color:var(--text-secondary);margin-top:6px;font-size:13px}.dialog-field{margin-top:22px}.dialog-label{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.dialog-label .value{color:var(--accent);font-variant-numeric:tabular-nums}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:30px;display:flex}.dialog-enter-active{transition:opacity .32s var(--spring-sheet),background-color .32s ease}.dialog-enter-active .dialog-card{transition:transform .38s var(--spring-sheet),filter .38s ease-out}.dialog-enter-from{opacity:0}.dialog-enter-from .dialog-card{filter:blur(10px);transform:scale(.9)translateY(14px)}.dialog-leave-active{transition:opacity .22s ease-in,background-color .22s ease-in}.dialog-leave-active .dialog-card{transition:transform .22s ease-in,filter .22s ease-out}.dialog-leave-to{opacity:0}.dialog-leave-to .dialog-card{filter:blur(4px);transform:scale(.95)}.toast-stack{z-index:90;pointer-events:none;flex-direction:column;gap:10px;position:fixed;bottom:40px;left:50%;translate:-50%}.toast,.toast-stack{align-items:center;display:flex}.toast{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);color:#fff;white-space:nowrap;background:#1c1c1ed9;border-radius:999px;gap:9px;max-width:min(86vw,460px);padding:11px 20px;font-size:14px;font-weight:500;box-shadow:0 8px 30px #0000004d,0 0 0 .5px #ffffff1a}.toast-enter-active{transition:opacity .3s var(--spring-pop),transform .35s var(--spring-pop)}.toast-leave-active{transition:opacity .2s ease-out,transform .25s ease-in}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(14px)scale(.9)}.spinner{border:2px solid #ffffff40;border-top-color:#fff;width:14px;height:14px;animation:.7s linear infinite spin}.spinner,.tick{border-radius:50%;flex:none}.tick{color:#fff;background:#34c759;place-items:center;width:16px;height:16px;display:grid}.tick.error{background:#ff3b30}@keyframes spin{to{transform:rotate(1turn)}}.shimmer{background:linear-gradient(90deg,var(--fill) 25%,var(--fill-hover) 37%,var(--fill) 63%);background-size:400% 100%;border-radius:10px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.page-enter-active{transition:opacity .24s ease-out,transform .32s var(--spring-sheet)}.page-leave-active{transition:opacity .14s ease-in,transform .14s ease-in}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-6px)}.empty-state{border:1.5px dashed var(--separator);border-radius:var(--radius-card);text-align:center;color:var(--text-secondary);padding:56px 24px}.empty-state .glyph{background:var(--fill);width:56px;height:56px;color:var(--text-tertiary);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.empty-state h3{color:var(--text-primary);font-size:16px;font-weight:600}.empty-state p{color:var(--text-tertiary);margin-top:6px;font-size:13px}@media (width<=900px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--separator);z-index:40;flex-direction:row;align-items:center;height:auto;padding:10px 14px;position:sticky;top:0}.brand{padding:0 10px 0 0}.brand-name,.brand-sub,.sidebar-foot{display:none}.nav{flex-direction:row;justify-content:flex-end;gap:4px}.nav-item{padding:8px 11px;font-size:13px}.nav-item .label{display:none}.page{padding:28px 20px 80px}.page-head{align-items:center}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.dialog-enter-from .dialog-card,.dialog-leave-to .dialog-card{filter:none;transform:none}.page-enter-from,.page-leave-to{transform:none}}@media (prefers-reduced-transparency:reduce){.dialog-overlay,.sidebar,.toast{background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){:root{--card-border:#00000040}.card{box-shadow:0 0 0 1.5px var(--card-border)}}