# 本次实际传入的完整原始输入

> 本文件是实验的输入快照，按仓库规则保留完整输入，不改写任务正文。

## 1. 批量执行指令（用户原文，逐字保留）

```text
所有的案例 demo 全部都做一遍，模型名称 DeepSeek-V4.1-Flash 档位 high, 用当前会话就好了，模型名称我已经告诉你。
```

## 2. 执行约定（随批量指令一并生效）

- 依据仓库 `AGENTS.md` 与 `docs/model-test-workflow.md`：先执行 `npm run topics:active` 取参与主题，跳过 `testingStatus: archived` 的主题（`stock-watching`）；其余主题使用版本号最大的提示词版本，逐个按原文执行。
- 全程在同一个会话内直接执行，未委派子代理，未查看其他目录、分支或远程的历史实现。
- 模型名称由用户指定为 **DeepSeek-V4.1-Flash**，推理档位 **high**。
- 本文件中的任务正文与 `demos/bluebook/prompts/v2/prompt.md`（v2）逐字一致；本文件多出的第 1、2 节是本次批量执行的指令与约定，不属于任务正文。
- 仓库共有 v1、v2 两个提示词版本，属于同一主题下的不同任务；未指定版本时按规则使用版本号最大的 v2，v1 未在本轮执行。

## 3. 任务正文（与 `demos/bluebook/prompts/v2/prompt.md` 一致，未改写）

我想做一个仿小红书的瀑布流图片展示页面，具体需求如下：

技术栈：
- 使用 React 18 + TypeScript
- 样式使用 Tailwind CSS
- 状态管理用 Zustand
- 图片懒加载使用 react-lazyload

页面结构：
1. 顶部搜索栏：
   - 左侧logo（文字"小蓝书"）
   - 中间搜索框，带搜索图标，placeholder"搜索你感兴趣的内容"
   - 右侧发布按钮

2. 瀑布流主体：
   - 两列布局（移动端），三列布局（平板），四列布局（桌面端）
   - 每个卡片包含：
     * 图片（宽度100%，高度自适应）
     * 标题（最多两行，超出显示...）
     * 作者头像（圆形，24px）和昵称
     * 点赞数（红心图标+数字）
   - 卡片hover效果：轻微上浮，阴影加深
   - 点击卡片有按压效果

3. 数据加载：
   - 首次加载20条数据
   - 滚动到底部自动加载更多
   - 加载时显示 loading 动画
   - 使用 mock 数据，包含不同高度的图片

样式要求：
- 整体风格清新简洁
- 主色调：#fe2c55（小红书红）
- 背景色：#f5f5f5
- 卡片背景：纯白，圆角 8px
- 适配 iPhone 12 及以上机型

交互效果：
- 下拉刷新功能
- 图片加载失败显示默认图
- 点赞动画：点击后红心放大再缩小
- 页面切换使用渐入效果

请生成完整的代码，包括组件拆分、样式处理和数据 mock。