diff --git a/.data/content/contents.sqlite b/.data/content/contents.sqlite
new file mode 100644
index 0000000..99e6cd8
Binary files /dev/null and b/.data/content/contents.sqlite differ
diff --git a/.workbuddy/expert-history.json b/.workbuddy/expert-history.json
index 01a1271..3dc7c52 100644
--- a/.workbuddy/expert-history.json
+++ b/.workbuddy/expert-history.json
@@ -13,5 +13,5 @@
       }
     ]
   },
-  "lastUpdated": 1776933527123
+  "lastUpdated": 1776935969275
 }
\ No newline at end of file
diff --git a/.workbuddy/memory/2026-04-23.md b/.workbuddy/memory/2026-04-23.md
index b30c3c6..7823f1e 100644
--- a/.workbuddy/memory/2026-04-23.md
+++ b/.workbuddy/memory/2026-04-23.md
@@ -42,3 +42,30 @@
 
 **配置文件更新：**
 - nuxt.config.ts：移除 market SSR 规则，更新 titleTemplate
+
+## 首页开发
+
+按照设计稿完成首页全面重构：
+
+**新增组件：**
+- `components/home/SectionHeader.vue`：板块标题组件
+- `components/home/ArticleItem.vue`：文章列表项组件
+
+**首页结构：**
+1. Banner 轮播区（带左侧快捷入口）
+2. 单位企业广告区
+3. 决策咨询板块（左右两栏：市县决策+行业资讯 / 前沿观察+企业动态）
+4. 广告位
+5. 决策参考板块（政策原文+深度解读 / 研究成果+专题研究）
+6. 专家资讯板块（专家视点+专家动态 + 专家申请卡片）
+7. 会员服务广告区
+8. 智库观察板块（智库介绍+智库视角）
+9. 翰墨文谈板块（翰墨文谈+决策服务）
+10. 底部功能区（资料下载、申报模板、成果报送、联系我们）
+11. SiteFooter 重构
+
+**设计特点：**
+- 蓝色主色调，体现政府/智库网站稳重感
+- 卡片式布局，整齐规范
+- 响应式设计，支持移动端
+- 模拟数据，待接入实际 API
diff --git a/app/components/SiteFooter.vue b/app/components/SiteFooter.vue
index c453d82..5543bae 100644
--- a/app/components/SiteFooter.vue
+++ b/app/components/SiteFooter.vue
@@ -5,153 +5,98 @@
       <a-row :gutter="[32, 40]">
         <!-- 品牌介绍 -->
         <a-col :xs="24" :md="6">
-          <div class="flex items-center gap-2 mb-4">
-            <span class="text-2xl">🦞</span>
-            <span class="text-lg font-semibold text-white">AI-Native</span>
-          </div>
-          <p class="text-sm text-gray-400 leading-6 mb-4">
-            深度集成 OpenClaw 开源 AI Agent 框架，为企业提供智能客服、知识库问答、自动化工作流等能力。
-          </p>
-          <div class="flex gap-3">
-            <a-tooltip title="GitHub">
-              <a href="https://github.com/openclaw" target="_blank" class="text-gray-400 hover:text-white transition-colors">
-                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" /></svg>
-              </a>
-            </a-tooltip>
-            <a-tooltip title="微信公众号">
-              <span class="text-gray-400 hover:text-white cursor-pointer transition-colors">
-                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .186-.059l2.114-1.225a.866.866 0 0 1 .58-.091 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178 1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18zm5.34 2.867c-1.797-.052-3.746.512-5.28 1.786-1.72 1.428-2.687 3.72-1.78 6.22.942 2.453 3.666 3.952 6.884 3.952.526 0 1.045-.048 1.555-.133-.207-.533-.454-1.05-.768-1.532l-.15.086c-.655.373-1.546.597-2.477.597-.769 0-1.491-.183-2.143-.507a4.226 4.226 0 0 1-1.762-1.399c-.052-.059-.104-.117-.154-.175l-.001.001a4.312 4.312 0 0 1 2.824-1.127c1.513 0 2.75.707 3.534 1.606.505.759.882 1.613 1.105 2.523 1.418-1.215 2.391-2.727 2.797-4.415.458-1.193.412-2.285-.097-3.177-.538-.942-1.391-1.64-2.397-2.086zm-6.115 5.115a.683.683 0 0 0-.683.683.683.683 0 0 0 .683.683.683.683 0 0 0 .683-.683.683.683 0 0 0-.683-.683zm4.524 0a.683.683 0 0 0-.683.683.683.683 0 0 0 .683.683.683.683 0 0 0 .683-.683.683.683 0 0 0-.683-.683z" /></svg>
-              </span>
-            </a-tooltip>
+          <div class="brand-section">
+            <div class="brand-logo">广西决策咨询网</div>
+            <p class="brand-desc">
+              广西决策咨询中心官方平台，汇聚专家智慧，服务政府决策，推动广西高质量发展。
+            </p>
+            <div class="social-links">
+              <a-tooltip title="微信公众号">
+                <span class="social-item">
+                  <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .186-.059l2.114-1.225a.866.866 0 0 1 .58-.091 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348z"/></svg>
+                </span>
+              </a-tooltip>
+            </div>
           </div>
         </a-col>
 
-        <!-- 产品服务 -->
+        <!-- 快速导航 -->
         <a-col :xs="12" :sm="6" :md="4">
-          <div class="text-base font-semibold text-white mb-4">产品服务</div>
-          <div class="grid gap-3 text-sm text-gray-400">
-            <NuxtLink class="text-gray-400 hover:text-orange-400 transition-colors" to="/ai-agent">AI 智能体</NuxtLink>
-            <NuxtLink class="text-gray-400 hover:text-orange-400 transition-colors" to="/website">云官网</NuxtLink>
-            <NuxtLink class="text-gray-400 hover:text-orange-400 transition-colors" to="/miniapp">小程序开发</NuxtLink>
-            <NuxtLink class="text-gray-400 hover:text-orange-400 transition-colors" to="/shop">小程序商城</NuxtLink>
+          <div class="footer-title">快速导航</div>
+          <div class="footer-links">
+            <NuxtLink to="/news">政策要闻</NuxtLink>
+            <NuxtLink to="/consultation">决策咨询</NuxtLink>
+            <NuxtLink to="/reference">决策参考</NuxtLink>
+            <NuxtLink to="/expert">专家资讯</NuxtLink>
           </div>
         </a-col>
 
-        <!-- 平台能力 -->
+        <!-- 特色服务 -->
         <a-col :xs="12" :sm="6" :md="4">
-          <div class="text-base font-semibold text-white mb-4">平台能力</div>
-          <div class="grid gap-3 text-sm text-gray-400">
-            <NuxtLink class="text-gray-400 hover:text-orange-400 transition-colors" to="/platform">多租户架构</NuxtLink>
-            <NuxtLink class="text-gray-400 hover:text-orange-400 transition-colors" to="/platform">私有化部署</NuxtLink>
-            <NuxtLink class="text-gray-400 hover:text-orange-400 transition-colors" to="/market">模板市场</NuxtLink>
-            <NuxtLink class="text-gray-400 hover:text-orange-400 transition-colors" to="/market">插件市场</NuxtLink>
+          <div class="footer-title">特色服务</div>
+          <div class="footer-links">
+            <NuxtLink to="/think-tank">智库观察</NuxtLink>
+            <NuxtLink to="/suggestions">建言献策</NuxtLink>
+            <NuxtLink to="/membership">会员服务</NuxtLink>
+            <NuxtLink to="/hanmo">翰墨文谈</NuxtLink>
           </div>
         </a-col>
 
