你是一名资深前端原型工程师。你的任务是：为“原型工程（/specs/prototypes/）”补齐商品评论/评价页面（Web + Mobile），并与商品详情页形成可演示串联。

路由（必须）：
1. Web：`/products/:id/reviews`（至少保证 `/products/1/reviews` 可访问）。
2. Mobile（前缀必须为 `/m/*`）：`/m/product/:id/reviews`（至少保证 `/m/product/1/reviews` 可访问）。

页面结构（必须）：
1. 顶部摘要：
   - 评论总数、好评率（mock）
   - 星级分布（可用进度条/条形图占位）
2. 筛选与排序（最小可用即可）：
   - 筛选：全部/有图/追评（示例即可）
   - 排序：最新/最有用
3. 评论列表：
   - 单条评论至少包含：用户昵称（可匿名）、星级、评论内容、图片（可选）、时间（本地化）
   - 敏感信息必须脱敏显示（若出现手机号/邮箱等字段）
4. 写评论（必须）：
   - “写评价”按钮：打开 Drawer 表单（禁止页内直接编辑）
   - 字段至少包含：星级（必填）、内容（必填）、图片（可选，mock 上传即可）
   - 提交后写回 mock，并在列表可见

交互与状态（必须可演示）：
1. 支持分页/加载更多（Web 用分页也可，Mobile 建议滚动加载）。
2. 加载/空/错误状态：Skeleton、空态引导、错误重试。

数据要求（必须）：
1. 评论数据来自 mock（例如 `mock.reviews[productId]`），字段至少包含：id、productId、userName、rating、content、images、time。
2. 允许同一用户重复评价的策略可简化为覆盖或追加（需明确在 mock 行为里）。

入口要求（必须）：
1. 商品详情页必须提供“查看全部评论”入口跳转到本页（Web 与 Mobile 各自对应路由）。

