docs(vi): 应用图标页改为 iPhone 18 Pro 主屏幕模拟

- 第 22 页右栏换成 iPhone 18 Pro 主屏幕效果图（黑色机身、Black 壁纸、4 行图标，第四行为股市和标博士），旁边是 Apple 连续曲率圆角裁切的两个尺寸图标；邮件签名移到左栏
- 新增 vi/mockup/：iphone-home.html 排版，fetch.sh 获取系统图标和壁纸，build.sh 量机身、生成遮罩并按 3 倍截图
- Apple 素材（机身、壁纸、系统图标）版权归 Apple，放在 mockup/apple/ 不进 git；机身需本人同意 Apple Design Resources 许可后手动放入，使用限制见 mockup/README.md
- 重新导出 VI 手册 PDF

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

docs/design/vi/mockup/README.md

@@ -0,0 +1,20 @@
+# iPhone 桌面模拟
+
+VI 手册第 22 页「应用图标」用的 iPhone 主屏幕效果图：iPhone 18 Pro 黑色机身、iPhone 18 Pro 官方壁纸 Black（深色、干净，不和印章红冲突）、iOS 系统应用图标。只放 4 行图标，第四行只有股市和「标博士」两个，下半屏留空。
+
+- `iphone-home.html`：主屏幕排版（按 iPhone 18 Pro 屏幕 402×874pt，1 CSS px = 1pt）
+- `fetch.sh`：下载系统图标和壁纸到 `apple/`
+- `build.sh`：从机身 PNG 量出屏幕位置，生成屏幕遮罩和 `apple/geometry.css`，再用 Chrome 无头模式按 3 倍截图成 `apple/iphone-home.png`（透明背景），手册引用这张图
+- `apple/`：Apple 的素材和生成结果，**版权归 Apple，不进 git**
+
+## 重新生成
+
+1. 运行 `./fetch.sh`。系统图标来自 App Store 公开查询接口（中国区），壁纸来自 iClarified 转载的官方壁纸。
+2. 放入机身。机身来自 [Apple Design Resources](https://developer.apple.com/design/resources/) 的 iPhone 18 Product Bezels（`Bezel-iPhone-18.dmg`）。打开 DMG 前要**由本人阅读并同意** Apple Design Resources 许可协议，不要用脚本自动同意。打开后把 `PNG/iPhone 18 Pro/iPhone 18 Pro - Black - Portrait.png` 复制为 `apple/bezel.png`，许可文件 `Apple Design Resources License.rtf` 也一起放进 `apple/`。
+3. 运行 `./build.sh`。换机型时只要替换 `apple/bezel.png`，屏幕位置会重新量；但图标排版是按 402pt 屏宽调的，换成屏宽差别大的机型要检查一下。
+
+## 使用限制
+
+- Apple Design Resources 许可只允许把机身用于**只运行在 Apple 系统上的软件**的界面效果图；把效果图交给别人时，要让对方知道这些限制，也不能把素材抠出来单独使用。标博士目前是桌面 Web 产品，这张图只作为应用图标的示意。手册如果要对外发布，先确认这一点，或者把手机换回自绘的示意机身。
+- 系统图标和壁纸的版权归 Apple，只作为示意，不用于宣传物料。
+- 日历图标上的星期是英文「Tue」：App Store 只提供这一版，真机在中文系统上会显示「星期二」。