# 我的模块实现任务

## 页面创建
- [x] profile.html - 我的主页
- [x] profile-info.html - 个人信息
- [x] agent-manage.html - 角色记忆管理
- [x] settings.html - 设置页
- [x] help.html - 帮助中心
- [x] agreement.html - 用户协议
- [x] privacy.html - 隐私政策
- [x] collection-list.html - 个人信息收集清单
- [x] sharing-list.html - 第三方信息共享清单

## 导航更新
- [x] 更新 device-control.html 底部导航链接
- [x] 实现 notifications.html (支持下拉展开详情)
- [x] 实现 guide-feeding.html (动态图文手册)
- [/] 实现 music-creation.html (卡皮巴拉音乐工坊 - Minimax API)
    - [x] 播放器视觉 (黑胶/气泡)
    - [ ] **UI Refinements:**
        - [ ] Increase Playlist Modal Height
        - [x] Unify "Storage Box" (收纳箱) -> "Record Shelf" (唱片架)
        - [x] Move "Record Shelf" Icon to Header
        - [x] Add Play/Pause toggle overlay on Vinyl (Always Visible)
        - [x] Modify Vinyl Animation: Spin outer ring only (Capybara static)
        - [ ] **Final Polish:**
            - [x] Reduce Modal Height
            - [x] Add Scroll Fade (Mask) for soft edges (Updated to 60px)
            - [x] Adjust Grid Sizing (3 columns fit fully)
            - [x] Hide Scrollbars (Vertical & Horizontal)
        - [x] Replace Emoji Icon with SVG (Like Bell)
        - [x] Add "唱片架" Label to Icon
        - [x] Fix Header Back Button Style
        - [x] Optimize Overall Layout (Compact Vinyl, Margins)
    - [x] **Refactor Input to Card Layout** <!-- id: 4 -->
        - [x] Remove Persistent Input Bar
        - [x] Add 2 New Mood Cards (Focus & Custom)
        - [x] Implement Custom Input Modal
        - [x] Update Grid Layout for 6 Cards
        - [x] Add Playback Progress Bar with Time Display
    - [ ] Playlist Logic (Mock Data + Generation)

## 交互优化
- [x] 替换所有原生 alert/confirm 为自定义弹窗 (Glass Modal)

## 布局规范化
- [x] 统一法务页面 Gradient Mask Scroll 布局 (padding 120px, mask 100-130px)
- [x] 同步更新设备设置页 (.settings-content)
- [x] 写入 PRD 文档 (§ 3.3.2)
- [x] 写入 Design System