HTML&CSS：高颜值歌词播放器

　　该 HTML 文件是一个沉浸式中文歌词滚动播放器的前端实现，融合了现代 UI 设计(玻璃拟物、渐变光影)与交互逻辑(自动滚动、点击跳转、进度同步)，模拟音乐播放时的歌词展示场景，视觉层次感与用户体验俱佳。

　　HTML

　　lyric-container：播放器主容器，包裹所有子模块，提供滚动区域，是页面核心交互载体

　　header：头部模块：包含歌曲标题、歌手名、播放进度条，采用 sticky: top 固定在顶部，滚动时不消失

　　song-title song-artist：分别显示歌曲名(色彩世界)与歌手名(幻想乐队)，承担信息展示功能

　　progress-bar progress：播放进度条：外层为背景条，内层为进度填充条，进度随歌词滚动同步更新

　　lyric-line：单个歌词行容器，每个元素对应一句中文歌词，是动态高亮效果的核心载体

　　footer：底部控制模块：包含播放 / 切歌按钮，采用 sticky: bottom 固定在底部，方便用户操作

　　controls：控制按钮容器，用 flex 布局横向排列按钮，确保对齐美观

　　control-btn：控制按钮：左 / 右按钮为切歌(⏮/⏭)，中间为播放 / 暂停(▶/⏸)，play-btn 类单独强化样式

　　CSS

　　.lyric-container 播放器主容器：宽度 90%(最大 700px)、高度 80vh，适配不同屏幕;玻璃拟物风格(background: rgba(15,23,42,0.7)+backdrop-filter: blur(10px))、圆角 20px、阴影(0 10px 30px rgba(0,0,0,0.5))、半透明边框(1px solid rgba(255,255,255,0.1));启用垂直滚动(overflow-y: scroll)，隐藏滚动条(多浏览器兼容：scrollbar-width: none/::-webkit-scrollbar)。

　　.header/.footer 头部与底部模块：sticky 固定(头部 top:0、底部 bottom:0)，滚动时保持可见; 视觉：同播放器主容器的玻璃拟物风格，底部添加 1px 半透明边框(border-top/bottom: 1px solid rgba(255,255,255,0.1))，分隔区域; 内边距：padding: 1rem 0，确保内容不拥挤。

　　.song-title/.song-artist 歌曲信息样式：标题：字体 2.5rem、700 字重、白色，添加文字阴影(0 0 15px rgba(255,255,255,0.5))，增强视觉突出度;歌手名：字体 1.2rem、浅灰色(#cbd5e1)，作为标题的辅助信息，视觉上更柔和。

　　.progress-bar/.progress 进度条样式：背景条：宽度 80%、高度 4px、浅灰背景(rgba(255,255,255,0.2))、圆角 2px;进度条：渐变填充(linear-gradient(90deg, #3b82f6, #8b5cf6))，进度随滚动动态更新，transition: width 0.3s ease 确保过渡平滑。

　　.control-btn/.play-btn 控制按钮样式：普通按钮：圆形(border-radius: 50%)、50×50px 尺寸、半透明背景(rgba(255,255,255,0.1))、白色图标，hover 时背景加深(rgba(255,255,255,0.2))+ 缩放(scale(1.1));播放按钮：单独放大(60×60px)，渐变背景(linear-gradient(135deg, #3b82f6, #8b5cf6))，hover 时渐变加深，视觉上突出核心操作。

　　.lyric-line 歌词行基础样式：布局：文字居中、不换行(white-space: nowrap)、内边距 0.5rem 1rem、行高 3rem，确保歌词间距舒适;视觉：默认半透明(opacity: 0.4)、缩小(scale(0.9))、400 字重，文字阴影(0 2px 10px rgba(0,0,0,0.3))增强可读性;动画：transition: all 0.3s ease-out，确保高亮 / 透明度变化平滑。

　　.lyric-line.active 歌词高亮样式(当前聚焦行)：视觉强化：不透明度 1、放大(scale(1.05))、700 字重、白色文字; 装饰效果：中间渐变背景(linear-gradient(90deg, transparent, rgba(59,130,246,0.2), transparent))、左右 3px 蓝色边框(#3b82f6)，明确标识当前歌词。