你是一名资深前端原型工程师。你的任务是：为“原型工程（/specs/prototypes/）”补齐视频展示类页面（Web + Mobile），用于演示素材库/课程/教程等视频内容的浏览与播放交互。

路由（必须）：
1. Web：`/tools/video`（若已存在则增强为可演示版本）。
2. Mobile（前缀必须为 `/m/*`）：`/m/video`（必须稳定可访问）。

页面结构（必须）：
1. 视频列表：
   - 至少 6 个视频卡片：标题、时长、摘要、封面、标签
   - 支持搜索/筛选（最小可用即可）
2. 播放区域：
   - 点击视频卡片进入播放态（可在同页弹 Drawer/Modal，或跳转详情路由二选一）
   - 播放/暂停、进度条占位交互必须可演示（mock 即可）
3. 最近播放（必须）：
   - 记录最近播放列表（mock），并可一键继续播放

交互与状态（必须可演示）：
1. 加载/空/错误状态：Skeleton、空态引导、错误重试。
2. 权限受限视频：至少 1 条视频标注“无权限”，卡片置灰并提示原因（基于 session/角色 mock）。

数据要求（必须）：
1. 数据来自 mock（例如 `mock.videos`），字段至少包含：id、title、duration、summary、cover、tags、permission。
2. Web 与 Mobile 复用同一数据源。

入口要求（必须）：
1. Mobile：移动端 Landing 金刚区必须提供“视频”入口，跳转到 `/m/video`。

