:root{--sp-1: 1px;--sp-2: 2px;--sp-3: 3px;--sp-4: 4px;--sp-5: 5px;--sp-6: 6px;--sp-7: 7px;--sp-8: 8px;--sp-9: 9px;--sp-10: 10px;--sp-12: 12px;--sp-14: 14px;--sp-16: 16px;--sp-18: 18px;--sp-20: 20px;--sp-22: 22px;--sp-24: 24px;--sp-26: 26px;--sp-28: 28px;--sp-30: 30px;--sp-32: 32px;--sp-34: 34px;--sp-38: 38px;--sp-40: 40px;--sp-42: 42px;--sp-48: 48px;--sp-64: 64px;--sp-70: 70px;--fs-10: 10px;--fs-11: 11px;--fs-11-5: 11.5px;--fs-12: 12px;--fs-12-5: 12.5px;--fs-13: 13px;--fs-13-5: 13.5px;--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-16-5: 16.5px;--fs-17: 17px;--fs-18: 18px;--fs-19: 19px;--fs-20: 20px;--fs-22: 22px;--fs-26: 26px;--fs-30: 30px;--fs-32: 32px;--fs-34: 34px;--fs-52: 52px;--fs-90: 90px;--fs-150: 150px;--fs-220: 220px;--lyric-line-h: 58px;--lyric-line-h-lg: 64px;--lyric-font: 20px;--lyric-font-lg: 22px;--r-2: 2px;--r-4: 4px;--r-5: 5px;--r-6: 6px;--r-7: 7px;--r-8: 8px;--r-9: 9px;--r-10: 10px;--r-12: 12px;--r-14: 14px;--r-16: 16px;--r-20: 20px;--r-pill: 999px;--dur-120: .12s;--dur-150: .15s;--dur-180: .18s;--dur-200: .2s;--dur-220: .22s;--dur-250: .25s;--dur-300: .3s;--dur-350: .35s;--dur-400: .4s;--dur-450: .45s;--dur-500: .5s;--dur-800: .8s;--dur-1400: 1.4s;--dur-18000: 18s;--ease-out: cubic-bezier(.22, .61, .36, 1)}:root{--primary: #fc3d49;--primary-dark: #e83440;--primary-light: #ff5b66;--text: #e8e8ec;--text-2: rgba(232, 232, 236, .62);--text-3: rgba(232, 232, 236, .38);--bg: #13131a;--card-bg: #1f1f26;--border: rgba(255, 255, 255, .07);--hover-bg: rgba(255, 255, 255, .06);--sidebar-width: 204px;--page-max: 1180px;--page-pad: 32px;--player-height: 80px;--shadow: 0 2px 12px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 24px rgba(252, 61, 73, .22);--hero-grad: linear-gradient(135deg, #fc3d49 0%, #e83440 55%, #b82230 100%);--hero-shadow: 0 8px 24px rgba(232, 52, 64, .26);--z-base: 1;--z-sticky: 20;--z-page-head: 30;--z-dropdown: 60;--z-player: 100;--z-drawer-mask: 105;--z-drawer: 110;--z-modal: 1000;--z-toast: 9999}.layout{background:var(--bg);--search-bg: rgba(255, 255, 255, .1)}.layout.tone-charts{--search-bg: rgba(36, 55, 95, .62);--side-top: #232b45;background:linear-gradient(180deg,#24375f,#2c2756 28%,#1e1e2a 55%,#13131a 74%)}.layout.tone-my{--search-bg: rgba(71, 32, 94, .62);--side-top: #2b1f3d;background:linear-gradient(180deg,#47205e,#351a4a 28%,#1f1d2a 55%,#13131a 74%)}.layout.tone-daily,.layout.tone-radar{--search-bg: rgba(30, 61, 107, .62);--side-top: #1d2c4a;background:linear-gradient(180deg,#1e3d6b,#17325c 30%,#1e1e2a 55%,#13131a 74%)}.layout.tone-playlist{--search-bg: rgba(87, 34, 44, .62);--side-top: #2f1d24;background:linear-gradient(180deg,#57222c,#3e1b23 30%,#1f1e26 55%,#13131a 74%)}.layout.tone-search{--search-bg: rgba(39, 44, 64, .62);--side-top: #232838;background:linear-gradient(180deg,#272c40,#1e2233 30%,#1e1e2a 55%,#13131a 74%)}.layout.tone-artist{--search-bg: rgba(44, 36, 80, .62);--side-top: #262044;background:linear-gradient(180deg,#2c2450,#221a3e 30%,#1e1e2a 55%,#13131a 74%)}.layout.tone-album{--search-bg: rgba(35, 64, 92, .62);--side-top: #1e3048;background:linear-gradient(180deg,#23405c,#1a3048 30%,#1e1e2a 55%,#13131a 74%)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,HarmonyOS Sans SC,Segoe UI,Roboto,sans-serif;font-size:var(--fs-14);color:var(--text);background:var(--bg);user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;outline:none}img{display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#44444c;border-radius:var(--r-4)}::-webkit-scrollbar-thumb:hover{background:#55555e}::-webkit-scrollbar-track{background:transparent}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sk{position:relative;overflow:hidden;background:#3a3a42;border-radius:var(--r-8)}.sk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);animation:sk-shimmer var(--dur-1400) infinite}@keyframes sk-shimmer{to{transform:translate(100%)}}.ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card{background:var(--card-bg);border-radius:var(--r-10);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-6);padding:var(--sp-9) var(--sp-22);border-radius:var(--r-pill);font-size:var(--fs-14);font-weight:500;transition:all var(--dur-200);border:1px solid var(--border);background:#33343b;color:var(--text)}.btn:hover{border-color:var(--primary);color:var(--primary)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;box-shadow:0 4px 14px #fc3d4959}.btn-primary:hover{color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px #fc3d4973}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--text-2);transition:all var(--dur-200)}.btn-icon:hover{color:var(--primary);background:#fc3d4914}.btn-icon.active{color:var(--primary)}.field{margin-bottom:var(--sp-18)}.field label{display:block;margin-bottom:var(--sp-8);font-size:var(--fs-13);color:var(--text-2)}.field input[type=text],.field input[type=password],.field input[type=search]{width:100%;height:44px;padding:0 var(--sp-14);border:1px solid var(--border);border-radius:var(--r-10);font-size:var(--fs-14);background:#2c2d34;transition:border-color var(--dur-200),box-shadow var(--dur-200)}.field input:focus{border-color:var(--primary);background:#2f3038;box-shadow:0 0 0 3px #fc3d4926}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin:var(--sp-28) 0 var(--sp-16)}.section-title h2{font-size:var(--fs-20);font-weight:700}.section-title .more{font-size:var(--fs-13);color:var(--text-3);transition:color var(--dur-200)}.section-title .more:hover{color:var(--primary)}.section-title .title-actions{display:flex;align-items:center;gap:var(--sp-10)}.section-title .refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:transparent;color:var(--text-3);cursor:pointer;transition:color var(--dur-200),background var(--dur-200)}.section-title .refresh-btn:hover{color:var(--primary);background:#fc3d4914}.section-title .refresh-btn.spinning svg{animation:refresh-spin var(--dur-800) linear infinite}@keyframes refresh-spin{to{transform:rotate(360deg)}}.page{max-width:var(--page-max);margin:0 auto;padding:var(--sp-24) var(--page-pad) var(--sp-40)}@media (max-width: 767px){:root{--player-height: 68px;--page-pad: 16px}.page{padding:var(--sp-16) var(--page-pad) var(--sp-32)}}.empty{padding:var(--sp-70) 0;text-align:center;color:var(--text-3)}.empty .empty-icon{font-size:var(--fs-52);margin-bottom:var(--sp-14);opacity:.6}input[type=range].slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:var(--r-2);background:linear-gradient(to right,var(--primary) var(--fill, 0%),#44444c var(--fill, 0%));outline:none;cursor:pointer}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--primary);box-shadow:0 1px 4px #0003;transition:transform var(--dur-150)}input[type=range].slider::-webkit-slider-thumb:hover{transform:scale(1.25)}input[type=range].slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--primary)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp var(--dur-400) ease both}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;top:24px;inset-inline:0;margin-inline:auto;width:fit-content;max-width:calc(100vw - 32px);z-index:var(--z-toast);background:#1e1e1eeb;color:#fff;padding:var(--sp-10) var(--sp-22);border-radius:var(--r-pill);font-size:var(--fs-13);box-shadow:0 6px 20px #00000040;pointer-events:none}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fade-in var(--dur-200) ease}.modal{background:#2c2d34;border:1px solid var(--border);border-radius:var(--r-16);padding:var(--sp-28);width:420px;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal h3{font-size:var(--fs-18);margin-bottom:var(--sp-20)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-12);margin-top:var(--sp-24)}