-        <!-- 快速入口 -->
+        <!-- 关于我们 -->
         <a-col :xs="12" :sm="6" :md="4">
-          <div class="text-base font-semibold text-white mb-4">快速入口</div>
-          <div class="grid gap-3 text-sm text-gray-400">
-            <NuxtLink class="text-gray-400 hover:text-orange-400 transition-colors" to="/flow">开通流程</NuxtLink>
-            <NuxtLink class="text-gray-400 hover:text-orange-400 transition-colors" to="/deploy">部署方案</NuxtLink>
-            <NuxtLink class="text-gray-400 hover:text-orange-400 transition-colors" to="/contact">联系我们</NuxtLink>
-            <NuxtLink class="text-gray-400 hover:text-orange-400 transition-colors" to="/login">立即登录</NuxtLink>
+          <div class="footer-title">关于我们</div>
+          <div class="footer-links">
+            <NuxtLink to="/about">学会简介</NuxtLink>
+            <NuxtLink to="/about/organization">组织机构</NuxtLink>
+            <NuxtLink to="/about/charter">学会章程</NuxtLink>
+            <NuxtLink to="/about/join">加入我们</NuxtLink>
           </div>
         </a-col>
 
         <!-- 联系我们 -->
-        <a-col :xs="12" :sm="6" :md="6">
-          <div class="text-base font-semibold text-white mb-4">联系我们</div>
-          <div class="grid gap-3 text-sm text-gray-400">
-            <div class="flex items-center gap-2">
-              <span class="text-gray-500">📱</span>
+        <a-col :xs="24" :sm="12" :md="6">
+          <div class="footer-title">联系我们</div>
+          <div class="contact-info">
+            <div class="contact-item">
+              <span class="contact-icon">📍</span>
+              <span>广西·南宁·良庆区 五象大道401号五象航洋城</span>
+            </div>
+            <div class="contact-item">
+              <span class="contact-icon">📞</span>
               <span>0771-5386339</span>
             </div>
-            <div class="flex items-start gap-2">
-              <span class="text-gray-500">📍</span>
-              <span>广西·南宁·良庆区 五象大道401号五象航洋城1226</span>
+            <div class="contact-item">
+              <span class="contact-icon">📧</span>
+              <span>gxjzxzx@126.com</span>
             </div>
           </div>
 
-          <!-- 扫码下载 / 关注 -->
-          <div class="mt-5">
-            <div class="text-xs text-gray-500 mb-3">扫码下载 / 关注</div>
-            <div class="flex flex-wrap gap-4">
-              <!-- 微信小程序 -->
-              <a-tooltip color="#1f2937" placement="top">
-                <template #title>
-                  <div class="flex flex-col items-center gap-1 p-1">
-                    <img src="/images/qrcode-miniapp.jpg" alt="微信小程序" class="w-28 h-28 rounded" />
-                    <span class="text-xs text-gray-300">微信小程序</span>
-                  </div>
-                </template>
-                <div class="flex flex-col items-center gap-1 cursor-pointer group">
-                  <div class="w-10 h-10 rounded-lg overflow-hidden border border-white/10 group-hover:border-green-400/60 transition-colors">
-                    <img src="/images/qrcode-miniapp.jpg" alt="微信小程序" class="w-full h-full object-cover" />
-                  </div>
-                  <span class="text-xs text-gray-500 group-hover:text-green-400 transition-colors">小程序</span>
-                </div>
-              </a-tooltip>
-
-              <!-- 微信公众号 -->
-              <a-tooltip color="#1f2937" placement="top">
-                <template #title>
-                  <div class="flex flex-col items-center gap-1 p-1">
-                    <img src="/images/qrcode-mp-official.jpg" alt="微信公众号" class="w-28 h-28 rounded" />
-                    <span class="text-xs text-gray-300">微信公众号</span>
-                  </div>
-                </template>
-                <div class="flex flex-col items-center gap-1 cursor-pointer group">
-                  <div class="w-10 h-10 rounded-lg overflow-hidden border border-white/10 group-hover:border-green-400/60 transition-colors">
-                    <img src="/images/qrcode-mp-official.jpg" alt="微信公众号" class="w-full h-full object-cover" />
-                  </div>
-                  <span class="text-xs text-gray-500 group-hover:text-green-400 transition-colors">公众号</span>
-                </div>
-              </a-tooltip>
-
-              <!-- APP 下载（Android & iOS 通用） -->
-              <a-tooltip color="#1f2937" placement="top">
-                <template #title>
-                  <div class="flex flex-col items-center gap-1 p-1">
-                    <img src="/images/qrcode-app.jpg" alt="下载 APP" class="w-28 h-28 rounded" />
-                    <span class="text-xs text-gray-300">扫码下载 APP</span>
-                    <span class="text-xs text-gray-500">Android &amp; iOS</span>
-                  </div>
-                </template>
-                <div class="flex flex-col items-center gap-1 cursor-pointer group">
-                  <div class="w-10 h-10 rounded-lg overflow-hidden border border-white/10 group-hover:border-blue-400/60 transition-colors">
-                    <img src="/images/qrcode-app.jpg" alt="下载 APP" class="w-full h-full object-cover" />
-                  </div>
-                  <span class="text-xs text-gray-500 group-hover:text-blue-400 transition-colors">下载 APP</span>
-                </div>
-              </a-tooltip>
+          <!-- 二维码 -->
+          <div class="qrcode-section">
+            <div class="qrcode-item">
+              <div class="qrcode-box">
+                <img src="/images/qrcode-mp-official.jpg" alt="微信公众号" class="qrcode-img" />
+              </div>
+              <span class="qrcode-label">关注公众号</span>
             </div>
           </div>
         </a-col>
       </a-row>
 
       <!-- 底部版权区域 -->
-      <div class="mt-10 pt-6 border-t border-white/10">
-        <div class="flex flex-col gap-4 md:flex-row md:items-center md:justify-between text-xs text-gray-500">
-          <div class="flex items-center gap-2 flex-wrap">
-            <img src="/logo.png" alt="websopy" style="height:12px;width:auto;opacity:0.4;" />
-            <span>© {{ year }} Websopy. All rights reserved.</span>
+      <div class="footer-bottom">
+        <div class="footer-bottom-content">
+          <div class="copyright">
+            <span>© {{ year }} 广西决策咨询中心 版权所有</span>
             <a
-              href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener"
-              class="text-gray-500 hover:text-orange-400 transition-colors"
-            >{{ icpText }}</a>
-          </div>
-          <div class="flex items-center gap-2 opacity-80 hover:opacity-90 text-gray-100 text-xs">
-            <!-- 切换语言 -->
-<!--            <LangSwitch />-->
-            <span class="text-gray-500">Powered by</span>
-            <a
-              rel="nofollow"
-              href="https://site.websoft.top"
+              href="https://beian.miit.gov.cn/"
               target="_blank"
-            >
-              <span class="text-gray-500 hover:text-gray-200">云·企业官网</span>
-            </a>
+              rel="nofollow noopener"
+              class="icp-link"
+            >桂ICP备13003666号-12</a>
+          </div>
+          <div class="powered-by">
+            技术支持：广西websoft
           </div>
         </div>
       </div>
@@ -160,36 +105,186 @@
 </template>
 
 <script setup lang="ts">
