feat: 更新音乐播放器界面和功能

- 调整播放器底部样式，优化进度条和操作按钮布局
- 修复音量控制拖动功能
- 更新音乐数据源，增加更多歌曲分类和曲目
- 优化图片资源路径和命名规范
- 添加新的SVG图标和背景元素
- 修复播放进度条选择器错误
- 调整标签样式和交互效果

song-request-station.html

@@ -50,20 +50,14 @@
                     </div>
                 </div>
 
-                <div class="bottom-play flexacenter" v-if="playData">
+                <div class="bottom-play flexflex" v-if="playData">
                     <div class="bottom-left flex1 flexacenter">
-                        <img v-if="playData?.img" class="img" :src="playData?.img" />
+                        <!-- <img v-if="playData?.img" class="img" :src="playData?.img" /> -->
                         <div class="name">{{ playData?.name }}</div>
                     </div>
 
                     <div class="bottom-middle flexcenter">
-                        <div class="operate flexcenter">
-                            <img class="speed left" src="./static/img/speed-white-left.png" @click="fastForward('slow')" />
-                            <img v-if="playData.state" class="play" @click="closeAll()" src="./static/img/pause-white-icon.svg" />
-                            <img v-else class="play" @click="rePlay()" src="./static/img/play-white-icon.svg" />
-                            <img class="speed right" src="./static/img/speed-white-right.png" @click="fastForward('fast')" />
-                        </div>
-                        <div class="flexacenter">
+                        <div class="flexacenter" style="margin-bottom: 10px">
                             <div class="time-display">{{ currentTimeFormatted }}</div>
                             <div class="progress-bar flexacenter" @click="handleBarDragBottomClick">
                                 <div class="bar white" :style="{ width: progress + '%' }" @mousedown="startBarDragBottom"></div>
@@ -71,6 +65,13 @@
                             </div>
                             <div class="time-display">{{ durationFormatted }}</div>
                         </div>
+
+                        <div class="operate flexcenter">
+                            <img class="speed left" src="./static/img/speed-white-left.png" @click="fastForward('slow')" />
+                            <img v-if="playData.state" class="play" @click="closeAll()" src="./static/img/pause-white-icon.svg" />
+                            <img v-else class="play" @click="rePlay()" src="./static/img/play-white-icon.svg" />
+                            <img class="speed right" src="./static/img/speed-white-right.png" @click="fastForward('fast')" />
+                        </div>
                     </div>
 
                     <div class="bottom-right flex1 flexcenter">