:root{--cd-color:#333;--cd-shadow:#555555e6;--cd-modal-bg:#121220e6;--progress-fill-color:#f5f5f5;--play-bg-color:#fff;--play-hover-bg-color:#fff;--control-bg-color:#333;--control-hover-bg-color:#fff;--close-bg-color:#333;--close-hover-bg-color:#fff;--close-color:#fff;--close-hover-color:#333}html.dark{--cd-color:#fff;--cd-shadow:#ffffffe6;--progress-fill-color:#f5f5f5;--play-bg-color:#fff;--play-hover-bg-color:#fff;--control-bg-color:#333;--control-hover-bg-color:#fff;--close-bg-color:#333;--close-hover-bg-color:#fff;--close-color:#fff;--close-hover-color:#333}.cd-container[data-v-10398907]{box-sizing:border-box;z-index:1;flex-direction:column;align-items:center;padding:60px 0 120px;display:flex;position:relative;overflow-y:auto}.parallax-bg[data-v-10398907]{will-change:transform}.cd-grid[data-v-10398907]{z-index:2;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:60px;width:100%;max-width:1200px;display:grid}.cd-item[data-v-10398907]{cursor:pointer;flex-direction:column;align-items:center;transition:all .3s;display:flex}.cd-disc[data-v-10398907]{background:#000;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;transition:all .4s cubic-bezier(.2,.9,.4,1.1);animation:12s linear infinite paused cdRotate-10398907;display:flex;position:relative;box-shadow:0 0 30px #b4b4b433,0 0 80px #6496ff33}.active-rotate[data-v-10398907]{animation-play-state:running}.cd-item:hover .cd-disc[data-v-10398907]{box-shadow:0 0 40px var(--cd-shadow), 0 0 100px #50b4ff66;transform:scale(1.08)rotateY(12deg)rotateX(4deg)}.cd-cover[data-v-10398907]{z-index:2;border:1px solid #fff3;border-radius:50%;width:130px;height:130px;overflow:hidden}.cd-cover img[data-v-10398907]{object-fit:cover;width:100%;height:100%}.cd-name[data-v-10398907]{color:var(--cd-color);text-align:center;margin-top:18px;font-size:16px;transition:all .3s}.cd-item:hover .cd-name[data-v-10398907]{color:var(--cd-color);transform:translateY(-3px)}@keyframes cdRotate-10398907{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal[data-v-10398907]{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000e0;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s modalFade-10398907;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-10398907]{background:var(--cd-modal-bg);border-radius:32px;flex-direction:column;align-items:center;width:90%;max-width:620px;padding:32px 24px;display:flex;position:relative;box-shadow:0 20px 40px #00000080}.modal-rotate[data-v-10398907]{width:260px;height:260px;animation:8s linear infinite paused cdRotate-10398907}.modal-rotate .cd-cover[data-v-10398907]{width:180px;height:180px}.modal-title[data-v-10398907]{color:#fff;text-shadow:0 0 8px var(--cd-shadow);margin:20px 0 16px;font-size:26px}.lyric-container[data-v-10398907]{text-align:center;width:100%;height:180px;margin:12px 0 20px;overflow:hidden}.lyric-wrapper[data-v-10398907]{transition:transform .35s}.lyric-line[data-v-10398907]{color:#989898;margin:10px 0;font-size:17px}.active-lyric[data-v-10398907]{color:#fff;text-shadow:0 0 2px #fff;font-size:20px}.progress-container[data-v-10398907]{align-items:center;gap:12px;width:100%;margin:16px 0 24px;display:flex}.time[data-v-10398907]{color:#ddd;text-align:center;min-width:48px;font-size:13px}.progress-bar[data-v-10398907]{cursor:pointer;background:#ffffff26;border-radius:8px;flex:1;height:6px;position:relative}.progress-fill[data-v-10398907]{background:var(--progress-fill-color);border-radius:8px;height:100%;transition:width 50ms linear;top:0;left:0}.progress-dot[data-v-10398907]{width:14px;height:14px;box-shadow:0 0 8px var(--cd-color);pointer-events:none;background:#fff;border-radius:50%;transition:left 50ms linear;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%)}.control-buttons[data-v-10398907]{align-items:center;gap:28px;display:flex}.control-btn[data-v-10398907]{background:var(--control-bg-color);color:#fff;cursor:pointer;border:none;border-radius:50%;width:44px;height:44px;font-size:20px}.control-btn[data-v-10398907]:hover{background:var(--control-hover-bg-color);color:#000}.play-btn[data-v-10398907]{background:var(--play-bg-color);color:#000;cursor:pointer;border:none;border-radius:50%;width:68px;height:68px;font-size:28px}.play-btn[data-v-10398907]:hover{box-shadow:0 0 20px var(--play-hover-bg-color)}.close-btn[data-v-10398907]{background:var(--close-bg-color);cursor:pointer;width:44px;height:44px;color:var(--close-color);border:none;border-radius:50%;font-size:24px;position:absolute;top:-16px;right:-16px}.close-btn[data-v-10398907]:hover{background:var(--close-hover-bg-color);color:var(--close-hover-color)}.mini-player[data-v-10398907]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1001;cursor:pointer;background:#0a0a16f5;align-items:center;gap:16px;height:76px;padding:0 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.mini-cd[data-v-10398907],.mini-rotate[data-v-10398907]{width:56px;height:56px}.mini-rotate .cd-cover[data-v-10398907]{width:42px;height:42px}.mini-info[data-v-10398907]{flex:1}.mini-name[data-v-10398907]{color:#fff;margin-bottom:6px}.mini-progress[data-v-10398907]{background:#fff3;border-radius:5px;height:5px}.mini-progress .progress-fill[data-v-10398907]{height:5px}.mini-play-btn[data-v-10398907]{background:var(--play-bg-color);cursor:pointer;color:#000;border:none;border-radius:50%;width:44px;height:44px;font-size:18px}.slide-up-enter-active[data-v-10398907],.slide-up-leave-active[data-v-10398907]{transition:transform .3s}.slide-up-enter-from[data-v-10398907],.slide-up-leave-to[data-v-10398907]{transform:translateY(100%)}@keyframes modalFade-10398907{0%{opacity:0}to{opacity:1}}@media (width<=640px){.cd-container[data-v-10398907]{padding:40px 12px 100px}.cd-grid[data-v-10398907]{gap:32px}.cd-disc[data-v-10398907]{width:140px;height:140px}.cd-cover[data-v-10398907]{width:100px;height:100px}.modal[data-v-10398907]{align-items:flex-end;padding:0}.modal-content[data-v-10398907]{border-radius:24px 24px 0 0;width:100%;max-width:100%;max-height:90vh;padding:20px 16px 40px;overflow-y:auto}.modal-rotate[data-v-10398907]{width:200px;height:200px}.modal-rotate .cd-cover[data-v-10398907]{width:140px;height:140px}.modal-title[data-v-10398907]{margin:16px 0 12px;font-size:20px}.lyric-container[data-v-10398907]{height:120px}.lyric-line[data-v-10398907]{margin:6px 0;font-size:14px}.active-lyric[data-v-10398907]{font-size:16px}.progress-container[data-v-10398907]{margin:12px 0 16px}.time[data-v-10398907]{min-width:40px;font-size:12px}.control-btn[data-v-10398907]{width:40px;height:40px;font-size:16px}.play-btn[data-v-10398907]{width:56px;height:56px;font-size:22px}.control-buttons[data-v-10398907]{gap:20px}.close-btn[data-v-10398907]{width:36px;height:36px;font-size:20px;top:12px;right:12px}.mini-player[data-v-10398907]{gap:12px;height:64px;padding:0 12px}.mini-cd[data-v-10398907],.mini-rotate[data-v-10398907]{width:48px;height:48px}.mini-rotate .cd-cover[data-v-10398907]{width:36px;height:36px}.mini-name[data-v-10398907]{font-size:13px}.mini-play-btn[data-v-10398907]{width:40px;height:40px;font-size:16px}}