-import { getAppProductFieldByCode } from '@/api/cms/cmsWebsiteField'
-
-const siteName = '桂乐淘'
-
-const { data: icpField } = useAsyncData('cmsWebsite-field-icpNo', async () => {
-  try {
-    return await getAppProductFieldByCode('icpNo')
-  } catch {
-    return null
-  }
-})
-
-const icpNo = computed(() => {
-  const v = icpField.value?.value ?? icpField.value?.defaultValue
-  if (typeof v === 'string' && v.trim()) return v.trim()
-  return ''
-})
-
-const icpText = computed(() => (icpNo.value ? `备案号：${icpNo.value}` : '备案号：桂ICP备13003666号-12'))
 const year = new Date().getFullYear()
 </script>
 
 <style scoped>
 .footer {
-  background: #111827;
+  background: #1e3a5f;
+  padding: 0;
+  color: #fff;
+}
+
+/* 品牌区域 */
+.brand-section {
+  display: flex;
+  flex-direction: column;
+}
+
+.brand-logo {
+  font-size: 20px;
+  font-weight: 700;
+  color: #fff;
+  margin-bottom: 16px;
+  letter-spacing: 2px;
+}
+
+.brand-desc {
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 14px;
+  line-height: 1.8;
+  margin-bottom: 20px;
+}
+
+.social-links {
+  display: flex;
+  gap: 12px;
+}
+
+.social-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 50%;
+  color: rgba(255, 255, 255, 0.8);
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.social-item:hover {
+  background: rgba(255, 255, 255, 0.2);
+  color: #fff;
+}
+
+/* 链接区域 */
+.footer-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #fff;
+  margin-bottom: 20px;
+}
+
+.footer-links {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.footer-links a {
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 14px;
+  text-decoration: none;
+  transition: color 0.2s;
+}
+
+.footer-links a:hover {
+  color: #fff;
+}
+
+/* 联系信息 */
+.contact-info {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin-bottom: 20px;
+}
+
+.contact-item {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 14px;
+}
+
+.contact-icon {
+  font-size: 16px;
+  flex-shrink: 0;
+}
+
+/* 二维码 */
+.qrcode-section {
+  display: flex;
+  gap: 16px;
+}
+
+.qrcode-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+}
+
+.qrcode-box {
+  width: 80px;
+  height: 80px;
+  background: #fff;
+  border-radius: 8px;
+  padding: 4px;
+  overflow: hidden;
+}
+
+.qrcode-img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.qrcode-label {
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 12px;
+}
+
+/* 底部版权 */
+.footer-bottom {
+  margin-top: 40px;
+  padding-top: 20px;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.footer-bottom-content {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  align-items: center;
+  text-align: center;
+}
+
+@media (min-width: 768px) {
+  .footer-bottom-content {
+    flex-direction: row;
+    justify-content: space-between;
+  }
+}
+
+.copyright {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 13px;
+}
+
+.icp-link {
+  color: rgba(255, 255, 255, 0.6);
+  text-decoration: none;
+  transition: color 0.2s;
+}
+
+.icp-link:hover {
+  color: #fff;
+}
+
+.powered-by {
+  color: rgba(255, 255, 255, 0.4);
+  font-size: 12px;
+}
+
+/* 覆盖 a-layout-footer 默认样式 */
+.footer :deep(.ant-layout-footer) {
   padding: 0;
 }
-/* 覆盖浏览器默认蓝色链接色 */
-.footer :deep(a) {
-  color: inherit;
-  text-decoration: none;
-}
 </style>
diff --git a/app/components/SiteHeader.vue b/app/components/SiteHeader.vue
index 5cd5361..8001e4f 100644
--- a/app/components/SiteHeader.vue
+++ b/app/components/SiteHeader.vue
@@ -47,9 +47,7 @@
               <a-button type="primary" @click="navigateTo('/login')">{{ $t('nav.login') }}</a-button>
             </template>
             <template v-else>
-              <!-- 控制台快捷按钮 -->
-              <a-button class="console-btn" @click="navigateTo('/console')">{{ $t('nav.dashboard') }}</a-button>
-              <!-- 消息通知铃铛仅在 /console 页面显示 -->
+              <!-- 用户头像 -->
               <a-dropdown :trigger="['hover']" placement="bottomRight">
                 <a-space>
                   <a-avatar :src="userAvatar" :size="32">
@@ -105,14 +103,11 @@
       </template>
     </a-menu>
     <div class="mt-4">
-      <a-button v-if="!isAuthed" block type="primary" @click="onNav('/login')">{{ $t('nav.login') }}</a-button>
+      <a-button v-if="!isAuthed" block type="primary" @click="onNav('/login')">{{ $t('nav.login') || '登录' }}</a-button>
       <template v-else>
-        <a-button block type="primary" class="mb-2" @click="onNav('/console')">{{ $t('nav.dashboard') }}</a-button>
-        <a-button block @click="onNav('/console/account')">{{ $t('nav.userCenter') }}</a-button>
-        <a-button block @click="onNav('/console/orders')">{{ $t('nav.orders') || '我的订单' }}</a-button>
-        <a-button v-if="isDeveloper" block @click="onNav('/developer')">🛠️ {{ $t('nav.developer') || '开发者中心' }}</a-button>
-        <a-button v-if="isSuperAdmin" block @click="onNav('/admin')">⚙️ {{ $t('nav.admin') || '平台管理' }}</a-button>
-        <a-button block danger class="mt-2" @click="logout">{{ $t('nav.logout') }}</a-button>
+        <a-button block type="primary" class="mb-2" @click="onNav('/profile')">个人中心</a-button>
+        <a-button v-if="isSuperAdmin" block @click="onNav('/admin')">⚙️ 后台管理</a-button>
+        <a-button block danger class="mt-2" @click="logout">{{ $t('nav.logout') || '退出登录' }}</a-button>
       </template>
     </div>
   </a-drawer>
diff --git a/app/components/home/ArticleItem.vue b/app/components/home/ArticleItem.vue
new file mode 100644
index 0000000..1ff0c08
--- /dev/null
+++ b/app/components/home/ArticleItem.vue
@@ -0,0 +1,102 @@
+<template>
+  <div class="article-item" :class="{ 'has-image': showImage && article.image }">
+    <NuxtLink :to="article.link || `/article/${article.id}`" class="article-link">
+      <div class="article-content">
+        <div class="article-title">{{ article.title }}</div>
+        <div class="article-meta">
+          <span v-if="article.source" class="source">{{ article.source }}</span>
+          <span class="date">{{ article.date }}</span>
+        </div>
+      </div>
+      <img v-if="showImage && article.image" :src="article.image" :alt="article.title" class="article-image" />
+    </NuxtLink>
+  </div>
+</template>
+
+<script setup lang="ts">
+interface Article {
+  id: number
+  title: string
+  date: string
+  source?: string
+  image?: string
+  link?: string
+}
+
+defineProps<{
+  article: Article
+  showImage?: boolean
+}>()
+</script>
+
+<style scoped>
+.article-item {
+  padding: 10px 0;
+  border-bottom: 1px dashed #eee;
+}
+
+.article-item:last-child {
+  border-bottom: none;
+}
+
+.article-link {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  text-decoration: none;
+  color: inherit;
+}
+
+.article-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.article-title {
+  font-size: 14px;
+  color: #333;
+  line-height: 1.5;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  transition: color 0.2s;
+}
+
+.article-link:hover .article-title {
+  color: #1e3a5f;
+}
+
+.article-meta {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-top: 6px;
+  font-size: 12px;
+  color: #999;
+}
+
+.source {
+  color: #e74c3c;
+}
+
+.article-image {
+  width: 100px;
+  height: 70px;
+  object-fit: cover;
+  border-radius: 4px;
+  flex-shrink: 0;
+}
+
+.has-image .article-title {
+  -webkit-line-clamp: 1;
+}
+
+@media (max-width: 576px) {
+  .article-image {
+    width: 80px;
+    height: 56px;
+  }
+}
+</style>
diff --git a/app/components/home/SectionHeader.vue b/app/components/home/SectionHeader.vue
new file mode 100644
index 0000000..187ce93
--- /dev/null
+++ b/app/components/home/SectionHeader.vue
@@ -0,0 +1,58 @@
+<template>
+  <div class="section-header">
+    <div class="header-left">
+      <span class="icon">{{ icon }}</span>
+      <h2 class="title">{{ title }}</h2>
+    </div>
+    <NuxtLink v-if="moreLink" :to="moreLink" class="more-link">
+      查看更多 ›
+    </NuxtLink>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  title: string
+  icon?: string
+  moreLink?: string
+}>()
+</script>
+
+<style scoped>
+.section-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 24px;
+  padding-bottom: 16px;
+  border-bottom: 3px solid #1e3a5f;
+}
+
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.icon {
+  font-size: 24px;
+}
+
+.title {
+  font-size: 22px;
+  font-weight: 700;
+  color: #1e3a5f;
+  margin: 0;
+}
+
+.more-link {
+  color: #666;
+  font-size: 14px;
+  text-decoration: none;
+  transition: color 0.2s;
+}
+
+.more-link:hover {
+  color: #1e3a5f;
+}
+</style>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index c60a627..49c3870 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,262 +1,390 @@
 <template>
