diff --git a/.env.example b/.env.example
index 4f95a49..5d8152a 100644
--- a/.env.example
+++ b/.env.example
@@ -1,12 +1,12 @@
 # Tenant / headers
 # - TenantId header will be sent on every request.
 # - Authorization header is taken from client storage (AccessToken) and forwarded by the Nuxt proxy.
-NUXT_PUBLIC_TENANT_ID=10398
+NUXT_PUBLIC_TENANT_ID=10586
 
 # Upstream APIs (required)
 NUXT_PUBLIC_SERVER_API_BASE=https://server.websoft.top/api
 NUXT_PUBLIC_MODULES_API_BASE=https://cms-api.websoft.top/api
- 
+
 # Optional (only if file server is not the same origin as SERVER_API_BASE)
 # Defaults to the origin of `NUXT_PUBLIC_SERVER_API_BASE` (e.g. https://server.websoft.top)
 # NUXT_PUBLIC_FILE_SERVER_BASE=https://file.wsdns.cn
diff --git a/app/components/SiteFooter.vue b/app/components/SiteFooter.vue
index b81bc18..d72fa1f 100644
--- a/app/components/SiteFooter.vue
+++ b/app/components/SiteFooter.vue
@@ -39,7 +39,7 @@
 
 <script setup lang="ts">
 const { data: siteInfo } = useSiteInfo()
