feat(portal): 补入界面预览实拍图，替换达量断网为空表的旧图

原先 previewShots 全部是空 file（占位框），截图文件本身也从未提交过，
所以线上界面预览区块一直是占位状态。

本次
- 替换达量断网截图为有数据的版本：原图是空表（显示"暂无数据"），
  与图注「状态查询与批量导出」不符；新图含 5 条记录 1859×890
- 新图实为 PNG，初版按原 .jpg 后缀保存会导致 Content-Type 错标，
  已改为 web-cutoff.png 并同步引用
- 一并提交其余 6 张已被 previewShots 引用的实拍图
  （工作台 / 业务受理 / 卡信息列表 / 智能诊断 / 执行日志 / 我的），
  否则引用会 404
- 重写 screenshots/README.md：原命名约定与实际文件完全不符，
  改为列出当前实际使用清单 + 格式自检脚本

如实标注的缺口
- 小程序端只有「我的」1 张实拍图，其余 4 条（首页 / 卡片详情 /
  业务办理 / 智能诊断）保持空占位。原先 5 条全部复用 app-profile.jpg，
  会让图注与图片不符，已改回占位等补图

验证
- 浏览器实测：6 个缩略图图注正确，主图 naturalWidth=1859、complete=true
- 切换小程序端正常显示「我的」页，其余 4 条显示占位框
- 全部图片格式与后缀一致（PNG/JPG 逐一校验）

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' },