-  <div>
-    <section class="relative overflow-hidden bg-gradient-to-b from-gray-950 to-gray-900 text-white">
-      <div class="pointer-events-none absolute left-1/2 top-[-140px] h-[420px] w-[900px] -translate-x-1/2 rounded-full bg-green-500/20 blur-3xl" />
-      <div class="mx-auto max-w-screen-xl px-4 py-16 sm:py-24 relative">
-        <a-tag color="orange" class="mb-6">
-          <span class="flex items-center gap-1">
-            <span class="text-lg">🦞</span>
-            {{ $t('home.heroTag') }}
-          </span>
-        </a-tag>
-
-        <a-typography-title :level="1" class="!text-white !mb-4">
-          {{ $t('home.heroTitle') }}
-        </a-typography-title>
-        <a-typography-paragraph class="!text-gray-300 !text-lg !mb-8">
-          {{ $t('home.heroDesc') }}
-        </a-typography-paragraph>
-
-        <a-space size="middle" wrap>
-          <a-button type="primary" size="large" @click="navigateTo('/contact')">{{ $t('home.bookDemo') }}</a-button>
-          <a-button size="large" @click="navigateTo('/flow')">{{ $t('home.viewFlow') }}</a-button>
-          <a-button size="large" @click="navigateTo('/deploy')">{{ $t('home.deploy') }}</a-button>
-        </a-space>
-
-        <a-row class="mt-10" :gutter="[16, 16]">
-          <a-col :xs="12" :md="6">
-<!--            <a-statistic title="平台定位" value="SaaS" />-->
-          </a-col>
-          <a-col :xs="12" :md="6">
-<!--            <a-statistic title="交付模式" value="私有化" />-->
-          </a-col>
-          <a-col :xs="12" :md="6">
-<!--            <a-statistic title="能力" value="模板/插件" />-->
-          </a-col>
-          <a-col :xs="12" :md="6">
-<!--            <a-statistic title="开通" value="自动化" />-->
-          </a-col>
-        </a-row>
-
-        <!-- 平台介绍视频 -->
-        <div class="mt-12 rounded-2xl overflow-hidden shadow-2xl border border-gray-700/50 bg-gray-900/50">
-          <ClientOnly>
-            <video
-              class="w-full aspect-video"
-              :src="videoSrc"
-              poster="/images/video-poster.jpg"
-              controls
-              preload="metadata"
-              playsinline
-              @error="handleVideoError"
-            >
-              <p class="text-white text-center py-8">{{ $t('home.videoNotSupported') }}</p>
-            </video>
-            <template #fallback>
-              <div class="w-full aspect-video bg-gray-800 flex items-center justify-center">
-                <span class="text-gray-400">{{ $t('common.loading') }}</span>
+  <div class="home-page">
+    <!-- Banner 轮播区 -->
+    <section class="banner-section relative overflow-hidden">
+      <div class="banner-bg"></div>
+      <div class="mx-auto max-w-screen-xl px-4 py-6 relative z-10">
+        <a-row :gutter="24">
+          <!-- 左侧快捷入口 -->
+          <a-col :xs="24" :sm="6">
+            <div class="quick-nav bg-white/95 backdrop-blur rounded-lg shadow-lg p-4">
+              <div class="quick-nav-title">
+                <span class="icon">📋</span>
+                <span>政策要闻</span>
               </div>
-            </template>
-          </ClientOnly>
-        </div>
+              <ul class="quick-nav-list">
+                <li><NuxtLink to="/news?type=central">党中央国务院信息</NuxtLink></li>
+                <li><NuxtLink to="/news?type=region">自治区党委政府</NuxtLink></li>
+                <li><NuxtLink to="/news?type=department">其他厅委办信息</NuxtLink></li>
+                <li><NuxtLink to="/news?type=latest">最新发布</NuxtLink></li>
+              </ul>
+            </div>
+          </a-col>
+          
+          <!-- 中间轮播 -->
+          <a-col :xs="24" :sm="18">
+            <div class="carousel-wrapper">
+              <a-carousel autoplay :dots="true" class="main-carousel">
+                <div v-for="(slide, index) in bannerSlides" :key="index" class="carousel-slide">
+                  <img :src="slide.image" :alt="slide.title" class="carousel-image" />
+                  <div class="carousel-overlay">
+                    <div class="carousel-content">
+                      <span class="carousel-tag">{{ slide.tag }}</span>
+                      <h3 class="carousel-title">{{ slide.title }}</h3>
+                    </div>
+                  </div>
+                </div>
+              </a-carousel>
+            </div>
+          </a-col>
+        </a-row>
       </div>
     </section>
 
-    <!-- OpenClaw AI 智能体生态 -->
-    <section class="relative overflow-hidden bg-gradient-to-r from-orange-50 via-orange-100/50 to-orange-50">
-      <div class="pointer-events-none absolute left-1/4 top-0 h-[300px] w-[300px] rounded-full bg-orange-200/50 blur-3xl" />
-      <div class="pointer-events-none absolute right-1/4 bottom-0 h-[200px] w-[250px] rounded-full bg-red-200/50 blur-3xl" />
-      <div class="mx-auto max-w-screen-xl px-4 py-16 relative">
-        <div class="text-center mb-10">
-          <div class="inline-flex items-center gap-2 px-4 py-2 bg-orange-500 rounded-full text-white text-sm font-medium mb-4">
-            <span class="text-xl">🦞</span>
-            {{ $t('home.openclawTitle') }}
+    <!-- 单位企业广告区 -->
+    <section class="ad-section">
+      <div class="mx-auto max-w-screen-xl px-4">
+        <div class="ad-banner bg-gradient-to-r from-blue-600 to-blue-800 rounded-lg p-4 flex items-center justify-between">
+          <div class="flex items-center gap-4">
+            <span class="text-3xl">🏢</span>
+            <div>
+              <div class="text-white font-semibold">单位企业展示</div>
+              <div class="text-blue-200 text-sm">为优秀单位企业提供展示平台</div>
+            </div>
           </div>
