.music-player{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-secondary);overflow:hidden}.music-player .player-bar{padding:var(--space-4)}.music-player .player-main{align-items:center;gap:var(--space-3);display:flex}.music-player .cover{border-radius:var(--radius-sm);background:var(--color-bg-tertiary);flex-shrink:0;width:56px;height:56px;overflow:hidden}.music-player .cover-img{object-fit:cover;width:100%;height:100%;margin:0!important}.music-player .cover-placeholder{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.music-player .song-info{flex:1;min-width:0}.music-player .song-title{font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden;margin-bottom:0!important}.music-player .song-author{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden;margin-bottom:0!important}.music-player .controls{align-items:center;gap:2px;display:flex}.music-player .control-btn{color:var(--color-text-muted);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.music-player .control-btn:hover{color:var(--color-text);background:var(--color-bg-tertiary)}.music-player .control-btn-sm{width:32px;height:32px}.music-player .control-btn-play{background:var(--color-primary);color:#fff;width:40px;height:40px}.music-player .control-btn-play:hover{opacity:.9;background:var(--color-primary);color:#fff}.music-player .volume-control{align-items:center;gap:var(--space-2);margin-left:var(--space-2);color:var(--color-text-muted);display:none}@media (width>=768px){.music-player .volume-control{display:flex}}.music-player .volume-slider{background:var(--color-border);appearance:none;cursor:pointer;border-radius:2px;width:64px;height:4px}.music-player .volume-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border-radius:50%;width:12px;height:12px}.music-player .list-toggle{margin-left:var(--space-1);position:relative}.music-player .list-toggle.active{background:var(--color-bg-tertiary);color:var(--color-text)}.music-player .list-indicator{color:#fff;background:var(--color-primary);opacity:0;min-width:14px;height:14px;transition:all var(--transition-fast);border-radius:7px;justify-content:center;align-items:center;padding:0 3px;font-size:9px;font-weight:600;display:flex;position:absolute;top:2px;right:2px;transform:scale(.5)}.music-player .list-indicator.show{opacity:1;transform:scale(1)}.music-player .progress-container{align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.music-player .time-label{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;width:32px}.music-player .time-label:first-child{text-align:right}.music-player .progress-bar{background:var(--color-border);cursor:pointer;height:6px;transition:background var(--transition-fast);border-radius:3px;flex:1;position:relative}.music-player .progress-bar:hover{background:var(--color-border);opacity:.8}.music-player .progress-fill{background:var(--color-primary);border-radius:3px;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.music-player .playlist{border-top:1px solid var(--color-border)}.music-player .playlist-header{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary);justify-content:space-between;align-items:center;display:flex}.music-player .playlist-header-left{align-items:center;gap:var(--space-2);display:flex}.music-player .playlist-icon{border-radius:var(--radius-xs);color:#fff;background:linear-gradient(135deg,#a8c69f 0%,#7ba05b 100%);justify-content:center;align-items:center;width:24px;height:24px;display:flex}.music-player .playlist-title{font-size:var(--text-xs);color:var(--color-text);font-weight:500}.music-player .playlist-count{font-size:var(--text-xs);color:var(--color-text-muted)}.music-player .song-list{max-height:256px;overflow-y:auto}.music-player .loading-state,.music-player .error-state{padding:var(--space-8);color:var(--color-text-muted);justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.music-player .spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:1s linear infinite svelte-cg9qmq-spin}@keyframes svelte-cg9qmq-spin{to{transform:rotate(360deg)}}.music-player .loading-text,.music-player .error-text{font-size:var(--text-xs)}.music-player .retry-btn{margin-top:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text);transition:background var(--transition-fast);background:0 0}.music-player .retry-btn:hover{background:var(--color-bg-tertiary)}.music-player .list{list-style:none;margin:0!important;padding:0!important}.music-player .song-item{align-items:center;gap:var(--space-3);padding:var(--space-xs) var(--space-xs);cursor:pointer;transition:background var(--transition-fast);display:flex;margin:0!important}.music-player .song-item:hover{background:var(--color-bg-tertiary)}.music-player .song-item.active{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.music-player .song-index{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;width:20px}.music-player .song-cover{border-radius:var(--radius-xs);object-fit:cover;width:36px!important;height:36px!important;margin:0!important}.music-player .song-detail{flex:1;min-width:0}.music-player .song-detail-title{font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0!important}.music-player .song-detail-title.playing{color:var(--color-primary);font-weight:500}.music-player .playing-indicator{align-items:flex-end;gap:2px;height:12px;display:flex}.music-player .playing-indicator .bar{background:var(--color-primary);border-radius:1px;width:3px;animation:.6s ease-in-out infinite alternate svelte-cg9qmq-pulse}.music-player .playing-indicator .bar:first-child{height:3px}.music-player .playing-indicator .bar:nth-child(2){height:10px}.music-player .playing-indicator .bar:nth-child(3){height:6px}@keyframes svelte-cg9qmq-pulse{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}