你是一名资深前端原型工程师。你的任务是：为“原型工程（/specs/prototypes/）”补齐文章阅读类页面（Web + Mobile），用于演示内容消费、阅读偏好与收藏分享等交互。

路由（必须）：
1. Web：
   - 文章列表：`/articles`
   - 文章详情：`/articles/:id`（至少保证 `/articles/1` 可访问）
2. Mobile（前缀必须为 `/m/*`）：
   - 文章列表：`/m/articles`
   - 文章详情：`/m/article/:id`（至少保证 `/m/article/1` 可访问）

文章列表（必须）：
1. 搜索 + 标签筛选（最小可用即可）。
2. 列表项至少包含：标题、摘要、作者、发布时间（本地化）、标签、阅读量（mock）。
3. 点击进入文章详情。

文章详情（必须）：
1. 标题区：标题、作者、发布时间、标签。
2. 正文区：支持长文滚动阅读（mock 文本即可）。
3. 阅读辅助（至少 2 项）：
   - 字号调节（小/中/大）
   - 夜间模式开关（仅影响页面样式，mock 即可）
   - 阅读进度提示（顶部进度条或底部百分比）
4. 动作区（必须）：
   - 收藏/点赞/分享（可占位，但必须可点击并写回 mock）
   - “评论”入口：跳转到评论页或在页内抽屉展示（评论输入必须用 Drawer）

数据要求（必须）：
1. 数据来自 mock（例如 `mock.articles`），字段至少包含：id、title、summary、content、author、time、tags、stats（views/likes/favs）。
2. Web 与 Mobile 复用同一数据源。

入口要求（必须）：
1. Web：可从左侧菜单或 Landing 快捷入口进入（按原型整体导航约定选择其一，需稳定可访问）。
2. Mobile：移动端 Landing 金刚区必须提供“文章”入口，跳转到 `/m/articles`。

