汉字星际 (char-select)

文件：web/src/pages/char-select/char-select.vue
路由：/char-select（TabBar 汉字）

页面职责

500 个汉字的浏览与筛选页面，支持分类筛选、搜索和多音字标识，点击汉字进入书写练习。

使用的 Store

useCharacterStore：汉字数据（characters）、分类数据（categories）
useUserStore：学习记录，用于判断汉字掌握状态

核心功能

分类筛选

横向滚动的分类标签栏（6 大分类 + 24 子分类）
每个分类显示名称和颜色标识
点击切换分类，过滤汉字列表

搜索功能

搜索图标触发展开内联搜索框
支持拼音搜索（首字母/全拼）和汉字搜索
全拼模式切换按钮
搜索框失焦时自动收起
搜索结果实时过滤

汉字列表

网格展示过滤后的汉字
每个汉字卡片显示：拼音、汉字、掌握状态图标
掌握状态：绿色对勾（已掌握）、红色叉号（薄弱）、默认（未学习）
多音字标识（辅音显示为灰色）
点击进入书写练习（/write?from=char-select）

导航

无返回按钮（TabBar 页面）