diff --git a/f/web-kboss/src/components/FloatingBox/FloatingBox.vue b/f/web-kboss/src/components/FloatingBox/FloatingBox.vue
index 59d8185..3996815 100644
--- a/f/web-kboss/src/components/FloatingBox/FloatingBox.vue
+++ b/f/web-kboss/src/components/FloatingBox/FloatingBox.vue
@@ -914,7 +914,7 @@ export default {
 
 .floating-consult-icon img {
   width: 100%;
-  height: 100%;
+  // height: 100%;
   object-fit: cover;
   border-radius: 50%;
 }
diff --git a/f/web-kboss/src/i18n/lang/en-US.js b/f/web-kboss/src/i18n/lang/en-US.js
index e121db2..a8147dc 100644
--- a/f/web-kboss/src/i18n/lang/en-US.js
+++ b/f/web-kboss/src/i18n/lang/en-US.js
@@ -18,19 +18,80 @@ export default {
     switchEnSuccess: 'Switched to English'
   },
   home: {
-    heroTitle: 'One Platform, Across All Industries',
-    heroSubtitle: 'Intelligent Leap',
-    heroSlogan: 'Making AI Everywhere, Make AI Easy',
+    heroTitle: 'One Platform · Intelligent Leap · Across All Industries.',
+    heroSubtitle: '',
+    heroSlogan: 'Make AI Everywhere, Make AI Easy',
     solutionsBtn: 'Solutions',
     contactSalesBtn: 'Contact Sales',
     aiSolutionsTitle: 'AI + Solutions',
-    successCasesTitle: 'Success Stories',
-    moreCases: 'View More Cases',
+    successCasesTitle: 'Use Cases',
+    moreCases: 'View All Use Cases →',
     ctaTitle: 'How Do These Solutions Work in Practice?',
     ctaDesc: 'Get industry-specific AI solutions.',
     contactUsArrow: 'Contact Us →',
     companyNewsTitle: 'Company News',
-    viewMore: 'View More →'
+    viewMore: 'View More →',
+    footerProducts: 'Products & Services',
+    footerContact: 'Contact Us',
+    onlineChat: 'Online Chat',
+    solutionCards: {
+      collaboration: {
+        title: 'Collaborative Intelligence',
+        subtitle: 'Multi-Agent Coordination'
+      },
+      spatial: {
+        title: 'Spatial Intelligence',
+        subtitle: 'GIS Smart Analysis'
+      },
+      predictive: {
+        title: 'Predictive Insight',
+        subtitle: 'Intelligent Forecasting Engine'
+      },
+      vision: {
+        title: 'Microscopic Insight',
+        subtitle: 'Machine Vision Inspection'
+      },
+      qa: {
+        title: 'Instant Answers',
+        subtitle: 'Intelligent Q&A Knowledge Base'
+      },
+      protection: {
+        title: 'Continuous Protection',
+        subtitle: 'Intelligent Device Monitoring'
+      },
+      document: {
+        title: 'Document Intelligence',
+        subtitle: 'Smart Document Parsing'
+      },
+      edge: {
+        title: 'Edge Intelligence',
+        subtitle: 'Edge AI Inference'
+      }
+    },
+    cases: {
+      railway: {
+        name: 'China Railway Group · AI Industry Bidding Agent Engine',
+        title: 'Smart Engineering',
+        desc: 'AI-Powered Bidding Process'
+      },
+      forestry: {
+        name: 'Nanning Forestry Bureau · Smart Harvesting',
+        title: 'Smart Harvesting',
+        desc: 'AI-Powered Forestry Spatial Intelligence Review'
+      },
+      beigang: {
+        name: 'AI Empowerment · Beibu Gulf Big Data',
+        title: 'Digital & Intelligent Upgrade',
+        desc: 'Three Core AI Agent Platforms'
+      }
+    },
+    news: {
+      tag: 'Company News',
+      firstTitle: 'Open Computing AI Visits ASEAN with CCPIT',
+      firstDesc: 'Open Computing AI joined the CCPIT Guangxi branch delegation on business visits to Vietnam and Laos, where it engaged in deep discussions on AI agent deployment, cross-border digital infrastructure cooperation, and smart city solutions — further expanding its footprint in Southeast Asian markets.',
+      secondTitle: 'Open Computing AI Named Forbes China AI Commercial Application Demonstration Enterprise',
+      secondDesc: 'Recognized for its industrial-grade AI agent factory delivery capabilities and benchmark cases among central and state-owned enterprises, Open Computing AI was named a Forbes China AI Commercial Application Demonstration Enterprise — underscoring its leadership in turning AI technology into scalable, real-world industry solutions.'
+    }
   },
   ...autoMessages
 }
diff --git a/f/web-kboss/src/i18n/lang/zh-CN.js b/f/web-kboss/src/i18n/lang/zh-CN.js
index ca3db3e..cdcc80c 100644
--- a/f/web-kboss/src/i18n/lang/zh-CN.js
+++ b/f/web-kboss/src/i18n/lang/zh-CN.js
@@ -28,9 +28,70 @@ export default {
     moreCases: '更多案例',
     ctaTitle: '想了解这些方案如何落地？',
     ctaDesc: '获取行业专属 AI 解决方案',
-    contactUsArrow: '联系我们 →',
+    contactUsArrow: '联系我们',
     companyNewsTitle: '企业动态',
-    viewMore: '查看更多 →'
+    viewMore: '查看更多 →',
+    footerProducts: '产品服务',
+    footerContact: '联系我们',
+    onlineChat: '在线咨询',
+    solutionCards: {
+      collaboration: {
+        title: '群智协作',
+        subtitle: '多智能体协同'
+      },
+      spatial: {
+        title: '空间觉醒',
+        subtitle: 'GIS智能分析'
+      },
+      predictive: {
+        title: '先见一步',
+        subtitle: '智能预测引擎'
+      },
+      vision: {
+        title: '洞察入微',
+        subtitle: '机器视觉检测'
+      },
+      qa: {
+        title: '一问即达',
+        subtitle: '智能问答知识库'
+      },
+      protection: {
+        title: '全程守护',
+        subtitle: '设备智能监控'
+      },
+      document: {
+        title: '触文即懂',
+        subtitle: '智能文档解析'
+      },
+      edge: {
+        title: '端侧即算',
+        subtitle: '边缘AI推理'
+      }
+    },
+    cases: {
+      railway: {
+        name: '中国中铁 · 慧投标智能体',
+        title: '智慧工程',
+        desc: 'AI驱动投标全流程，从标书解读到报价编制，中标率提升显著'
+      },
+      forestry: {
+        name: '南宁林业局',
+        title: '智慧采伐',
+        desc: '从采伐审批到科学监管——空间智能融合，让数据真正服务林区治理。'
+      },
+      beigang: {
+        name: '北港大数据',
+        title: 'AI赋能，数智升级',
+        desc: '从投标到决策，从合同到管理——全链路AI智能体，让业务快人一步'
+      }
+    },
+    news: {
+      tag: '企业动态',
+      firstTitle: '开元云随贸促会走访东盟',
+      firstDesc: '开元云科技随贸促会广西分会经贸代表团密集出访越南、老挝，深度参与区域 AI 产业合作与数字经济交流。',
+      secondTitle: '开元云荣登福布斯中国人工智能商业落地示范企业',
+      secondDesc: '凭借 AI 智能体工厂的工业级交付能力与央国企标杆案例，开元云入选福布斯中国人工智能商业落地示范企业。'
+    }
   },
   ...autoMessages
 }
