/* 音乐面板基础样式 */
.mask {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 9999;
}
.mask.show { display: block; }

.music-panel {
    position: fixed;
    top: 0;
    left: -380px;
    width: 360px;
    height: 100vh;
    background: #fff;
    z-index: 10000;
    transition: left 0.4s ease;
    padding: 30px 20px;
    overflow-y: auto;
    box-shadow: 2px 0 12px rgba(0,0,0.12);
}
.io-grey-mode .music-panel { background: #222; color:#eee; }
.music-panel.open { left: 0; }

.music-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}
.music-header h3 { margin:0; font-size:18px; }
.close-music {
    border:0; background:transparent; font-size:22px; cursor:pointer;
    color:#666;
}
.io-grey-mode .close-music { color:#ccc; }

/* 歌曲信息 */
.song-info { text-align:center; margin-bottom:20px; }
.song-name { font-size:16px; font-weight:600; margin:8px 0; }
.singer { color:#888; font-size:13px; }
.io-grey-mode .singer { color:#aaa; }

/* 进度条 */
.progress-wrap {
    width:100%; height:6px; background:#e5e5; border-radius:3px;
    cursor:pointer; margin:15px 0;
}
.io-grey-mode .progress-wrap { background:#444; }
.progress-bar { height:100%; width:0%; background:#4285f4; border-radius:3px; }
.time-text { display:flex; justify-content:space-between; font-size:12px; color:#777; }
.io-grey-mode .time-text { color:#bbb; }

/* 控制按钮 */
.control-group {
    display:flex; align-items:center; justify-content:center;
    gap:20px; margin:25px 0;
}
.control-group button { border:0; background:transparent; font-size:24px; cursor:pointer; color:#333; }
.io-grey-mode .control-group button { color:#eee; }
.play-btn {
    width:50px; height:50px; border-radius:50%;
    background:#4285f4 !important; color:#fff !important; font-size:26px;
}

/* 音量区域 */
.volume-box {
    display:flex; align-items:center; justify-content:center;
    gap:10px; margin-bottom:30px;
}
.volume-wrap {
    width:120px; height:5px; background:#eee; border-radius:3px; cursor:pointer;
}
.io-grey-mode .volume-wrap { background:#444; }
.volume-bar { height:100%; width:70%; background:#4285f4; border-radius:3px; }

/* 播放列表 */
.play-list h4 { border-bottom:1px solid #eee; padding-bottom:10px; }
.io-grey-mode .play-list h4 { border-color:#444; }
.list-item {
    padding:10px 8px; border-bottom:1px #f2f2f2 solid; cursor:pointer;
}
.io-grey-mode .list-item { border-color:#333; }
.list-item:hover { background:#f6f8ff; }
.io-grey-mode .list-item:hover { background:#2a2a2a; }
.list-item.active { background:#e8f0fe; color:#4285f4; }
.io-grey-mode .list-item.active { background:#253850; }
.list-song { font-size:14px; }
.list-singer { font-size:12px; color:#999; }
.io-grey-mode .list-singer { color:#aaa; }