你是一名资深前端原型工程师。你的任务是：为“原型工程（/specs/prototypes/）”补齐移动端瀑布流（Masonry）展示页面，用于演示图片/商品/内容的高密度信息呈现与滚动加载。

路由（必须）：
1. 移动端路由前缀必须为 `/m/*`。
2. 本页面路由为 `/m/waterfall`（必须稳定可访问）。

页面结构（必须）：
1. 顶部栏：返回 + 标题“瀑布流”。
2. 顶部筛选条（最小可用即可）：
   - 至少 1 个分类筛选（如“推荐/商品/文章”）
   - 至少 1 个排序（如“最新/最热”）
3. 瀑布流主体：
   - 2 列或 3 列自适应布局（必须是瀑布流效果，不是等高 Grid）
   - 卡片至少包含：封面（不同高度）、标题、标签、时间/价格（二选一）
4. 卡片点击：
   - 若是商品卡：跳转 `/m/product/:id`
   - 若是内容卡：跳转 `/m/article/:id`（不存在则补齐最小文章详情路由）

交互与状态（必须可演示）：
1. 滚动加载更多（必须）：触底加载下一页（mock 分页）。
2. 下拉刷新（可选但建议）：刷新后更新时间提示。
3. 加载/空/错误状态：Skeleton、空态引导、错误重试。

数据要求（必须）：
1. 数据来自 mock（例如 `mock.waterfall.items`），字段至少包含：id、type（product/article/image）、title、cover、height、time/price。
2. 需要提供不同高度的 cover（通过 mock height 或不同纵横比实现）。

与 Landing 串联（必须）：
1. 移动端 Landing 的金刚区必须提供“瀑布流”入口，跳转到 `/m/waterfall`。