-          <a-typography-title :level="2" class="!text-gray-900 !mb-2">
-            {{ $t('home.openclawSubtitle') }}
-          </a-typography-title>
-          <a-typography-paragraph class="!text-gray-600 !mb-0 !text-base">
-            {{ $t('home.openclawDesc') }}
-          </a-typography-paragraph>
-        </div>
-
-        <a-row :gutter="[24, 24]" class="px-4">
-          <a-col :xs="24" :md="8">
-            <div class="text-center p-6 rounded-xl bg-white border border-orange-200 shadow-sm hover:shadow-md hover:border-orange-300 transition-all">
-              <div class="text-4xl mb-4">🔗</div>
-              <div class="text-gray-900 font-semibold mb-2">{{ $t('home.multiPlatform') }}</div>
-              <div class="text-gray-600 text-sm">{{ $t('home.multiPlatformDesc') }}</div>
-            </div>
-          </a-col>
-          <a-col :xs="24" :md="8">
-            <div class="text-center p-6 rounded-xl bg-white border border-orange-200 shadow-sm hover:shadow-md hover:border-orange-300 transition-all">
-              <div class="text-4xl mb-4">🧠</div>
-              <div class="text-gray-900 font-semibold mb-2">{{ $t('home.multiModel') }}</div>
-              <div class="text-gray-600 text-sm">{{ $t('home.multiModelDesc') }}</div>
-            </div>
-          </a-col>
-          <a-col :xs="24" :md="8">
-            <div class="text-center p-6 rounded-xl bg-white border border-orange-200 shadow-sm hover:shadow-md hover:border-orange-300 transition-all">
-              <div class="text-4xl mb-4">⚡</div>
-              <div class="text-gray-900 font-semibold mb-2">{{ $t('home.autoWorkflow') }}</div>
-              <div class="text-gray-600 text-sm">{{ $t('home.autoWorkflowDesc') }}</div>
-            </div>
-          </a-col>
-        </a-row>
-
-        <div class="text-center mt-10">
-          <a-space size="middle">
-            <a-button type="primary" @click="navigateTo('/ai-agent')">
-              <span class="flex items-center gap-2">
-                <span>🦞</span> {{ $t('home.experienceAI') }}
-              </span>
-            </a-button>
-            <a-button @click="navigateTo('/openclaw')">{{ $t('common.learnMore') }}</a-button>
-          </a-space>
+          <a-button type="primary" ghost size="large">了解详情</a-button>
         </div>
       </div>
     </section>
 
-    <section class="mx-auto max-w-screen-xl px-4 py-14">
-      <a-typography-title :level="2" class="!mb-2">{{ $t('home.productMatrix') }}</a-typography-title>
-      <a-typography-paragraph class="!text-gray-500 !mb-8">
-        {{ $t('home.productMatrixDesc') }}
-      </a-typography-paragraph>
-
-      <a-row :gutter="[16, 16]">
-        <a-col v-for="p in products" :key="p.title" :xs="24" :md="12" :lg="8">
-          <a-card :title="p.title">
-            <template #extra>
-              <a-tag v-if="p.recommend" color="green">{{ $t('home.recommend') }}</a-tag>
-            </template>
-            <a-typography-paragraph class="!text-gray-600">
-              {{ p.desc }}
-            </a-typography-paragraph>
-            <div class="flex flex-wrap gap-2">
-              <a-tag v-for="t in p.tags" :key="t">{{ t }}</a-tag>
-            </div>
-            <div class="mt-5 flex justify-between items-center">
-              <a-tag color="green">{{ p.domain }}</a-tag>
-              <a-button type="primary" @click="go(p.adminUrl)">{{ $t('common.goNow') }}</a-button>
-            </div>
-          </a-card>
-        </a-col>
-      </a-row>
-
-      <div class="mt-6">
-        <a-button @click="navigateTo('/products')">{{ $t('home.viewAll') || $t('common.viewAll') }}</a-button>
-      </div>
-    </section>
-
-    <section class="bg-gray-50">
-      <div class="mx-auto max-w-screen-xl px-4 py-14">
-        <a-typography-title :level="2" class="!mb-2">{{ $t('home.coreCapabilities') }}</a-typography-title>
-        <a-typography-paragraph class="!text-gray-500 !mb-8">
-          {{ $t('home.coreCapabilitiesDesc') }}
-        </a-typography-paragraph>
-
-        <a-row :gutter="[16, 16]">
-          <a-col v-for="item in capabilities" :key="item.title" :xs="24" :md="12" :lg="8">
-            <a-card :title="item.title">
-              <template #extra>
-                <a-tag color="green">{{ item.badge }}</a-tag>
-              </template>
-              <a-typography-paragraph class="!mb-0 !text-gray-600">
-                {{ item.desc }}
-              </a-typography-paragraph>
-            </a-card>
-          </a-col>
-        </a-row>
-      </div>
-    </section>
-
-    <section>
-      <div class="mx-auto max-w-screen-xl px-4 py-14">
+    <!-- 决策咨询板块 -->
+    <section class="section">
+      <div class="mx-auto max-w-screen-xl px-4">
+        <SectionHeader title="决策咨询" icon="📊" more-link="/consultation" />
+        
         <a-row :gutter="[24, 24]">
+          <!-- 左侧：市县决策、行业资讯 -->
           <a-col :xs="24" :lg="12">
-            <a-typography-title :level="2" class="!mb-2">{{ $t('home.payToActivate') }}</a-typography-title>
-            <a-typography-paragraph class="!text-gray-600 !mb-6">
-              {{ $t('home.payToActivateDesc') }}
-            </a-typography-paragraph>
-            <a-button type="primary" @click="navigateTo('/flow')">{{ $t('home.viewFullFlow') }}</a-button>
+            <div class="content-card">
+              <div class="card-header">
+                <span class="card-tag tag-orange">市县决策</span>
+              </div>
+              <div class="article-list">
+                <ArticleItem 
+                  v-for="item in cityArticles" 
+                  :key="item.id" 
+                  :article="item"
+                  :show-image="true"
+                />
+              </div>
+              <div class="mt-4">
+                <div class="card-header">
+                  <span class="card-tag tag-green">行业资讯</span>
+                </div>
+                <ArticleItem 
+                  v-for="item in industryArticles" 
+                  :key="item.id" 
+                  :article="item"
+                  :show-image="true"
+                />
+              </div>
+            </div>
           </a-col>
+          
+          <!-- 右侧：前沿观察、企业动态 -->
           <a-col :xs="24" :lg="12">
-            <a-card>
-              <a-steps direction="vertical" :current="-1" size="small">
-                <a-step :title="$t('home.selectProduct')" :description="$t('home.selectProductDesc')" />
-                <a-step :title="$t('home.placeOrder')" :description="$t('home.placeOrderDesc')" />
-                <a-step :title="$t('home.createTenant')" :description="$t('home.createTenantDesc')" />
-                <a-step :title="$t('home.initModules')" :description="$t('home.initModulesDesc')" />
-                <a-step :title="$t('home.deliverOnline')" :description="$t('home.deliverOnlineDesc')" />
-              </a-steps>
-            </a-card>
+            <div class="content-card">
+              <div class="card-header">
+                <span class="card-tag tag-blue">前沿观察</span>
+              </div>
+              <div class="article-list">
+                <ArticleItem 
+                  v-for="item in frontierArticles" 
+                  :key="item.id" 
+                  :article="item"
+                  :show-image="true"
+                />
+              </div>
+              <div class="mt-4">
+                <div class="card-header">
+                  <span class="card-tag tag-purple">企业动态</span>
+                </div>
+                <ArticleItem 
+                  v-for="item in enterpriseArticles" 
+                  :key="item.id" 
+                  :article="item"
+                  :show-image="true"
+                />
+              </div>
+            </div>
           </a-col>
         </a-row>
       </div>
     </section>
 
