*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#121212;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#535353;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#737373}::selection{color:#fff;background:#1db9544d}@media (width<=768px){::-webkit-scrollbar{display:none}*{scrollbar-width:none}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.song-title-text,.player-song-title,.player-song-artist,.album-name{-webkit-user-select:text;user-select:text}}.album-sidebar{background:#000;border-right:1px solid #282828;flex-direction:column;width:300px;min-width:300px;height:100%;display:flex}.sidebar-header{justify-content:space-between;align-items:center;padding:8px 20px;display:flex}.sidebar-label{text-transform:uppercase;letter-spacing:1.5px;color:#b3b3b3;font-size:11px;font-weight:600}.album-list{flex:1;padding:0 8px 100px;overflow-y:auto}.album-list::-webkit-scrollbar{width:8px}.album-list::-webkit-scrollbar-track{background:0 0}.album-list::-webkit-scrollbar-thumb{background:#535353;border-radius:4px}.album-list::-webkit-scrollbar-thumb:hover{background:#737373}.album-card{cursor:pointer;border-radius:8px;align-items:center;gap:14px;padding:8px 12px;transition:background-color .2s;display:flex}.album-card:hover{background-color:#1a1a1a}.album-card.active{background-color:#282828}.album-card.active .album-name{color:#1db954}.album-cover{object-fit:cover;border-radius:6px;flex-shrink:0;width:52px;height:52px;box-shadow:0 2px 8px #0000004d}.album-info{min-width:0}.album-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;transition:color .2s;overflow:hidden}.album-artist{color:#a7a7a7;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.album-card:hover .album-name{color:#fff}.album-card.active:hover .album-name{color:#1db954}.sponsor-wrapper{position:relative}.sponsor-trigger{color:#a7a7a7;cursor:pointer;letter-spacing:.5px;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.sponsor-trigger:hover{color:#1db954;background:#1db9541a}.sponsor-dropdown{opacity:0;visibility:hidden;z-index:200;text-align:center;background:#282828;border:1px solid #3a3a3a;border-radius:12px;width:220px;margin-top:8px;padding:16px;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(-4px);box-shadow:0 8px 32px #00000080}.sponsor-wrapper:hover .sponsor-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.sponsor-qr{object-fit:contain;background:#fff;border-radius:8px;width:180px;height:180px;margin:0 auto 12px;padding:8px;display:block}.sponsor-note{color:#a7a7a7;margin:0;font-size:12px;line-height:1.5}@media (width<=768px){.album-sidebar{background:#000;border-bottom:1px solid #282828;border-right:none;width:100%;min-width:100%;height:auto;max-height:none}.sidebar-header{padding:10px 16px 6px}.sidebar-label{letter-spacing:1px;font-size:12px}.sponsor-wrapper{touch-action:manipulation}.sponsor-dropdown{right:-40px}.sponsor-qr{width:160px;height:160px}.album-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:10px;padding:4px 12px 8px;display:flex;overflow:auto hidden}.album-list::-webkit-scrollbar{display:none}.album-card{border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:90px;padding:8px}.album-cover{border-radius:6px;width:64px;height:64px}.album-info{text-align:center;width:100%}.album-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.album-artist{text-align:center;font-size:10px}}.song-main{background:linear-gradient(#1a1a2e 0%,#121212 300px);flex:1;padding-bottom:100px;overflow-y:auto}.song-main.empty-state{justify-content:center;align-items:center;display:flex}.empty-content{text-align:center;color:#b3b3b3}.empty-icon{opacity:.3;margin-bottom:16px;font-size:72px}.empty-content h2{color:#fff;margin-bottom:8px;font-size:28px;font-weight:700}.empty-content p{color:#a7a7a7;font-size:15px}.album-hero{align-items:flex-end;gap:28px;padding:48px 32px 28px;display:flex}.hero-cover{object-fit:cover;border-radius:8px;flex-shrink:0;width:220px;height:220px;box-shadow:0 8px 40px #00000080}.hero-details{flex-direction:column;gap:8px;min-width:0;display:flex}.hero-label{text-transform:uppercase;letter-spacing:1px;color:#fff;font-size:12px;font-weight:600}.hero-title{color:#fff;letter-spacing:-1px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:48px;font-weight:900;line-height:1.1;display:-webkit-box;overflow:hidden}.hero-meta{color:#b3b3b3;align-items:center;gap:6px;margin-top:4px;font-size:14px;display:flex}.hero-artist{color:#fff;font-weight:600}.hero-dot{color:#535353}.song-list-header{color:#a7a7a7;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff14;grid-template-columns:40px 1fr;align-items:center;height:36px;margin-bottom:4px;padding:0 32px;font-size:12px;font-weight:500;display:grid}.song-index-header{text-align:center}.song-list-body{padding:0 20px}.song-row{cursor:pointer;border-radius:6px;grid-template-columns:40px 1fr;align-items:center;padding:8px 12px;transition:background-color .15s;display:grid}.song-row:hover{background-color:#ffffff14}.song-row.current{background-color:#1db95414}.song-index{color:#a7a7a7;justify-content:center;align-items:center;font-size:14px;display:flex;position:relative}.song-index .index-number{transition:opacity .15s}.song-row:hover .index-number{opacity:0}.hover-play-icon{opacity:0;color:#fff;transition:opacity .15s;position:absolute}.song-row:hover .hover-play-icon{opacity:1}.playing-icon{color:#1db954}.song-title{min-width:0;overflow:hidden}.song-title-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:400;transition:color .15s;display:block;overflow:hidden}.song-title-text.active{color:#1db954}.song-artist-text{color:#a7a7a7;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:13px;display:block;overflow:hidden}.song-row:hover .song-title-text:not(.active){color:#fff}.song-main::-webkit-scrollbar{width:8px}.song-main::-webkit-scrollbar-track{background:0 0}.song-main::-webkit-scrollbar-thumb{background:#535353;border-radius:4px}.song-main::-webkit-scrollbar-thumb:hover{background:#737373}@media (width<=768px){.song-main{padding-bottom:160px}.empty-content h2{font-size:20px}.empty-content p{font-size:13px}.empty-icon{font-size:48px}.album-hero{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 16px 20px}.hero-cover{border-radius:8px;width:150px;height:150px}.hero-details{align-items:center;gap:4px}.hero-label{font-size:11px}.hero-title{letter-spacing:-.5px;text-align:center;font-size:24px}.hero-meta{flex-wrap:wrap;justify-content:center;font-size:12px}.song-list-header{height:32px;padding:0 16px;font-size:11px}.song-list-body{padding:0 8px}.song-row{border-radius:6px;grid-template-columns:36px 1fr;padding:6px 8px}.song-index{font-size:12px}.song-title-text{font-size:14px}.song-artist-text{font-size:12px}.hover-play-icon{display:none}.song-row:hover .index-number{opacity:1}.song-row:hover{background-color:#0000}.song-row:active{background-color:#ffffff14}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.toast-item{color:#fff;pointer-events:auto;background:#e91429;border-radius:8px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s toast-in;display:flex;box-shadow:0 4px 24px #0006}.toast-icon{flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.player-bar{z-index:100;background:#181818;border-top:1px solid #282828;grid-template-columns:1fr 2fr 1fr;align-items:center;height:80px;padding:0 16px;display:grid;position:fixed;bottom:0;left:0;right:0}.player-left{align-items:center;gap:14px;min-width:0;display:flex}.player-cover{object-fit:cover;border-radius:6px;flex-shrink:0;width:56px;height:56px;box-shadow:0 2px 8px #0000004d}.player-song-info{flex-direction:column;min-width:0;display:flex}.player-song-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.player-song-title:hover{cursor:pointer;text-decoration:underline}.player-song-artist{color:#a7a7a7;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.player-song-artist:hover{color:#fff;cursor:pointer;text-decoration:underline}.player-no-song{color:#535353;align-items:center;gap:10px;font-size:14px;display:flex}.player-center{flex-direction:column;align-items:center;gap:8px;display:flex}.player-controls{align-items:center;gap:16px;display:flex}.player-btn{cursor:pointer;color:#b3b3b3;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:all .15s;display:flex}.player-btn:hover{color:#fff;transform:scale(1.05)}.player-btn:disabled{color:#535353;cursor:not-allowed;transform:none}.player-btn.primary{color:#000;background:#fff;border-radius:50%;width:36px;height:36px}.player-btn.primary:hover{color:#000;background:#fff;transform:scale(1.08)}.player-btn.primary:disabled{color:#282828;background:#535353}.player-btn.primary.loading{color:#000;cursor:wait;background:#fff}.player-btn.primary.loading:hover{transform:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:1s linear infinite spin}.player-btn.secondary{width:auto;height:auto}.player-btn.secondary.active-mode,.player-btn.secondary.active-mode:hover{color:#1db954}.player-btn.secondary.active-mode:disabled{color:#1db954;opacity:.5}.player-btn.secondary.disabled-mode{pointer-events:none;color:#535353!important;cursor:default!important}.player-progress-bar{align-items:center;gap:8px;width:100%;max-width:600px;display:flex}.progress-time{color:#a7a7a7;text-align:center;font-variant-numeric:tabular-nums;min-width:35px;font-size:11px}.progress-track{cursor:pointer;background:#535353;border-radius:2px;flex:1;height:4px;transition:height .1s;position:relative}.progress-track:hover{height:6px}.progress-fill{background:#fff;border-radius:2px;height:100%;transition:background-color .15s}.progress-track:hover .progress-fill{background:#1db954}.progress-thumb{opacity:0;pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-track:hover .progress-thumb{opacity:1}.player-right{justify-content:flex-end;align-items:center;display:flex}.volume-control{color:#a7a7a7;align-items:center;gap:8px;display:flex}.volume-track{cursor:pointer;background:#535353;border-radius:2px;width:93px;height:4px;position:relative}.volume-track:hover{height:6px}.volume-fill{background:#fff;border-radius:2px;height:100%;transition:background-color .15s}.volume-track:hover .volume-fill{background:#1db954}.volume-thumb{opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.volume-track:hover .volume-thumb{opacity:1}.volume-tooltip{color:#1db954;white-space:nowrap;opacity:0;pointer-events:none;font-variant-numeric:tabular-nums;background:#282828;border:1px solid #1db954;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;transition:opacity .15s;position:absolute;top:-28px;transform:translate(-50%)}.volume-tooltip:after{content:"";border-top:6px solid #282828;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@media (width<=768px){.hide-mobile{display:none!important}.player-bar{grid-template-rows:auto auto;grid-template-columns:1fr;gap:6px;height:auto;padding:8px 12px}.player-left{order:1;gap:10px}.player-center{order:3;gap:4px}.player-right{order:2;justify-content:flex-end}.player-bar{flex-wrap:wrap;align-items:center;gap:4px 0;padding:8px 12px;display:flex}.player-left{flex:1;gap:10px;min-width:0}.player-cover{border-radius:4px;width:42px;height:42px}.player-song-title{font-size:13px}.player-song-artist{font-size:11px}.player-center{flex-shrink:0;gap:4px;width:auto}.player-controls{gap:10px}.player-btn.primary{width:34px;height:34px}.player-btn.primary svg{width:18px;height:18px}.player-btn.secondary svg{width:16px;height:16px}.player-progress-bar{gap:6px;width:100%;max-width:100%}.progress-time{min-width:30px;font-size:10px}.player-right{display:none}}@media (width<=380px){.player-cover{width:36px;height:36px}.player-song-info{max-width:120px}.player-controls{gap:8px}.player-btn.primary{width:30px;height:30px}}.lyric-view{z-index:300;background:linear-gradient(#1a1a2e 0%,#121212 50%);flex-direction:column;animation:.3s lyricViewIn;display:flex;position:fixed;inset:0}@keyframes lyricViewIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lyric-header{flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.lyric-close-btn{color:#b3b3b3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.lyric-close-btn:hover{color:#fff;background:#ffffff1a}.lyric-header-info{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.lyric-header-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.lyric-header-artist{color:#a7a7a7;margin-top:1px;font-size:12px}.lyric-body{flex:1;display:flex;overflow:hidden}.lyric-left{flex-direction:column;flex:.55;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex}.lyric-left-content{flex-direction:column;align-items:center;gap:24px;display:flex}.lyric-cover{object-fit:cover;border-radius:16px;width:260px;height:260px;animation:4s ease-in-out infinite coverFloat;box-shadow:0 16px 48px #00000080}@keyframes coverFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lyric-song-detail{text-align:center}.lyric-song-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:260px;margin:0;font-size:20px;font-weight:700;overflow:hidden}.lyric-song-artist{color:#b3b3b3;margin:6px 0 2px;font-size:14px}.lyric-song-album{color:#737373;margin:2px 0 0;font-size:13px}.lyric-right{border-left:1px solid #ffffff0f;flex-direction:column;flex:1;display:flex;overflow:hidden}.lyric-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;flex:1;padding:0 24px;display:flex;overflow-y:auto}.lyric-list::-webkit-scrollbar{display:none}.lyric-spacer{height:40vh}.lyric-empty{color:#535353;flex:1;justify-content:center;align-items:center;font-size:18px;font-weight:500;display:flex}.lyric-line{color:#535353;cursor:default;padding:8px 0;font-size:20px;font-weight:500;line-height:1.6;transition:all .35s}.lyric-line.active{color:#1db954;font-size:24px;font-weight:700;transform:scale(1.02)}.lyric-line.past{color:#737373}.lyric-line:hover:not(.active){color:#a7a7a7}.lyric-controls{flex-shrink:0;justify-content:center;align-items:center;gap:32px;padding:20px 0 32px;display:flex}.lyric-ctrl-btn{color:#b3b3b3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex}.lyric-ctrl-btn:hover{color:#fff;transform:scale(1.08)}.lyric-ctrl-btn.primary{color:#000;background:#fff;border-radius:50%;width:48px;height:48px}.lyric-ctrl-btn.primary:hover{color:#000;background:#fff;transform:scale(1.1)}@media (width<=768px){.lyric-body{flex-direction:column}.lyric-left{flex-direction:column;flex:none;min-height:auto;padding:16px}.lyric-left-content{gap:12px}.lyric-cover{border-radius:8px;width:160px;height:160px}.lyric-song-title{font-size:16px}.lyric-song-artist,.lyric-song-album{font-size:12px}.lyric-right{border-top:1px solid #ffffff0f;border-left:none;flex:1}.lyric-list{text-align:center;padding:0 20px}.lyric-spacer{height:30vh}.lyric-line{padding:6px 0;font-size:16px}.lyric-line.active{font-size:18px}.lyric-controls{gap:24px;padding:16px 0 24px}.lyric-ctrl-btn.primary{width:44px;height:44px}}.app-container{background:#121212;flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-body{flex:1;display:flex;overflow:hidden}@media (width<=768px){.app-body{flex-direction:column}}