feat(portal): 首页补齐产品功能、核心能力、界面预览、官方文档四个区块

用户反馈首页缺产品功能、核心能力与界面预览，且没有官方文档入口。

新增区块
- 产品功能：三条产品线（iotLCM / 秀杰 DTU / XiuAdmin），
  每条列 6 项能力，卡片底部直达详情页
- 核心能力：8 张带标签的卡片，讲工程层面的硬指标
  （部署、接入、开放、治理、韧性、交付、数据、维护），
  与"产品功能"区分开：前者是做什么，后者是凭什么能用住
- 界面预览：ScreenshotPreview 组件，Web 管理端 / 小程序端两组标签切换，
  首屏大图 + 缩略图条，带浏览器窗口装饰
- 官方文档：6 个入口卡片（文档中心、Web 手册、小程序手册、部署手册、
  OpenAPI 合同、门户部署说明），外链自动加 target=_blank

界面预览的占位机制
- previewShots 里 file 留空时渲染带图注的占位框，不报错、不影响构建
- 补图只改 file 字段，组件无需改动
- 新增 pages/public/screenshots/README.md 写清命名、尺寸、脱敏要求

导航
- 增加产品功能、核心能力、界面预览、官方文档四个锚点项
- 窄屏（≤860px）隐藏中间三个锚点项，避免挤压

验证
- 构建 13 页，208 条引用 0 失效
- 浏览器实测：7 个导航项、5 个 section 锚点齐全
- 移动端 390px 无横向溢出
- 文档站 5 个外链地址均实测 200 可达

pages/public/screenshots/README.md

@@ -0,0 +1,37 @@
+# 界面预览截图
+
+首页「界面预览」区块从这里取图。补图时**只改 `data/content.ts` 里的 `file` 字段**，不用动组件。
+
+## 命名约定
+
+```
+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 端尺寸 | 1600 × 1000（16:10） |
+| 小程序端尺寸 | 750 × 1334（9:16） |
+| 单张体积 | 400 KB 以内，PNG 或 WebP |
+| 内容 | 用演示数据，不要出现真实客户名、真实 ICCID、真实手机号 |
+| 敏感信息 | 账号、口令、密钥片段一律打码 |
+
+## 补图步骤
+
+1. 把图片放进本目录，按上面约定命名
+2. 打开 `data/content.ts`，找到 `previewShots`，把对应条目的 `file` 从 `''` 改成文件名
+3. 保存，页面自动从占位框切换成真实截图
+
+`file` 留空时页面显示带图注的占位框，不会报错，也不影响构建。