-    <section class="bg-gray-50">
-      <div class="mx-auto max-w-screen-xl px-4 py-14">
-        <a-typography-title :level="2" class="!mb-2">{{ $t('home.templatePluginEcosystem') }}</a-typography-title>
-        <a-typography-paragraph class="!text-gray-500 !mb-8">
-          {{ $t('home.templatePluginDesc') }}
-        </a-typography-paragraph>
-
-        <a-tabs>
-          <a-tab-pane key="template" :tab="$t('home.template')">
-            <a-row :gutter="[16, 16]">
-              <a-col :xs="24" :md="12">
-                <a-card :title="$t('home.industryTemplate')">
-                  <a-typography-paragraph class="!mb-0 !text-gray-600">
-                    {{ $t('home.industryTemplateDesc') }}
-                  </a-typography-paragraph>
-                </a-card>
-              </a-col>
-              <a-col :xs="24" :md="12">
-                <a-card :title="$t('home.deliveryStandard')">
-                  <a-typography-paragraph class="!mb-0 !text-gray-600">
-                    {{ $t('home.deliveryStandardDesc') }}
-                  </a-typography-paragraph>
-                </a-card>
-              </a-col>
-            </a-row>
-          </a-tab-pane>
-          <a-tab-pane key="plugin" :tab="$t('home.plugin')">
-            <a-row :gutter="[16, 16]">
-              <a-col :xs="24" :md="12">
-                <a-card :title="$t('home.capabilityExtend')">
-                  <a-typography-paragraph class="!mb-0 !text-gray-600">
-                    {{ $t('home.capabilityExtendDesc') }}
-                  </a-typography-paragraph>
-                </a-card>
-              </a-col>
-              <a-col :xs="24" :md="12">
-                <a-card :title="$t('home.upgradeAuth')">
-                  <a-typography-paragraph class="!mb-0 !text-gray-600">
-                    {{ $t('home.upgradeAuthDesc') }}
-                  </a-typography-paragraph>
-                </a-card>
-              </a-col>
-            </a-row>
-          </a-tab-pane>
-        </a-tabs>
-
-        <div class="mt-6">
-          <a-button @click="navigateTo('/market')">{{ $t('home.exploreMarket') }}</a-button>
+    <!-- 广告位 -->
+    <section class="ad-section">
+      <div class="mx-auto max-w-screen-xl px-4">
+        <div class="ad-banner bg-gradient-to-r from-cyan-500 to-blue-600 rounded-lg p-6 text-center">
+          <h3 class="text-white text-xl font-semibold mb-2">战略合作伙伴招募中</h3>
+          <p class="text-cyan-100 mb-4">携手共创决策咨询新篇章</p>
+          <a-button type="primary" size="large">立即咨询</a-button>
         </div>
       </div>
     </section>
 
