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

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

src/official/article-detail/index.tsx

@@ -1,8 +1,9 @@
 import React, { useState, useEffect } from 'react'
 import { View, Text, ScrollView, RichText } from '@tarojs/components'
 import Taro, { useRouter } from '@tarojs/taro'
-import { getCmsArticle } from '@/api/official'
+import { getCmsArticle, pageCmsArticle } from '@/api/official'
 import type { CmsArticle } from '@/api/official'
+import ArticleCard from '../components/ArticleCard'
 import NavBar from '@/components/NavBar'
 
 definePageConfig({
@@ -13,6 +14,7 @@ const ArticleDetail: React.FC = () => {
   const router = useRouter()
   const id = router.params.id
   const [article, setArticle] = useState<CmsArticle>()
+  const [related, setRelated] = useState<CmsArticle[]>([])
   const [loading, setLoading] = useState(true)
 
   useEffect(() => {
@@ -21,6 +23,13 @@ const ArticleDetail: React.FC = () => {
       .then((a) => setArticle(a))
       .catch(() => {})
       .finally(() => setLoading(false))
+    // 相关推荐：取最新几条，排除当前
+    pageCmsArticle({ status: 0, deleted: 0, page: 1, limit: 4 })
+      .then((r) => {
+        const list = (r?.list || []).filter((x) => x.articleId !== Number(id)).slice(0, 3)
+        setRelated(list)
+      })
+      .catch(() => {})
   }, [id])
 
   return (
@@ -43,10 +52,22 @@ const ArticleDetail: React.FC = () => {
             </Text>
           )}
         </View>
+
+        {/* 相关推荐 */}
+        {related.length > 0 && (
+          <View className='px-3 pb-4'>
+            <View className='flex items-center mb-2'>
+              <View className='w-1 h-4 bg-brand-600 rounded mr-2' />
+              <Text className='text-base font-semibold text-gray-800'>相关推荐</Text>
+            </View>
+            {related.map((a) => (
+              <ArticleCard key={a.articleId} article={a} />
+            ))}
+          </View>
+        )}
       </ScrollView>
-      <View
-        className='px-4 py-3 bg-white border-t border-gray-200 safe-area-bottom'
-      >
+
+      <View className='px-4 py-3 bg-white border-t border-gray-200 safe-area-bottom'>
         <View
           className='bg-brand-600 rounded-full py-3 text-center'
           onClick={() => Taro.navigateTo({ url: '/official/message' })}