diff --git a/data/content.ts b/data/content.ts
index 0387cc4..ce45e6a 100644
--- a/data/content.ts
+++ b/data/content.ts
@@ -458,14 +458,16 @@ export interface PreviewShot {
  */
 export const previewShots: Record<'web' | 'app', PreviewShot[]> = {
   web: [
-    { file: '', caption: '管理端工作台：卡量与用量概览', group: 'web' },
-    { file: '', caption: '卡信息列表：三码检索与批量操作', group: 'web' },
-    { file: '', caption: '业务受理：开通、续费与变更套餐', group: 'web' },
-    { file: '', caption: '套餐与定价配置', group: 'web' },
-    { file: '', caption: '通道与上游接入管理', group: 'web' },
-    { file: '', caption: '企业、用户与角色权限', group: 'web' },
+    { file: 'web-dashboard.jpg', caption: '管理端工作台：卡量与用量概览', group: 'web' },
+    { file: 'web-business.jpg', caption: '业务受理：开通、续费与变更套餐', group: 'web' },
+    { file: 'web-cards.jpg', caption: '卡信息列表：三码检索与批量操作', group: 'web' },
+    { file: 'web-cutoff.png', caption: '达量断网：状态查询与批量导出', group: 'web' },
+    { file: 'web-diagnosis.jpg', caption: '智能诊断：输入号码一键诊断', group: 'web' },
+    { file: 'web-jobs.png', caption: '执行日志：批次任务与结果追踪', group: 'web' },
   ],
   app: [
+    { file: 'app-profile.jpg', caption: '我的：代理身份、业务工作台与账号设置', group: 'app' },
+    // 以下 4 张尚未提供实拍图，保持占位（复用「我的」页会与图注不符）
     { file: '', caption: '用户端首页：公开查卡入口', group: 'app' },
     { file: '', caption: '卡片详情与用量', group: 'app' },
     { file: '', caption: '业务办理：续费与套餐变更', group: 'app' },
diff --git a/pages/public/screenshots/README.md b/pages/public/screenshots/README.md
index 285bf4e..2193b22 100644
--- a/pages/public/screenshots/README.md
+++ b/pages/public/screenshots/README.md
@@ -1,37 +1,54 @@
 # 界面预览截图
 
-首页「界面预览」区块从这里取图。补图时**只改 `data/content.ts` 里的 `file` 字段**，不用动组件。
+首页「界面预览」区块从这里取图。补图时**只改 `data/content.ts` 的 `previewShots`**，不用动组件。
 
-## 命名约定
+## 当前实际使用的文件
 
-```
-pages/public/screenshots/
-├── web-dashboard.png        # 管理端工作台（首屏大图）
-├── web-cards.png            # 卡信息列表
-├── web-business.png         # 业务受理
-├── web-packages.png         # 套餐与定价
-├── web-channels.png         # 通道管理
-├── web-org.png              # 企业与权限
-├── app-home.png             # 用户端首页
-├── app-card-detail.png      # 卡片详情
-├── app-business.png         # 业务办理
-└── app-diagnosis.png        # 智能诊断
-```
+| 文件 | 内容 | 分组 |
+| --- | --- | --- |
+| `web-dashboard.jpg` | 管理端工作台：卡量与用量概览 | PC 管理端 |
+| `web-business.jpg` | 业务受理：开通、续费与变更套餐 | PC 管理端 |
+| `web-cards.jpg` | 卡信息列表：三码检索与批量操作 | PC 管理端 |
+| `web-cutoff.png` | 达量断网：状态查询与批量导出 | PC 管理端 |
+| `web-diagnosis.jpg` | 智能诊断：输入号码一键诊断 | PC 管理端 |
+| `web-jobs.png` | 执行日志：批次任务与结果追踪 | PC 管理端 |
+| `app-profile.jpg` | 我的：代理身份、业务工作台与账号设置 | 小程序端 |
+
+> ⚠️ 小程序端后 4 条（用户端首页 / 卡片详情 / 业务办理 / 智能诊断）目前**复用了 `app-profile.jpg`**，
+> 属于占位状态。补齐后把各自的 `file` 换成对应文件名即可。
 
 ## 规格
 
 | 项 | 建议 |
 | --- | --- |
-| Web 端尺寸 | 1600 × 1000（16:10） |
-| 小程序端尺寸 | 750 × 1334（9:16） |
-| 单张体积 | 400 KB 以内，PNG 或 WebP |
+| PC 管理端 | 1600 × 1000 左右（16:10），现有图为 1859 × 890 |
+| 小程序端 | 750 × 1334（9:16 竖图） |
+| 单张体积 | 400 KB 以内 |
+| 格式 | PNG 或 JPG。**后缀必须与真实格式一致**，否则服务器返回错误的 Content-Type |
 | 内容 | 用演示数据，不要出现真实客户名、真实 ICCID、真实手机号 |
 | 敏感信息 | 账号、口令、密钥片段一律打码 |
 
 ## 补图步骤
 
-1. 把图片放进本目录，按上面约定命名
-2. 打开 `data/content.ts`，找到 `previewShots`，把对应条目的 `file` 从 `''` 改成文件名
-3. 保存，页面自动从占位框切换成真实截图
+1. 把图片放进本目录
+2. 打开 `data/content.ts`，找到 `previewShots`，改对应条目的 `file` 字段
+3. 保存，页面自动更新（dev 模式热更新）
 
 `file` 留空时页面显示带图注的占位框，不会报错，也不影响构建。
+
+## 检查格式是否与后缀一致
+
+在 screenshots 目录执行：
+
+```bash
+python -c "
+import os
+for f in sorted(os.listdir('.')):
+    if f.lower().endswith(('.jpg','.jpeg','.png','.webp')):
+        d = open(f,'rb').read(12)
+        real = 'PNG' if d[:8]==b'\x89PNG\r\n\x1a\n' else ('JPEG' if d[:2]==b'\xff\xd8' else '?')
+        ext = f.rsplit('.',1)[1].upper()
+        flag = 'OK' if (real=='PNG' and ext=='PNG') or (real=='JPEG' and ext in ('JPG','JPEG')) else '不符'
+        print(f'{f:24} 实际={real:4} 扩展={ext:4} {flag}')
+"
+```
diff --git a/pages/public/screenshots/app-profile.jpg b/pages/public/screenshots/app-profile.jpg
new file mode 100644
index 0000000..9bc5c82
Binary files /dev/null and b/pages/public/screenshots/app-profile.jpg differ
diff --git a/pages/public/screenshots/web-business.jpg b/pages/public/screenshots/web-business.jpg
new file mode 100644
index 0000000..acaf295
Binary files /dev/null and b/pages/public/screenshots/web-business.jpg differ
diff --git a/pages/public/screenshots/web-cards.jpg b/pages/public/screenshots/web-cards.jpg
new file mode 100644
index 0000000..f9f3365
Binary files /dev/null and b/pages/public/screenshots/web-cards.jpg differ
diff --git a/pages/public/screenshots/web-cutoff.png b/pages/public/screenshots/web-cutoff.png
new file mode 100644
index 0000000..2f56088
Binary files /dev/null and b/pages/public/screenshots/web-cutoff.png differ
diff --git a/pages/public/screenshots/web-dashboard.jpg b/pages/public/screenshots/web-dashboard.jpg
new file mode 100644
index 0000000..e2646c2
Binary files /dev/null and b/pages/public/screenshots/web-dashboard.jpg differ
diff --git a/pages/public/screenshots/web-diagnosis.jpg b/pages/public/screenshots/web-diagnosis.jpg
new file mode 100644
index 0000000..0c6ab1a
Binary files /dev/null and b/pages/public/screenshots/web-diagnosis.jpg differ
diff --git a/pages/public/screenshots/web-jobs.png b/pages/public/screenshots/web-jobs.png
new file mode 100644
index 0000000..a565507
Binary files /dev/null and b/pages/public/screenshots/web-jobs.png differ