diff --git a/f/web-kboss/src/main.js b/f/web-kboss/src/main.js
index bbf4bc3..384c4fb 100644
--- a/f/web-kboss/src/main.js
+++ b/f/web-kboss/src/main.js
@@ -289,6 +289,11 @@ var onOverflow = ["/shoppingManagement", "/supplierManagement"];
 
 // 修复：在路由守卫中恢复用户状态和重新生成路由
 router.beforeEach(async (to, from, next) => {
+  if (to.path === '/login' || to.path.startsWith('/login/')) {
+    next();
+    return;
+  }
+
   // 清空面包屑状态的代码
   // store.commit('tagsView/resetBreadcrumbState');
 
@@ -351,78 +356,6 @@ window.addEventListener('beforeunload', function () {
 Object.keys(filters).forEach(key => {
   Vue.filter(key, filters[key])
 })
-// 在 main.js 的 router.beforeEach 中添加
-router.beforeEach((to, from, next) => {
-  // 清空面包屑状态的代码
-  // store.commit('tagsView/resetBreadcrumbState');
-
-  // 新增：检测是否为移动设备
-  // const userAgent = navigator.userAgent;
-  // const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
-
-  // // 如果是移动设备且访问的是根路径，重定向到移动端首页
-  // if (isMobile && to.path === '/') {
-  //   next('/h5HomePage');
-  //   return;
-  // }
-
-  // // 如果是移动设备且访问的不是移动端页面，重定向到移动端首页
-  // if (isMobile && !to.meta?.isMobile && to.path !== '/h5HomePage' && !to.path.startsWith('/h5HomePage/')) {
-  //   next('/h5HomePage');
-  //   return;
-  // }
-
-  // 如果已登录且有token，但Vuex状态丢失，从sessionStorage恢复
-  if (store.getters.token && (!store.getters.user || !store.getters.userType)) {
-    console.log("检测到状态丢失，从sessionStorage恢复用户状态");
-
-    const user = sessionStorage.getItem('user');
-    const auths = sessionStorage.getItem('auths');
-    const userType = sessionStorage.getItem('userType');
-    const orgType = sessionStorage.getItem('orgType');
-
-    if (user) {
-      store.commit('user/SET_USER', user);
-    }
-    if (auths) {
-      store.commit('user/SET_AUTHS', JSON.parse(auths));
-    }
-    if (userType) {
-      store.commit('user/SET_USER_TYPE', userType);
-    }
-    if (orgType) {
-      store.commit('user/SET_ORG_TYPE', parseInt(orgType));
-    }
-
-    // 重新生成路由
-     try {
-      const accessRoutes =  store.dispatch('permission/generateRoutes', {
-        user: store.getters.user,
-        auths: store.getters.auths,
-        userType: store.getters.userType,
-        orgType: store.getters.orgType
-      });
-
-      // 重新添加路由
-      router.addRoutes(accessRoutes);
-
-      // 重定向到当前路由以确保路由更新
-      next({ ...to, replace: true });
-      return;
-    } catch (error) {
-      console.error('重新生成路由失败:', error);
-    }
-  }
-
-  onOverflow.forEach(element => {
-    if (to.path == element) {
-      document.querySelector("body").setAttribute("style", "overflow: auto !important;")
-    }
-  });
-
-  next();
-});
-
 Vue.config.productionTip = false
 
 new Vue({
diff --git a/f/web-kboss/src/views/homePage/agentStore/agent.css b/f/web-kboss/src/views/homePage/agentStore/agent.css
index 239df5b..59c3d21 100644
--- a/f/web-kboss/src/views/homePage/agentStore/agent.css
+++ b/f/web-kboss/src/views/homePage/agentStore/agent.css
@@ -73,13 +73,13 @@
 .hero-section {
   position: relative;
   z-index: 1;
-  padding: 80px 24px;
+  padding: 162px 24px 80px;
   overflow: hidden;
   text-align: center;
 }
 
 .hero-section--compact {
-  padding: 80px 24px;
+  padding: 162px 24px 80px;
 }
 
 .hero-content {
@@ -489,7 +489,7 @@
 @media (max-width: 760px) {
   .hero-section,
   .hero-section--compact {
-    padding: 48px 18px;
+    padding: 120px 18px 48px;
   }
 
   .hero-title {
diff --git a/f/web-kboss/src/views/homePage/agentStore/index.vue b/f/web-kboss/src/views/homePage/agentStore/index.vue
index f55f144..1799ced 100644
--- a/f/web-kboss/src/views/homePage/agentStore/index.vue
+++ b/f/web-kboss/src/views/homePage/agentStore/index.vue
@@ -169,7 +169,7 @@ export default {
 
 <style scoped>
 .agent-store-page {
-  padding-top: 82px;
+  padding-top: 0;
 }
 
 @import './agent.css';
diff --git a/f/web-kboss/src/views/homePage/components/topBox/index.vue b/f/web-kboss/src/views/homePage/components/topBox/index.vue
index 7731a27..898932f 100644
--- a/f/web-kboss/src/views/homePage/components/topBox/index.vue
+++ b/f/web-kboss/src/views/homePage/components/topBox/index.vue
@@ -1,190 +1,152 @@
 <template>
-  <div class="top-nav" @mouseleave="sildeOut">
+  <div class="top-nav">
     <div class="top-nav-placeholder"></div>
-    <div id="topContainer" class="nav-container">
+
+    <header id="topContainer" class="nav-container">
       <div class="brand" @click="goHome">
         <img
           v-if="JSON.stringify(logoInfoNew) !== '{}'"
           class="brand-logo"
           :src="(logoInfoNew.home && logoInfoNew.home.logoImg) || ''"
-          alt=""
+          alt="brand"
         >
       </div>
 
-      <nav class="site-nav">
-        <button type="button" class="nav-item" :class="{ active: isActiveHome }" @click.stop="goHome">{{ $t('topbar.home') }}</button>
-        <button
-          type="button"
-          ref="productTrigger"
-          class="nav-item nav-item--product"
-          :class="{ active: isShowPanel }"
-          @mouseenter="sildeIn(product_service)"
-          @click.stop="sildeIn(product_service)"
-        >
-          {{ $t('topbar.product') }}
-          <i class="iconfont" :class="isShowPanel ? 'icon-shang' : 'icon-xia'"></i>
+      <nav class="site-nav" aria-label="home nav">
+        <button type="button" class="nav-item" :class="{ active: isActiveHome }" @click.stop="goHome">
+          {{ $t('topbar.home') }}
+        </button>
+
+        <div
+          ref="productWrap"
+          class="nav-product-wrap"
+          @mouseenter="handleProductPointerEnter"
+          @mouseleave="closeProductPanelImmediate"
+        >
+          <button
+            type="button"
+            class="nav-item nav-item--product"
+            :class="{ active: isProductPanelVisible }"
+            @click.prevent.stop="openProductPanelByClick"
+          >
+            {{ $t('topbar.product') }}
+            <i class="iconfont" :class="isProductPanelVisible ? 'icon-shang' : 'icon-xia'"></i>
+          </button>
+
+          <div
+            v-if="isProductPanelVisible"
+            class="product-panel product-panel--side-only"
+          >
+            <aside class="product-panel__side">
+              <button
+                v-for="item in localizedProductMenuItems"
+                :key="item.action"
+                type="button"
+                class="product-side-item"
+                @click="handleProductMenuClick(item.action)"
+              >
+                {{ item.label }}
+              </button>
+            </aside>
+          </div>
+        </div>
+
+        <button type="button" class="nav-item" @click.stop="goHomeAnchor('cases-section')">
+          {{ $t('topbar.cases') }}
+        </button>
+        <button type="button" class="nav-item" @click.stop="goHomeAnchor('news')">
+          {{ $t('topbar.news') }}
         </button>
-        <button type="button" class="nav-item" >{{ $t('topbar.cases') }}</button>
-        <button type="button" class="nav-item">{{ $t('topbar.news') }}</button>
       </nav>
 
       <div class="user-actions">
-        <span
+        <button
+          type="button"
           class="nav-lang-text"
           :class="{ 'is-en': activeLocale === 'en-US' }"
-          id="lang-toggle"
           :title="langToggleTitle"
-          @click="toggleLanguage"
+          @click.stop="toggleLanguage"
         >
-          <span id="lang-text">{{ langToggleText }}</span>
-        </span>
-        <i v-if="loginState" class="iconfont icon-xiaoxi functions" @click="handleMessageClick"></i>
-        <button v-if="loginState" type="button" class="console-link" @click="goB">{{ $t('topbar.console') }}</button>
+          {{ langToggleText }}
+        </button>
 
-        <button
-          v-if="!loginState"
-          type="button"
-          class="login-btn"
-          @click="$router.push({ path: '/login', query: { fromPath: 'homePage' } })"
-        >
+        <i v-if="loginState" class="iconfont icon-xiaoxi functions" @click="handleMessageClick"></i>
+
+        <button v-if="loginState" type="button" class="console-link" @click="goB">
+          {{ $t('topbar.console') }}
+        </button>
+
+        <button v-if="!loginState" type="button" class="login-btn" @click.stop="goLogin">
           {{ $t('topbar.login') }}
         </button>
-        <!-- <button
-          v-if="!loginState"
-          type="button"
-          class="register-btn"
-          @click="$router.push('/registrationPage')"
-        >
-          {{ $t('topbar.registerNow') }}
-        </button> -->
 
         <el-dropdown
           v-if="loginState"
-          @visible-change="handleShow"
           class="avatar-container right-menu-item hover-effect nick-name-style"
           trigger="click"
+          @visible-change="handleShow"
         >
           <button type="button" class="login-pill login-pill--user">
             {{ nick_name || $t('topbar.console') }}
             <i id="resverIcon" class="el-icon-arrow-up el-icon--right resverIcon"></i>
           </button>
-          <el-dropdown-menu slot="dropdown" style="width: 230px;font-size: 16px;" divided>
-            <div style="display: flex;flex-direction: column;padding:15px 15px;background-color: #f0f2f5">
-              <span style="font-weight: bold;font-size: 20px;margin-bottom: 5px;color: #333333">{{ nick_name }}</span>
-              <span style="font-size: 12px;color:#666;display: flex;justify-content:flex-start;align-items: center"> ID:
+
+          <el-dropdown-menu slot="dropdown" style="width: 230px; font-size: 16px;" divided>
+            <div class="user-dropdown-head">
+              <span class="user-dropdown-name">{{ nick_name }}</span>
+              <span class="user-dropdown-id">
+                ID:
                 <span ref="contentToCopy">{{ userId }}</span>
-                <svg @click="copyBtn" class="copy-btn" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="12" height="12" style="fill: #1019ab;">
+                <svg
+                  class="copy-btn"
+                  viewBox="0 0 1024 1024"
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="12"
+                  height="12"
+                  style="fill: #1019ab;"
+                  @click="copyBtn"
+                >
                   <path d="M394.666667 106.666667h448a74.666667 74.666667 0 0 1 74.666666 74.666666v448a74.666667 74.666667 0 0 1-74.666666 74.666667H394.666667a74.666667 74.666667 0 0 1-74.666667-74.666667V181.333333a74.666667 74.666667 0 0 1 74.666667-74.666666z m0 64a10.666667 10.666666 0 0 0-10.666667 10.666666v448a10.666667 10.666667 0 0 0 10.666667 10.666667h448a10.666667 10.666667 0 0 0 10.666666-10.666667V181.333333a10.666667 10.666667 0 0 0-10.666666-10.666666H394.666667z m245.333333 597.333333a32 32 0 0 1 64 0v74.666667a74.666667 74.666667 0 0 1-74.666667 74.666666H181.333333a74.666667 74.666667 0 0 1-74.666666-74.666666V394.666667a74.666667 74.666667 0 0 1 74.666666-74.666667h74.666667a32 32 0 0 1 0 64h-74.666667a10.666667 10.666667 0 0 0-10.666666 10.666667v448a10.666667 10.666667 0 0 0 10.666666 10.666666h448a10.666667 10.666667 0 0 0 10.666667-10.666666v-74.666667z"></path>
                 </svg>
               </span>
             </div>
-            <el-divider style="margin: 0!important;"></el-divider>
-            <div v-if="role.includes('客户')"
-              style="padding: 0 18px;  width: 100%;height: 60px;display: flex;justify-content: space-between;align-items: center">
-              <span style="color:#666;display: block;font-size: 14px;" class="moneyNow"><span
-                  style="display: block;margin-bottom: 5px">余额</span>{{
-                    mybalance ? mybalance : initMybalance()
-                  }} ￥</span>
-              <el-button v-if="!isShowKbossCharge" type="primary" @click="$router.push('/kbossCharge')" plain
-                style="padding: 8px; ">
+
+            <el-divider style="margin: 0 !important;"></el-divider>
+
+            <div
+              v-if="role.includes('客户')"
+              class="user-dropdown-balance"
+            >
+              <span class="moneyNow">
+                <span class="moneyNow-label">余额</span>
+                {{ mybalance ? mybalance : initMybalance() }} ￥
+              </span>
+              <el-button
+                v-if="!isShowKbossCharge"
+                type="primary"
+                plain
+                style="padding: 8px;"
+                @click="$router.push('/kbossCharge')"
+              >
                 充值
               </el-button>
             </div>
-            <el-dropdown-item v-if="role.includes('客户')" @click.native="$router.push('/customer/customerInformation')">
+
+            <el-dropdown-item
+              v-if="role.includes('客户')"
+              @click.native="$router.push('/customer/customerInformation')"
+            >
               <span style="display: block">个人中心</span>
             </el-dropdown-item>
+
             <el-dropdown-item @click.native="logout">
               <span style="display: block">退出登录</span>
             </el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
       </div>
-    </div>
+    </header>
 
-    <div
-      ref="productPanel"
-      v-show="isShowPanel"
-      class="product-panel product-panel--side-only"
-      :style="productPanelStyle"
-      @mouseenter="keepPanel"
-      @mouseleave="sildeOut"
-    >
-      <aside class="product-panel__side">
-        <button type="button" class="product-side-item" @click="navigateTo('/homePage/opc')">OPC</button>
-        <button type="button" class="product-side-item" @click="goComputeMarket">算力市场</button>
-        <button type="button" class="product-side-item" @click="handleModelSquareClick">Token市集</button>
-        <button type="button" class="product-side-item" @click="goYuanjing">元境</button>
-        <button type="button" class="product-side-item" @click="goTrainPlatform">训推平台</button>
-        <button type="button" class="product-side-item" @click="goAgentStore">智能体商店</button>
-        <button type="button" class="product-side-item" @click="goSupplySquare">供需广场</button>
-        <button type="button" class="product-side-item" @click="goAbout">关于我们</button>
-      </aside>
-      <!-- <div class="product-panel__content">
-        <div class="product-panel__head">
-          <div>
-            <h3 class="product-panel__title">精选产品</h3>
-            <p>覆盖模型服务、算力资源、智能体应用与供需协同</p>
-          </div>
-          
-        </div>
-        <div class="product-group">
-          <h4>核心服务</h4>
-          <div class="product-grid">
-            <button type="button" class="product-card product-card--blue" @click="handleModelSquareClick">
-              <span class="product-card__icon">T</span>
-              <span class="product-card__text">
-                <strong>Token市集</strong>
-                <em>一站式 AI 模型交易与服务平台</em>
-              </span>
-            </button>
-            <button type="button" class="product-card product-card--purple" @click="goYuanjing">
-              <span class="product-card__icon">AI</span>
-              <span class="product-card__text">
-                <strong>创镱工坊</strong>
-                <em>AI 驱动的创意影像创作平台</em>
-              </span>
-            </button>
-            <button type="button" class="product-card product-card--green" @click="navigateTo('/homePage/opc')">
-              <span class="product-card__icon">OPC</span>
-              <span class="product-card__text">
-                <strong>云枢基座</strong>
-                <em>企业级 AI 基础设施与算力底座</em>
-              </span>
-            </button>
-          </div>
-        </div>
-        <div class="product-group product-group--compact">
-          <h4>应用入口</h4>
-          <div class="product-grid product-grid--compact">
-            <button type="button" class="product-card product-card--plain" @click="goComputeMarket">
-              <span class="product-card__text">
-                <strong>算力市场</strong>
-                <em>高性能算力资源灵活选购</em>
-              </span>
-            </button>
-            <button type="button" class="product-card product-card--plain" @click="goTrainPlatform">
-              <span class="product-card__text">
-                <strong>训推平台</strong>
-                <em>AI 模型全流程开发体验</em>
-              </span>
-            </button>
-            <button type="button" class="product-card product-card--plain" @click="goAgentStore">
-              <span class="product-card__text">
-                <strong>智能体商店</strong>
-                <em>即开即用的智能体服务</em>
-              </span>
-            </button>
-            <button type="button" class="product-card product-card--plain" @click="goSupplySquare">
-              <span class="product-card__text">
-                <strong>供需广场</strong>
-                <em>资源、算力、服务供需匹配</em>
-              </span>
-            </button>
-          </div>
-        </div>
-      </div> -->
-    </div>
-<!-- AI咨询弹窗 -->
     <div
       v-show="aiDialogVisible"
       ref="aiChatPanel"
@@ -198,6 +160,7 @@
         </div>
         <i class="el-icon-close ai-chat-panel__close" @click="closeAIPanel"></i>
       </div>
+
       <div ref="aiChatMessages" class="ai-chat-panel__body">
         <div v-if="!aiMessages.length" class="ai-chat-panel__welcome">
           <h3>Hi!</h3>
@@ -213,6 +176,7 @@
             </span>
           </div>
         </div>
+
         <div
           v-for="(item, index) in aiMessages"
           :key="index"
@@ -231,6 +195,7 @@
           </div>
         </div>
       </div>
+
       <div class="ai-chat-panel__input-wrap">
         <div class="ai-chat-panel__actions">
           <span class="ai-chat-panel__new" @click="resetAIChat">新对话</span>
@@ -246,22 +211,17 @@
             placeholder="请输入你的问题"
             @keydown.native="handleAIKeydown"
           />
-          <el-button
-            class="ai-chat-panel__send"
-            type="text"
-            :loading="aiLoading"
-            @click="sendAIMessage"
-          >
+          <el-button class="ai-chat-panel__send" type="text" :loading="aiLoading" @click="sendAIMessage">
             <i class="iconfont icon-fasong"></i>
           </el-button>
         </div>
       </div>
     </div>
-    <!-- 消息中心 -->
+
     <message-center
       ref="messageCenter"
       :visible.sync="messageCenterVisible"
-      :userId="userId"
+      :user-id="userId"
       @unread-count-update="handleUnreadCountUpdate"
     />
   </div>
@@ -269,160 +229,87 @@
 
 <script>
 import Vue from 'vue'
-import { computingData, networkData, storageData, testData } from "@/views/homePage/components/topBox/testData";
-import { reqNavList, reqNewHomeFestival, reqNewHomeSync } from "@/api/newHome";
-import { mapGetters, mapState } from "vuex";
-import { getLogoAPI, getUserInfoAPI } from "@/api/login";
-import { reqApplyChannel } from "@/api/customer/channel";
-import store from "@/store";
+import { mapGetters, mapState } from 'vuex'
+import store from '@/store'
+import { getLogoAPI, getUserInfoAPI } from '@/api/login'
 import { getHomePath } from '@/views/setting/tools'
-import MessageCenter from '@/components/MessageCenter/MessageCenter.vue'
 import { reqAIChat } from '@/api/AI/ai'
 import { gotoYuanJingAPI } from '@/api/gotoYuanJing'
 import { setLocale } from '@/i18n'
+import MessageCenter from '@/components/MessageCenter/MessageCenter.vue'
+
+const LOCALE_KEY = 'kboss-locale'
+const SUPPORTED_LOCALES = ['zh-CN', 'en-US']
 
 export default Vue.extend({
-  name: "TopBox",
-  components: {
-    MessageCenter
-  },
+  name: 'TopBox',
+  components: { MessageCenter },
   data() {
     return {
+      // AI 聊天面板状态
       aiDialogVisible: false,
       aiInput: '',
       aiLoading: false,
       aiMessages: [],
-      aiPanelPosition: {
-        left: null,
-        top: null
-      },
+      aiPanelPosition: { left: null, top: null },
       aiPanelDragging: false,
-      aiPanelDragOffset: {
-        x: 0,
-        y: 0
-      },
+      aiPanelDragOffset: { x: 0, y: 0 },
       aiQuickQuestions: [
         '推荐适合训练大模型的 GPU 服务器',
         '4090 和 A100 怎么选',
         '有没有高性价比 8 卡方案',
         '国产化算力服务器有哪些'
       ],
+
+      // 顶栏交互状态
       messageCenterVisible: false,
-      activeLocale: 'zh-CN',
-      homePath: getHomePath(),
-      isShowKbossCharge: false,
-      role: sessionStorage.getItem("jueseNew") == "admin" ? "" : (sessionStorage.getItem("jueseNew") || ""),
-      userId: sessionStorage.getItem("userId"),
-      firId: "",
-      secId: "",
-      nick_name: "",
-      showTimer: null,
-      hideTimer: null,
-      showPanelData: [],
-      secMenuData: [],
-      showPanelRightData: [],
-      threeData: [],
-      fourData: [],
-      product_service: [],
       messageCount: 0,
-      productPanelLeft: null,
-      productPanelTop: 82
-    }
-  },
-  created() {
-    this.activeLocale = (this.$i18n && this.$i18n.locale) || localStorage.getItem('kboss-locale') || 'zh-CN'
-    this.homePath = getHomePath()
-    if (sessionStorage.getItem('userId')) {
-      this.$store.commit('setLoginState', true);
-    }
-    !this.showRegisterButton && this.getUserInfo();
-    this.init()
-    this.initData()
-  },
-  mounted() {
-    if (sessionStorage.getItem("username")) {
-      this.nick_name = sessionStorage.getItem("username");
-    }
+      activeLocale: 'zh-CN',
+      isProductPanelVisible: false,
 
-    // ===== 强制透明背景（导航栏 + 页面根元素） =====
-    this.$nextTick(() => {
-      // 1. 导航栏强制透明
-      const topContainer = document.getElementById('topContainer');
-      if (topContainer) {
-        topContainer.style.background = 'transparent';
-        topContainer.style.backgroundColor = 'transparent';
-        topContainer.style.backgroundImage = 'none';
-        topContainer.scrollIntoView({
-          behavior: 'smooth',
-          block: 'start'
-        });
-      }
-      // 父容器和占位符
-      const nav = document.querySelector('.top-nav');
-      if (nav) {
-        nav.style.background = 'transparent';
-        nav.style.backgroundColor = 'transparent';
-        nav.style.backgroundImage = 'none';
-      }
-      const placeholder = document.querySelector('.top-nav-placeholder');
-      if (placeholder) {
-        placeholder.style.background = 'transparent';
-        placeholder.style.backgroundColor = 'transparent';
-        placeholder.style.backgroundImage = 'none';
-      }
+      // 登录信息
+      isShowKbossCharge: false,
+      role: sessionStorage.getItem('jueseNew') === 'admin' ? '' : (sessionStorage.getItem('jueseNew') || ''),
+      userId: sessionStorage.getItem('userId'),
+      nick_name: '',
 
-      // 2. 页面背景强制透明（关键！解决根本问题）
-      document.body.style.background = 'transparent';
-      document.body.style.backgroundColor = 'transparent';
-      document.documentElement.style.background = 'transparent';
-      document.documentElement.style.backgroundColor = 'transparent';
-    });
-    window.addEventListener('kboss-open-ai-chat', this.handleExternalAIOpen);
-    window.addEventListener('resize', this.updateProductPanelPosition);
-    this.$nextTick(this.updateProductPanelPosition)
-  },
-  beforeDestroy() {
-    window.removeEventListener('kboss-open-ai-chat', this.handleExternalAIOpen);
-    window.removeEventListener('resize', this.updateProductPanelPosition);
-    this.stopAIPanelDrag()
+      // 产品菜单（action 为稳定路由标识，label 由计算属性按语言生成）
+      productMenuItems: [
+        { action: 'opc' },
+        { action: 'computeMarket' },
+        { action: 'tokenMarket' },
+        { action: 'yuanjing' },
+        { action: 'trainPlatform' },
+        { action: 'agentStore' },
+        { action: 'supplySquare' },
+        { action: 'about' }
+      ]
+    }
   },
   computed: {
-    ...mapGetters(["sidebar", "avatar", "device"]),
+    ...mapGetters(['sidebar', 'avatar', 'device']),
     ...mapState({
-      isShowPanel: (state) => state.product.showHomeNav,
-      navIndex: (state) => state.product.navIndex,
-      gridObj: state => state.operationAnalysis.gridObj,
       mybalance: state => state.user.mybalance,
       logoutUrl: state => state.login.logoutUrl,
       loginStateVuex: state => state.login.loginState,
-      logoInfoNew: state => state.product.logoInfoNew,
+      logoInfoNew: state => state.product.logoInfoNew
     }),
     loginState() {
-      const userId = sessionStorage.getItem('userId');
-      return this.loginStateVuex || (userId !== null && userId !== 'null' && userId !== '');
+      const userId = sessionStorage.getItem('userId')
+      return this.loginStateVuex || (userId !== null && userId !== 'null' && userId !== '')
     },
     showRegisterButton() {
-      const orgType = window.sessionStorage.getItem('org_type');
-      const userId = window.sessionStorage.getItem('userId');
-      return orgType !== '2' && orgType !== '3' && userId === null;
-    },
-    username() {
-      return sessionStorage.getItem('username') || '';
+      const orgType = sessionStorage.getItem('org_type')
+      const userId = sessionStorage.getItem('userId')
+      return orgType !== '2' && orgType !== '3' && userId === null
     },
     isNcmatchDomain() {
-      return window.location.hostname.includes('ncmatch.cn');
+      return window.location.hostname.includes('ncmatch.cn')
     },
     isActiveHome() {
-      if (this.isNcmatchDomain) {
-        return this.$route.path.includes('/ncmatchHome/index');
-      } else {
-        return this.$route.path.includes('/homePage/index');
-      }
-    },
-    isActiveTokenMarket() {
-      const category = this.$route.query.category || this.$route.query.tab || ''
-      return this.$route.path === '/tokenMarket' ||
-        (this.$route.path === '/product' && ['TOKEN市集', 'Token市集', 'token市集'].includes(category))
+      return this.isNcmatchDomain
+        ? this.$route.path.includes('/ncmatchHome/index')
+        : this.$route.path.includes('/homePage/index')
     },
     langToggleText() {
       return this.activeLocale === 'en-US' ? 'EN/中' : '中/EN'
@@ -430,121 +317,294 @@ export default Vue.extend({
     langToggleTitle() {
       return this.activeLocale === 'en-US' ? 'Switch to Chinese' : '切换到英文'
     },
-    aiPanelStyle() {
-      if (this.aiPanelPosition.left === null || this.aiPanelPosition.top === null) {
-        return {}
+    localizedProductMenuItems() {
+      const isEn = this.activeLocale === 'en-US'
+      const labels = {
+        opc: 'OPC',
+        computeMarket: isEn ? 'Compute Market' : '算力市场',
+        tokenMarket: isEn ? 'Token Market' : 'Token市集',
+        yuanjing: isEn ? 'Yuanjing' : '元境',
+        trainPlatform: isEn ? 'Train & Infer' : '训推平台',
+        agentStore: isEn ? 'Agent Store' : '智能体商店',
+        supplySquare: isEn ? 'Supply Square' : '供需广场',
+        about: isEn ? 'About Us' : '关于我们'
       }
+      return this.productMenuItems.map(item => ({ ...item, label: labels[item.action] || item.action }))
+    },
+    aiPanelStyle() {
+      if (this.aiPanelPosition.left === null || this.aiPanelPosition.top === null) return {}
       return {
         left: `${this.aiPanelPosition.left}px`,
         top: `${this.aiPanelPosition.top}px`,
         right: 'auto',
         bottom: 'auto'
       }
-    },
-    productPanelStyle() {
-      if (this.productPanelLeft === null) return {}
-      return {
-        left: `${this.productPanelLeft}px`,
-        top: `${this.productPanelTop}px`
-      }
     }
   },
+  watch: {
+    '$route.fullPath'() {
+      this.closeProductPanelImmediate()
+    }
+  },
+  created() {
+    this.initLocale()
+    if (sessionStorage.getItem('userId')) this.$store.commit('setLoginState', true)
+    if (!this.showRegisterButton) this.getUserInfo()
+    this.fetchLogoInfo()
+  },
+  mounted() {
+    this.nick_name = sessionStorage.getItem('username') || ''
+    window.addEventListener('kboss-open-ai-chat', this.handleExternalAIOpen)
+  },
+  beforeDestroy() {
+    window.removeEventListener('kboss-open-ai-chat', this.handleExternalAIOpen)
+    this.stopAIPanelDrag()
+  },
   methods: {
-    updateProductPanelPosition() {
-      const trigger = this.$refs.productTrigger
-      if (!trigger || typeof trigger.getBoundingClientRect !== 'function') return
-      const rect = trigger.getBoundingClientRect()
-      const panel = this.$refs.productPanel
-      const panelWidth = (panel && panel.offsetWidth) || 210
-      const nextLeft = rect.left + rect.width / 2 - panelWidth / 2
-      const maxLeft = Math.max(window.innerWidth - panelWidth - 8, 8)
-      this.productPanelLeft = Math.min(Math.max(nextLeft, 8), maxLeft)
-      this.productPanelTop = rect.bottom
+    // =========================
+    // 多语言
+    // =========================
+    normalizeLocale(locale) {
+      return SUPPORTED_LOCALES.includes(locale) ? locale : 'zh-CN'
     },
-    navigateTo(path) {
+    initLocale() {
+      const locale = this.normalizeLocale(localStorage.getItem(LOCALE_KEY) || (this.$i18n && this.$i18n.locale))
+      this.applyLocale(locale)
+    },
+    applyLocale(locale) {
+      const safeLocale = this.normalizeLocale(locale)
+      setLocale(safeLocale)
+      if (this.$i18n) this.$i18n.locale = safeLocale
+      if (this.$root && this.$root.$i18n) this.$root.$i18n.locale = safeLocale
+      this.activeLocale = safeLocale
+      return safeLocale
+    },
+    toggleLanguage() {
+      this.closeProductPanelImmediate()
+      const next = this.activeLocale === 'en-US' ? 'zh-CN' : 'en-US'
+      const appliedLocale = this.applyLocale(next)
+      this.$message.success(
+        appliedLocale === 'en-US' ? this.$t('topbar.switchEnSuccess') : this.$t('topbar.switchZhSuccess')
+      )
+    },
+
+    // =========================
+    // 顶部产品菜单：稳定的开关逻辑
+    // =========================
+    openProductPanel() {
+      this.isProductPanelVisible = true
+      this.$store.commit('setShowHomeNav', true)
+    },
+    closeProductPanelImmediate() {
+      this.isProductPanelVisible = false
       this.$store.commit('setShowHomeNav', false)
+    },
+    handleProductPointerEnter() {
+      this.openProductPanel()
+    },
+    openProductPanelByClick() {
+      this.openProductPanel()
+    },
+    handleProductMenuClick(action) {
+      const actionMap = {
+        opc: () => this.navigateTo('/homePage/opc'),
+        computeMarket: () => this.navigateTo('/homePage/computeMarket'),
+        tokenMarket: this.handleModelSquareClick,
+        yuanjing: this.goYuanjing,
+        trainPlatform: () => this.navigateTo('/homePage/trainPlatform'),
+        agentStore: () => this.navigateTo('/homePage/agentStore'),
+        supplySquare: () => this.navigateTo('/ncmatchHome/supplyAndDemandSquare'),
+        about: () => this.navigateTo('/homePage/about')
+      }
+      const handler = actionMap[action]
+      if (typeof handler === 'function') handler.call(this)
+      this.closeProductPanelImmediate()
+    },
+
+    // =========================
+    // 页面导航
+    // =========================
+    navigateTo(path) {
+      this.closeProductPanelImmediate()
       if (this.$route.path === path) return
-      this.$router.push(path)
+      this.$router.push(path).catch(() => {})
+    },
+    goHome() {
+      this.closeProductPanelImmediate()
+      const target = this.isNcmatchDomain ? '/ncmatchHome/index' : '/homePage/index'
+      this.$router.push(target).catch(() => {})
+    },
+    goHomeAnchor(id) {
+      this.closeProductPanelImmediate()
+      const scrollToTarget = () => {
+        const target = document.getElementById(id)
+        if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' })
+      }
+      if (this.$route.path.includes('/homePage/index')) {
+        this.$nextTick(scrollToTarget)
+        return
+      }
+      this.$router.push('/homePage/index').then(() => this.$nextTick(scrollToTarget)).catch(() => {})
     },
     handleModelSquareClick() {
-      this.$store.commit('setShowHomeNav', false)
+      this.closeProductPanelImmediate()
       this.$router.push({
         path: '/homePage/tokenMarket',
-        query: {
-          category: 'TOKEN市集',
-          single: '1'
-        }
-      })
-    },
-    goComputeMarket() {
-      this.navigateTo('/homePage/computeMarket')
-    },
-    goTrainPlatform() {
-      this.navigateTo('/homePage/trainPlatform')
-    },
-    goAgentStore() {
-      this.navigateTo('/homePage/agentStore')
-    },
-    goSupplySquare() {
-      this.navigateTo('/ncmatchHome/supplyAndDemandSquare')
-    },
-    goAbout() {
-      this.navigateTo('/homePage/about')
+        query: { category: 'TOKEN市集', single: '1' }
+      }).catch(() => {})
     },
     async goYuanjing() {
-      this.$store.commit('setShowHomeNav', false)
+      this.closeProductPanelImmediate()
+
       const yuanJingBaseUrl = window.location.origin === 'https://dev.opencomputing.cn'
         ? 'https://aidev.opencomputing.cn'
         : 'https://ai.opencomputing.cn'
+
       if (!this.loginState) {
         window.open(`${yuanJingBaseUrl}/`, '_blank')
         return
       }
+
       const yuanJingWindow = window.open('', '_blank')
       try {
-        const res = await gotoYuanJingAPI({
-          user_id: sessionStorage.getItem('userId')
-        })  
+        const res = await gotoYuanJingAPI({ user_id: sessionStorage.getItem('userId') })
         const deerer = this.getYuanJingAuthorization(res)
         if (!deerer) {
           if (yuanJingWindow) yuanJingWindow.close()
           this.$message.error((res && res.msg) || '获取元境授权参数失败')
           return
         }
+
         const loginUrl = `${yuanJingBaseUrl}/#/getCookie?deerer=${encodeURIComponent(deerer)}`
-        if (yuanJingWindow) {
-          yuanJingWindow.location.href = loginUrl
-        } else {
-          window.location.href = loginUrl
-        }
+        if (yuanJingWindow) yuanJingWindow.location.href = loginUrl
+        else window.location.href = loginUrl
       } catch (error) {
         if (yuanJingWindow) yuanJingWindow.close()
         this.$message.error('跳转元境失败，请稍后重试')
       }
     },
     getYuanJingAuthorization(res) {
-      if (!res) return '' 
+      if (!res) return ''
       if (typeof res === 'string') return res
       const data = res.data || res
       if (typeof data === 'string') return data
       return data.Authorization || data.authorization || data.token || data.header || data.value || ''
     },
-    isPanelFirClickable(item) {
-      const title = (item && item.firTitle) || ''
-      return title === '元境' || title === 'TOKEN市集' || title === 'token市集'
+
+    // =========================
+    // 登录、用户与消息
+    // =========================
+    goLogin() {
+      this.closeProductPanelImmediate()
+      if (this.$route && this.$route.fullPath && !this.$route.fullPath.includes('/login')) {
+        sessionStorage.setItem('loginRedirectPath', this.$route.fullPath)
+      }
+      const fallback = `${window.location.origin}${window.location.pathname}#/login?fromPath=homePage`
+      this.$router.replace({ path: '/login', query: { fromPath: 'homePage' } }).catch(() => {})
+      window.setTimeout(() => {
+        if (!window.location.hash.includes('/login')) {
+          window.location.href = fallback
+        }
+      }, 220)
     },
-    handlePanelFirClick(item) {
-      const title = (item && item.firTitle) || ''
-      if (title === '元境') {
-        this.$store.commit('setShowHomeNav', false)
-        this.goYuanjing()
+    handleMessageClick() {
+      if (this.loginState) {
+        this.messageCenterVisible = true
+        if (this.$refs.messageCenter) this.$refs.messageCenter.open()
         return
       }
-      if (title === 'TOKEN市集' || title === 'token市集') {
-        this.$store.commit('setShowHomeNav', false)
-        this.handleModelSquareClick()
+      this.goLogin()
+    },
+    handleUnreadCountUpdate(count) {
+      this.messageCount = count
+    },
+    goB() {
+      const role = sessionStorage.getItem('jueseNew') || ''
+      if (role.includes('客户')) this.$router.push('/product/productHome')
+      else if (role.includes('运营')) this.$router.push('/operation/supplierManagement')
+      else if (role.includes('运维')) this.$router.push('/operationAndMaintenance/workOrderProcessing')
+      else if (role.includes('销售')) this.$router.push('/sales/distributorManagement')
+      else if (role.includes('财务')) this.$router.push('/finance/supplierSettlementStatistics')
+      else if (role.includes('admin')) this.$router.push('/superAdministrator/addAdmin')
+    },
+    async logout() {
+      let redirectPath = ''
+      if (this.$route && this.$route.fullPath && !this.$route.fullPath.includes('/login')) {
+        redirectPath = this.$route.fullPath
+        sessionStorage.setItem('loginRedirectPath', redirectPath)
+      }
+
+      this.$store.commit('setLoginState', false)
+      store.commit('tagsView/resetBreadcrumbState')
+      store.commit('permission/RESET_ROUTES')
+
+      sessionStorage.removeItem('auths')
+      sessionStorage.removeItem('routes')
+      sessionStorage.removeItem('user')
+      sessionStorage.removeItem('userId')
+      sessionStorage.removeItem('org_type')
+      sessionStorage.removeItem('userType')
+      sessionStorage.removeItem('orgType')
+      sessionStorage.removeItem('roles')
+      sessionStorage.removeItem('juese')
+      sessionStorage.removeItem('jueseNew')
+
+      localStorage.removeItem('auths')
+      localStorage.removeItem('routes')
+      localStorage.removeItem('user')
+      localStorage.removeItem('userId')
+      localStorage.removeItem('org_type')
+
+      await this.$router.push({
+        path: '/login',
+        query: redirectPath ? { redirect: redirectPath } : {}
+      })
+    },
+    initMybalance() {
+      return sessionStorage.getItem('mybalance')
+    },
+    copyBtn() {
+      const textToCopy = this.$refs.contentToCopy ? this.$refs.contentToCopy.innerText : ''
+      navigator.clipboard.writeText(textToCopy).then(() => {
+        this.$message.success('复制成功！')
+      }).catch(() => {
+        this.$message.error('复制失败，请重试')
+      })
+    },
+    getUserInfo() {
+      if (!this.userId) return
+      getUserInfoAPI({ id: this.userId }).then((res) => {
+        if (res.status && res.data && res.data[0]) {
+          sessionStorage.setItem('orgid', res.data[0].orgid)
+        }
+      })
+    },
+    handleShow(isShow) {
+      const icon = document.getElementById('resverIcon')
+      if (!icon) return
+      icon.style.transform = isShow ? 'rotate(180deg)' : 'rotate(0)'
+      if (isShow && this.role.includes('客户')) {
+        this.$store.dispatch('user/getCustmoersMoney')
       }
     },
+    fetchLogoInfo() {
+      const params = { url_link: window.location.href.split('#')[0] }
+      getLogoAPI(params).then((res) => {
+        if (res.status === true && res.data && res.data.length) {
+          const info = res.data[0]
+          this.$store.commit('setLogoInfoNew', info.additional_msg)
+          if (info.orgname !== '业主机构') {
+            this.$store.commit('setLogo', info.logo)
+          } else {
+            this.$store.commit('setLogo', '')
+          }
+        }
+      })
+    },
+
+    // =========================
+    // AI 面板
+    // =========================
     handleAIClick() {
       this.aiDialogVisible = true
       this.$nextTick(() => {
@@ -580,14 +640,17 @@ export default Vue.extend({
     startAIPanelDrag(event) {
       if (event.button !== 0) return
       if (event.target && event.target.closest('.ai-chat-panel__close')) return
+
       const panel = this.$refs.aiChatPanel
       if (!panel) return
+
       const rect = panel.getBoundingClientRect()
       this.aiPanelDragging = true
       this.aiPanelDragOffset = {
         x: event.clientX - rect.left,
         y: event.clientY - rect.top
       }
+
       window.addEventListener('mousemove', this.handleAIPanelDrag)
       window.addEventListener('mouseup', this.stopAIPanelDrag)
       document.body.style.userSelect = 'none'
@@ -596,16 +659,18 @@ export default Vue.extend({
       if (!this.aiPanelDragging) return
       const panel = this.$refs.aiChatPanel
       if (!panel) return
+
       const panelWidth = panel.offsetWidth || 380
       const panelHeight = panel.offsetHeight || 620
-      const minLeft = 0, minTop = 0
       const maxLeft = Math.max(window.innerWidth - panelWidth, 0)
       const maxTop = Math.max(window.innerHeight - panelHeight, 0)
+
       const nextLeft = event.clientX - this.aiPanelDragOffset.x
       const nextTop = event.clientY - this.aiPanelDragOffset.y
+
       this.aiPanelPosition = {
-        left: Math.min(Math.max(nextLeft, minLeft), maxLeft),
-        top: Math.min(Math.max(nextTop, minTop), maxTop)
+        left: Math.min(Math.max(nextLeft, 0), maxLeft),
+        top: Math.min(Math.max(nextTop, 0), maxTop)
       }
     },
     stopAIPanelDrag() {
@@ -623,27 +688,38 @@ export default Vue.extend({
     async sendAIMessage(quickQuestion) {
       const message = (quickQuestion || this.aiInput).trim()
       if (!message || this.aiLoading) return
+
       this.aiMessages.push({ role: 'user', content: message })
       this.aiInput = ''
-      const loadingMessageIndex = this.aiMessages.push({
+
+      const loadingIndex = this.aiMessages.push({
         role: 'assistant',
         content: '[正在检索并生成回答...]'
       }) - 1
+
       this.aiLoading = true
       this.$nextTick(() => this.scrollAIChatToBottom())
+
       try {
         const response = await reqAIChat({ message }, (content) => {
           if (!content) return
-          this.$set(this.aiMessages, loadingMessageIndex, { role: 'assistant', content })
+          this.$set(this.aiMessages, loadingIndex, { role: 'assistant', content })
           this.$nextTick(() => this.scrollAIChatToBottom())
         })
+
         if (response && response.content) {
-          this.$set(this.aiMessages, loadingMessageIndex, { role: 'assistant', content: response.content })
+          this.$set(this.aiMessages, loadingIndex, { role: 'assistant', content: response.content })
         } else {
-          this.$set(this.aiMessages, loadingMessageIndex, { role: 'assistant', content: '暂时没有获取到回复，请稍后再试。' })
+          this.$set(this.aiMessages, loadingIndex, {
+            role: 'assistant',
+            content: '暂时没有获取到回复，请稍后再试。'
+          })
         }
       } catch (error) {
-        this.$set(this.aiMessages, loadingMessageIndex, { role: 'assistant', content: '抱歉，当前服务繁忙，请稍后再试。' })
+        this.$set(this.aiMessages, loadingIndex, {
+          role: 'assistant',
+          content: '抱歉，当前服务繁忙，请稍后再试。'
+        })
       } finally {
         this.aiLoading = false
         this.$nextTick(() => this.scrollAIChatToBottom())
@@ -660,12 +736,12 @@ export default Vue.extend({
     },
     formatAIContent(content) {
       if (!content) return ''
-      const normalizedContent = String(content)
+      const normalized = String(content)
         .replace(/\r\n/g, '\n')
         .replace(/ {2,}/g, '\n')
         .replace(/\n{3,}/g, '\n\n')
-      const lines = normalizedContent.split('\n')
-      return lines.map((line) => {
+
+      return normalized.split('\n').map((line) => {
         const trimmed = line.trim()
         if (!trimmed) return '<div class="ai-chat__paragraph ai-chat__paragraph--space"></div>'
         if (/^-\s+/.test(trimmed)) {
@@ -680,321 +756,18 @@ export default Vue.extend({
     scrollAIChatToBottom() {
       const messageBox = this.$refs.aiChatMessages
       if (messageBox) messageBox.scrollTop = messageBox.scrollHeight
-    },
-    handleMessageClick() {
-      if (this.loginState) {
-        this.messageCenterVisible = true;
-        if (this.$refs.messageCenter) this.$refs.messageCenter.open();
-      } else {
-        this.handleGoLogin()
-      }
-    },
-    handleUnreadCountUpdate(count) {
-      this.messageCount = count;
-    },
-    goB() {
-      if (sessionStorage.getItem('jueseNew').includes('客户')) {
-        this.$router.push('/product/productHome')
-      } else if (sessionStorage.getItem('jueseNew').includes('运营')) {
-        this.$router.push('/operation/supplierManagement')
-      }else if(sessionStorage.getItem('jueseNew').includes('运维')){
-        this.$router.push('/operationAndMaintenance/workOrderProcessing')
-      }else if(sessionStorage.getItem('jueseNew').includes('销售')){
-        this.$router.push('/sales/distributorManagement')
-      }else if(sessionStorage.getItem('jueseNew').includes('财务')){
-        this.$router.push('/finance/supplierSettlementStatistics')
-      }else if(sessionStorage.getItem('jueseNew').includes('admin')){
-        this.$router.push('/superAdministrator/addAdmin')
-      }
-    },
-    init() {
-      let remoteUrl = ''
-      if (window.location.href.includes("dev")) {
-        remoteUrl = 'https://www.kaiyuancloud.cn/dev/reseller/get_ipc_logo.dspy'
-      } else if (window.location.href.includes("localhost")) {
-        remoteUrl = 'http://localhost:9527/'
-      } else {
-        remoteUrl = 'https://www.kaiyuancloud.cn/reseller/get_ipc_logo.dspy'
-      }
-      let params = { url_link: window.location.href.split("#")[0] }
-      getLogoAPI(params).then((res) => {
-        if (res.status == true && res.data && res.data.length) {
-          this.$store.commit('setLogoInfoNew', res.data[0].additional_msg);
-          this.isShow = true
-          if (res.data[0].orgname == '中关村数智人工智能产业联盟') {
-            this.logoUrlOut = 'https://www.ncmatch.cn'
-          }
-          this.photosUrl = res.data[0];
-          if (this.photosUrl.orgname != '业主机构') {
-            this.isLogo = true
-            this.logoImg = this.photosUrl.logo;
-            this.$store.commit('setLogo', this.photosUrl.logo)
-            this.logoText = this.photosUrl.orgname;
-          } else {
-            this.$store.commit('setLogo', "")
-          }
-        } else {
-          this.$message({ message: "获取ipc失败~", type: "error" });
-        }
-      });
-    },
-    async logout() {
-      let redirectPath = ''
-      if (this.$route && this.$route.fullPath && !this.$route.fullPath.includes('/login')) {
-        redirectPath = this.$route.fullPath
-        sessionStorage.setItem('loginRedirectPath', redirectPath)
-      }
-      this.$store.commit('setLoginState', false)
-      store.commit('tagsView/resetBreadcrumbState');
-      store.commit('permission/RESET_ROUTES');
-      sessionStorage.removeItem("auths");
-      sessionStorage.removeItem("routes");
-      sessionStorage.removeItem("user");
-      sessionStorage.removeItem("userId");
-      sessionStorage.removeItem("org_type")
-      sessionStorage.removeItem("userType");
-      sessionStorage.removeItem("orgType");
-      sessionStorage.removeItem("roles");
-      sessionStorage.removeItem("juese");
-      sessionStorage.removeItem("jueseNew");
-      localStorage.removeItem("auths");
-      localStorage.removeItem("routes");
-      localStorage.removeItem("user");
-      localStorage.removeItem("userId");
-      localStorage.removeItem("org_type")
-      localStorage.removeItem('userId')
-      await this.$router.push({
-        path: '/login',
-        query: redirectPath ? { redirect: redirectPath } : {}
-      });
-    },
-    edituserPassword() {
-      this.passwordDialog = true;
-    },
-    channelFirstBtn() {
-      reqApplyChannel({ user_id: this.userId }).then(res => {
-        if (res.code == "100" || res.code == "210") {
-          this.$message.success(res.msg)
-        } else if (res.code == "300") {
-          this.channelManagementShow = true
-        } else if (res.code == "200") {
-          this.$router.push('/customer/channelMangement')
-        }
-      })
-    },
-    initMybalance() {
-      return sessionStorage.getItem('mybalance')
-    },
-    copyBtn() {
-      const textToCopy = this.$refs.contentToCopy.innerText;
-      navigator.clipboard.writeText(textToCopy).then(() => {
-        this.$message.success('复制成功！')
-      }).catch((error) => {
-        console.error('复制失败', error);
-      });
-    },
-    async getUserInfo() {
-      if (!this.userId) return;
-      getUserInfoAPI({ id: this.userId }).then((res) => {
-        if (res.status) {
-          this.userInfoList = res.data;
-          sessionStorage.setItem("orgid", res.data[0].orgid);
-        } else {
-          this.$message({ message: res.msg, type: "error" });
-        }
-      });
-    },
-    handleShow(isShow) {
-      let resverNode = document.getElementById('resverIcon')
-      if (isShow) {
-        if (this.role.includes('客户')) {
-          this.$store.dispatch('user/getCustmoersMoney')
-        }
-        resverNode.style.transform = 'rotate(180deg)'
-      } else {
-        resverNode.style.transform = 'rotate(0)'
-      }
-    },
-    sildeThrMenu(item) {
-      let res = []
-      res.push(item)
-      this.showPanelRightData = res
-    },
-    clickGo(item) {
-      this.$store.commit('setShowHomeNav', false)
-      let userId = sessionStorage.getItem('userId')
-      const orgType = window.sessionStorage.getItem('org_type');
-      let isKehu = orgType === '2' || orgType === '3';
-      if (item.type === '百度云') {
-        if (this.loginState) {
-          this.$store.commit('setRedirectUrl', item.url)
-          localStorage.setItem('redirectUrl', item.url)
-          localStorage.setItem('userRescourseUrl', item.listUrl)
-          this.$router.push({
-            name: 'baiduProductShow',
-            params: { listUrl: item.listUrl, url: item.url }
-          })
-        } else {
-          this.$router.push({ path: "/login", query: { fromPath: 'homePage', type: 'bd', listUrl: item.listUrl, url: item.url } })
-        }
-      } else if (item.type === '阿里云') {
-        if (this.loginState) {
-          reqNewHomeSync().then(response => {
-            if (response.status) {
-              reqNewHomeFestival().then(res => {
-                if (res.status) window.open(res.data)
-                else this.$message.warning(res.msg)
-              })
-            } else {
-              this.$message.warning(response.msg)
-            }
-          })
-        } else {
-          this.$router.push({ path: "/login", query: { fromPath: 'homePage', type: 'ali' } })
-        }
-      } else if (item.type === '智算' || item.type === '算力网络') {
-        if (item.name === '容器云') {
-          if (this.loginState) {
-            this.$router.push('/product/productHome/k8s/createK8s')
-          } else {
-            this.$router.push({ path: "/login", query: { fromPath: 'homePage', type: 'rqy' } })
-          }
-        } else {
-          this.$router.push({ path: '/homePage/detail', query: { id: item.id } })
-        }
-      } else if (item.name === '灵医智能体') {
-        this.$router.push('/homePage/hospital')
-      } else if (item.name === '客悦·智能客服') {
-        this.$router.push('/homePage/customerService')
-      }
-    },
-    changeData(data) {
-      this.showPanelData = data || []
-      this.secMenuData = data?.[0]?.secMenu || []
-      if (this.secMenuData.length > 0) {
-        const firstSecMenu = this.secMenuData[0]
-        this.threeData = firstSecMenu.thrMenu || []
-        if (this.threeData.length > 0) {
-          this.showPanelRightData = this.threeData.map(item => ({
-            ...item,
-            thrTitle: item.thrTitle || firstSecMenu.secTitle
-          }))
-        } else {
-          this.showPanelRightData = [{ thrTitle: firstSecMenu.secTitle, value: [] }]
-        }
-      } else {
-        this.threeData = []
-        this.showPanelRightData = []
-      }
-    },
-    initData() {
-      reqNavList({ url_link: window.location.href }).then(res => {
-        if (res.status) {
-          this.product_service = this.buildData(res.data.product_service)
-          this.changeData(this.product_service)
-        }
-      }).catch(error => {
-        console.error("获取导航数据失败:", error)
-        this.product_service = []
-        this.changeData([])
-      })
-    },
-    buildData(data) {
-      let res = [];
-      data.forEach(item => {
-        if (item.secMenu && Array.isArray(item.secMenu)) {
-          item.secMenu.forEach(secItem => {
-            if (secItem.thrMenu && Array.isArray(secItem.thrMenu)) {
-              secItem.thrMenu.forEach(thrItem => {
-                if (thrItem.value && Array.isArray(thrItem.value)) {
-                  thrItem.value.forEach(valueItem => {
-                    valueItem.type = secItem.secTitle;
-                  });
-                }
-              });
-            }
-          });
-        }
-      });
-      return data;
-    },
-    sildeSecMenu(item) {
-      this.secId = item.id
-      if (!item.thrMenu || item.thrMenu.length === 0) {
-        this.threeData = []
-        this.showPanelRightData = [{ thrTitle: item.secTitle, value: [] }]
-        return
-      }
-      this.threeData = item.thrMenu.map(menu => ({
-        ...menu,
-        thrTitle: menu.thrTitle || item.secTitle
-      }))
-      this.showPanelRightData = this.threeData
-    },
-    networkData() { return networkData },
-    storageData() { return storageData },
-    testData() { return testData },
-    sildeItemIn(item) {
-      this.firId = item.id
-      this.secId = item.secMenu[0].id
-      this.secMenuData = item.secMenu || []
-      this.showPanelRightData = this.secMenuData[0].thrMenu || []
-    },
-    computingData() { return computingData },
-    sildeIn(item) {
-      this.changeData(item)
-      if (this.hideTimer) clearTimeout(this.hideTimer)
-      this.showTimer = setTimeout(() => {
-        this.$store.commit('setShowHomeNav', true)
-        this.$nextTick(this.updateProductPanelPosition)
-      }, 100)
-    },
-    sildeOut() {
-      if (this.showTimer) clearTimeout(this.showTimer)
-      this.hideTimer = setTimeout(() => {
-        this.$store.commit('setShowHomeNav', false)
-      }, 200)
-    },
-    keepPanel() {
-      if (this.hideTimer) clearTimeout(this.hideTimer)
-    },
-    handleGoLogin() {
-      let token = this.$store.getters.token;
-      if (!token) {
-        this.$message.warning('请先登录哦~');
-        this.$router.push({ path: '/login' });
-      }
-    },
-    goHome() {
-      this.$store.commit('setShowHomeNav', false)
-      if (this.isNcmatchDomain) {
-        this.$router.push('/ncmatchHome/index');
-      } else {
-        this.$router.push('/homePage/index');
-      }
-    },
-    toggleLanguage() {
-      const locale = this.activeLocale === 'en-US' ? 'zh-CN' : 'en-US'
-      setLocale(locale)
-      this.activeLocale = locale
-      this.$message.success(
-        locale === 'en-US' ? this.$t('topbar.switchEnSuccess') : this.$t('topbar.switchZhSuccess')
-      )
     }
-  },
+  }
 })
 </script>
 
 <style scoped lang="less">
-/* ===== 强制透明重置（最高优先级） ===== */
 .top-nav,
 .top-nav-placeholder,
 .nav-container {
   background: transparent !important;
   background-color: transparent !important;
   background-image: none !important;
-  backdrop-filter: none !important;
-  -webkit-backdrop-filter: none !important;
   box-shadow: none !important;
 }
 
@@ -1006,7 +779,6 @@ export default Vue.extend({
   color: #111827;
   font-family: PingFang SC, Microsoft YaHei, Arial, sans-serif;
   box-sizing: border-box;
-  
 }
 
 .top-nav-placeholder {
@@ -1014,7 +786,6 @@ export default Vue.extend({
   height: 0;
   width: 100%;
   flex-shrink: 0;
-  
 }
 
 .nav-container {
@@ -1022,7 +793,7 @@ export default Vue.extend({
   top: 0;
   left: 0;
   right: 0;
-  z-index: 3000;
+  z-index: 12000;
   width: 100%;
   height: 82px;
   padding: 0 42px;
@@ -1053,6 +824,8 @@ export default Vue.extend({
   gap: 38px;
   margin-left: auto;
   margin-right: 32px;
+  position: relative;
+  z-index: 2;
 }
 
 .nav-item {
@@ -1084,9 +857,11 @@ export default Vue.extend({
   }
 }
 
-.nav-lang {
-  color: #374151;
-  font-size: 15px !important;
+.nav-product-wrap {
+  position: relative;
+  height: 82px;
+  display: inline-flex;
+  align-items: center;
 }
 
 .nav-lang-text {
@@ -1094,15 +869,19 @@ export default Vue.extend({
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  border: 0;
+  background: transparent;
   font-size: 16px !important;
   font-weight: 600;
-  //line-height: 1;
+  padding: 6px 12px;
   cursor: pointer;
   user-select: none;
   transition: color 0.2s ease;
+  border-radius: 4px;
 
   &:hover {
     color: #1e6fff;
+    background: rgba(30, 111, 255, 0.08);
   }
 }
 
@@ -1114,6 +893,8 @@ export default Vue.extend({
   display: flex;
   align-items: center;
   gap: 16px;
+  position: relative;
+  z-index: 2;
 }
 
 .functions {
@@ -1124,7 +905,7 @@ export default Vue.extend({
   transition: color 0.2s ease;
 
   &:hover {
-    color: #1E6FFF;
+    color: #1e6fff;
   }
 }
 
@@ -1141,7 +922,7 @@ export default Vue.extend({
   transition: color 0.2s ease;
 
   &:hover {
-    color: #1E6FFF;
+    color: #1e6fff;
   }
 }
 
@@ -1151,32 +932,11 @@ export default Vue.extend({
   padding: 0;
   border: 0;
   border-radius: 99px;
-  background: transparent;
   color: #fff;
   background-color: #000;
   cursor: pointer;
   font-size: 16px !important;
   font-weight: 700;
-  // line-height: 36px
-  transition: color 0.2s ease;
-}
-
-.register-btn {
-  height: 36px;
-  padding: 0 16px;
-  border: 0;
-  border-radius: 10px;
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  color: #fff;
-  cursor: pointer;
-  font-size: 15px !important;
-  font-weight: 600;
-  line-height: 36px;
-  transition: opacity 0.2s ease;
-
-  &:hover {
-    opacity: 0.9;
-  }
 }
 
 .login-pill {
@@ -1191,7 +951,6 @@ export default Vue.extend({
   font-size: 15px !important;
   font-weight: 600;
   line-height: 36px;
-  transition: opacity 0.2s ease;
 
   &:hover {
     opacity: 0.84;
@@ -1206,29 +965,16 @@ export default Vue.extend({
 }
 
 .product-panel {
-  position: fixed;
-  top: 82px;
-  left: 0;
-  right: 0;
-  z-index: 2999;
-  min-height: 340px;
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 12001;
   display: flex;
-  background: rgba(255, 255, 255, 0.98);
-  backdrop-filter: blur(14px);
-  box-shadow: 0 20px 46px rgba(15, 23, 42, 0.1);
-  border-top: 1px solid rgba(15, 23, 42, 0.04);
 }
 
 .product-panel--side-only {
-  right: auto;
   width: 210px;
-  min-height: auto;
-  background: transparent;
-  backdrop-filter: none;
-  border-top: 0;
-  box-shadow: none;
-  border-radius: 0;
-  overflow: visible;
 }
 
 .product-panel__side {
@@ -1265,292 +1011,47 @@ export default Vue.extend({
   }
 }
 
-.product-panel__content {
-  flex: 1;
-  padding: 26px 46px 32px;
-  box-sizing: border-box;
-}
-
-.product-panel__head {
-  margin-bottom: 24px;
+.user-dropdown-head {
   display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-
-  p {
-    margin: 6px 0 0;
-    color: #667085;
-    font-size: 14px;
-    line-height: 1.6;
-  }
+  flex-direction: column;
+  padding: 15px;
+  background-color: #f0f2f5;
 }
 
-.product-panel__title {
-  margin: 0;
-  color: #111827;
-  font-size: 22px !important;
-  font-weight: 700;
-}
-
-.product-panel__more {
-  height: 34px;
-  padding: 0 16px;
-  border: 1px solid #dbeafe;
-  border-radius: 999px;
-  background: #f4f8ff;
-  color: #1e6fff;
-  cursor: pointer;
-  font-size: 14px !important;
-  font-weight: 600;
-}
-
-.product-group {
-  margin-bottom: 24px;
-
-  h4 {
-    margin: 0 0 14px;
-    color: #111827;
-    font-size: 16px !important;
-    font-weight: 700;
-  }
-}
-
-.product-group--compact {
-  margin-bottom: 0;
-}
-
-.product-grid {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(180px, 1fr));
-  gap: 16px;
-}
-
-.product-grid--compact {
-  grid-template-columns: repeat(4, minmax(150px, 1fr));
-}
-
-.product-card {
-  min-height: 86px;
-  padding: 16px;
-  border: 1px solid #edf1f7;
-  border-radius: 16px;
-  background: #fff;
-  color: #111827;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 14px;
-  text-align: left;
-  font-size: 15px !important;
-  font-weight: 600;
-  line-height: 1.5;
-  box-shadow: 0 8px 22px rgba(31, 45, 61, 0.04);
-  transition: all 0.2s ease;
-
-  &:hover {
-    transform: translateY(-2px);
-    border-color: #cfe0ff;
-    box-shadow: 0 14px 28px rgba(30, 111, 255, 0.1);
-  }
-
-  strong {
-    display: block;
-    margin-bottom: 6px;
-    color: #111827;
-    font-size: 16px !important;
-    font-weight: 700;
-  }
-
-  em {
-    display: block;
-    color: #6b7280;
-    font-size: 13px !important;
-    font-weight: 400;
-    font-style: normal;
-  }
-
-  &:hover,
-  &:hover strong {
-    color: #1e6fff;
-  }
-}
-
-.product-card__icon {
-  width: 42px;
-  height: 42px;
-  border-radius: 12px;
-  display: inline-flex !important;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  color: #fff !important;
-  font-size: 13px !important;
-  font-weight: 800 !important;
-}
-
-.product-card__text {
-  min-width: 0;
-}
-
-.product-card--blue .product-card__icon {
-  background: linear-gradient(135deg, #2563eb, #38bdf8);
-}
-
-.product-card--purple .product-card__icon {
-  background: linear-gradient(135deg, #7c3aed, #d946ef);
-}
-
-.product-card--green .product-card__icon {
-  background: linear-gradient(135deg, #059669, #22c55e);
-}
-
-.product-card--plain {
-  min-height: 74px;
-  padding: 14px 16px;
-  box-shadow: none;
-}
-
-.activeFir {
-  background-image: linear-gradient(90deg, rgba(210, 228, 253, .6), hsla(0, 0%, 100%, .6));
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.twoMenuStyle {
-  cursor: pointer;
-  position: relative;
-  color: #091221;
-  font-size: 14px !important;
-
-  &::after {
-    transition: all .3s ease-in-out;
-    content: '';
-    width: 0;
-    position: absolute;
-    bottom: -5px;
-    left: 0;
-    height: 2px;
-    background: #091221;
-    border-radius: 1px;
-  }
-}
-
-.activeSec {
-  font-weight: 600;
-
-  &::after {
-    width: 100% !important;
-  }
-}
-
-.subTitle {
-  font-size: 16px;
-  color: #2468f2;
-  font-weight: 600;
-  margin: 5px 0;
-  display: inline-block;
-}
-
-.leastMenu {
-  overflow-y: auto;
-
-  .inBox {
-    li {
-      font-size: 14px !important;
-      margin: 6px 0;
-      display: flex;
-      justify-content: flex-start;
-      align-items: flex-end;
-
-      &:hover {
-        cursor: pointer;
-        color: #1E6FFF !important;
-      }
-    }
-  }
-}
-
-.ge {
-  background-image: url('https://bce.bdstatic.com/portal-cloud-server/images/nav/dropdown_bar_middle.png');
-  box-sizing: border-box;
-  display: block;
-  height: 100%;
-  width: 20px;
-  margin: 0 10px;
-}
-
-.zhe {
-  font-size: 12px !important;
-  border-radius: 4px;
-  padding: 1px 2px;
-  color: red;
-  display: inline-block;
-  margin-left: 3px;
-}
-
-.outUl {
-  .outLi {
-    padding: 10px;
-
-    .tilte {
-      width: 100%;
-      display: inline-block;
-      padding: 5px;
-    }
-
-    .inUl {
-      .inLi {
-        padding: 10px 10px 10px 5px;
-      }
-    }
-  }
-}
-
-.logoImg {
-  width: 148px;
-  height: 48px;
-}
-
-.clickItem {
-  margin-bottom: 15px !important;
-
-  &:hover {
-    color: #1E6FFF !important;
-  }
-}
-
-.imgUser {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: #eee;
-  width: 46px;
-  height: 46px;
-  border-radius: 50%;
-  color: white;
-  margin-right: 8px;
-
-  img {
-    // border-radius: 50%;
-    width: 26px;
-    height: 26px;
-  }
-}
-
-.company-name {
-  font-size: 24px;
+.user-dropdown-name {
   font-weight: bold;
-  color: #222F60;
-  cursor: pointer;
-  transition: color 0.3s ease;
+  font-size: 20px;
+  margin-bottom: 5px;
+  color: #333333;
+}
 
-  &:hover {
-    color: #1E6FFF;
-  }
+.user-dropdown-id {
+  font-size: 12px;
+  color: #666;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
 }
-::v-deep .v-model{
-  z-index: 1;
+
+.copy-btn {
+  margin-left: 6px;
+  cursor: pointer;
 }
+
+.user-dropdown-balance {
+  padding: 0 18px;
+  width: 100%;
+  height: 60px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.moneyNow-label {
+  display: block;
+  margin-bottom: 5px;
+}
+
 .ai-chat-panel {
   position: fixed;
   right: 24px;
@@ -1610,20 +1111,18 @@ export default Vue.extend({
     background: #fff;
   }
 
-  &__welcome {
-    h3 {
-      margin: 0 0 12px;
-      color: #5f59ff;
-      font-size: 22px !important;
-      font-weight: 700;
-    }
+  &__welcome h3 {
+    margin: 0 0 12px;
+    color: #5f59ff;
+    font-size: 22px !important;
+    font-weight: 700;
+  }
 
-    p {
-      margin: 0 0 20px;
-      font-size: 14px !important;
-      line-height: 1.8;
-      color: #333;
-    }
+  &__welcome p {
+    margin: 0 0 20px;
+    font-size: 14px !important;
+    line-height: 1.8;
+    color: #333;
   }
 
   &__suggestions {
@@ -1644,7 +1143,7 @@ export default Vue.extend({
     transition: all 0.2s ease;
 
     &:hover {
-      color: #1E6FFF;
+      color: #1e6fff;
       background: #eef5ff;
     }
   }
@@ -1666,10 +1165,10 @@ export default Vue.extend({
     font-size: 13px !important;
     color: #666;
     cursor: pointer;
+  }
 
-    &:hover {
-      color: #1E6FFF;
-    }
+  &__new:hover {
+    color: #1e6fff;
   }
 
   &__input {
@@ -1685,114 +1184,98 @@ export default Vue.extend({
   }
 }
 
-::v-deep .ai-chat-panel__input {
-  .el-textarea__inner {
-    min-height: 84px !important;
-    padding: 12px 48px 12px 12px;
-    border-radius: 14px;
-    border: 1px solid #e5eaf3;
-    font-size: 14px;
-    line-height: 1.6;
-  }
+::v-deep .ai-chat-panel__input .el-textarea__inner {
+  min-height: 84px !important;
+  padding: 12px 48px 12px 12px;
+  border-radius: 14px;
+  border: 1px solid #e5eaf3;
+  font-size: 14px;
+  line-height: 1.6;
 }
 
-.ai-chat {
-  &__message {
-    display: flex;
-    gap: 12px;
-    margin-bottom: 16px;
+.ai-chat__message {
+  display: flex;
+  gap: 12px;
+  margin-bottom: 16px;
+}
 
-    &:last-child {
-      margin-bottom: 0;
-    }
+.ai-chat__message.is-user {
+  flex-direction: row-reverse;
+}
 
-    &.is-user {
-      flex-direction: row-reverse;
+.ai-chat__message.is-user .ai-chat__bubble {
+  background: linear-gradient(90deg, #275aff 0%, #2ebdfa 100%);
+  color: #fff;
+}
 
-      .ai-chat__bubble {
-        background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-        color: #fff;
-      }
-    }
-  }
+.ai-chat__avatar {
+  flex-shrink: 0;
+  width: 34px;
+  height: 34px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px !important;
+  color: #1e6fff;
+  background: rgba(30, 111, 255, 0.12);
+}
 
-  &__avatar {
-    flex-shrink: 0;
-    width: 34px;
-    height: 34px;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 14px !important;
-    color: #1E6FFF;
-    background: rgba(30, 111, 255, 0.12);
-  }
+.ai-chat__bubble {
+  max-width: calc(100% - 46px);
+  padding: 12px 14px;
+  border-radius: 12px;
+  background: #f7f9fc;
+  color: #333;
+  font-size: 14px !important;
+  line-height: 1.7;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
 
-  &__bubble {
-    max-width: calc(100% - 46px);
-    padding: 12px 14px;
-    border-radius: 12px;
-    background: #f7f9fc;
-    color: #333;
-    font-size: 14px !important;
-    line-height: 1.7;
-    white-space: pre-wrap;
-    word-break: break-word;
-  }
+.ai-chat__rich-text {
+  font-size: 14px !important;
+  line-height: 1.7;
+}
 
-  &__rich-text {
-    font-size: 14px !important;
-    line-height: 1.7;
-  }
+.ai-chat__paragraph {
+  margin-bottom: 8px;
+}
 
-  &__paragraph {
-    margin-bottom: 8px;
+.ai-chat__paragraph--space {
+  height: 8px;
+  margin-bottom: 0;
+}
 
-    &:last-child {
-      margin-bottom: 0;
-    }
+.ai-chat__section-title {
+  margin: 12px 0 8px;
+  font-weight: 700;
+  color: #222f60;
+}
 
-    &--space {
-      height: 8px;
-      margin-bottom: 0;
-    }
-  }
+.ai-chat__item {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  margin-bottom: 8px;
+}
 
-  &__section-title {
-    margin: 12px 0 8px;
-    font-weight: 700;
-    color: #222F60;
+.ai-chat__item-dot {
+  width: 6px;
+  height: 6px;
+  margin-top: 9px;
+  border-radius: 50%;
+  background: #7d7cff;
+  flex-shrink: 0;
+}
 
-    &:first-child {
-      margin-top: 0;
-    }
-  }
-
-  &__item {
-    display: flex;
-    align-items: flex-start;
-    gap: 8px;
-    margin-bottom: 8px;
-  }
-
-  &__item-dot {
-    width: 6px;
-    height: 6px;
-    margin-top: 9px;
-    border-radius: 50%;
-    background: #7d7cff;
-    flex-shrink: 0;
-  }
-
-  &__tip {
-    color: #999;
-    font-size: 12px !important;
-  }
+.ai-chat__tip {
+  color: #999;
+  font-size: 12px !important;
 }
 
 ::v-deep .ai-chat__rich-text strong {
   font-weight: 700;
-  color: #222F60;
+  color: #222f60;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/f/web-kboss/src/views/homePage/indexLast.vue b/f/web-kboss/src/views/homePage/indexLast.vue
index 33eb896..4e2325f 100644
--- a/f/web-kboss/src/views/homePage/indexLast.vue
+++ b/f/web-kboss/src/views/homePage/indexLast.vue
@@ -21,7 +21,7 @@
           
 
           <div class="footer-link-col">
-            <h4 class="footer-col-title">产品服务</h4>
+            <h4 class="footer-col-title">{{ $t('home.footerProducts') }}</h4>
             <ul class="footer-link-list">
               <li
                 v-for="item in footerProductServices"
@@ -36,7 +36,7 @@
           </div>
           
         <div class="footer-contact-col">
-          <h4 class="footer-col-title">联系我们</h4>
+          <h4 class="footer-col-title">{{ $t('home.footerContact') }}</h4>
           <ul class="footer-contact-list">
             <li>地址：<span>{{ footerHomeInfo.adress }}</span></li>
             <li>邮箱：<span>{{ footerHomeInfo.email }}</span></li>
@@ -47,7 +47,7 @@
               <div class="qr-code">
                 <img src="./img/img.png" alt="">
               </div>
-              <span class="qr-content">微信客服</span>
+              <span class="qr-content">{{ $t('home.onlineChat') }}</span>
             </div>
             <div class="qr-box">
               <div class="qr-code">
@@ -370,10 +370,6 @@ export default Vue.extend({
   transform: translateX(3px);
 }
 
-.footer-contact-col {
-  // width: 360px;
-}
-
 .footer-contact-list {
   margin: 0;
   padding: 0;
diff --git a/f/web-kboss/src/views/homePage/mainPage/OPC/index.vue b/f/web-kboss/src/views/homePage/mainPage/OPC/index.vue
index 2a12619..697c034 100644
--- a/f/web-kboss/src/views/homePage/mainPage/OPC/index.vue
+++ b/f/web-kboss/src/views/homePage/mainPage/OPC/index.vue
@@ -435,7 +435,7 @@ export default Vue.extend({
 <style scoped lang="scss">
 .jd-homepage {
   margin: 0;
-  padding-top: 82px;
+  padding-top: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 46%, #f7faff 74%, #f8fafc 100%);
   overflow-x: hidden;
@@ -457,6 +457,7 @@ export default Vue.extend({
 .public-hero {
   width: 100%;
   min-height: 760px;
+  padding-top: 82px;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
@@ -1069,7 +1070,7 @@ export default Vue.extend({
 /* 响应式设计 */
 @media (max-width: 576px) {
   .jd-homepage {
-    padding-top: 80px;
+    padding-top: 0;
   }
 
   .main-content {
@@ -1082,6 +1083,7 @@ export default Vue.extend({
 
   .public-hero {
     min-height: auto;
+    padding-top: 72px;
   }
 
   .public-hero h1 {
diff --git a/f/web-kboss/src/views/homePage/mainPage/index.vue b/f/web-kboss/src/views/homePage/mainPage/index.vue
index 94ee54d..f9166b2 100644
--- a/f/web-kboss/src/views/homePage/mainPage/index.vue
+++ b/f/web-kboss/src/views/homePage/mainPage/index.vue
@@ -10,7 +10,7 @@
         <div class="hero-title-row">
           <h1>{{ $t('home.heroTitle') }}</h1>
         </div>
-        <h2>{{ $t('home.heroSubtitle') }}</h2>
+        <h2 v-if="$t('home.heroSubtitle')">{{ $t('home.heroSubtitle') }}</h2>
         <p>{{ $t('home.heroSlogan') }}</p>
         <div class="hero-actions">
           <button type="button" class="use-btn">{{ $t('home.solutionsBtn') }}</button>
@@ -62,7 +62,7 @@
         </div>
         <div class="carousel-dots">
           <button
-            v-for="(item, index) in solutionCards"
+            v-for="(item, index) in localizedSolutionCards"
             :key="item.title"
             type="button"
             :class="{ active: index === currentSolutionIndex }"
@@ -84,7 +84,7 @@
 
         <div class="case-grid">
           <article
-            v-for="item in caseCards"
+            v-for="item in localizedCaseCards"
             :key="item.title"
             class="case-card"
           >
@@ -127,7 +127,7 @@
 
         <div class="news-list">
           <article
-            v-for="(item, index) in newsList"
+            v-for="(item, index) in localizedNewsList"
             :key="item.title"
             class="news-card"
             :class="{ 'news-card-active': index === activeNewsIndex }"
@@ -228,7 +228,7 @@ export default {
         {
           title: '一问即达',
           subtitle: '智能问答知识库',
-          detailTitle: '智能知识问答',
+          detailTitle: '智能问答知识库',
           detailSubTitle: '燃机 AI 诊断助手',
           detailDesc: '融合专家知识库，支持中英文自然语言多轮对话，自动生成诊断建议。',
           metrics: [
@@ -337,15 +337,62 @@ export default {
     showTalkVisible() {
       return this.$store.state.product.showTalk
     },
+    localizedSolutionCards() {
+      const keyMap = {
+        '群智协作': 'collaboration',
+        '空间觉醒': 'spatial',
+        '先见一步': 'predictive',
+        '洞察入微': 'vision',
+        '一问即达': 'qa',
+        '全程守护': 'protection',
+        '触文即懂': 'document',
+        '端侧即算': 'edge'
+      }
+      return this.solutionCards.map((card) => {
+        const key = keyMap[card.title]
+        if (!key) return card
+        return {
+          ...card,
+          title: this.$t(`home.solutionCards.${key}.title`),
+          subtitle: this.$t(`home.solutionCards.${key}.subtitle`)
+        }
+      })
+    },
+    localizedCaseCards() {
+      const keys = ['railway', 'forestry', 'beigang']
+      return this.caseCards.map((card, index) => {
+        const key = keys[index]
+        if (!key) return card
+        return {
+          ...card,
+          name: this.$t(`home.cases.${key}.name`),
+          title: this.$t(`home.cases.${key}.title`),
+          desc: this.$t(`home.cases.${key}.desc`)
+        }
+      })
+    },
+    localizedNewsList() {
+      const keys = ['first', 'second']
+      return this.newsList.map((item, index) => {
+        const key = keys[index]
+        if (!key) return item
+        return {
+          ...item,
+          tag: this.$t('home.news.tag'),
+          title: this.$t(`home.news.${key}Title`),
+          desc: this.$t(`home.news.${key}Desc`)
+        }
+      })
+    },
     visibleSolutionCards() {
       const slots = [-3, -2, -1, 0, 1, 2, 3]
-      const len = this.solutionCards.length
+      const len = this.localizedSolutionCards.length
       return slots.map((slot) => {
         const index = (this.currentSolutionIndex + slot + len) % len
         return {
           slot,
           index,
-          card: this.solutionCards[index]
+          card: this.localizedSolutionCards[index]
         }
       })
     }
@@ -387,6 +434,9 @@ export default {
     goCases() {
       this.navigateTo('/homePage/agentStore')
     },
+    goNews() {
+      this.navigateTo('/homePage/new')
+    },
  
   
     nextSolution() {
diff --git a/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue b/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
index 0d65a85..0657871 100644
--- a/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
+++ b/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
@@ -750,7 +750,7 @@ export default {
 .plaza-page {
   position: relative;
   min-height: 100vh;
-  padding-top: 82px;
+  padding-top: 0;
   overflow-x: hidden;
   background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 60%, #f5f8ff 100%);
   color: #1a1a1a;
@@ -806,7 +806,7 @@ export default {
   position: relative;
   z-index: 1;
   overflow: hidden;
-  padding: 96px 24px 64px;
+  padding: 178px 24px 64px;
 }
 
 .hero-glow {
diff --git a/f/web-kboss/src/views/homePage/trainPlatform/index.vue b/f/web-kboss/src/views/homePage/trainPlatform/index.vue
index 7a4a822..aa20aa1 100644
--- a/f/web-kboss/src/views/homePage/trainPlatform/index.vue
+++ b/f/web-kboss/src/views/homePage/trainPlatform/index.vue
@@ -159,7 +159,7 @@ export default {
 
 <style scoped>
 .train-page {
-  padding-top: 82px;
+  padding-top: 0;
 }
 
 @import './train.css';
diff --git a/f/web-kboss/src/views/homePage/trainPlatform/train.css b/f/web-kboss/src/views/homePage/trainPlatform/train.css
index 8fa9b37..81c2b26 100644
--- a/f/web-kboss/src/views/homePage/trainPlatform/train.css
+++ b/f/web-kboss/src/views/homePage/trainPlatform/train.css
@@ -36,7 +36,7 @@
 
 .hero-section {
   position: relative;
-  padding: 80px 24px;
+  padding: 162px 24px 80px;
   overflow: hidden;
 }
 
@@ -584,7 +584,7 @@
 
 @media (max-width: 760px) {
   .hero-section {
-    padding: 48px 18px;
+    padding: 120px 18px 48px;
   }
 
   .hero-title {