*{box-sizing:border-box;margin:0;padding:0}:root{--spotify-green:#1db954;--spotify-green-hover:#1ed760;--spotify-black:#121212;--spotify-gray:#181818;--spotify-light-gray:#282828;--spotify-hover:#2a2a2a;--primary-color:#1db954;--primary-hover:#1ed760;--secondary-color:#1db954;--success-color:#1db954;--warning-color:#fed330;--danger-color:#fc5c65;--bg-color:#121212;--card-bg:#181818;--text-primary:#fff;--text-secondary:#b3b3b3;--border-color:#282828;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #00000026;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}body{background:var(--bg-color);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;display:flex}.text-ellipsis,.playlist-card h3,.song-name,.song-artist,.song-album,.player-name,.player-artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{background:var(--spotify-green);min-height:40px;color:var(--spotify-black);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:none;border-radius:500px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.3,0,.5,1);display:inline-flex}.btn:hover:not(:disabled){background:var(--spotify-green-hover)}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn i{flex-shrink:0;font-size:1rem}.btn-primary{background:var(--spotify-green);color:var(--spotify-black)}.btn-primary:hover:not(:disabled){background:var(--spotify-green-hover)}.btn-secondary{color:var(--text-primary);border:1px solid var(--text-secondary);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--spotify-hover);border-color:var(--text-primary);color:var(--text-primary)}.btn-lg{min-height:48px;padding:14px 48px;font-size:1rem}.btn-sm{min-height:32px;padding:6px 16px;font-size:.75rem}.btn-xs{min-height:28px;padding:4px 12px;font-size:.688rem}.btn-circle{border-radius:50%;width:40px;height:40px;min-height:auto;padding:0}.btn-circle.btn-sm{width:32px;height:32px}.btn-circle.btn-lg{width:48px;height:48px}.btn-back{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#00000080;border:none}.btn-back:hover:not(:disabled){background:#000000b3}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover:not(:disabled){background:var(--spotify-hover);color:var(--text-primary)}.hover-bg:hover,.hot-playlist-card:hover,.playlist-card:hover,.song-item:hover{background:var(--spotify-hover)}.container{width:100%;max-width:1200px;margin:0 auto}.header{display:none}main{flex:1}.home-section{flex-direction:column;align-items:center;min-height:calc(100vh - 200px);padding-top:80px;display:flex}.home-search-wrapper{align-items:center;gap:var(--spacing-xl);flex-direction:column;width:100%;margin-bottom:60px;display:flex}.home-logo{color:var(--text-primary);text-align:center;letter-spacing:-.02em;justify-content:center;align-items:center;gap:16px;margin:0;font-size:4rem;font-weight:400;display:flex}.home-logo i{color:var(--spotify-green);font-size:4rem}.home-search-box{background:var(--spotify-light-gray);border-radius:500px;align-items:center;gap:0;width:100%;max-width:600px;padding:4px 4px 4px 24px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0003}.home-search-box:hover,.home-search-box:focus-within{background:var(--spotify-hover);box-shadow:0 4px 16px #1db95433}.home-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:1rem}.home-search-input::placeholder{color:var(--text-secondary)}.home-search-btn{flex-shrink:0;width:48px;height:48px}.home-search-btn i{font-size:1.25rem}.home-playlists{width:100%;max-width:1200px;padding:0 var(--spacing-lg)}.home-section-title{color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:left;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;display:flex}.home-section-title i{color:#ff6b6b;font-size:1.75rem}.hot-playlist-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.hot-playlist-card{background:var(--card-bg);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;gap:var(--spacing-sm);flex-direction:column;transition:all .2s;display:flex}.hot-playlist-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.hot-playlist-card img{aspect-ratio:1;border-radius:var(--radius-md);object-fit:cover;width:100%;margin-bottom:var(--spacing-xs)}.hot-playlist-card-title{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;font-size:.95rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.hot-playlist-card-count{color:var(--text-secondary);font-size:.813rem}.hot-playlist-card-stats{gap:10px;margin-top:8px;display:flex}.hot-playlist-card-stats .play-count,.hot-playlist-card-stats .update-time{color:var(--text-secondary);align-items:center;gap:4px;font-size:.75rem;display:flex}.hot-playlist-card-stats .play-count i,.hot-playlist-card-stats .update-time i{opacity:.7;font-size:.875rem}.order-tabs{background:var(--card-bg);border-radius:var(--radius-md);gap:8px;padding:4px;display:flex}.order-tab{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.order-tab.active{background:var(--spotify-green);color:var(--spotify-black)}.order-tab:disabled{opacity:.5;cursor:not-allowed}.order-tab i{font-size:1rem}body.home-active .top-navbar{display:none}body.home-active main{padding-top:0}.top-navbar{background:var(--spotify-black);border-bottom:1px solid var(--border-color);z-index:1000;height:64px;position:sticky;top:0;box-shadow:0 2px 10px #0000004d}.navbar-container{justify-content:space-between;align-items:center;gap:var(--spacing-xl);max-width:1200px;height:100%;margin:0 auto;display:flex}.navbar-brand{flex-shrink:0}.logo-link{align-items:center;gap:var(--spacing-sm);color:var(--text-primary);text-decoration:none;transition:opacity .2s;display:flex}.logo-link:hover{opacity:.8}.logo-icon{color:var(--spotify-green);filter:drop-shadow(0 0 8px #1db95480);font-size:1.75rem}.brand-name{color:var(--text-primary);white-space:nowrap;font-size:1.125rem;font-weight:700}.navbar-search{flex:1;justify-content:flex-end;align-items:center;gap:10px;max-width:500px;display:flex}.navbar-search .search-input{background:var(--spotify-light-gray);color:var(--text-primary);box-shadow:none;border:none;border-radius:500px;flex:1;padding:10px 20px;font-size:.875rem;transition:all .2s}.navbar-search .search-input:focus{background:var(--spotify-hover);outline:none;box-shadow:0 0 0 3px #1db9544d}.navbar-search .search-input::placeholder{color:var(--text-secondary);font-size:.875rem}.badge{background:var(--spotify-green);color:var(--spotify-black);margin-left:var(--spacing-xs);border-radius:500px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.results-section{animation:.5s fadeIn}.results-section h2{margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:1.5rem}.playlist-list{margin-top:var(--spacing-lg);box-shadow:none;background:0 0;border-radius:0;flex-direction:column;gap:0;display:flex;overflow:hidden}.playlist-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--border-color);border-radius:4px;transition:background .2s;display:flex}.playlist-card:last-child{border-bottom:1px solid var(--border-color)}.playlist-card img{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:60px;height:60px}.playlist-card-body{flex:1;min-width:0}.playlist-card h3{color:var(--text-primary);margin-bottom:4px;font-size:1rem}.playlist-card .creator{color:#26de81;margin-bottom:2px;font-size:.85rem}.playlist-card .track-count{color:var(--text-secondary);font-size:.8rem}.playlist-stats{align-items:center;gap:12px;margin-top:4px;display:flex}.playlist-card .play-count{color:var(--text-secondary);align-items:center;gap:4px;font-size:.8rem;display:flex}.playlist-card .play-count i{opacity:.7;font-size:.875rem}.detail-section{animation:.5s fadeIn}.detail-hero{width:100%;position:relative;overflow:hidden}.hero-bg{filter:blur(40px);opacity:.3;z-index:0;background-position:50%;background-size:cover;position:absolute;inset:-50px}.hero-overlay{z-index:1;background:linear-gradient(#12121233 0%,#121212cc 70%,#121212 100%);position:absolute;inset:0}.hero-content{z-index:2;padding:var(--spacing-lg);max-width:1200px;margin:0 auto;position:relative}.btn-back{margin-bottom:var(--spacing-lg)}.hero-info{gap:var(--spacing-xl);display:flex}.hero-cover{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:232px;height:232px;box-shadow:0 8px 24px #00000080}.hero-meta{flex:1}.hero-label{text-transform:uppercase;color:#fff;margin-bottom:var(--spacing-xs);letter-spacing:.1em;font-size:.813rem;font-weight:700}.hero-title{color:#fff;margin:0 0 var(--spacing-md)0;text-shadow:0 4px 12px #00000080;font-size:3rem;font-weight:900;line-height:1.2}.hero-desc{color:#fffc;margin-bottom:var(--spacing-md);text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;max-height:80px;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.hero-stats{align-items:center;gap:var(--spacing-xs);color:#fff;font-size:.875rem;font-weight:600;display:flex}.hero-stats .creator-name{color:#fff}.hero-stats .separator{color:#fff9}.hero-stats .track-count{color:#fffc}.hero-stats .play-count{color:#fffc;align-items:center;gap:4px;display:flex}.hero-stats .play-count i{opacity:.8;font-size:1rem}.detail-actions{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-lg)var(--spacing-lg);max-width:1200px;margin:0 auto;display:flex}.actions-left{gap:var(--spacing-sm);flex:1;align-items:center;display:flex}.detail-actions #downloadBtn{flex-shrink:0;min-width:33.333%;position:relative}.download-badge{color:#fff;z-index:10;background:#ff4757;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;animation:.3s badgePop;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #ff475766}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.song-list-wrapper{box-shadow:none;background:0 0;border-radius:0;overflow:hidden}.song-list-header{gap:var(--spacing-md);padding:10px var(--spacing-md);color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.1em;background:0 0;grid-template-columns:40px 40px 2fr 1.2fr 80px 50px;align-items:center;font-size:.75rem;font-weight:400;display:grid}.song-list-header .col-duration{text-align:right}.song-list-header .col-index{text-align:center}.song-list{background:0 0}.song-item{gap:var(--spacing-md);padding:8px var(--spacing-md);margin:0 var(--spacing-xs);border-bottom:none;border-radius:4px;grid-template-columns:40px 40px 2fr 1.2fr 80px 50px;align-items:center;transition:all .2s;display:grid}.song-item:last-child{border-bottom:none}.song-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--spotify-green);border:2px solid var(--text-secondary);border-radius:2px}.song-index{color:var(--text-secondary);text-align:center;font-size:.9rem;font-weight:400}.song-name{color:#fff;font-weight:400}.song-artist,.song-album{color:var(--text-secondary);font-size:.875rem}.song-duration{color:var(--text-secondary);text-align:right;font-size:.875rem;font-weight:400}.vip-song{font-weight:500;color:#d32f2f!important}.vip-badge{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);border-radius:3px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:700;animation:2s ease-in-out infinite vipPulse;display:inline-block;transform:scale(.9);box-shadow:0 1px 3px #ee5a244d}@keyframes vipPulse{0%,to{opacity:1}50%{opacity:.7}}.download-status{background:var(--spotify-light-gray);color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border-radius:500px;align-items:center;gap:10px;padding:8px 24px;font-size:.813rem;font-weight:700;display:inline-flex}.download-spinner{color:var(--spotify-green);font-size:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.song-status-icon{vertical-align:middle;margin-left:8px;font-size:.95rem}.song-status-icon.downloading{color:var(--spotify-green);animation:1s linear infinite spin}.song-status-icon.completed{color:var(--spotify-green);animation:.3s fadeInScale}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.progress-section{background:var(--card-bg);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--spacing-lg);animation:.5s fadeIn}.progress-section h3{margin-bottom:var(--spacing-md)}.progress-bar-wrapper{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.progress-bar{background:var(--bg-color);border-radius:var(--radius-md);flex:1;height:24px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));color:#fff;width:0%;height:100%;padding-right:var(--spacing-sm);justify-content:flex-end;align-items:center;font-size:.85rem;font-weight:600;transition:width .3s;display:flex}.progress-text{color:var(--text-primary);text-align:right;min-width:80px;font-weight:600}.download-log{background:var(--bg-color);max-height:300px;padding:var(--spacing-md);border-radius:var(--radius-md);font-family:Courier New,monospace;font-size:.85rem;line-height:1.8;overflow-y:auto}.log-item{border-bottom:1px solid var(--border-color);padding:4px 0}.log-item:last-child{border-bottom:none}.log-success{color:var(--success-color)}.log-error{color:var(--danger-color)}.log-info{color:var(--text-secondary)}.log-warn{color:#ff9800;font-weight:500}.footer{padding:var(--spacing-lg);text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-color);margin-top:var(--spacing-xl);background:0 0;margin-bottom:100px;font-size:.875rem}.player-bar{background:var(--spotify-gray);border-top:1px solid var(--border-color);height:90px;padding:0 var(--spacing-md);align-items:center;gap:var(--spacing-lg);z-index:1000;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 20px #00000080}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.player-info{flex-shrink:0;align-items:center;gap:12px;min-width:200px;max-width:300px;display:flex}.player-cover{object-fit:cover;border-radius:8px;flex-shrink:0;width:50px;height:50px;box-shadow:0 2px 8px #0000004d}.player-text{flex:1;min-width:0;overflow:hidden}.player-name{color:#fff;width:100%;margin-bottom:4px;font-size:14px;font-weight:600}.player-artist{color:#fffc;width:100%;font-size:12px}.player-controls{align-items:center;gap:16px;display:flex}.player-btn{color:var(--text-secondary);background:0 0;width:32px;height:32px}.player-btn i{font-size:18px}.player-btn:hover:not(:disabled){color:#fff}.player-btn-main{width:32px;height:32px;box-shadow:0 2px 8px #0000004d}.player-btn-main i{font-size:20px}.player-btn-main:hover:not(:disabled){box-shadow:0 4px 12px #0006}.player-progress{flex:1;align-items:center;gap:12px;min-width:200px;display:flex}.player-time{color:var(--text-secondary);text-align:center;min-width:40px;font-size:12px;font-weight:400}.player-slider-container,.volume-slider-container{border-radius:2px;position:relative;overflow:visible}.player-slider-container{flex:1}.volume-slider-container{width:80px}.player-slider,.volume-slider{appearance:none;cursor:pointer;z-index:2;background:0 0;outline:none;width:100%;height:4px;margin:0;position:relative}.player-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .1s;box-shadow:0 2px 4px #00000080}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .1s;box-shadow:0 2px 4px #00000080}.player-slider-container:hover .player-slider::-webkit-slider-thumb{opacity:1}.volume-slider-container:hover .volume-slider::-webkit-slider-thumb{opacity:1}.player-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.player-slider::-moz-range-thumb{cursor:pointer;opacity:0;background:#fff;border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 2px 4px #00000080}.volume-slider::-moz-range-thumb{cursor:pointer;opacity:0;background:#fff;border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 2px 4px #00000080}.player-slider-container:hover .player-slider::-moz-range-thumb{opacity:1}.volume-slider-container:hover .volume-slider::-moz-range-thumb{opacity:1}.player-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--spotify-green)0%,var(--spotify-green)var(--progress,0%),#4d4d4d var(--progress,0%),#4d4d4d 100%);border-radius:2px;width:100%;height:4px}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--spotify-green)0%,var(--spotify-green)var(--volume,100%),#4d4d4d var(--volume,100%),#4d4d4d 100%);border-radius:2px;width:100%;height:4px}.player-volume{align-items:center;gap:8px;display:flex}.player-close{opacity:.8;margin-left:auto}.player-close:hover{opacity:1}.play-btn{border:1px solid var(--text-secondary);color:var(--text-secondary);opacity:1;width:32px;height:32px;box-shadow:none;background:0 0}.play-btn i{margin-left:2px;font-size:14px}.song-item:hover .play-btn,.play-btn:hover:not(:disabled){background:var(--spotify-green);border-color:var(--spotify-green);color:var(--spotify-black);transform:scale(1.08);box-shadow:0 4px 12px #1db9544d}.play-btn:active:not(:disabled){transform:scale(.95)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:3px solid var(--spotify-black);background:#4d4d4d;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#5a5a5a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.top-navbar{height:56px}.navbar-container{padding:0 var(--spacing-md);gap:var(--spacing-md)}.logo-icon{font-size:1.5rem}.brand-name{font-size:.938rem}.navbar-search{max-width:300px}.navbar-search .search-input{padding:8px 16px;font-size:.813rem}.btn:not(.btn-lg):not(.btn-xs){min-height:32px;padding:6px 16px;font-size:.75rem}.home-section{padding-top:40px}.home-logo{font-size:2.5rem}.home-search-wrapper{padding:0 var(--spacing-md);margin-bottom:40px}.home-search-box{max-width:100%}.home-playlists{padding:0 var(--spacing-md)}.hot-playlist-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.hero-content{padding:var(--spacing-lg)}.hero-info{flex-direction:column;align-items:flex-start}.hero-cover{width:150px;height:150px}.hero-title{font-size:2rem}.detail-actions{padding:0 var(--spacing-md)var(--spacing-md);gap:var(--spacing-sm)}.actions-left{flex:1;min-width:0}.actions-left .btn{white-space:nowrap;flex:1;padding:8px 12px;font-size:.75rem}.detail-actions #downloadBtn{flex-shrink:0;min-width:35%}.download-badge{min-width:18px;height:18px;padding:0 5px;font-size:10px;top:-6px;right:-6px}.playlist-cover{width:100%;height:auto}.song-list-header,.song-item{padding:8px var(--spacing-sm);grid-template-columns:30px 30px 2fr 80px 40px;margin:0;font-size:.85rem}.col-artist,.song-artist{display:none}.actions{flex-direction:column}.btn-lg{width:100%}.player-bar{justify-content:space-between;gap:0;height:60px;padding:0 12px}.player-info{flex:0 auto;min-width:0;max-width:50%;margin-right:10px}.player-cover{width:40px;height:40px}.player-text{flex:1;min-width:0;overflow:hidden}.player-name{width:100%;font-size:13px}.player-artist{width:100%;font-size:12px}.player-volume,.player-close,#prevBtn{display:none!important}.player-progress{flex:none;align-items:center;gap:0;min-width:auto;display:flex!important}.player-slider-container,#currentTime{display:none!important}#totalTime{color:#ffffffe6;white-space:nowrap;margin-right:10px;font-size:12px}.player-controls{flex-shrink:0;gap:6px}.player-btn{width:32px;height:32px;font-size:22px}.player-btn-main{width:36px;height:36px;font-size:32px}.footer{margin-bottom:70px}}.load-more-container{border-top:1px solid var(--border-color);justify-content:center;margin-top:16px;padding:24px 0;display:flex}.load-more-btn{border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.load-more-btn:hover:not(:disabled){background:var(--spotify-hover);border-color:var(--spotify-green);color:var(--spotify-green)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.load-more-btn i{font-size:16px}@media (max-width:768px){.load-more-btn{justify-content:center;width:100%}}