Conversation
音频播放 - 新增 MusicPlayer 组件：右下角悬浮胶囊播放器，唱片旋转指示播放状态 - 音量与播放状态持久化，翻页不中断（挂在 Layout 的 bottom 插槽） - 尊重浏览器自动播放策略：首次用户手势后才恢复播放，不主动发声 - 新增 docs/public/audio/ 目录占位，音频文件由维护者放入（bgm.mp3） 视觉体系 - 新增 theme/styles.css 设计令牌：浅色/深色双主题，语义变量 + 尺度 + 三级阴影 - 强调色取自 hero LOGO 实测色（蓝 #3355ff / 紫 #9988ff），不再使用默认蓝 - 蓝=结构色（链接/激活/CTA），紫=互动色（hover 终态/选中文本/代码块），两色通过状态过渡衔接 - 首页氛围层：左蓝右紫光晕 + 网格 + 细噪点，浅色下自动收敛透明度 - 状态接力动效：链接 hover 蓝转紫、卡片边框蓝转紫、顶部滚动进度条蓝紫接力 - 输入框焦点指示改为柔和光环，避免硬描边 搜索弹窗 - 新增 SearchPop 组件：弹窗从点击位置放大弹出（Apple sheet damping 0.8 / response 0.3s） - 通过 focusin 与 MutationObserver 探测弹窗，不依赖被哈希的类名 - 使用独立 scale/translate 属性，避免覆盖弹窗自身的居中 transform - 输入框边框改为中性色，聚焦时才亮起品牌色光环 无障碍：全部动效在 prefers-reduced-motion 下关闭，焦点环 2px + 2px 偏移
Collaborator
Author
|
@CapableCCat 嘿，我需要你🥹 |
CapableCCat
requested changes
Sep 29, 2026
CapableCCat
left a comment
CapableCCat
left a comment
Collaborator
There was a problem hiding this comment.
Updata:
- fix:“音频调试按钮”与“回到顶部按钮”重叠
- feat:添加样式多样化配置，用户可自定义配置主题颜色，或者允许选取官方提供的样式
Advise:
- 背景音乐源文件占用空间较大，对于项目部署和服务器负载有一定影响，可以考虑连接线上音乐库
This branch has not been deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
音频播放
视觉体系
搜索弹窗
无障碍：全部动效在 prefers-reduced-motion 下关闭，焦点环 2px + 2px 偏移