:root{--theme-primary: #00bcd4;--theme-primary-hover: #0097a7;--theme-primary-light: #e0f7fa;--theme-primary-bg: #e0f7fa;--theme-primary-rgb: 0, 188, 212}.theme-transition,.theme-transition *{transition:background-color .5s ease,border-color .5s ease,color .5s ease,box-shadow .5s ease!important}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#333;background:#fff;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bbb}::-webkit-scrollbar-track{background:transparent}::selection{background:var(--theme-primary);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes musicBar1{0%,to{height:4px}50%{height:16px}}@keyframes musicBar2{0%,to{height:8px}50%{height:20px}}@keyframes musicBar3{0%,to{height:6px}50%{height:14px}}@keyframes pulseGlow{0%,to{box-shadow:0 0 rgba(var(--theme-primary-rgb),.3)}50%{box-shadow:0 0 0 8px rgba(var(--theme-primary-rgb),0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.animate-fade-in-scale{animation:fadeInScale .3s ease-out forwards}.animate-slide-in-right{animation:slideInRight .35s ease-out forwards}.animate-slide-down{animation:slideDown .25s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.glass{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:#ffffffc7}.glass-dark{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#14141ed9}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(5vw,3vh) scale(1.05)}50%{transform:translate(2vw,6vh) scale(.95)}75%{transform:translate(-3vw,2vh) scale(1.02)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-4vw,-3vh) scale(1.08)}66%{transform:translate(3vw,-5vh) scale(.92)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}20%{transform:translate(3vw,-4vh) scale(1.1)}40%{transform:translate(-2vw,2vh) scale(.9)}60%{transform:translate(4vw,5vh) scale(1.05)}80%{transform:translate(-3vw,-2vh) scale(.95)}}@keyframes orbFloat4{0%,to{transform:translate(0)}50%{transform:translate(6vw,-4vh)}}.dynamic-bg-orb-1{animation:orbFloat1 25s ease-in-out infinite}.dynamic-bg-orb-2{animation:orbFloat2 20s ease-in-out infinite}.dynamic-bg-orb-3{animation:orbFloat3 30s ease-in-out infinite}.dynamic-bg-orb-4{animation:orbFloat4 22s ease-in-out infinite}.dynamic-bg-active .dynamic-bg-orb-1{animation-duration:18s}.dynamic-bg-active .dynamic-bg-orb-2{animation-duration:14s}.dynamic-bg-active .dynamic-bg-orb-3{animation-duration:22s}.dynamic-bg-active .dynamic-bg-orb-4{animation-duration:16s}.dynamic-bg-paused .dynamic-bg-orb-1,.dynamic-bg-paused .dynamic-bg-orb-2,.dynamic-bg-paused .dynamic-bg-orb-3,.dynamic-bg-paused .dynamic-bg-orb-4{animation-duration:60s}.dynamic-bg{transition:opacity 1.2s ease}.dynamic-bg-active{opacity:1}.dynamic-bg-paused{opacity:.5}.dynamic-bg-active~.flex-1 main[data-role=content].bg-bg-secondary{background:#ffffff7a!important;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}.dynamic-bg-active~.flex-1 main[data-role=content] .bg-white{background:#ffffffa6!important;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}.dynamic-bg-active~.flex-1 main[data-role=content] .bg-white:has(.song-row){background:#ffffff4d!important;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}.dynamic-bg-active~.flex-1 main[data-role=content] .song-row{background:#ffffff2e;border-bottom:1px solid rgba(255,255,255,.25)}.dynamic-bg-active~.flex-1 main[data-role=content] .song-row:hover{background:#fff6}.dynamic-bg-active~.flex-1 main[data-role=content] .song-row.playing{background:linear-gradient(90deg,rgba(var(--theme-primary-rgb),.12),#fff3)}.dynamic-bg-active~.desktop-sidebar>aside.glass{background:#ffffff8c;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.dynamic-bg-active~.flex-1>header.glass{background:#ffffff94;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}.dynamic-bg-active~* .glass{background:#fff9}.dynamic-bg-active~.flex-1 main[data-role=content] .card-hover-shadow:hover{background:#ffffffc7!important}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.music-bar{display:flex;align-items:flex-end;gap:2px;height:20px}.music-bar span{display:block;width:3px;border-radius:2px;background:var(--theme-primary)}.music-bar span:nth-child(1){animation:musicBar1 .8s ease-in-out infinite}.music-bar span:nth-child(2){animation:musicBar2 .8s ease-in-out infinite .15s}.music-bar span:nth-child(3){animation:musicBar3 .8s ease-in-out infinite .3s}.music-bar span:nth-child(4){animation:musicBar1 .8s ease-in-out infinite .45s}.text-gradient{background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-animated{transition:width .3s linear}.card-hover-shadow{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover-shadow:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #0000001f}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:scale(0);opacity:0;transition:transform .5s,opacity .3s}.btn-ripple:active:after{transform:scale(2.5);opacity:1;transition:transform 0s,opacity 0s}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#e5e7eb}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--theme-primary);margin-top:-4px;box-shadow:0 1px 4px rgba(var(--theme-primary-rgb),.3);transition:transform .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#e5e7eb}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--theme-primary);border:none;box-shadow:0 1px 4px rgba(var(--theme-primary-rgb),.3)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.animate-bounce-in{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .35s ease-out forwards}.press-effect{transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s ease}.press-effect:active{transform:scale(.97)}.song-row{position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);background:#ffffff73}.song-row:hover{background:#ffffffb3}.song-row:active{transform:scale(.99);background:rgba(var(--theme-primary-rgb),.08)}.song-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--theme-primary);transform:scaleY(0);transition:transform .25s cubic-bezier(.4,0,.2,1);border-radius:0 2px 2px 0}.song-row.active:before{transform:scaleY(1)}.song-row.playing{background:linear-gradient(90deg,rgba(var(--theme-primary-rgb),.1),#ffffff8c)}.progress-interactive{position:relative;height:4px;transition:height .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.progress-interactive:hover{height:8px}.progress-interactive .progress-thumb{position:absolute;right:-6px;top:50%;transform:translateY(-50%) scale(0);width:14px;height:14px;border-radius:50%;background:var(--theme-primary);box-shadow:0 0 8px rgba(var(--theme-primary-rgb),.4);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.progress-interactive:hover .progress-thumb{transform:translateY(-50%) scale(1)}.tab-item{position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.tab-item:active{transform:scale(.9)}.tab-item .tab-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.tab-item.active .tab-icon{transform:scale(1.15)}.tab-indicator{transition:all .3s cubic-bezier(.34,1.56,.64,1)}@keyframes playPulse{0%{box-shadow:0 0 rgba(var(--theme-primary-rgb),.4)}70%{box-shadow:0 0 0 12px rgba(var(--theme-primary-rgb),0)}to{box-shadow:0 0 rgba(var(--theme-primary-rgb),0)}}.play-pulse{animation:playPulse 1.5s ease-out infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn-loading:before{content:"";display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btnSpin .6s linear infinite;margin-right:8px;vertical-align:middle}.card-press{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease}.card-press:active{transform:scale(.96);box-shadow:0 2px 8px #0000000f}@keyframes borderGlow{0%,to{border-color:rgba(var(--theme-primary-rgb),.2)}50%{border-color:rgba(var(--theme-primary-rgb),.5)}}.border-glow{animation:borderGlow 2s ease-in-out infinite}@keyframes tooltipIn{0%{opacity:0;transform:translateY(4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-tooltip{animation:tooltipIn .2s ease-out forwards}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40;animation:fadeIn .2s ease-out}.drawer-slide-in{animation:slideDrawer .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideDrawer{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-slide-out{animation:slideDrawerOut .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideDrawerOut{0%{transform:translate(0)}to{transform:translate(-100%)}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}@keyframes equalizer1{0%,to{height:8px}50%{height:4px}}@keyframes equalizer2{0%,to{height:12px}50%{height:6px}}@keyframes equalizer3{0%,to{height:6px}50%{height:10px}}.animate-equalizer-1{animation:equalizer1 .6s ease-in-out infinite}.animate-equalizer-2{animation:equalizer2 .5s ease-in-out infinite .1s}.animate-equalizer-3{animation:equalizer3 .7s ease-in-out infinite .2s}.player-bar-wrapper{height:80px}@media (hover: none){.card-hover-shadow:hover{transform:none;box-shadow:none}.card-hover-shadow:active{transform:scale(.97);box-shadow:0 2px 8px #00000014}.song-row:hover{background:#ffffff73}.song-row:active{background:rgba(var(--theme-primary-rgb),.08);transform:scale(.99)}.card-press:active{transform:scale(.96)}button:active{opacity:.85}.touch-item:active{background:rgba(var(--theme-primary-rgb),.04)}}@media (max-width: 767px){html,body,#root{overflow:auto;-webkit-overflow-scrolling:touch}.desktop-sidebar{display:none!important}.desktop-header-search{width:auto!important;flex:1}.desktop-header-user-name{display:none}.mobile-tab-bar{display:flex!important}.player-bar-desktop-controls{display:none!important}.player-bar-wrapper{height:auto!important}.player-bar-mobile{padding:0 12px}.player-full-content{flex-direction:column!important;gap:16px!important;padding:0 20px!important}.player-full-disc{width:200px!important;height:200px!important}.player-full-disc .disc-img{border-width:6px!important}.player-full-center-hole{width:48px!important;height:48px!important}.player-full-lyrics{max-height:30vh!important;max-width:100%!important}.player-full-controls{padding:0 20px 20px!important}}@keyframes breathing-glow{0%,to{box-shadow:0 0 4px rgba(var(--theme-primary-rgb, 0, 188, 212),.45),0 0 16px rgba(var(--theme-primary-rgb, 0, 188, 212),.3),0 0 40px rgba(var(--theme-primary-rgb, 0, 188, 212),.16),0 0 80px rgba(var(--theme-primary-rgb, 0, 188, 212),.08),0 0 140px rgba(var(--theme-primary-rgb, 0, 188, 212),.04),inset 0 0 8px #ffffff8c,inset 0 0 24px #ffffff38;filter:brightness(1)}50%{box-shadow:0 0 8px rgba(var(--theme-primary-rgb, 0, 188, 212),.7),0 0 28px rgba(var(--theme-primary-rgb, 0, 188, 212),.48),0 0 64px rgba(var(--theme-primary-rgb, 0, 188, 212),.28),0 0 120px rgba(var(--theme-primary-rgb, 0, 188, 212),.14),0 0 200px rgba(var(--theme-primary-rgb, 0, 188, 212),.07),inset 0 0 14px #ffffffbf,inset 0 0 36px #ffffff4d;filter:brightness(1.06)}}@keyframes neon-pulse{0%,to{text-shadow:0 0 2px rgba(255,255,255,.95),0 0 6px rgba(var(--theme-primary-rgb, 0, 188, 212),.85),0 0 14px rgba(var(--theme-primary-rgb, 0, 188, 212),.65),0 0 28px rgba(var(--theme-primary-rgb, 0, 188, 212),.4),0 0 56px rgba(var(--theme-primary-rgb, 0, 188, 212),.22),0 0 100px rgba(var(--theme-primary-rgb, 0, 188, 212),.1);box-shadow:0 0 4px rgba(var(--theme-primary-rgb, 0, 188, 212),.55),0 0 14px rgba(var(--theme-primary-rgb, 0, 188, 212),.38),0 0 32px rgba(var(--theme-primary-rgb, 0, 188, 212),.22),0 0 64px rgba(var(--theme-primary-rgb, 0, 188, 212),.12),0 0 120px rgba(var(--theme-primary-rgb, 0, 188, 212),.06),inset 0 0 4px #ffffff73,inset 0 0 14px #ffffff2e}50%{text-shadow:0 0 3px rgba(255,255,255,1),0 0 10px rgba(var(--theme-primary-rgb, 0, 188, 212),1),0 0 22px rgba(var(--theme-primary-rgb, 0, 188, 212),.85),0 0 40px rgba(var(--theme-primary-rgb, 0, 188, 212),.55),0 0 80px rgba(var(--theme-primary-rgb, 0, 188, 212),.32),0 0 140px rgba(var(--theme-primary-rgb, 0, 188, 212),.15);box-shadow:0 0 6px rgba(var(--theme-primary-rgb, 0, 188, 212),.75),0 0 20px rgba(var(--theme-primary-rgb, 0, 188, 212),.55),0 0 48px rgba(var(--theme-primary-rgb, 0, 188, 212),.34),0 0 90px rgba(var(--theme-primary-rgb, 0, 188, 212),.2),0 0 160px rgba(var(--theme-primary-rgb, 0, 188, 212),.1),inset 0 0 7px #fff9,inset 0 0 20px #ffffff42}}.effect-breathing .glass,.effect-breathing .card,.effect-breathing .btn-ripple,.effect-breathing .player-bar-wrapper,.effect-breathing .sidebar-logo{animation:breathing-glow 3s ease-in-out infinite}.effect-neon .text-primary:not(svg):not(path),.effect-neon .sidebar-active-item,.effect-neon .btn-primary,.effect-neon .active-tab{animation:neon-pulse 1.6s ease-in-out infinite}.effect-neon .glass{border-color:rgba(var(--theme-primary-rgb, 0, 188, 212),.55)!important;box-shadow:0 0 6px rgba(var(--theme-primary-rgb, 0, 188, 212),.35),0 0 22px rgba(var(--theme-primary-rgb, 0, 188, 212),.24),0 0 50px rgba(var(--theme-primary-rgb, 0, 188, 212),.14),0 0 90px rgba(var(--theme-primary-rgb, 0, 188, 212),.07),inset 0 0 10px #ffffff4d,inset 0 0 28px #ffffff1f}.effect-neon .nav-link.active,.effect-neon .play-button{animation:neon-pulse 1.2s ease-in-out infinite}.effect-breathing svg,.effect-breathing svg *,.effect-neon svg,.effect-neon svg *{animation:none!important;text-shadow:none!important;box-shadow:none!important;filter:none!important}.switch-active{background:var(--theme-primary);box-shadow:0 0 6px rgba(var(--theme-primary-rgb, 0, 188, 212),.45)}