-    <section class="bg-white">
-      <div class="mx-auto max-w-screen-xl px-4 py-12 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
-        <div>
-          <div class="text-xl font-semibold">{{ $t('home.ctaTitle') }}</div>
-          <div class="mt-1 text-gray-500">{{ $t('home.ctaDesc') }}</div>
+    <!-- 决策参考板块 -->
+    <section class="section bg-gray-50">
+      <div class="mx-auto max-w-screen-xl px-4">
+        <SectionHeader title="决策参考" icon="📚" more-link="/reference" />
+        
+        <a-row :gutter="[24, 24]">
+          <!-- 左侧：政策原文、深度解读 -->
+          <a-col :xs="24" :lg="12">
+            <div class="content-card">
+              <div class="card-header">
+                <span class="card-tag tag-red">政策原文</span>
+              </div>
+              <div class="article-list">
+                <ArticleItem 
+                  v-for="item in policyArticles" 
+                  :key="item.id" 
+                  :article="item"
+                  :show-image="true"
+                />
+              </div>
+              <div class="mt-4">
+                <div class="card-header">
+                  <span class="card-tag tag-orange">深度解读</span>
+                </div>
+                <ArticleItem 
+                  v-for="item in analysisArticles" 
+                  :key="item.id" 
+                  :article="item"
+                  :show-image="true"
+                />
+              </div>
+            </div>
+          </a-col>
+          
+          <!-- 右侧：研究成果、专题研究 -->
+          <a-col :xs="24" :lg="12">
+            <div class="content-card">
+              <div class="card-header">
+                <span class="card-tag tag-blue">研究成果</span>
+              </div>
+              <div class="article-list">
+                <ArticleItem 
+                  v-for="item in researchArticles" 
+                  :key="item.id" 
+                  :article="item"
+                  :show-image="true"
+                />
+              </div>
+              <div class="mt-4">
+                <div class="card-header">
+                  <span class="card-tag tag-green">专题研究</span>
+                </div>
+                <ArticleItem 
+                  v-for="item in specialArticles" 
+                  :key="item.id" 
+                  :article="item"
+                  :show-image="true"
+                />
+              </div>
+            </div>
+          </a-col>
+        </a-row>
+      </div>
+    </section>
+
+    <!-- 专家资讯板块 -->
+    <section class="section">
+      <div class="mx-auto max-w-screen-xl px-4">
+        <SectionHeader title="专家资讯" icon="👨‍🏫" more-link="/expert" />
+        
+        <a-row :gutter="[24, 24]">
+          <!-- 左侧：专家视点 -->
+          <a-col :xs="24" :lg="12">
+            <div class="content-card">
+              <div class="card-header">
+                <span class="card-tag tag-blue">专家视点</span>
+                <NuxtLink to="/expert?type=view" class="more-link">更多 ›</NuxtLink>
+              </div>
+              <div class="article-list">
+                <ArticleItem 
+                  v-for="item in expertViewArticles" 
+                  :key="item.id" 
+                  :article="item"
+                  :show-image="true"
+                />
+              </div>
+            </div>
+          </a-col>
+          
+          <!-- 右侧：专家动态 + 申请按钮 -->
+          <a-col :xs="24" :lg="12">
+            <div class="content-card">
+              <div class="card-header">
+                <span class="card-tag tag-green">专家动态</span>
+                <NuxtLink to="/expert?type=dynamic" class="more-link">更多 ›</NuxtLink>
+              </div>
+              <div class="article-list">
+                <ArticleItem 
+                  v-for="item in expertDynamicArticles" 
+                  :key="item.id" 
+                  :article="item"
+                  :show-image="true"
+                />
+              </div>
+            </div>
+            
+            <!-- 专家申请卡片 -->
+            <div class="expert-apply-card mt-4 bg-gradient-to-r from-blue-600 to-blue-800 rounded-lg p-6 text-white">
+              <div class="flex items-center justify-between">
+                <div>
+                  <h4 class="text-lg font-semibold mb-1">成为签约专家</h4>
+                  <p class="text-blue-200 text-sm">分享您的智慧，服务政府决策</p>
+                </div>
+                <NuxtLink to="/expert/apply">
+                  <a-button type="primary" size="large" ghost>专家申请</a-button>
+                </NuxtLink>
+              </div>
+            </div>
+          </a-col>
+        </a-row>
+      </div>
+    </section>
+
+    <!-- 单位企业广告区 -->
+    <section class="ad-section">
+      <div class="mx-auto max-w-screen-xl px-4">
+        <div class="ad-banner bg-gradient-to-r from-purple-600 to-indigo-600 rounded-lg p-4 flex items-center justify-between">
+          <div class="flex items-center gap-4">
+            <span class="text-3xl">🏛️</span>
+            <div>
+              <div class="text-white font-semibold">会员服务</div>
+              <div class="text-purple-200 text-sm">享受专属服务，获取更多价值</div>
+            </div>
+          </div>
+          <NuxtLink to="/membership">
+            <a-button type="primary" ghost size="large">了解更多</a-button>
+          </NuxtLink>
+        </div>
+      </div>
+    </section>
+
+    <!-- 智库观察板块 -->
+    <section class="section bg-gray-50">
+      <div class="mx-auto max-w-screen-xl px-4">
+        <SectionHeader title="智库观察" icon="🔍" more-link="/think-tank" />
+        
+        <a-row :gutter="[24, 24]">
+          <!-- 左侧：智库介绍 -->
+          <a-col :xs="24" :lg="12">
+            <div class="content-card">
+              <div class="card-header">
+                <span class="card-tag tag-blue">智库介绍</span>
+                <NuxtLink to="/think-tank?type=intro" class="more-link">更多 ›</NuxtLink>
+              </div>
+              <div class="article-list">
+                <ArticleItem 
+                  v-for="item in thinktankIntroArticles" 
+                  :key="item.id" 
+                  :article="item"
+                  :show-image="true"
+                />
+              </div>
+            </div>
+          </a-col>
+          
+          <!-- 右侧：智库视角 -->
+          <a-col :xs="24" :lg="12">
+            <div class="content-card">
+              <div class="card-header">
+                <span class="card-tag tag-green">智库视角</span>
+                <NuxtLink to="/think-tank?type=view" class="more-link">更多 ›</NuxtLink>
+              </div>
+              <div class="article-list">
+                <ArticleItem 
+                  v-for="item in thinktankViewArticles" 
+                  :key="item.id" 
+                  :article="item"
+                  :show-image="true"
+                />
+              </div>
+            </div>
+          </a-col>
+        </a-row>
+      </div>
+    </section>
+
+    <!-- 翰墨文谈板块 -->
+    <section class="section">
+      <div class="mx-auto max-w-screen-xl px-4">
+        <SectionHeader title="翰墨文谈" icon="✍️" more-link="/hanmo" />
+        
+        <a-row :gutter="[24, 24]">
+          <!-- 左侧：翰墨文谈 -->
+          <a-col :xs="24" :lg="12">
+            <div class="content-card">
+              <div class="card-header">
+                <span class="card-tag tag-purple">翰墨文谈</span>
+                <NuxtLink to="/hanmo" class="more-link">更多 ›</NuxtLink>
+              </div>
+              <div class="article-list">
+                <ArticleItem 
+                  v-for="item in hanmoArticles" 
+                  :key="item.id" 
+                  :article="item"
+                  :show-image="true"
+                />
+              </div>
+            </div>
+          </a-col>
+          
+          <!-- 右侧：决策服务 -->
+          <a-col :xs="24" :lg="12">
+            <div class="content-card">
+              <div class="card-header">
+                <span class="card-tag tag-orange">决策服务</span>
+                <NuxtLink to="/consultation" class="more-link">更多 ›</NuxtLink>
+              </div>
+              <div class="article-list">
+                <ArticleItem 
+                  v-for="item in decisionServiceArticles" 
+                  :key="item.id" 
+                  :article="item"
+                  :show-image="true"
+                />
+              </div>
+            </div>
+          </a-col>
+        </a-row>
+      </div>
+    </section>
+
+    <!-- 底部功能区 -->
+    <section class="quick-links-section">
+      <div class="mx-auto max-w-screen-xl px-4">
+        <div class="quick-links-grid">
+          <NuxtLink to="/about/join" class="quick-link-item">
+            <span class="icon">📥</span>
+            <span class="text">资料下载</span>
+          </NuxtLink>
+          <NuxtLink to="/about" class="quick-link-item">
+            <span class="icon">📝</span>
+            <span class="text">申报模板</span>
+          </NuxtLink>
+          <NuxtLink to="/contact" class="quick-link-item">
+            <span class="icon">📤</span>
+            <span class="text">成果报送</span>
+          </NuxtLink>
+          <NuxtLink to="/about/consultation" class="quick-link-item">
+            <span class="icon">📞</span>
+            <span class="text">联系我们</span>
+          </NuxtLink>
         </div>
-        <a-space>
-          <a-button size="large" @click="navigateTo('/products')">{{ $t('home.viewProducts') }}</a-button>
-          <a-button type="primary" size="large" @click="navigateTo('/contact')">{{ $t('home.contactNow') }}</a-button>
-        </a-space>
       </div>
     </section>
   </div>
@@ -264,63 +392,364 @@
 
 <script setup lang="ts">
 import { usePageSeo } from '@/composables/usePageSeo'
-import { productMatrix } from '@/config/products'
-const { t } = useI18n()
-
-// 视频路径（使用 public 目录，可直接通过 URL 访问）
-const videoSrc = '/videos/websopy-intro.mp4'
 
 usePageSeo({
-  title: t('pageTitle.homeTitle'),
-  description: t('pageTitle.homeDescription')
+  title: '首页',
+  description: '广西决策咨询网 - 政策要闻、决策参考、专家资讯'
 })
 