-const siteName = computed(() => String((siteInfo.value as any)?.data?.websiteName || '网宿软件'))
+const siteName = computed(() => String((siteInfo.value as any)?.data?.websiteName || '行于思破产事务服务平台'))
 const icpText = computed(() => {
   const icp = (siteInfo.value as any)?.data?.icpNo
   return icp ? `备案号：${icp}` : '备案号：'
diff --git a/app/components/SiteHeader.vue b/app/components/SiteHeader.vue
index 04b6c53..8476ec9 100644
--- a/app/components/SiteHeader.vue
+++ b/app/components/SiteHeader.vue
@@ -1,62 +1,136 @@
 <template>
-  <a-affix :offset-top="0">
-    <a-layout-header class="header">
-      <div class="mx-auto flex max-w-screen-xl items-center justify-between px-4">
-        <NuxtLink to="/" class="flex items-center gap-2 text-white">
-          <a-image src="https://oss.wsdns.cn/20251226/675876f9f5a84732b22efc02b275440a.png" :width="120" :preview="false" />
-        </NuxtLink>
-        <a-menu
-          mode="horizontal"
-          theme="dark"
-          :selected-keys="selectedKeys"
-          class="menu"
-        >
-          <a-menu-item v-for="item in nav" :key="item.to">
-            <NuxtLink :to="item.to">{{ item.label }}</NuxtLink>
-          </a-menu-item>
-        </a-menu>
-
-        <div class="hidden md:flex items-center gap-3">
-
-          <template v-if="!isAuthed">
-            <a-button type="primary" @click="navigateTo('/login')">登录</a-button>
-          </template>
-          <template v-else>
-            <a-dropdown :trigger="['hover']" placement="bottomRight">
-              <a-space>
-                <a-avatar :src="userAvatar" :size="32">
-                  <template v-if="!userAvatar" #icon>
-                    <UserOutlined />
-                  </template>
-                </a-avatar>
-                <span class="text-gray-100">{{ userName }}</span>
-              </a-space>
-              <template #overlay>
-                <a-menu @click="onUserMenuClick">
-                  <a-menu-item key="console">管理中心</a-menu-item>
-                  <a-menu-item key="developer">开发者中心</a-menu-item>
-                  <a-menu-item key="profile">个人资料</a-menu-item>
-                  <a-menu-divider />
-                  <a-menu-item key="logout">退出登录</a-menu-item>
-                </a-menu>
-              </template>
-            </a-dropdown>
-          </template>
+  <header class="site-header">
+    <div class="topbar">
+      <div class="mx-auto flex max-w-screen-xl items-center justify-between gap-4 px-4">
+        <div class="topbar-left">
+          <span class="topbar-date">{{ todayText }}</span>
         </div>
 
-        <div class="md:hidden">
-          <a-button type="primary" @click="open = true">菜单</a-button>
+        <div class="topbar-right">
+          <a-input-search
+            v-model:value="keywords"
+            class="topbar-search"
+            placeholder="请输入关键字"
+            :allow-clear="true"
+            @search="onSearch"
+          />
+
+          <div class="hidden md:flex items-center gap-3">
+            <template v-if="!isAuthed">
+              <a-button size="small" type="primary" @click="navigateTo('/login')">登录</a-button>
+            </template>
+            <template v-else>
+              <a-dropdown :trigger="['hover']" placement="bottomRight">
+                <a-space>
+                  <a-avatar :src="userAvatar" :size="28">
+                    <template v-if="!userAvatar" #icon>
+                      <UserOutlined />
+                    </template>
+                  </a-avatar>
+                  <span class="topbar-user">{{ userName }}</span>
+                </a-space>
+                <template #overlay>
+                  <a-menu @click="onUserMenuClick">
+                    <a-menu-item key="console">管理中心</a-menu-item>
+                    <a-menu-item key="developer">开发者中心</a-menu-item>
+                    <a-menu-item key="profile">个人资料</a-menu-item>
+                    <a-menu-divider />
+                    <a-menu-item key="logout">退出登录</a-menu-item>
+                  </a-menu>
+                </template>
+              </a-dropdown>
+            </template>
+          </div>
+
+          <a-button class="md:hidden" size="small" @click="open = true">菜单</a-button>
         </div>
       </div>
-    </a-layout-header>
-  </a-affix>
+    </div>
+
+    <div v-if="isHome" class="brandbar">
+      <div class="mx-auto grid max-w-screen-xl grid-cols-12 items-center gap-6 px-4 py-8">
+        <NuxtLink to="/" class="col-span-12 flex items-center gap-4 md:col-span-6">
+          <a-image :src="logoUrl" :width="120" :preview="false" />
+          <div class="brand-title">
+            <div class="brand-name">{{ siteName }}</div>
+            <div class="brand-sub">{{ siteSlogan }}</div>
+          </div>
+        </NuxtLink>
+
+        <div class="col-span-12 text-right md:col-span-6">
+          <div class="brand-mission">{{ missionText }}</div>
+          <div class="brand-values">{{ valuesText }}</div>
+        </div>
+      </div>
+    </div>
+
+    <a-affix :offset-top="0">
+      <div class="navbar">
+        <div class="mx-auto flex max-w-screen-xl items-center justify-between gap-3 px-4">
+          <nav class="nav hidden md:flex">
+            <template v-for="item in navItems" :key="item.key">
+              <a-dropdown v-if="item.children?.length" :trigger="['hover']">
+                <a class="nav-link" :class="{ active: isActive(item) }" @click.prevent>
+                  {{ item.label }}
+                </a>
+                <template #overlay>
+                  <a-menu>
+                    <a-menu-item
+                      v-for="child in item.children"
+                      :key="child.key"
+                      @click="onNavClick(child)"
+                    >
+                      {{ child.label }}
+                    </a-menu-item>
+                  </a-menu>
+                </template>
+              </a-dropdown>
+
+              <NuxtLink
+                v-else-if="item.to"
+                class="nav-link"
+                :class="{ active: isActive(item) }"
+                :to="item.to"
+              >
+                {{ item.label }}
+              </NuxtLink>
+
+              <a
+                v-else
+                class="nav-link"
+                :class="{ active: isActive(item) }"
+                :href="item.href"
+                :target="item.target || undefined"
+                rel="noopener noreferrer"
+              >
+                {{ item.label }}
+              </a>
+            </template>
+          </nav>
+          <div class="nav-spacer md:hidden" />
+        </div>
+      </div>
+    </a-affix>
+  </header>
 
   <a-drawer v-model:open="open" title="导航" placement="right">
     <a-menu mode="inline" :selected-keys="selectedKeys">
-      <a-menu-item v-for="item in nav" :key="item.to" @click="onNav(item.to)">
-        {{ item.label }}
-      </a-menu-item>
+      <template v-for="item in navItems" :key="item.key">
+        <a-menu-item v-if="!item.children?.length" :key="item.key" @click="onNavClick(item)">
+          {{ item.label }}
+        </a-menu-item>
+        <a-sub-menu v-else :key="item.key" :title="item.label">
+          <a-menu-item
+            v-for="child in item.children"
+            :key="child.key"
+            @click="onNavClick(child)"
+          >
+            {{ child.label }}
+          </a-menu-item>
+        </a-sub-menu>
+      </template>
     </a-menu>
+
     <div class="mt-4">
       <a-button v-if="!isAuthed" block type="primary" @click="onNav('/login')">登录</a-button>
       <template v-else>
@@ -73,32 +147,167 @@
 import { mainNav } from '@/config/nav'
 import { getUserInfo } from '@/api/layout'
 import type { User } from '@/api/system/user/model'
+import type { CmsNavigation } from '@/api/cms/cmsNavigation/model'
 import { getToken, removeToken } from '@/utils/token-util'
 import { clearAuthz, hasRole, setAuthzFromUser } from '@/utils/permission'
 import { UserOutlined } from '@ant-design/icons-vue'
 import { message } from 'ant-design-vue'
 
-const nav = computed(() => mainNav)
 const route = useRoute()
 const open = ref(false)
+const keywords = ref('')
 
-const selectedKeys = computed(() => {
-  const hit = nav.value.find((n) => n.to === route.path)
-  if (hit) return [hit.to]
-  if (route.path.startsWith('/products')) return ['/products']
-  return ['/']
-})
+type HeaderNavItem = {
+  key: string
+  label: string
+  to?: string
+  href?: string
+  target?: string
+  children?: HeaderNavItem[]
+}
 
 const { data: siteInfo } = useSiteInfo()
-const siteName = computed(() => {
-  const data = siteInfo.value?.data
-  if (data && typeof data === 'object' && 'websiteName' in data) {
-    const websiteName = (data as { websiteName?: unknown }).websiteName
-    if (typeof websiteName === 'string' && websiteName.trim()) return websiteName.trim()
-  }
-  return '网宿软件'
+
+const selectedKeys = computed(() => {
+  const flatten = (items: HeaderNavItem[]) =>
+    items.flatMap((i) => [i, ...(i.children?.length ? flatten(i.children) : [])])
+  const all = flatten(navItems.value)
+
+  const exactHit = all.find((n) => n.to === route.path)
+  if (exactHit) return [exactHit.key]
+
+  const prefixHit = all
+    .filter((n) => n.to && n.to !== '/' && route.path.startsWith(n.to))
+    .sort((a, b) => (b.to?.length ?? 0) - (a.to?.length ?? 0))[0]
+  if (prefixHit) return [prefixHit.key]
+
+  const home = all.find((n) => n.to === '/')
+  return home ? [home.key] : []
 })
 
+type SiteInfoData = {
+  websiteName?: unknown
+  websiteLogo?: unknown
+  websiteIcon?: unknown
+  topNavs?: unknown
+  setting?: unknown
+  config?: unknown
+} & Record<string, unknown>
+
+const siteData = computed<SiteInfoData | null>(() => {
+  const data = siteInfo.value?.data
+  if (data && typeof data === 'object') return data as SiteInfoData
+  return null
+})
+
+function pickString(source: unknown, key: string) {
+  if (!source || typeof source !== 'object') return ''
+  const record = source as Record<string, unknown>
+  const value = record[key]
+  return typeof value === 'string' ? value.trim() : ''
+}
+
+const siteName = computed(() => {
+  const websiteName = siteData.value?.websiteName
+  return typeof websiteName === 'string' && websiteName.trim() ? websiteName.trim() : '行于思破产事务服务平台'
+})
+
+const isHome = computed(() => route.path === '/')
+
+const logoUrl = computed(() => {
+  const data = siteData.value
+  const logo = typeof data?.websiteLogo === 'string' ? data.websiteLogo.trim() : ''
+  const icon = typeof data?.websiteIcon === 'string' ? data.websiteIcon.trim() : ''
+  return (
+    logo ||
+    icon ||
+    'https://oss.wsdns.cn/20251226/675876f9f5a84732b22efc02b275440a.png'
+  )
+})
+
+const siteSlogan = computed(() => {
+  const data = siteData.value
+  const slogan =
+    pickString(data?.setting, 'slogan') ||
+    pickString(data?.setting, 'subtitle') ||
+    pickString(data?.config, 'slogan')
+  return slogan || 'XINGYUSI BANKRUPTCY TRANSACTION SERVICE PLATFORM'
+})
+
+const missionText = computed(() => '致力于企业纾困和破产事务服务')
+const valuesText = computed(() => '真诚 · 奉献 · 规范 · 聚力')
+
+function normalizePath(path: unknown) {
+  if (typeof path !== 'string') return ''
+  const p = path.trim()
+  if (!p) return ''
+  if (/^https?:\/\//i.test(p)) return p
+  if (p.startsWith('/')) return p
+  return `/${p}`
+}
+
+function normalizeNavTree(list: CmsNavigation[]): HeaderNavItem[] {
+  const normalizeOne = (n: CmsNavigation): HeaderNavItem => {
+    const label = String(n.title || n.label || '').trim() || '未命名'
+    const rawPath = normalizePath(n.path)
+    const isExternal = /^https?:\/\//i.test(rawPath)
+    const children =
+      Array.isArray(n.children) && n.children.length
+        ? n.children
+            .slice()
+            .filter((c) => (c.hide ?? 0) !== 1)
+            .sort((a, b) => (a.sortNumber ?? 0) - (b.sortNumber ?? 0))
+            .map(normalizeOne)
+        : undefined
+    const key = String(n.code || n.navigationId || rawPath || label)
+    const target = n.target ? String(n.target) : (isExternal ? '_blank' : undefined)
+    return {
+      key,
+      label,
+      ...(isExternal ? { href: rawPath } : { to: rawPath || '/' }),
+      target,
+      ...(children?.length ? { children } : {})
+    }
+  }
+
+  return list
+    .filter((n) => (n.hide ?? 0) !== 1)
+    .slice()
+    .sort((a, b) => (a.sortNumber ?? 0) - (b.sortNumber ?? 0))
+    .map(normalizeOne)
+}
+
+const navItems = computed<HeaderNavItem[]>(() => {
+  const apiNavs = siteData.value?.topNavs
+  if (Array.isArray(apiNavs) && apiNavs.length) {
+    return normalizeNavTree(apiNavs as CmsNavigation[])
+  }
+  // Fallback when CMS has not configured topNavs.
+  return mainNav.map((n) => ({ key: n.key || n.to, label: n.label, to: n.to }))
+})
+
+function isActive(item: HeaderNavItem) {
+  const isHit = (candidate: HeaderNavItem): boolean => {
+    if (candidate.to && candidate.to === route.path) return true
+    return !!candidate.children?.some(isHit)
+  }
+  return isHit(item)
+}
+
+function onNavClick(item: HeaderNavItem) {
+  open.value = false
+  if (item.href) {
+    window.open(item.href, item.target || '_blank')
+    return
+  }
+  if (item.to) navigateTo(item.to)
+}
+
+function onSearch() {
+  if (!keywords.value.trim()) return
+  navigateTo({ path: '/articles', query: { keywords: keywords.value.trim() } })
+}
+
 const token = ref('')
 const user = ref<User | null>(null)
 const isAuthed = computed(() => !!token.value)
@@ -121,6 +330,13 @@ function onNav(to: string) {
   navigateTo(to)
 }
 
+const todayText = computed(() => {
+  const d = new Date()
+  const week = ['日', '一', '二', '三', '四', '五', '六'][d.getDay()] || ''
+  const pad = (n: number) => String(n).padStart(2, '0')
+  return `${d.getFullYear()}年${pad(d.getMonth() + 1)}月${pad(d.getDate())}日 星期${week}`
+})
+
 async function refreshAuth() {
   token.value = getToken()
   if (!token.value) {
@@ -186,14 +402,109 @@ onUnmounted(() => {
 </script>
 
 <style scoped>
-.header {
-  background: #111827;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
-  padding: 0;
+.site-header {
+  background: #fff;
 }
-.menu {
-  background: transparent;
-  border-bottom: none;
-  min-width: 520px;
+
+.topbar {
+  background: #f7f7f7;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  font-size: 12px;
+}
+
+.topbar-left {
+  color: rgba(0, 0, 0, 0.7);
+  padding: 6px 0;
+}
+
+.topbar-right {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 6px 0;
+}
+
+.topbar-search {
+  width: 240px;
+}
+
+.topbar-user {
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.brandbar {
+  background:
+    linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)),
+    radial-gradient(circle at 25% 20%, rgba(220, 38, 38, 0.12), transparent 60%),
+    radial-gradient(circle at 80% 20%, rgba(59, 130, 246, 0.12), transparent 55%),
+    linear-gradient(180deg, #f2f4f7, #ffffff);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+.brand-title {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.brand-name {
+  font-size: 28px;
+  line-height: 1.1;
+  font-weight: 800;
+  color: #b91c1c;
+}
+
+.brand-sub {
+  font-size: 12px;
+  letter-spacing: 0.08em;
+  color: rgba(0, 0, 0, 0.55);
+}
+
+.brand-mission {
+  font-size: 18px;
+  font-weight: 700;
+  color: #1d4ed8;
+}
+
+.brand-values {
+  margin-top: 6px;
+  font-size: 14px;
+  font-weight: 600;
+  color: rgba(0, 0, 0, 0.65);
+}
+
+.navbar {
+  background: #c30000;
+  border-top: 1px solid rgba(255, 255, 255, 0.15);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+}
+
+.nav {
+  display: flex;
+  gap: 2px;
+}
+
+.nav-link {
+  display: inline-flex;
+  align-items: center;
+  height: 48px;
+  padding: 0 18px;
+  color: rgba(255, 255, 255, 0.92);
+  font-weight: 600;
+  text-decoration: none;
+}
+
+.nav-link:hover {
+  color: #fff;
+  background: rgba(255, 255, 255, 0.12);
+}
+
+.nav-link.active {
+  background: rgba(255, 255, 255, 0.18);
+  color: #fff;
+}
+
+.nav-spacer {
+  height: 48px;
 }
 </style>
diff --git a/app/config/setting.ts b/app/config/setting.ts
index 3f01918..cec79ca 100644
--- a/app/config/setting.ts
+++ b/app/config/setting.ts
@@ -3,5 +3,5 @@ export const MODULES_API_URL = '/api/_modules'
 export const FILE_SERVER = '/api/_file'
 
 // Some endpoints use this as a special TenantId override (defaults to current tenant)
-export const TEMPLATE_ID = '10398'
+export const TEMPLATE_ID = '10586'
 
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 0a574ac..647574b 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -54,7 +54,7 @@ if (import.meta.client) {
 
 <style scoped>
 .content {
-  background: #fff;
+  background: transparent;
 }
 
 .layout-shell {
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 9e27a2b..e91c7f8 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,189 +1,507 @@
 <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">v3.0 版本发布</a-tag>
-
-        <a-typography-title :level="1" class="!text-white !mb-4">
-          软件开发平台：SaaS + 私有化 + 模板/插件生态
-        </a-typography-title>
-        <a-typography-paragraph class="!text-gray-300 !text-lg !mb-8">
-          面向企业官网、电商、小程序等业务场景，提供多租户架构与模块化能力；客户下单后自动创建租户、初始化模块与基础数据，实现“支付即开通”。
-        </a-typography-paragraph>
-
-        <a-space size="middle" wrap>
-          <a-button type="primary" size="large" @click="navigateTo('/contact')">预约演示</a-button>
-          <a-button size="large" @click="navigateTo('/flow')">查看开通流程</a-button>
-          <a-button size="large" @click="navigateTo('/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>
-    </section>
-
-    <section class="mx-auto max-w-screen-xl px-4 py-14">
-      <a-typography-title :level="2" class="!mb-2">核心能力</a-typography-title>
-      <a-typography-paragraph class="!text-gray-500 !mb-8">
-        用一套平台能力，覆盖产品售卖、交付开通、运营升级与生态变现。
-      </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>
-    </section>
-
-    <section class="bg-gray-50">
-      <div class="mx-auto max-w-screen-xl px-4 py-14">
-        <a-row :gutter="[24, 24]">
-          <a-col :xs="24" :lg="12">
-            <a-typography-title :level="2" class="!mb-2">支付即开通</a-typography-title>
-            <a-typography-paragraph class="!text-gray-600 !mb-6">
-              客户选择产品并支付后，平台自动完成：创建租户、初始化模块、写入默认配置与基础数据、生成管理员账号并交付访问入口。
-            </a-typography-paragraph>
-            <a-button type="primary" @click="navigateTo('/flow')">查看全流程</a-button>
-          </a-col>
-          <a-col :xs="24" :lg="12">
-            <a-card>
-              <a-steps direction="vertical" :current="-1" size="small">
-                <a-step title="选择产品/套餐" description="支持产品矩阵、模板/插件加购、增值项" />
-                <a-step title="下单支付" description="支付成功触发开通任务编排" />
-                <a-step title="创建租户" description="租户隔离、域名/应用信息绑定、管理员生成" />
-                <a-step title="模块初始化" description="按所购产品加载模块与菜单权限，写入基础数据/示例数据" />
-                <a-step title="交付上线" description="SaaS 直接可用；私有化交付镜像/部署文档/验收清单" />
-              </a-steps>
-            </a-card>
-          </a-col>
-        </a-row>
-      </div>
-    </section>
-
-    <section class="mx-auto max-w-screen-xl px-4 py-14">
-      <a-typography-title :level="2" class="!mb-2">模板与插件生态</a-typography-title>
-      <a-typography-paragraph class="!text-gray-500 !mb-8">
-        通过模板加速交付，通过插件扩展能力；支持购买、授权、更新与版本管理。
-      </a-typography-paragraph>
-
-      <a-tabs>
-        <a-tab-pane key="template" tab="模板">
-          <a-row :gutter="[16, 16]">
-            <a-col :xs="24" :md="12">
-              <a-card title="行业模板">
-                <a-typography-paragraph class="!mb-0 !text-gray-600">
-                  按行业/场景提供成套页面与配置，支持一键套用、二次编辑与多版本管理。
-                </a-typography-paragraph>
-              </a-card>
-            </a-col>
-            <a-col :xs="24" :md="12">
-              <a-card title="交付标准化">
-                <a-typography-paragraph class="!mb-0 !text-gray-600">
-                  模板与初始化脚本配套，让“开通后的默认站点”可直接验收。
-                </a-typography-paragraph>
-              </a-card>
-            </a-col>
-          </a-row>
-        </a-tab-pane>
-        <a-tab-pane key="plugin" tab="插件">
-          <a-row :gutter="[16, 16]">
-            <a-col :xs="24" :md="12">
-              <a-card title="能力扩展">
-                <a-typography-paragraph class="!mb-0 !text-gray-600">
-                  支付、会员、营销、工单、数据统计等能力按需加购，随买随用。
-                </a-typography-paragraph>
-              </a-card>
-            </a-col>
-            <a-col :xs="24" :md="12">
-              <a-card title="升级与授权">
-                <a-typography-paragraph class="!mb-0 !text-gray-600">
-                  支持版本升级、授权校验、到期续费与灰度发布。
-                </a-typography-paragraph>
-              </a-card>
-            </a-col>
-          </a-row>
-        </a-tab-pane>
-      </a-tabs>
-
-      <div class="mt-6">
-        <a-button @click="navigateTo('/market')">了解模板/插件市场</a-button>
-      </div>
-    </section>
-
-    <section class="bg-gray-950 text-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">想快速搭建并交付一个可运营的产品？</div>
-          <div class="mt-1 text-gray-300">预约演示，我们将按你的业务场景给出方案与报价。</div>
+  <main class="home">
+    <section class="mx-auto max-w-screen-xl px-4 py-6">
+      <div class="grid grid-cols-12 gap-6">
+        <div class="col-span-12 lg:col-span-7">
+          <div class="panel">
+            <a-image :src="featured.image" :preview="false" class="featured-image" />
+            <div class="p-4">
+              <div class="featured-title">{{ featured.title }}</div>
+              <div class="featured-meta">{{ featured.date }}</div>
+            </div>
+          </div>
+        </div>
+
+        <div class="col-span-12 lg:col-span-5">
+          <div class="panel notice">
+            <div class="notice-head">
+              <div class="notice-title">
+                <NotificationOutlined />
+                公告
+              </div>
+              <a class="notice-more" href="#" @click.prevent>更多</a>
+            </div>
+            <div class="notice-list">
+              <a
+                v-for="n in notices"
+                :key="n.title"
+                class="notice-item"
+                href="#"
+                @click.prevent
+              >
+                <div class="notice-item-title">{{ n.title }}</div>
+                <div class="notice-item-desc">{{ n.desc }}</div>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="mt-6 grid grid-cols-12 gap-6">
+        <div class="col-span-12 lg:col-span-7">
+          <div class="panel">
+            <div class="section-pill">
+              <span class="pill-left">
+                <FileTextOutlined />
+                申报指南
+              </span>
+              <span class="pill-right">Declaration Guide</span>
+            </div>
+
+            <div class="mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2">
+              <a-card
+                v-for="g in guides"
+                :key="g.title"
+                class="guide-card"
+                :bordered="true"
+                hoverable
+                @click="navigateTo(g.to)"
+              >
+                <a-space>
+                  <a-avatar :size="44" class="guide-icon">
+                    <component :is="g.icon" />
+                  </a-avatar>
+                  <div>
+                    <div class="guide-title">{{ g.title }}</div>
+                    <div class="guide-desc">{{ g.desc }}</div>
+                  </div>
+                </a-space>
+              </a-card>
+            </div>
+          </div>
+        </div>
+
+        <div class="col-span-12 lg:col-span-5">
+          <div class="panel login">
+            <div class="login-hero">
+              <div class="login-hero-title">破产重整债权申报系统</div>
+              <div class="login-hero-sub">SUBMIT REQUIREMENTS</div>
+            </div>
+
+            <div class="p-4">
+              <a-space direction="vertical" class="w-full" size="middle">
+                <a-button type="primary" block size="large" @click="navigateTo('/login')">
+                  <template #icon><LoginOutlined /></template>
+                  用户登录申报
+                </a-button>
+                <a-button block size="large" @click="navigateTo('/create-app')">
+                  <template #icon><UserAddOutlined /></template>
+                  新用户注册申报
+                </a-button>
+                <div class="flex items-center justify-between text-sm text-gray-500">
+                  <span>申报审核系统</span>
+                  <a href="#" class="text-red-600" @click.prevent>忘记密码？</a>
+                </div>
+              </a-space>
+            </div>
+          </div>
         </div>
-        <a-space>
-          <a-button size="large" @click="navigateTo('/products')">看产品矩阵</a-button>
-          <a-button type="primary" size="large" @click="navigateTo('/contact')">马上联系</a-button>
-        </a-space>
       </div>
     </section>
-  </div>
+
+    <section class="banner">
+      <div class="mx-auto max-w-screen-xl px-4 py-10">
+        <div class="banner-title">致力于专业破产事务服务</div>
+      </div>
+    </section>
+
+    <section class="mx-auto max-w-screen-xl px-4 py-10">
+      <div class="section-title">
+        <div class="section-title-main">新闻资讯</div>
+        <div class="section-title-sub">NEWS INFORMATION</div>
+      </div>
+
+      <div class="mt-6 grid grid-cols-12 gap-6">
+        <div v-for="c in columns" :key="c.title" class="col-span-12 lg:col-span-4">
+          <div class="panel">
+            <div class="column-head">
+              <div class="column-title">{{ c.title }}</div>
+              <a href="#" class="column-more" @click.prevent>更多 +</a>
+            </div>
+            <div class="column-list">
+              <a
+                v-for="it in c.items"
+                :key="it"
+                class="column-item"
+                href="#"
+                @click.prevent
+              >
+                {{ it }}
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="mt-10">
+        <div class="section-title">
+          <div class="section-title-main">典型案例</div>
+          <div class="section-title-sub">CLASSIC CASE</div>
+        </div>
+
+        <div class="mt-6 grid grid-cols-12 gap-6">
+          <a-card
+            v-for="c in cases"
+            :key="c.title"
+            hoverable
+            class="case-card col-span-12 sm:col-span-6 lg:col-span-3"
+            @click="navigateTo(c.to)"
+          >
+            <template #cover>
+              <a-image :src="c.image" :preview="false" class="case-image" />
+            </template>
+            <a-typography-title :level="5" class="!mb-2 case-title">{{ c.title }}</a-typography-title>
+            <div class="case-meta">{{ c.date }}</div>
+          </a-card>
+        </div>
+      </div>
+    </section>
+  </main>
 </template>
 
 <script setup lang="ts">
-import { usePageSeo } from '@/composables/usePageSeo'
+import {
+  FileTextOutlined,
+  LoginOutlined,
+  NotificationOutlined,
+  ProfileOutlined,
+  SafetyCertificateOutlined,
+  UserAddOutlined
+} from '@ant-design/icons-vue'
 
-usePageSeo({
-  title: '软件开发平台 - SaaS / 私有化部署 / 模板&插件生态',
-  description:
-    '面向企业官网、电商、小程序等业务场景的 SaaS 开发平台，支持私有化部署与模板/插件购买；客户下单支付后自动创建租户并完成模块与数据初始化。'
-})
+const featured = {
+  image:
+    'https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1400&q=80',
+  title: '行于思清算公司受指定担任广西民族包装有限公司管理人',
+  date: '2023-10-11'
+}
 
-const capabilities = [
+const notices = [
   {
-    title: 'SaaS 多租户平台',
-    badge: '核心',
-    desc: '租户隔离、组织与权限体系、配置中心与审计能力，为多业务线统一底座。'
+    title: '关于公开招募破产清算管理主体框架及维修施工单位的公告',
+    desc: '南宁市中级人民法院根据有关规定...'
   },
   {
-    title: '私有化部署',
-    badge: '可选',
-    desc: '支持本地/专有云部署，提供部署文档、验收清单与升级策略，满足安全合规。'
+    title: '钦州市王明年丰全仓储有限公司重整投资人招募公告',
+    desc: '钦州市王明年丰全仓储有限公司...'
   },
   {
-    title: '模板市场',
-    badge: '生态',
-    desc: '行业模板一键套用，默认配置与初始化脚本配套，交付更标准、上线更快。'
+    title: '钦州市王明年丰全仓储有限公司 预重整债权申报公告',
+    desc: '债权申报相关材料及申报途径...'
   },
   {
-    title: '插件市场',
-    badge: '扩展',
-    desc: '支付、会员、营销、工单等能力按需加购；支持授权、更新与版本管理。'
+    title: '钦州市王明年丰全仓储有限公司 预重整债权申报公告（补充）',
+    desc: '补充说明及常见问题...'
+  }
+]
+
+const guides = [
+  { title: '线上实名认证指南', desc: '快速完成实名认证', to: '/flow', icon: ProfileOutlined },
+  { title: '债权人提交材料指南', desc: '材料清单与提交规范', to: '/articles', icon: FileTextOutlined },
+  { title: '债权人网上申报指南', desc: '在线申报流程说明', to: '/login', icon: SafetyCertificateOutlined },
+  { title: '公司自主清算债权登记材料范本', desc: '模板下载与填写说明', to: '/deploy', icon: FileTextOutlined }
+]
+
+const columns = [
+  {
+    title: '新闻动态',
+    items: [
+      '标题新闻标题新闻标题新闻标题新闻标题...',
+      '标题新闻标题新闻标题新闻标题新闻标题...',
+      '标题新闻标题新闻标题新闻标题新闻标题...',
+      '标题新闻标题新闻标题新闻标题新闻标题...',
+      '标题新闻标题新闻标题新闻标题新闻标题...'
+    ]
   },
   {
-    title: '自动开通链路',
-    badge: '交付',
-    desc: '选品支付后自动创建租户、初始化模块/菜单/基础数据，并交付访问入口。'
+    title: '法律法规',
+    items: [
+      '标题新闻标题新闻标题新闻标题新闻标题...',
+      '标题新闻标题新闻标题新闻标题新闻标题...',
+      '标题新闻标题新闻标题新闻标题新闻标题...',
+      '标题新闻标题新闻标题新闻标题新闻标题...',
+      '标题新闻标题新闻标题新闻标题新闻标题...'
+    ]
   },
   {
-    title: '模块化与可扩展',
-    badge: '开发',
-    desc: '支持按模块组合产品能力，插件化扩展点让二开与生态合作更高效。'
+    title: '权威发布',
+    items: [
+      '标题新闻标题新闻标题新闻标题新闻标题...',
+      '标题新闻标题新闻标题新闻标题新闻标题...',
+      '标题新闻标题新闻标题新闻标题新闻标题...',
+      '标题新闻标题新闻标题新闻标题新闻标题...',
+      '标题新闻标题新闻标题新闻标题新闻标题...'
+    ]
+  }
+]
+
+const cases = [
+  {
+    title: '广西南院审理的印象刘三姐重整案...',
+    date: '2023-10-17',
+    to: '/articles',
+    image:
+      'https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=900&q=80'
+  },
+  {
+    title: '广西南院审理的印象刘三姐重整案...',
+    date: '2023-10-17',
+    to: '/articles',
+    image:
+      'https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?auto=format&fit=crop&w=900&q=80'
+  },
+  {
+    title: '广西南院审理的印象刘三姐重整案...',
+    date: '2023-10-17',
+    to: '/articles',
+    image:
+      'https://images.unsplash.com/photo-1521790797524-b2497295b8a0?auto=format&fit=crop&w=900&q=80'
+  },
+  {
+    title: '广西南院审理的印象刘三姐重整案...',
+    date: '2023-10-17',
+    to: '/articles',
+    image:
+      'https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=900&q=80'
   }
 ]
 </script>
+
+<style scoped>
+.home {
+  background: #f4f6f8;
+}
+
+.panel {
+  background: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.06);
+  border-radius: 10px;
+  overflow: hidden;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
+}
+
+.featured-image :deep(img) {
+  width: 100%;
+  height: 360px;
+  object-fit: cover;
+}
+
+.featured-title {
+  font-size: 16px;
+  font-weight: 700;
+  color: rgba(0, 0, 0, 0.88);
+}
+
+.featured-meta {
+  margin-top: 6px;
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.notice {
+  height: 100%;
+}
+
+.notice-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 14px;
+  background: linear-gradient(90deg, #c30000, #e11d48);
+  color: #fff;
+}
+
+.notice-title {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 800;
+}
+
+.notice-more {
+  color: rgba(255, 255, 255, 0.9);
+  font-size: 12px;
+}
+
+.notice-list {
+  padding: 10px 14px 14px;
+}
+
+.notice-item {
+  display: block;
+  padding: 10px 0;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  text-decoration: none;
+}
+
+.notice-item:last-child {
+  border-bottom: 0;
+}
+
+.notice-item-title {
+  font-size: 13px;
+  font-weight: 700;
+  color: rgba(0, 0, 0, 0.85);
+  line-height: 1.35;
+}
+
+.notice-item-desc {
+  margin-top: 4px;
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.55);
+  line-height: 1.4;
+}
+
+.section-pill {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 14px;
+  border-radius: 9999px;
+  background: linear-gradient(90deg, #c30000, #e11d48);
+  color: #fff;
+  font-weight: 800;
+}
+
+.pill-left {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.pill-right {
+  font-weight: 700;
+  font-size: 12px;
+  opacity: 0.9;
+}
+
+.guide-card {
+  border-radius: 10px;
+}
+
+.guide-icon {
+  background: rgba(195, 0, 0, 0.1);
+  color: #c30000;
+}
+
+.guide-title {
+  font-size: 14px;
+  font-weight: 800;
+  color: rgba(0, 0, 0, 0.88);
+}
+
+.guide-desc {
+  margin-top: 3px;
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.55);
+}
+
+.login-hero {
+  padding: 18px 16px;
+  background:
+    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.22), transparent 55%),
+    linear-gradient(90deg, #c30000, #e11d48);
+  color: #fff;
+}
+
+.login-hero-title {
+  font-size: 18px;
+  font-weight: 900;
+}
+
+.login-hero-sub {
+  margin-top: 6px;
+  font-size: 12px;
+  letter-spacing: 0.12em;
+  opacity: 0.9;
+}
+
+.banner {
+  background:
+    radial-gradient(circle at 20% 30%, rgba(195, 0, 0, 0.18), transparent 55%),
+    linear-gradient(180deg, #ffffff, #f8fafc);
+  border-top: 1px solid rgba(0, 0, 0, 0.06);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+.banner-title {
+  text-align: center;
+  font-size: 28px;
+  font-weight: 900;
+  color: #c30000;
+}
+
+.section-title {
+  text-align: center;
+}
+
+.section-title-main {
+  font-size: 18px;
+  font-weight: 900;
+  color: rgba(0, 0, 0, 0.88);
+}
+
+.section-title-sub {
+  margin-top: 4px;
+  font-size: 12px;
+  letter-spacing: 0.12em;
+  color: rgba(0, 0, 0, 0.45);
+}
+
+.column-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 14px 10px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+.column-title {
+  font-weight: 900;
+  color: rgba(0, 0, 0, 0.88);
+}
+
+.column-more {
+  font-size: 12px;
+  color: rgba(195, 0, 0, 0.95);
+  text-decoration: none;
+}
+
+.column-list {
+  padding: 10px 14px 14px;
+}
+
+.column-item {
+  display: block;
+  padding: 8px 0;
+  font-size: 13px;
+  color: rgba(0, 0, 0, 0.78);
+  text-decoration: none;
+  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
+}
+
+.column-item:last-child {
+  border-bottom: 0;
+}
+
+.case-card {
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+.case-image :deep(img) {
+  width: 100%;
+  height: 160px;
+  object-fit: cover;
+}
+
+.case-title {
+  color: rgba(195, 0, 0, 0.95);
+}
+
+.case-meta {
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.5);
+}
+</style>
+
diff --git a/app/pages/qr-confirm.vue b/app/pages/qr-confirm.vue
index ae7c1e0..991a3d7 100644
--- a/app/pages/qr-confirm.vue
+++ b/app/pages/qr-confirm.vue
@@ -57,7 +57,7 @@ const userInfo = ref<User | null>(null)
 const confirmLoading = ref(false)
 const cancelLoading = ref(false)
 
-const appName = ref('网宿软件')
+const appName = ref('行于思破产事务服务平台')
 const appLogo = ref('/favicon.ico')
 
 const deviceInfo = ref({
diff --git a/app/utils/domain.ts b/app/utils/domain.ts
index 7da1016..d1b3a67 100644
--- a/app/utils/domain.ts
+++ b/app/utils/domain.ts
@@ -1,4 +1,4 @@
-export function getTenantId(defaultTenantId = '10398') {
+export function getTenantId(defaultTenantId = '10586') {
   if (!import.meta.client) return defaultTenantId
   try {
     return localStorage.getItem('TenantId') || defaultTenantId
diff --git a/ecosystem.config.cjs b/ecosystem.config.cjs
index c109a9a..8b452c5 100644
--- a/ecosystem.config.cjs
+++ b/ecosystem.config.cjs
@@ -1,7 +1,7 @@
 module.exports = {
   apps: [
     {
-      name: 'nuxt4-10398',
+      name: 'nuxt4-10586',
       cwd: __dirname,
       script: '.output/server/index.mjs',
       interpreter: 'node',
@@ -9,8 +9,8 @@ module.exports = {
       env: {
         NODE_ENV: 'production',
         NITRO_HOST: '0.0.0.0',
-        NITRO_PORT: 10398,
-        PORT: 10398,
+        NITRO_PORT: 10586,
+        PORT: 10586,
       },
     },
   ],
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 56443bd..3488101 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -6,7 +6,7 @@ function getOrigin(url: string) {
   }
 }
 
-const tenantId = process.env.NUXT_PUBLIC_TENANT_ID || '10398'
+const tenantId = process.env.NUXT_PUBLIC_TENANT_ID || '10586'
 const serverApiBase =
   process.env.NUXT_PUBLIC_SERVER_API_BASE ||
   process.env.NUXT_PUBLIC_SERVER_API ||
@@ -42,7 +42,7 @@ export default defineNuxtConfig({
   modules: ['@nuxtjs/tailwindcss', './modules/fix-tailwind-postcss'],
   app: {
     head: {
-      titleTemplate: (titleChunk) => (titleChunk ? `${titleChunk} - 网宿软件` : '网宿软件'),
+      titleTemplate: (titleChunk) => (titleChunk ? `${titleChunk} - 行于思破产事务服务平台` : '行于思破产事务服务平台'),
       meta: [
         { charset: 'utf-8' },
         { name: 'viewport', content: 'width=device-width, initial-scale=1' },
diff --git a/server/api/cms/cms-website/getSiteInfo.get.ts b/server/api/cms/cms-website/getSiteInfo.get.ts
index 9de267c..d491b5c 100644
--- a/server/api/cms/cms-website/getSiteInfo.get.ts
+++ b/server/api/cms/cms-website/getSiteInfo.get.ts
@@ -12,7 +12,7 @@ export default defineEventHandler(async (event) => {
     getHeader(event, 'tenantid') ||
     config.public.tenantId ||
     config.public.TenantId ||
-    '10398'
+    '10586'
   const authorization = getHeader(event, 'authorization')
 
   try {