幻觉音乐播放器

设计一个虚构音乐专辑的播放器界面。专辑名叫《深夜收音机》，艺术家是一个叫"候鸟"的独立乐队，共 8 首歌。界面里没有真实音频，但要通过动效、视觉节奏、排版和氛围让人感受到音乐的存在——播放时应该有某种东西在"动"或"呼吸"。歌曲可以点击切换，要有进度条可以拖拽（假数据即可）。整体气质：深夜、模拟感、带一点忧郁的温暖。请输出完整的单文件 HTML。

设计一个虚构独立乐队的音乐专辑播放器界面。 **专辑设定（请严格使用以下信息，不要改名或减少曲目）：** - 专辑名：《深夜收音机》 - 艺术家：候鸟（一支虚构的独立乐队） - 发行年份：2024 - 曲目数：共 8 首，曲目列表如下（顺序固定，时长可由你合理虚构，但建议在 3:00 ~ 5:30 之间）： 1. 凌晨三点的潮汐 2. 路过你的便利店 3. 短波电台 4. 候鸟回巢 5. 雨夜末班车 6. 旧磁带 B 面 7. 失眠星图 8. 天亮以前 **核心约束（题眼）：** 界面里 **不能有任何真实声音**——禁止使用 `<audio>` 加载音频文件，禁止用 Web Audio API 合成声音，禁止任何形式的真实音频回放。所有"音乐在播放"的感受必须完全通过视觉与交互制造： - 当前播放歌曲所在的卡片、专辑封面或某个画面元素应当持续地"动"或"呼吸"——可以是封面上的纹理在缓慢漂移、波形在脉动、唱针在微微抖动、灯光在跟着某种节奏明灭。这种动效不是花哨的装饰，而是用来"演奏"这首歌 - 不同歌曲应当有不同的视觉节奏：第 1 首慢板潮汐感、第 3 首老式电波信号感、第 5 首雨水落在车窗的颗粒感、第 8 首天亮前的渐亮感——8 首歌的视觉氛围至少应当能让人分辨出 4 种以上的差异，而不是一个动画用 8 次 - 暂停按钮按下时，整个界面应当真的"停下来"——不只是图标变了，连那种正在呼吸的视觉律动也跟着冻结，重新播放后再缓缓恢复 **界面必须包含以下结构：** 1. **专辑封面区**：占据界面视觉重心。封面不要使用任何外部图片，必须用 CSS / SVG / Canvas 生成；封面应当呼应"深夜收音机"这个名字，可以是夜空、广播塔、收音机表盘、霓虹招牌、月光下的便利店窗户等任一意象。播放时封面里某些元素要在动 2. **当前播放曲目信息**：曲序 + 歌名 + 艺术家 + 当前时长 / 总时长。文字层级要做出来，曲名最大、艺术家次之、时间用等宽数字。曲名切换时建议有过渡动画（淡入 / 字符级动效），不要硬切 3. **进度条**：可以拖拽（鼠标按下并拖动），假数据即可——可视化上要表现出进度推进；建议进度条本身就是视觉律动的一部分（轻微的颗粒感、跟着节奏微微脉动等）。鼠标 hover 时显示拖到的目标时间 4. **播放控制**：上一首 / 播放暂停 / 下一首 三个核心按钮必须有；建议加上随机播放、循环模式（单曲 / 列表）等次级控制 5. **曲目列表**：8 首歌全部可见且可点击切换（可以是侧栏、底部抽屉、右侧面板任意形式）；每首歌至少要有曲序、歌名、时长三项信息；当前播放歌曲应当有清晰的视觉强调，建议附带一个微动效（小波形、跳动条、脉动点）只在当前播放项上播放 6. **次级元素**：建议（不强制）加入——音量条（拖拽假数据即可）、歌词区（可以做成卡拉 OK 式高亮、滚动行、渐隐三行等任意形式，歌词内容由你为这 8 首歌虚构）、专辑标签 / 厂牌 / 年份等小字信息 **整体气质：** - **深夜**：色彩偏深，但不能是廉价的纯黑底——应当是暖色调的深色（深棕、深蓝紫、墨绿、暗红等），像凌晨三点房间里只开了一盏小灯 - **模拟感**：可以借鉴老式收音机、磁带机、黑胶机、CRT 屏幕、霓虹招牌、Hi-Fi 设备的视觉语言；允许（建议）加入轻微的胶片颗粒、扫描线、噪点、微微的色散等模拟设备的"瑕疵纹理" - **带一点忧郁的温暖**：不是冰冷的赛博朋克，也不是廉价的"夜店霓虹"——应该让人想起"一个人坐在深夜便利店窗边"的那种感觉 - 字体选型应当与气质匹配：建议用衬线体或带个性的展示体作为标题，搭配一款气质内敛的等宽体显示时间数字 **技术要求：** - 输出一个完整可运行的单文件 HTML，所有 CSS、JS 内联或走 CDN，不依赖任何本地资源 - 完美适配桌面端和手机端显示 - 严格禁止：`<audio>` 加载真实音频文件、Web Audio API 合成声音、任何形式的真实音频回放 - 允许：CDN 引入网页字体（Google Fonts 等）、CDN 引入开源动画库（GSAP / anime.js / Lottie 等） - 专辑封面必须用代码生成（CSS / SVG / Canvas），禁止外链 jpg / png / webp 图片素材 - 拖动进度条、切换歌曲、暂停 / 播放等交互必须流畅（≥ 30fps），不能因为动效计算导致卡顿 请输出完整的单文件 HTML。