-const go = (url?: string) => {
-  if (!url) return
-  if (/^https?:\/\//i.test(url)) {
-    if (import.meta.client) window.open(url, '_blank', 'noopener,noreferrer')
-    return
-  }
-  return navigateTo(url)
-}
-
-// 视频加载错误处理
-const handleVideoError = (e: Event) => {
-  console.error('视频加载失败:', e)
-}
-
-const products = productMatrix
-
-const capabilities = [
+// Banner 轮播数据
+const bannerSlides = [
   {
-    title: t('home.openclawAI'),
-    badge: 'NEW',
-    desc: t('home.openclawAIDesc')
+    image: 'https://picsum.photos/1200/500?random=1',
+    title: '中心赴南宁区县调研县域数字经济发展情况',
+    tag: '调研活动'
   },
   {
-    title: t('home.ragKnowledge'),
-    badge: 'AI',
-    desc: t('home.ragKnowledgeDesc')
+    image: 'https://picsum.photos/1200/500?random=2',
+    title: '自治区召开数字经济发展专题会议',
+    tag: '会议报道'
   },
   {
-    title: t('home.saasMultiTenant'),
-    badge: '核心',
-    desc: t('home.saasMultiTenantDesc')
-  },
-  {
-    title: t('home.privateDeploy'),
-    badge: '可选',
-    desc: t('home.privateDeployDesc')
-  },
-  {
-    title: t('home.templateMarket'),
-    badge: '生态',
-    desc: t('home.templateMarketDesc')
-  },
-  {
-    title: t('home.autoActivate'),
-    badge: '交付',
-    desc: t('home.autoActivateDesc')
+    image: 'https://picsum.photos/1200/500?random=3',
+    title: '专家委员会2024年度工作研讨会召开',
+    tag: '专家动态'
   }
 ]
+
+// 模拟文章数据
+interface Article {
+  id: number
+  title: string
+  date: string
+  source?: string
+  image?: string
+  link: string
+}
+
+const createArticle = (id: number, title: string, source = '决策咨询中心'): Article => ({
+  id,
+  title,
+  date: '2024-12-20',
+  source,
+  image: `https://picsum.photos/100/70?random=${id}`,
+  link: `/consultation/${id}`
+})
+
+// 决策咨询板块
+const cityArticles = [
+  createArticle(1, '南宁市发布2024年产业转型升级实施方案'),
+  createArticle(2, '桂林市深化文旅融合发展取得新成效'),
+  createArticle(3, '柳州市新能源汽车产业链持续完善'),
+]
+const industryArticles = [
+  createArticle(4, '广西数字经济增速位居全国前列'),
+  createArticle(5, '北部湾经济区开放开发再上新台阶'),
+]
+const frontierArticles = [
+  createArticle(6, 'AI大模型在政务服务中的应用前景分析'),
+  createArticle(7, '碳中和目标下的绿色金融发展路径'),
+]
+const enterpriseArticles = [
+  createArticle(8, '广西本土企业数字化转型案例分享'),
+  createArticle(9, '重点龙头企业发展态势良好'),
+]
+
+// 决策参考板块
+const policyArticles = [
+  createArticle(10, '国务院关于加快数字经济发展的意见', '国务院'),
+  createArticle(11, '广西壮族自治区数字经济发展规划（2024-2028年）', '自治区政府'),
+]
+const analysisArticles = [
+  createArticle(12, '《数字经济促进条例》重点内容解读'),
+  createArticle(13, '广西产业政策发展趋势深度分析'),
+]
+const researchArticles = [
+  createArticle(14, '2024年度广西经济发展研究报告'),
+  createArticle(15, '面向东盟的跨境产业合作研究'),
+]
+const specialArticles = [
+  createArticle(16, '乡村振兴与数字乡村建设专题研究'),
+  createArticle(17, '西部陆海新通道产业布局研究'),
+]
+
+// 专家资讯板块
+const expertViewArticles = [
+  createArticle(18, '张教授：关于广西产业升级的几点建议'),
+  createArticle(19, '李专家：数字经济时代的政府治理创新'),
+  createArticle(20, '王教授：区域协调发展的思考与建议'),
+]
+const expertDynamicArticles = [
+  createArticle(21, '专家委员会赴桂林开展调研活动'),
+  createArticle(22, '新聘专家介绍：引进高层次人才'),
+]
+
+// 智库观察板块
+const thinktankIntroArticles = [
+  createArticle(23, '广西决策咨询中心简介'),
+  createArticle(24, '中心组织架构与职能介绍'),
+  createArticle(25, '专家委员会成员一览'),
+]
+const thinktankViewArticles = [
+  createArticle(26, '当前经济形势分析与对策建议'),
+  createArticle(27, '广西高质量发展路径探析'),
+  createArticle(28, '数字经济赋能传统产业转型'),
+]
+
+// 翰墨文谈板块
+const hanmoArticles = [
+  createArticle(29, '翰墨人生：一位老专家的从政感悟'),
+  createArticle(30, '从实践中来：基层调研的点点滴滴'),
+]
+const decisionServiceArticles = [
+  createArticle(31, '咨询服务项目介绍与申请指南'),
+  createArticle(32, '专项服务内容及收费标准'),
+]
 </script>
+
+<style scoped>
+/* Banner 区域 */
+.banner-section {
+  background: linear-gradient(135deg, #1e3a5f 0%, #0d1b2a 100%);
+  min-height: 420px;
+}
+
+.banner-bg {
+  position: absolute;
+  inset: 0;
+  background: url('https://picsum.photos/1920/600?random=100') center/cover;
+  opacity: 0.15;
+}
+
+/* 快捷导航 */
+.quick-nav {
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.quick-nav-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 16px;
+  background: linear-gradient(135deg, #1e3a5f, #0d1b2a);
+  color: white;
+  font-weight: 600;
+  font-size: 15px;
+}
+
+.quick-nav-title .icon {
+  font-size: 18px;
+}
+
+.quick-nav-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.quick-nav-list li {
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.quick-nav-list li:last-child {
+  border-bottom: none;
+}
+
+.quick-nav-list a {
+  display: block;
+  padding: 10px 16px;
+  color: #333;
+  text-decoration: none;
+  font-size: 14px;
+  transition: all 0.2s;
+}
+
+.quick-nav-list a:hover {
+  background: #f8f9fa;
+  color: #1e3a5f;
+  padding-left: 20px;
+}
+
+/* 轮播 */
+.carousel-wrapper {
+  border-radius: 8px;
+  overflow: hidden;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+}
+
+.main-carousel :deep(.slick-dots) {
+  bottom: 16px;
+}
+
+.main-carousel :deep(.slick-dots li button) {
+  background: rgba(255, 255, 255, 0.6);
+  border-radius: 50%;
+}
+
+.main-carousel :deep(.slick-dots li.slick-active button) {
+  background: #fff;
+}
+
+.carousel-slide {
+  position: relative;
+  height: 360px;
+}
+
+.carousel-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.carousel-overlay {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
+  padding: 40px 24px 24px;
+}
+
+.carousel-tag {
+  display: inline-block;
+  padding: 4px 12px;
+  background: #e74c3c;
+  color: white;
+  font-size: 12px;
+  border-radius: 4px;
+  margin-bottom: 8px;
+}
+
+.carousel-title {
+  color: white;
+  font-size: 18px;
+  font-weight: 600;
+  margin: 0;
+}
+
+/* 广告区 */
+.ad-section {
+  padding: 24px 0;
+}
+
+/* 通用板块 */
+.section {
+  padding: 40px 0;
+}
+
+/* 内容卡片 */
+.content-card {
+  background: white;
+  border-radius: 8px;
+  padding: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  height: 100%;
+}
+
+.card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16px;
+  padding-bottom: 12px;
+  border-bottom: 2px solid #f0f0f0;
+}
+
+.card-tag {
+  display: inline-block;
+  padding: 4px 16px;
+  font-size: 14px;
+  font-weight: 600;
+  border-radius: 4px;
+  color: white;
+}
+
+.tag-blue { background: #3498db; }
+.tag-green { background: #27ae60; }
+.tag-orange { background: #f39c12; }
+.tag-red { background: #e74c3c; }
+.tag-purple { background: #9b59b6; }
+
+.more-link {
+  color: #999;
+  font-size: 13px;
+  text-decoration: none;
+  transition: color 0.2s;
+}
+
+.more-link:hover {
+  color: #1e3a5f;
+}
+
+/* 文章列表 */
+.article-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+/* 专家申请卡片 */
+.expert-apply-card {
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(30, 58, 95, 0.3);
+}
+
+/* 底部功能区 */
+.quick-links-section {
+  background: linear-gradient(135deg, #1e3a5f, #0d1b2a);
+  padding: 32px 0;
+}
+
+.quick-links-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 16px;
+}
+
+.quick-link-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  padding: 24px 16px;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 8px;
+  text-decoration: none;
+  transition: all 0.3s;
+}
+
+.quick-link-item:hover {
+  background: rgba(255, 255, 255, 0.2);
+  transform: translateY(-2px);
+}
+
+.quick-link-item .icon {
+  font-size: 28px;
+}
+
+.quick-link-item .text {
+  color: white;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+/* 响应式 */
+@media (max-width: 768px) {
+  .banner-section {
+    min-height: auto;
+  }
+  
+  .carousel-slide {
+    height: 240px;
+  }
+  
+  .quick-links-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+  
+  .quick-nav {
+    margin-bottom: 16px;
+  }
+}
+</style>