/* 播放器 */
.music-player {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-radius: 24px;
    max-width: 200px;
}

.album-cover {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    object-fit: cover;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.track-info {
    flex: 1;
    min-width: 0;
    position: relative;
    overflow: hidden;
}

.song-title {
    color: var(--primary-color);
    font-size: 1rem;
    font-weight: 600;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    animation: scrollText 15s linear infinite;
    padding-left: 100%;
    display: inline-block;
}

.controls {
    display: flex; 
    gap: 0px;   /* 调整控制按钮间距 */
    align-items: center;
}

/* SVG按钮样式 */
.ctrl-btn {
    width: 36px;
    height: 36px;
    padding: 6px;
    background: none;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.ctrl-btn img {
    width: 60%;
    height: 60%;
    object-fit: contain;
    filter: invert(35%) sepia(90%) saturate(2000%) hue-rotate(190deg);
    transition: filter 0.2s ease;
}

.ctrl-btn:hover img {
    filter: invert(25%) sepia(90%) saturate(2500%) hue-rotate(190deg);
}

/* 暗色模式适配 */
.dark-mode {
    --current-primary: var(--dark-primary-color);
    --current-card: var(--dark-card-bg);
    --current-text: var(--dark-text-primary);
}

.dark-mode .ctrl-btn img {
    filter: invert(85%) sepia(20%) saturate(200%) hue-rotate(190deg);
}

.dark-mode .ctrl-btn:hover img {
    filter: invert(95%) sepia(90%) saturate(2000%) hue-rotate(190deg);
}

@keyframes scrollText {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}