Music Board

• 多视图信息架构：Home / Collections / Tracks / Notes。
• 搜索框 + tags/chips 筛选（面向“检索”而不是“浏览到底”。）
• 底部播放器区：支持展开/清空，嵌入播放不打断当前页面。

• 多视图信息架构：Home / Collections / Tracks / Notes。
• 搜索框 + tags/chips 筛选（面向“检索”而不是“浏览到底”。）
• 底部播放器区：支持展开/清空，嵌入播放不打断当前页面。

• 数据驱动（catalog.json）：结构化字段支撑搜索、筛选与多视图渲染。
• 播放器 embed：统一的播放入口与跨平台链接组织。

• Collections · Tracks · Notes · Player

• 音乐收藏往往散落在多个平台：保存容易、回看困难。这个项目把“收藏”变成可检索的结构化面板，并把“播放入口”固定在页面底部。
• 把不同平台的收藏汇总为一个入口（合集/单曲）。
• 通过搜索与标签快速定位“想听的那一首”。

• Format: Web App
• Status: Archived

音乐收藏往往散落在多个平台：保存容易、回看困难。这个项目把“收藏”变成可检索的结构化面板，并把“播放入口”固定在页面底部。

• 把不同平台的收藏汇总为一个入口（合集/单曲）。
• 通过搜索与标签快速定位“想听的那一首”。
• 听歌时随手记 Notes，形成长期沉淀。

• 多视图信息架构：Home / Collections / Tracks / Notes。
• 搜索框 + tags/chips 筛选（面向“检索”而不是“浏览到底”。）
• 底部播放器区：支持展开/清空，嵌入播放不打断当前页面。

• 黑白极简 + 纸感层级：bg/paper/hairline 的微对比，避免纯黑纯白的硬。
• 字体分工：标题 serif 提升气质，辅助信息 mono 提升结构感与可扫读。
• 轻动效：hover 只做轻微位移/边框变化，保持克制。

• 数据驱动（catalog.json）：结构化字段支撑搜索、筛选与多视图渲染。
• 播放器 embed：统一的播放入口与跨平台链接组织。