一张唱片的制作说明

封面图存放在 public/covers/，来自音乐商店的公开接口，只保存商店返回的标准缩略图。想换成自己的图，用同名文件覆盖即可，不需要改任何代码；商店里查不到的独立发行曲目使用程序生成的占位图，保证每首歌都有确定的视觉。

旋转由一段 CSS 关键帧完成，组件只切换 animation-play-state。这样暂停不会丢失角度，再次播放从原处继续；系统开启减少动态效果时，整个动画可以直接停用而不影响布局。唱片对读屏是装饰，曲目名始终以文字形式存在于旁边。

唱片组件不知道播放器的存在：它只接收封面、标题和播放状态。尺寸由使用方决定——展开的面板里是大盘，收起的入口里是小事。同一份结构在两个尺寸下都成立，是因为所有比例都用百分比声明，没有一处写死像素。