底部弹出式目录

背景

原目录使用 HTML <select> 下拉，在手机上交互体验差，且无法浏览完整章节标题。

实现方式

交互

操作	行为
点击底部「☰ 目录」按钮	底部滑出目录面板
点击章节条目	跳转到该章节，关闭面板
点击 ✕ 按钮	关闭面板
点击半透明遮罩	关闭面板

结构

┌──────────────────────────┐
│                          │  ← 半透明遮罩
│  ┌────────────────────┐  │
│  │  目录            ✕ │  │  ← 标题栏
│  │────────────────────│  │
│  │  1. 第一章         │  │
│  │  2. 第二章         │  │  ← 可滚动列表
│  │  3. 第三章         │  │
│  │  ...               │  │
│  └────────────────────┘  │
└──────────────────────────┘

• 面板从底部滑入，max-height: 65vh（手机 70vh）
• 圆角顶部（border-radius: 16px 16px 0 0）
• 毛玻璃背景（backdrop-filter: blur）
• 章节条目左侧蓝色指示线高亮当前章节（待优化）

关联文件

• public/books/reader-money-dog.html
• public/books/reader-rich-dad.html