refactor(official): 使用演示数据兜底官网内容展示

- 在关于我们页补充企业优势和联系方式演示数据展示
- 资讯列表页增加分类标签，实现按分类筛选资讯
- 文章详情页新增相关推荐文章展示逻辑
- 主页使用演示数据兜底导航、Banner、核心业务、公司简介和文章列表
- 各页面均优化站点信息使用，优先展示真实数据，缺失时使用演示数据
- 留言页增加公司联系信息展示，提升体验
- 个人中心页支持分享官网，展示演示数据防止空白
- 主页Banner支持无图时使用渐变背景和文字占位
- 统一使用演示数据，保证页面无空白，提升整体稳定性和用户体验

.workbuddy/memory/MEMORY.md

@@ -25,6 +25,8 @@
 ## 官网分包 official（2026-08-11 落地）
 - 位置 `src/official/`（6 页：index/article/article-detail/about/message/mine）+ `src/official/components/`（OfficialTabBar/ArticleCard/SectionTitle），在 `src/app.config.ts` 的 `subpackages` 中 root=`official`。入口在 `src/pages/index/index.tsx` 搜索栏下的「企业官网」卡片。
 - 数据层统一从 `@/api/official` 引入（re-export `src/api/cms/*`）。租户靠 `TenantId` 请求头。
+- **⚠️ official 页面必须用扁平文件写法**（`src/official/<page>.tsx`，同 passport/login.tsx），**不要用 `<page>/index.tsx` 文件夹结构**。文件夹写法会让 Taro 把 `.js` 输出到扁平层、`index.json/index.wxml` 输出到嵌套层，二者不同目录 → 微信按 `official/<page>` 找不到 `index.json` → 整包白屏。2026-08-12 已把 6 个页全部改扁平并修复。
+- **⚠️ 构建官方分包必须用 `npm run build:weapp:safe`**（脚本 `scripts/safe-build-weapp.sh` 先 `mv dist` 再构建，规避 SAFE_DELETE 守卫打断）。勿用 `npm run build:weapp`，否则守卫会中断构建导致产物缺失/白屏。演示兜底数据在 `src/official/data/demo.ts`（CMS 有数据自动覆盖）。
 - **⚠️ CMS 请求链路（2026-08-11 修正，勿回退）**：CMS 接口**不能**走 shop-api——`shop-api.websoft.top/api/cms/...` 返回 **404**，shop-api 并未代理 `/cms`（早前"已代理"的判断是错的）。现全部走独立 `https://cms-api.websoft.top/api`：
   - `config/env.js` 三环境均有 `CMS_API_BASE_URL`，`config/app.ts` 导出 `CmsBaseUrl`。
   - `src/utils/cmsRequest.ts` 基于 request 封装、默认 baseUrl=CmsBaseUrl，API 与 request 一致。