diff --git a/f/web-kboss/src/components/FloatingBox/FloatingBox.vue b/f/web-kboss/src/components/FloatingBox/FloatingBox.vue
index 7c2d8de..ce2ef33 100644
--- a/f/web-kboss/src/components/FloatingBox/FloatingBox.vue
+++ b/f/web-kboss/src/components/FloatingBox/FloatingBox.vue
@@ -252,7 +252,7 @@ export default {
     },
     getYunbaoProducts() {
       return [
-        { id: 'bid', key: this.$t('yunbao.products.bid'), intro: 'E投标智能体是覆盖「招标解析→标书编制→合规审查→查重→知识沉淀」全链路的一站式投标AI解决方案，帮企业将编标周期从数天压缩至小时级，低级废标率降低100%。' },
+        // { id: 'bid', key: this.$t('yunbao.products.bid'), intro: 'E投标智能体是覆盖「招标解析→标书编制→合规审查→查重→知识沉淀」全链路的一站式投标AI解决方案，帮企业将编标周期从数天压缩至小时级，低级废标率降低100%。' },
         { id: 'tender', key: this.$t('yunbao.products.tender'), intro: 'E招标智能体，AI辅助编制招标文件，自动合规性审查，让招标流程更高效、更透明、更合规。' },
         { id: 'evaluation', key: this.$t('yunbao.products.evaluation'), intro: 'E评标智能体，AI辅助评标分析，自动提取关键指标、横向对比评分、识别异常报价，帮助评标专家高效、公正地完成评审工作。' },
         { id: 'loggingReview', key: this.$t('yunbao.products.loggingReview'), intro: '面向林业管理的行业智能体，可在线完成采伐申请材料的智能核验，自动比对采伐范围、树种、蓄积量等核心指标与合规要求，快速识别违规申请，助力林业资源可持续利用。' },
@@ -295,14 +295,15 @@ export default {
         init(config = {}) {
           if (this._inited) return
           this._inited = true
+          const isH5 = !!(vm.$route && vm.$route.path && vm.$route.path.startsWith('/h5HomePage'))
           this._config = Object.assign({
             avatarUrl: '',
             name: vm.$t('yunbao.name'),
             submitUrl: '',
             products: vm.getYunbaoProducts(),
             pages: {
-              contract: '/homePage/agentStore/contractCase',
-              decision: '/homePage/agentStore/decisionCase'
+              contract: isH5 ? '/h5HomePage/contract-case' : '/homePage/agentStore/contractCase',
+              decision: isH5 ? '/h5HomePage/decision-case' : '/homePage/agentStore/decisionCase'
             }
           }, config)
           this.injectCSS()
@@ -414,7 +415,7 @@ export default {
           if (action === 'browse') {
             setTimeout(() => {
               this.addBotMsg(vm.$t('yunbao.recommend'), [
-                { text: vm.$t('yunbao.products.bid'), desc: vm.$t('yunbao.productDescs.bid'), action: 'goExternal', url: 'https://bid-ocai-v2.jinan.opencomputing.cn/', type: 'cards' },
+                // { text: vm.$t('yunbao.products.bid'), desc: vm.$t('yunbao.productDescs.bid'), action: 'goExternal', url: 'https://bid-ocai-v2.jinan.opencomputing.cn/', type: 'cards' },
                 { text: vm.$t('yunbao.products.contract'), desc: vm.$t('yunbao.productDescs.contract'), action: 'goContract', type: 'cards' },
                 { text: vm.$t('yunbao.products.decision'), desc: vm.$t('yunbao.productDescs.decision'), action: 'goInvest', type: 'cards' }
               ])
@@ -431,7 +432,9 @@ export default {
             return
           }
           if (action === 'goContract') {
-            vm.$router.push(this._config.pages.contract || '/homePage/agentStore/contractCase').catch(() => {})
+            const isH5 = !!(vm.$route && vm.$route.path && vm.$route.path.startsWith('/h5HomePage'))
+            const path = isH5 ? '/h5HomePage/contract-case' : (this._config.pages.contract || '/homePage/agentStore/contractCase')
+            vm.$router.push(path).catch(() => {})
             this.close()
             setTimeout(() => {
               this.addBotMsg(vm.$t('yunbao.openedContract'), this.getProductTags(), 'tags')
@@ -446,7 +449,9 @@ export default {
             return
           }
           if (action === 'goInvest') {
-            vm.$router.push(this._config.pages.decision || '/homePage/agentStore/decisionCase').catch(() => {})
+            const isH5 = !!(vm.$route && vm.$route.path && vm.$route.path.startsWith('/h5HomePage'))
+            const path = isH5 ? '/h5HomePage/decision-case' : (this._config.pages.decision || '/homePage/agentStore/decisionCase')
+            vm.$router.push(path).catch(() => {})
             this.close()
             setTimeout(() => {
               this.addBotMsg(vm.$t('yunbao.openedDecision'), this.getProductTags(), 'tags')
diff --git a/f/web-kboss/src/router/index.js b/f/web-kboss/src/router/index.js
index 0af589b..2bec5ab 100644
--- a/f/web-kboss/src/router/index.js
+++ b/f/web-kboss/src/router/index.js
@@ -102,89 +102,32 @@ export const constantRoutes = [
         }
       },
       {
-        path: 'cloud',
-        title: '云',
-        component: () => import('@/views/H5/cloud/index.vue'),
+        path: 'about',
+        title: 'H5关于我们',
+        component: () => import('@/views/H5/about/index.vue'),
         meta: {
-          title: '云', fullPath: '/h5HomePage/cloud'
+          title: 'H5关于我们', fullPath: '/h5HomePage/about'
         }
       },
       {
-        path: 'calculate',
-        title: '算',
-        component: () => import('@/views/H5/calculate/index.vue'),
-        meta: {
-          title: '算', fullPath: '/h5HomePage/calculate'
-        }
+        path: 'decision-case',
+        title: 'H5投策智能体案例',
+        component: () => import('@/views/H5/decisionCase/index.vue'),
+        meta: { title: '投策智能体', fullPath: '/h5HomePage/decision-case' }
       },
       {
-        path: 'net',
-        title: '网',
-        component: () => import('@/views/H5/net/index.vue'),
-        meta: {
-          title: '网', fullPath: '/h5HomePage/net'
-        }
-      },
-      {
-        path: 'use',
-        title: '用',
-        component: () => import('@/views/H5/use/index.vue'),
-        meta: {
-          title: '用', fullPath: '/h5HomePage/use'
-        }
-      },
-      {
-        path: 'details',
-        title: '算产品详情',
-        component: () => import('@/views/H5/details/index.vue'),
-        meta: {
-          title: '产品详情', fullPath: '/h5HomePage/details'
-        }
-
-      },
-      {
-        path: 'netDetail',
-        title: '网产品详情',
-        component: () => import('@/views/H5/netDetails/index.vue'),
-        meta: {
-          title: '产品详情', fullPath: '/h5HomePage/netDetail'
-        }
-      },
-      {
-        path: 'useDetail',
-        title: 'AI产品详情',
-        component: () => import('@/views/H5/useDetails/index.vue'),
-        meta: {
-          title: 'AI产品详情', fullPath: '/h5HomePage/useDetail'
-        }
-      },
-      {
-        path: 'service',
-        title: '智能客服详情',
-        component: () => import('@/views/H5/useDetails/service.vue'),
-        meta: {
-          title: '智能客服详情', fullPath: '/h5HomePage/service'
-        }
-      },
-      {
-        path: 'consultDialogFull',
-        title: '全屏咨询弹窗预览',
-        component: () => import('@/views/H5/consultDialogFullPreview/index.vue'),
-        meta: {
-          title: '全屏咨询弹窗预览', fullPath: '/h5HomePage/consultDialogFull'
-        }
+        path: 'contract-case',
+        title: 'H5合同智能审查案例',
+        component: () => import('@/views/H5/contractCase/index.vue'),
+        meta: { title: '合同智能审查', fullPath: '/h5HomePage/contract-case' }
       }
     ]
   },
   {
     name: 'H5about',
     path: '/H5about',
-    title: 'H5关于我们',
-    hidden: true,
-    component: () => import('@/views/H5/about/index.vue'),
-    meta: {
-      title: 'H5关于我们', fullPath: '/h5about/index'
-    }
+    redirect: '/h5HomePage/about',
+    hidden: true
   },
 
   {
diff --git a/f/web-kboss/src/store/modules/permission.js b/f/web-kboss/src/store/modules/permission.js
index dab5f3c..4f8e356 100644
--- a/f/web-kboss/src/store/modules/permission.js
+++ b/f/web-kboss/src/store/modules/permission.js
@@ -220,45 +220,27 @@ if (isMobile) {
         },
       },
       {
-        path: "cloud",
-        title: '云',
-        component: () => import('@/views/H5/cloud/index.vue'),
+        path: "about",
+        title: 'H5关于我们',
+        component: () => import('@/views/H5/about/index.vue'),
         meta: {
-          title: "云",
-          fullPath: "/h5HomePage/cloud",
+          title: "H5关于我们",
+          fullPath: "/h5HomePage/about",
           isMobile: true
         },
       },
       {
-        path: "calculate",
-        title: '算',
-        component: () => import('@/views/H5/calculate/index.vue'),
-        meta: {
-          title: "算",
-          fullPath: "/h5HomePage/calculate",
-          isMobile: true
-        },
+        path: 'decision-case',
+        title: 'H5投策智能体案例',
+        component: () => import('@/views/H5/decisionCase/index.vue'),
+        meta: { title: '投策智能体', fullPath: '/h5HomePage/decision-case', isMobile: true }
       },
       {
-        path: "net",
-        title: '网',
-        component: () => import('@/views/H5/net/index.vue'),
-        meta: {
-          title: "网",
-          fullPath: "/h5HomePage/net",
-          isMobile: true
-        },
-      },
-      {
-        path: "use",
-        title: '用',
-        component: () => import('@/views/H5/use/index.vue'),
-        meta: {
-          title: "用",
-          fullPath: "/h5HomePage/use",
-          isMobile: true
-        },
-      },
+        path: 'contract-case',
+        title: 'H5合同智能审查案例',
+        component: () => import('@/views/H5/contractCase/index.vue'),
+        meta: { title: '合同智能审查', fullPath: '/h5HomePage/contract-case', isMobile: true }
+      }
     ]
   });
 }
diff --git a/f/web-kboss/src/views/H5/about/img/advantage1.png b/f/web-kboss/src/views/H5/about/img/advantage1.png
deleted file mode 100644
index 4a1652b..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/advantage1.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/advantage2.png b/f/web-kboss/src/views/H5/about/img/advantage2.png
deleted file mode 100644
index 4679154..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/advantage2.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/advantage3.png b/f/web-kboss/src/views/H5/about/img/advantage3.png
deleted file mode 100644
index 78d1249..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/advantage3.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/advantage4.png b/f/web-kboss/src/views/H5/about/img/advantage4.png
deleted file mode 100644
index 78faa97..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/advantage4.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/advantage5.png b/f/web-kboss/src/views/H5/about/img/advantage5.png
deleted file mode 100644
index 3aec7db..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/advantage5.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/advantage6.png b/f/web-kboss/src/views/H5/about/img/advantage6.png
deleted file mode 100644
index 3430ec5..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/advantage6.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/advantageColor1.png b/f/web-kboss/src/views/H5/about/img/advantageColor1.png
deleted file mode 100644
index 3900fbd..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/advantageColor1.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/advantageColor11.png b/f/web-kboss/src/views/H5/about/img/advantageColor11.png
deleted file mode 100644
index eb68279..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/advantageColor11.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/advantageColor2.png b/f/web-kboss/src/views/H5/about/img/advantageColor2.png
deleted file mode 100644
index 9950f60..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/advantageColor2.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/advantageColor3.png b/f/web-kboss/src/views/H5/about/img/advantageColor3.png
deleted file mode 100644
index ad14f09..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/advantageColor3.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/advantageColor4.png b/f/web-kboss/src/views/H5/about/img/advantageColor4.png
deleted file mode 100644
index 8faad83..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/advantageColor4.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/advantageColor5.png b/f/web-kboss/src/views/H5/about/img/advantageColor5.png
deleted file mode 100644
index 0add006..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/advantageColor5.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/advantageColor6.png b/f/web-kboss/src/views/H5/about/img/advantageColor6.png
deleted file mode 100644
index ac3d844..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/advantageColor6.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/banner.png b/f/web-kboss/src/views/H5/about/img/banner.png
deleted file mode 100644
index 1fd5395..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/banner.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/footer.png b/f/web-kboss/src/views/H5/about/img/footer.png
deleted file mode 100644
index ac93c81..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/footer.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/jzg.png b/f/web-kboss/src/views/H5/about/img/jzg.png
deleted file mode 100644
index c2495d3..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/jzg.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg1.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg1.png
deleted file mode 100644
index 8cb036a..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg1.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg10.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg10.png
deleted file mode 100644
index f2ff2e0..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg10.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg2.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg2.png
deleted file mode 100644
index caf25a8..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg2.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg3.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg3.png
deleted file mode 100644
index cd21e33..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg3.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg4.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg4.png
deleted file mode 100644
index 6f42e74..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg4.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg5.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg5.png
deleted file mode 100644
index a338889..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg5.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg6.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg6.png
deleted file mode 100644
index 7da0985..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg6.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg7.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg7.png
deleted file mode 100644
index a7bddd6..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg7.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg8.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg8.png
deleted file mode 100644
index 528bf38..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg8.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg9.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg9.png
deleted file mode 100644
index e9cd89a..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/btmimg9.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg1.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg1.png
deleted file mode 100644
index 7bee3b2..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg1.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg2.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg2.png
deleted file mode 100644
index d0ee493..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg2.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg3.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg3.png
deleted file mode 100644
index 1e23356..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg3.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg4.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg4.png
deleted file mode 100644
index 413f1ec..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg4.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg5.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg5.png
deleted file mode 100644
index 1ccfc98..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg5.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg6.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg6.png
deleted file mode 100644
index 4b5c404..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg6.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg7.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg7.png
deleted file mode 100644
index d47a63b..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg7.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg8.png b/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg8.png
deleted file mode 100644
index 4a27083..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/qualifications_img/topimg8.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/sm.png b/f/web-kboss/src/views/H5/about/img/sm.png
deleted file mode 100644
index 39bb3a3..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/sm.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/img/yj.png b/f/web-kboss/src/views/H5/about/img/yj.png
deleted file mode 100644
index c69ba44..0000000
Binary files a/f/web-kboss/src/views/H5/about/img/yj.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/about/index.vue b/f/web-kboss/src/views/H5/about/index.vue
index 69fd991..72a3700 100644
--- a/f/web-kboss/src/views/H5/about/index.vue
+++ b/f/web-kboss/src/views/H5/about/index.vue
@@ -1,155 +1,97 @@
 <template>
-  <div class="mian">
-    <!-- banner -->
-    <div class="banner">
-      <div class="title">开元云</div>
-      <div class="dase">全球领先的AI服务运营商</div>
-    </div>
+  <div class="about-page">
+    <img class="about-logo" src="@/views/H5/images/logo.png" alt="开元云">
+    <div class="content-layer">
+      <section class="about-section">
+        <div class="about-container">
+          <div class="section-title">
+            <div class="section-kicker">{{ $t('about.intro.kicker') }}</div>
+            <h2>{{ $t('about.intro.title') }}</h2>
+          </div>
+          <p class="about-copy" v-html="$t('about.intro.copyHtml')"></p>
+        </div>
+      </section>
 
-    <!-- 介绍 -->
-    <div class="introduce">
-      <!-- 左侧标题 -->
-      <div class="left">
-        关于<span class="color">我们</span>
-      </div>
+      <section class="about-section">
+        <div class="about-container">
+          <div class="section-title section-title--spacious">
+            <div class="section-kicker">{{ $t('about.advantages.kicker') }}</div>
+            <h2>{{ $t('about.advantages.title') }}</h2>
+          </div>
+          <div class="card-grid">
+            <article
+              v-for="(item, index) in advantages"
+              :key="item.key"
+              class="advantage-card glass-card"
+              :style="item.style"
+              @mousemove="moveCardGlow"
+              @mouseleave="resetCardGlow"
+              @touchstart="activateCardGlow"
+              @touchend="resetCardGlow"
+              @touchcancel="resetCardGlow"
+            >
+              <div class="card-glow"></div>
+              <div class="card-glow-bottom"></div>
+              <div class="card-bg"></div>
+              <div class="card-content">
+                <div class="card-heading">
+                  <span class="card-number">0{{ index + 1 }}</span>
+                  <div>
+                    <h3>{{ $t(`about.advantages.${item.key}.title`) }}</h3>
+                    <span class="card-subtitle">{{ $t(`about.advantages.${item.key}.subtitle`) }}</span>
+                  </div>
+                </div>
+                <span class="card-tag">{{ $t(`about.advantages.${item.key}.tag`) }}</span>
+                <p>{{ $t(`about.advantages.${item.key}.desc`) }}</p>
+              </div>
+            </article>
+          </div>
+        </div>
+      </section>
 
-      <!-- 右侧内容 -->
-      <div class="right">
-        <div class="content">
-          <div class="text">
-            <div v-for="(item, index) in companyData" :key="index" style="margin-bottom: .2rem; text-indent: 2em;">
-              {{ item }}
-            </div>
+      <section class="about-section">
+        <div class="about-container">
+          <div class="section-title section-title--spacious">
+            <div class="section-kicker">{{ $t('about.credentials.kicker') }}</div>
+            <h2>{{ $t('about.credentials.title') }}</h2>
+          </div>
+          <div class="card-grid">
+            <article v-for="item in credentials" :key="item.key" class="credential-card glass-card">
+              <div class="credential-icon" :class="`credential-icon--${item.color}`">
+                <svg v-if="item.icon === 'badge'" viewBox="0 0 24 24"><path d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" /></svg>
+                <svg v-else-if="item.icon === 'bolt'" viewBox="0 0 24 24"><path d="M13 2L3 14h7l-1 8 11-13h-7z" /></svg>
+                <svg v-else-if="item.icon === 'flask'" viewBox="0 0 24 24"><path d="M9 3h6M10 3v6l-6 9a2 2 0 001.7 3h12.6a2 2 0 001.7-3l-6-9V3M8 15h8" /></svg>
+                <svg v-else-if="item.icon === 'clipboard'" viewBox="0 0 24 24"><path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a3 3 0 006 0M9 5a3 3 0 016 0m-6 9l2 2 4-4" /></svg>
+                <svg v-else-if="item.icon === 'star'" viewBox="0 0 24 24"><path d="M12 2l2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-3-5.6 3 1.1-6.2L3 8.6l6.2-.9z" /></svg>
+                <svg v-else viewBox="0 0 24 24"><path d="M5 3v4M3 5h4m11-2l1.8 5.2L21 9l-4.2 1.5L15 16l-1.8-5.5L9 9l4.2-.8zM6 17v4m-2-2h4" /></svg>
+              </div>
+              <div class="credential-copy">
+                <h3>{{ $t(`about.credentials.${item.key}.title`) }}</h3>
+                <p v-if="item.key !== 'forbes'">{{ $t(`about.credentials.${item.key}.desc`) }}</p>
+                <p v-else>{{ $t('about.credentials.forbes.descPrefix') }}<span class="forbes-text">{{ $t('about.credentials.forbes.descHighlight') }}</span>{{ $t('about.credentials.forbes.descSuffix') }}</p>
+              </div>
+            </article>
           </div>
         </div>
-      </div>
-    </div>
+      </section>
 
-    <!-- 公司资质 -->
-    <div class="qualifications">
-      <div class="qualifications-title">
-        公司<span class="color">资质</span>
-      </div>
-      <div class="img-list">
-        <!-- 照片滚动 -->
-        <!-- 从左向右滚动 -->
-        <div class="top-img">
-          <div class="scroll-container row1">
-            <div v-for="(image, index) in topImages" :key="index" class="scroll-item">
-              <img :src="image" alt="资质证书" />
-            </div>
-            <!-- 重复用于无缝衔接 -->
-            <div v-for="(image, index) in topImages" :key="'top-dup-' + index" class="scroll-item">
-              <img :src="image" alt="资质证书" />
-            </div>
+      <section class="about-section about-section--cta">
+        <div class="about-container">
+          <div class="cta-card glass-card">
+            <h2>{{ $t('about.cta.title') }}</h2>
+            <p>{{ $t('about.cta.desc') }}</p>
           </div>
         </div>
-        <!-- 从右向左滚动 -->
-        <div class="bottom-img">
-          <div class="scroll-container row2">
-            <div v-for="(image, index) in bottomImages" :key="'bottom-' + index" class="scroll-item">
-              <img :src="image" alt="资质证书" />
-            </div>
-            <!-- 重复用于无缝衔接 -->
-            <div v-for="(image, index) in bottomImages" :key="'bottom-dup-' + index" class="scroll-item">
-              <img :src="image" alt="资质证书" />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 企业文化 -->
-    <div class="culture">
-      <!-- 标题 -->
-      <div class="culture-title">
-        企业<span class="color">文化</span>
-      </div>
-      <!-- 列表 -->
-      <div class="culture-content">
-        <div class="culture-item">
-          <div class="culture-icon">
-            <div class="icon-placeholder">
-              <img src="./img/sm.png" alt="">
-            </div>
-          </div>
-          <div class="culture-text">
-            <div class="culture-item-title">
-              <div>使命</div>
-              <div class="culture-en">Mission</div>
-            </div>
-            <div class="culture-desc">
-              让AI无处不在，让智能如此简单
-            </div>
-          </div>
-        </div>
-
-        <div class="culture-item">
-          <div class="culture-icon">
-            <div class="icon-placeholder">
-              <img src="./img/yj.png" alt="">
-            </div>
-          </div>
-          <div class="culture-text">
-            <div class="culture-item-title">
-              <div>愿景</div>
-              <div class="culture-en">Vision</div>
-            </div>
-            <div class="culture-desc">
-              全球领先的AI服务运营商
-            </div>
-          </div>
-        </div>
-
-        <div class="culture-item">
-          <div class="culture-icon">
-            <div class="icon-placeholder">
-              <img src="./img/jzg.png" alt="">
-            </div>
-          </div>
-          <div class="culture-text">
-            <div class="culture-item-title">
-              <div>价值观</div>
-              <div class="culture-en">Value</div>
-            </div>
-            <div class="culture-desc">
-              卓越、开放、创新
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- 平台优势 -->
-    <div class="advantages">
-      <!-- 标题 -->
-      <div class="advantages-title">
-        平台<span class="color">优势</span>
-      </div>
-      <!-- 列表 -->
-      <div class="advantages-content">
-        <div
-          class="advantages-item"
-          v-for="(items, index) in advantagesList"
-          :key="index"
-          :class="'advantage-item-' + (index + 1)"
-        >
-          <div class="toptit">
-            {{ items.title }}
-          </div>
-          <div class="btm-text">
-            {{ items.desc }}
-          </div>
-        </div>
-      </div>
+      </section>
     </div>
     <Footer />
   </div>
 </template>
 
 <script>
-import { reqCompany } from '@/api/H5/index.js';
 import '../media'
-import Footer from '../components/footer/footer.vue';
+import Footer from '../components/footer/footer.vue'
+
 export default {
   name: 'AboutPage',
   components: {
@@ -157,424 +99,398 @@ export default {
   },
   data() {
     return {
-      companyData: {},
-      topImages: [
-        require('./img/qualifications_img/topimg1.png'),
-        require('./img/qualifications_img/topimg2.png'),
-        require('./img/qualifications_img/topimg3.png'),
-        require('./img/qualifications_img/topimg4.png'),
-        require('./img/qualifications_img/topimg5.png'),
-        require('./img/qualifications_img/topimg6.png'),
-        require('./img/qualifications_img/topimg7.png'),
-        require('./img/qualifications_img/topimg8.png')
+      advantages: [
+        { key: 'fast', style: { '--accent': '#4f46e5', '--soft': '#e0e7ff', '--soft-border': '#c7d2fe', '--number': '#c7d2fe', '--subtitle': '#4f46e5', '--tag-text': '#4338ca' } },
+        { key: 'accurate', style: { '--accent': '#0891b2', '--soft': '#cffafe', '--soft-border': '#a5f3fc', '--number': '#a5f3fc', '--subtitle': '#0891b2', '--tag-text': '#0e7490' } },
+        { key: 'strong', style: { '--accent': '#7c3aed', '--soft': '#f3e8ff', '--soft-border': '#e9d5ff', '--number': '#e9d5ff', '--subtitle': '#9333ea', '--tag-text': '#7e22ce' } },
+        { key: 'stable', style: { '--accent': '#059669', '--soft': '#d1fae5', '--soft-border': '#a7f3d0', '--number': '#a7f3d0', '--subtitle': '#059669', '--tag-text': '#047857' } }
       ],
-      bottomImages: [
-        require('./img/qualifications_img/btmimg1.png'),
-        require('./img/qualifications_img/btmimg2.png'),
-        require('./img/qualifications_img/btmimg3.png'),
-        require('./img/qualifications_img/btmimg4.png'),
-        require('./img/qualifications_img/btmimg5.png'),
-        require('./img/qualifications_img/btmimg6.png'),
-        require('./img/qualifications_img/btmimg7.png'),
-        require('./img/qualifications_img/btmimg8.png'),
-        require('./img/qualifications_img/btmimg9.png'),
-        require('./img/qualifications_img/btmimg10.png')
-      ],
-      advantagesList: [
-        {
-          title: '精准定位',
-          desc: '专注于为各行业提供专业、高效的人工智能解决方案，助力企业智能化转型。'
-        },
-        {
-          title: '技术服务',
-          desc: '提供人工智能相关的技术服务，为企业解决复杂的技术难题。'
-        },
-        {
-          title: '产品定制',
-          desc: '根据企业的特定需求，定制开发人工智能产品，满足不同场景的应用需求。'
-        },
-        {
-          title: '产业赋能',
-          desc: '通过人工智能技术，为传统产业赋能，提升产业的竞争力和创新能力。'
-        },
-        {
-          title: '一站式、本地化服务',
-          desc: '从售前、售中到售后提供一站式全方位服务'
-        },
-        {
-          title: '提供AI基础设施与模型服务',
-          desc: '提供整体底层技术架构和系统支持及模型服务'
-        }
-      ],
-      advantageBgImages: [
-        require('./img/advantage1.png'),
-        require('./img/advantage2.png'),
-        require('./img/advantage3.png'),
-        require('./img/advantage4.png'),
-        require('./img/advantage5.png'),
-        require('./img/advantage6.png')
+      credentials: [
+        { key: 'highTech', color: 'amber', icon: 'badge' },
+        { key: 'specialized', color: 'indigo', icon: 'bolt' },
+        { key: 'techSme', color: 'cyan', icon: 'flask' },
+        { key: 'iso', color: 'emerald', icon: 'clipboard' },
+        { key: 'innovative', color: 'rose', icon: 'star' },
+        { key: 'forbes', color: 'amber', icon: 'sparkles' }
       ]
     }
   },
-  created() {
-    this.getCompanyInfo();
-  },
   methods: {
-    async getCompanyInfo() {
-      // 获取当前页面的URL
-      const currentUrl = window.location.href;
+    moveCardGlow(event) {
+      const card = event.currentTarget
+      const bounds = card.getBoundingClientRect()
+      const x = ((event.clientX - bounds.left) / bounds.width) * 100
+      const y = ((event.clientY - bounds.top) / bounds.height) * 100
 
-      // 调用接口，传递url_link参数
-      const res = await reqCompany({
-        url_link: currentUrl
-      });
-
-      console.log('公司信息接口返回:', res);
-
-      if (res.status === true) {
-        this.companyData = res.data[0].additional_msg.about.content;
-      } else {
-        console.error('获取公司信息失败:', res.msg || '未知错误');
-      }
+      card.style.setProperty('--x', `${x}%`)
+      card.style.setProperty('--y', `${y}%`)
+      card.classList.add('is-glowing')
     },
-  },
-  // 监听路由变化如果路由变化需要重新获取数据
-  watch: {
-    '$route'(to, from) {
-      if (to.path !== from.path) {
-        this.getCompanyInfo();
-      }
+    activateCardGlow(event) {
+      const card = event.currentTarget
+      const touch = event.touches[0]
+      const bounds = card.getBoundingClientRect()
+      const x = ((touch.clientX - bounds.left) / bounds.width) * 100
+      const y = ((touch.clientY - bounds.top) / bounds.height) * 100
+
+      card.style.setProperty('--x', `${x}%`)
+      card.style.setProperty('--y', `${y}%`)
+      card.classList.add('is-glowing')
+    },
+    resetCardGlow(event) {
+      const card = event.currentTarget
+
+      card.style.setProperty('--x', '50%')
+      card.style.setProperty('--y', '50%')
+      card.classList.remove('is-glowing')
     }
   }
 }
 </script>
 
 <style lang="less" scoped>
-.mian {
-  height: 100%;
+.about-page {
+  width: 100%;
+  height: 100vh;
+  min-height: 0;
+  overflow-x: hidden;
   overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  overscroll-behavior-y: contain;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+  color: #1e293b;
+  background: #f0f4ff;
+  box-sizing: border-box;
 }
 
-.banner {
+.about-logo {
+  // position: absolute;
+  // top: 0.28rem;
+  // left: 0.28rem;
+  margin-top: 0.28rem;
+  margin-left: 0.28rem;
+  z-index: 3;
+  display: block;
+  width: 1.58rem;
+  height: auto;
+  object-fit: contain;
+}
+
+.content-layer {
+  box-sizing: border-box;
+  padding: 0.64rem 0.28rem 0.34rem;
+}
+
+.about-section {
+  padding: 0.5rem 0;
+}
+
+.about-section:first-child {
+  padding-top: 0;
+}
+
+.about-section--cta {
+  padding-bottom: 0;
+}
+
+.about-container {
   width: 100%;
-  background: url('./img/banner.png') no-repeat;
-  background-size: 100% 100%;
-  height: 4rem;
+  margin: 0 auto;
+}
+
+.section-title {
+  margin-bottom: 0.36rem;
+  text-align: center;
+}
+
+.section-title--spacious {
+  margin-bottom: 0.42rem;
+}
+
+.section-kicker {
+  margin-bottom: 0.12rem;
+  color: #6366f1;
+  font-size: 0.2rem;
+  font-weight: 600;
+  letter-spacing: 0.04rem;
+  line-height: 1.3;
+  text-transform: uppercase;
+}
+
+.section-title h2 {
+  margin: 0;
+  color: #1e293b;
+  font-size: 0.42rem;
+  font-weight: 800;
+  line-height: 1.2;
+}
+
+.about-copy {
+  margin: 0;
+  color: #475569;
+  font-size: 0.25rem;
+  line-height: 1.9;
+  text-align: justify;
+  word-break: break-word;
+}
+
+::v-deep .copy-strong {
+  color: #1e293b;
+  font-weight: 800;
+}
+
+::v-deep .copy-nowrap {
+  white-space: nowrap;
+}
+
+.card-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 0.22rem;
+}
+
+.glass-card {
+  border: 0.01rem solid rgba(226, 232, 240, 0.92);
+  background: rgba(255, 255, 255, 0.8);
+  box-shadow: 0 0.12rem 0.28rem rgba(71, 85, 105, 0.055);
+}
+
+.advantage-card {
+  position: relative;
+  min-height: 2.2rem;
+  padding: 0.34rem;
+  overflow: hidden;
+  border-radius: 0.16rem;
+  border-color: var(--soft-border);
+  background: rgba(248, 250, 252, 0.94);
+  box-sizing: border-box;
+  --x: 50%;
+  --y: 50%;
+}
+
+.advantage-card::before,
+.advantage-card::after {
+  position: absolute;
+  z-index: 1;
+  width: 100%;
+  height: 0.025rem;
+  content: '';
+  pointer-events: none;
+  background: linear-gradient(90deg, transparent, var(--accent), transparent);
+  box-shadow: 0 0 0.1rem var(--accent);
+}
+
+.advantage-card::before {
+  top: 0;
+  left: -100%;
+  animation: advantage-border-move 3s linear infinite;
+}
+
+.advantage-card::after {
+  right: -100%;
+  bottom: 0;
+  animation: advantage-border-move-reverse 3s linear infinite;
+}
+
+.card-glow,
+.card-glow-bottom,
+.card-bg {
+  position: absolute;
+  z-index: 0;
+  inset: 0;
+  pointer-events: none;
+}
+
+.card-glow {
+  background: radial-gradient(circle at var(--x) var(--y), var(--soft), transparent 42%);
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+
+.card-glow-bottom {
+  background: radial-gradient(circle at 50% 125%, var(--soft), transparent 44%);
+  background-size: 220% 220%;
+  opacity: 0;
+  transition: opacity 0.25s ease;
+}
+
+.card-bg {
+  background: radial-gradient(circle at var(--x) var(--y), var(--soft), transparent 52%);
+  opacity: 0;
+  transition: opacity 0.25s ease;
+}
+
+.advantage-card.is-glowing .card-glow {
+  opacity: 0.32;
+}
+
+.advantage-card.is-glowing .card-glow-bottom {
+  opacity: 0.16;
+  animation: card-glow-sweep 2.4s linear infinite;
+}
+
+.advantage-card.is-glowing .card-bg {
+  opacity: 0.42;
+}
+
+.card-content {
+  position: relative;
+  z-index: 2;
+}
+
+.card-heading {
+  display: flex;
+  align-items: center;
+  gap: 0.2rem;
+  margin-bottom: 0.2rem;
+}
+
+.card-number {
+  color: var(--number);
+  font-size: 0.7rem;
+  font-weight: 900;
+  line-height: 1;
+}
+
+.card-heading h3 {
+  margin: 0;
+  color: #1e293b;
+  font-size: 0.34rem;
+  line-height: 1.2;
+}
+
+.card-subtitle {
+  display: block;
+  margin-top: 0.06rem;
+  color: var(--subtitle);
+  font-size: 0.22rem;
+  line-height: 1.4;
+}
+
+@keyframes card-glow-sweep {
+  0% {
+    background-position: -100% 100%;
+  }
+
+  100% {
+    background-position: 160% -80%;
+  }
+}
+
+@keyframes advantage-border-move {
+  0% {
+    left: -100%;
+  }
+
+  100% {
+    left: 100%;
+  }
+}
+
+@keyframes advantage-border-move-reverse {
+  0% {
+    right: -100%;
+  }
+
+  100% {
+    right: 100%;
+  }
+}
+
+.card-tag {
+  display: inline-block;
+  margin-bottom: 0.16rem;
+  padding: 0.06rem 0.16rem;
+  border: 0.01rem solid var(--soft-border);
+  border-radius: 0.3rem;
+  color: var(--tag-text);
+  background: var(--soft);
+  font-size: 0.19rem;
+  line-height: 1.2;
+}
+
+.advantage-card p,
+.credential-card p {
+  margin: 0;
+  color: #64748b;
+  font-size: 0.22rem;
+  line-height: 1.7;
+}
+
+.credential-card {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.2rem;
+  min-height: 1.48rem;
+  padding: 0.28rem;
+  border-radius: 0.16rem;
+  box-sizing: border-box;
+}
+
+.credential-icon {
+  width: 0.62rem;
+  height: 0.62rem;
+  flex: 0 0 0.62rem;
   display: flex;
-  flex-direction: column;
   align-items: center;
   justify-content: center;
-
-  .title {
-    font-size: .3rem;
-    background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-    font-weight: 600;
-  }
-
-  .dase {
-    font-size: .338rem;
-    color: #222f60;
-    margin-top: .1rem;
-  }
+  border: 0.01rem solid currentColor;
+  border-radius: 0.12rem;
 }
 
-.introduce {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  background: linear-gradient(180deg, #fff 0%, #f6f8fd 40%, #fff 100%);
-
-  .left {
-    width: 20%;
-    font-size: .3rem;
-    font-weight: 600;
-    text-align: center;
-    margin-bottom: .3rem;
-
-    .color {
-      background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-      background-clip: text;
-    }
-  }
-
-  .right {
-    width: 90%;
-    font-size: .2rem;
-    color: #000;
-    line-height: 1.6;
-  }
+.credential-icon svg {
+  width: 0.32rem;
+  height: 0.32rem;
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  stroke-width: 1.5;
 }
 
-// 公司资质样式
-.qualifications {
-  margin-top: .4rem;
-  background: url('./img/footer.png') no-repeat;
-  background-size: 100% 100%;
-  height: 6rem;
+.credential-icon--amber { color: #d97706; background: #fef3c7; border-color: #fde68a; }
+.credential-icon--indigo { color: #4f46e5; background: #e0e7ff; border-color: #c7d2fe; }
+.credential-icon--cyan { color: #0891b2; background: #cffafe; border-color: #a5f3fc; }
+.credential-icon--emerald { color: #059669; background: #d1fae5; border-color: #a7f3d0; }
+.credential-icon--rose { color: #e11d48; background: #ffe4e6; border-color: #fecdd3; }
 
-  .qualifications-title {
-    font-size: .3rem;
-    font-weight: 600;
-    text-align: center;
-    margin-bottom: .3rem;
-
-    .color {
-      background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-      background-clip: text;
-    }
-  }
-
-  .img-list {
-    overflow: hidden;
-    position: relative;
-
-    .top-img,
-    .bottom-img {
-      height: 50%;
-      width: 100%;
-      overflow: hidden;
-    }
-
-    .scroll-container {
-      display: inline-flex;
-      height: 100%;
-      white-space: nowrap;
-      animation-duration: 40s;
-      animation-timing-function: linear;
-      animation-iteration-count: infinite;
-    }
-
-    .row1 {
-      animation-name: scrollLeftToRight;
-    }
-
-    .row2 {
-      animation-name: scrollRightToLeft;
-    }
-
-    .scroll-item {
-      flex: 0 0 auto;
-      width: 120px;
-      height: 100%;
-      margin: 0 10px;
-      border-radius: 8px;
-      overflow: hidden;
-    }
-
-    .scroll-item img {
-      width: 2rem;
-      height: 2rem;
-      object-fit: contain;
-      padding: .08rem;
-      box-sizing: border-box;
-    }
-  }
+.credential-copy {
+  min-width: 0;
 }
 
-// 企业文化样式
-.culture {
-  padding: 0 .2rem;
-  padding-top: .4rem;
-  background: linear-gradient(180deg, #d7e9ff 0%, #fff 100%);
-
-  .culture-title {
-    font-size: .3rem;
-    font-weight: 600;
-    text-align: center;
-    margin-bottom: .3rem;
-
-    .color {
-      background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-      background-clip: text;
-    }
-  }
-
-  .culture-content {
-    .culture-item {
-      display: flex;
-      align-items: center;
-      margin-bottom: .3rem;
-      padding: .2rem;
-      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
-      border-radius: .1rem;
-
-      .culture-icon {
-        width: .8rem;
-        height: .8rem;
-        border-radius: .1rem;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: .2rem;
-        flex-shrink: 0;
-
-        .icon-placeholder {
-          font-size: .3rem;
-          font-weight: bold;
-        }
-
-        img {
-          width: 1rem;
-          height: 1rem;
-        }
-      }
-
-      .culture-text {
-        flex: 1;
-
-        .culture-item-title {
-          display: flex;
-          align-items: baseline;
-          margin-bottom: .1rem;
-
-          div:first-child {
-            font-size: .28rem;
-            font-weight: bold;
-            color: #333;
-            margin-right: .1rem;
-          }
-
-          .culture-en {
-            font-size: .2rem;
-            color: #666;
-            font-style: italic;
-          }
-        }
-
-        .culture-desc {
-          font-size: .24rem;
-          color: #444;
-          line-height: 1.5;
-        }
-      }
-    }
-  }
+.credential-card h3 {
+  margin: 0 0 0.1rem;
+  color: #1e293b;
+  font-size: 0.28rem;
+  font-weight: 700;
+  line-height: 1.35;
 }
 
-// 平台优势样式
-.advantages {
-  padding: 0 .2rem;
-  margin-top: .4rem;
-  margin-bottom: .4rem;
-
-  .advantages-title {
-    font-size: .3rem;
-    font-weight: 600;
-    text-align: center;
-    margin-bottom: .3rem;
-
-    .color {
-      background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-      background-clip: text;
-    }
-  }
-
-  .advantages-content {
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    flex-wrap: wrap;
-
-    .advantages-item {
-      margin-bottom: .2rem;
-      width: 48%;
-      padding: .2rem;
-      box-shadow: 0 .05rem .15rem rgba(0, 0, 0, 0.05);
-      border-radius: .12rem;
-      background-size: 180% 100%;
-      background-repeat: no-repeat;
-      background-position:right;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-
-      .toptit {
-        font-weight: 600;
-        color: #000;
-        font-size: .28rem;
-        margin-bottom: .1rem;
-      }
-
-      .btm-text {
-        font-size: .16rem;
-        color: #666;
-        line-height: 1.4;
-      }
-    }
-
-    // 为每个优势项设置不同的背景图片
-    .advantage-item-1 {
-      background-image: url('./img/advantage1.png');
-    }
-
-    .advantage-item-2 {
-      background-image: url('./img/advantage2.png');
-    }
-
-    .advantage-item-3 {
-      background-image: url('./img/advantage3.png');
-    }
-
-    .advantage-item-4 {
-      background-image: url('./img/advantage4.png');
-    }
-
-    .advantage-item-5 {
-      background-image: url('./img/advantage5.png');
-    }
-
-    .advantage-item-6 {
-      background-image: url('./img/advantage6.png');
-    }
-  }
+.forbes-text {
+  color: #d97706;
+  font-weight: 600;
 }
 
-// 滚动动画
-@keyframes scrollLeftToRight {
-  0% {
-    transform: translateX(0);
-  }
-
-  100% {
-    transform: translateX(-50%);
-  }
+.cta-card {
+  padding: 0.48rem 0.28rem;
+  border-radius: 0.2rem;
+  text-align: center;
+  background: linear-gradient(135deg, #eef2ff, #fff 48%, #ecfeff);
 }
 
-@keyframes scrollRightToLeft {
-  0% {
-    transform: translateX(-50%);
-  }
-
-  100% {
-    transform: translateX(0);
-  }
+.cta-card h2 {
+  margin: 0 0 0.16rem;
+  color: #1e293b;
+  font-size: 0.34rem;
+  font-weight: 800;
+  line-height: 1.3;
 }
 
-// 响应式调整
-@media (max-width: 375px) {
-  .advantages-content .advantages-item {
-    width: 100%;
-    margin-bottom: .15rem;
-
-    .toptit {
-      font-size: .26rem;
-    }
-
-    .btm-text {
-      font-size: .15rem;
-    }
-  }
+.cta-card p {
+  margin: 0;
+  color: #64748b;
+  font-size: 0.22rem;
+  line-height: 1.7;
 }
 </style>
diff --git a/f/web-kboss/src/views/H5/calculate/index.vue b/f/web-kboss/src/views/H5/calculate/index.vue
deleted file mode 100644
index 7008cbc..0000000
--- a/f/web-kboss/src/views/H5/calculate/index.vue
+++ /dev/null
@@ -1,239 +0,0 @@
-<template>
-  <div>
-    <!-- 标题 -->
-    <div class="top-tit">
-      开元云
-    </div>
-
-    <!-- 搜索 -->
-    <div class="search">
-      <div class="search-box">
-        <div class="input">
-          <input
-            type="text"
-            placeholder="请输入产品名称"
-            v-model="searchValue"
-            @keyup.enter="handleSearch"
-          />
-        </div>
-        <div class="search-btn" @click="handleSearch">
-          搜索
-        </div>
-      </div>
-    </div>
-
-    <!-- 搜索提示 -->
-    <div v-if="isSearching && searchValue" class="search-tip">
-      搜索关键词: "{{ searchValue }}"
-      <span class="clear-search" @click="clearSearch">× 清空搜索</span>
-    </div>
-
-    <!-- 供应商 - 只在非搜索模式显示 -->
-    <div v-if="!isSearching && cloudData.secMenu && cloudData.secMenu.length > 0" class="supplier-container">
-      <div v-for="(value, index) in cloudData.secMenu" :key="index" class="supplier" @click="selectSupplier(index)">
-        <div class="supplier-title" :class="{ 'active': activeSupplierIndex === index }">
-          {{ value.secTitle }}
-        </div>
-      </div>
-    </div>
-
-    <!-- 产品 -->
-    <div class="box">
-      <!-- 搜索模式：显示搜索结果 -->
-      <template v-if="isSearching && searchResults.length > 0">
-        <div v-for="product in searchResults" :key="product.id" class="box-item">
-          <div class="item-tit">
-            {{ product.name }}
-          </div>
-          <div class="item-detail">
-            {{ product.description }}
-          </div>
-          <div class="item-desc">
-            智算
-          </div>
-          <div class="item-btn">
-            <div class="btn" @click="goToDetail(product.id)">
-              查看详情
-            </div>
-          </div>
-        </div>
-      </template>
-
-      <!-- 搜索模式：无结果 -->
-      <div v-else-if="isSearching && searchResults.length === 0" class="no-data">
-        未找到与"{{ searchValue }}"相关的产品
-      </div>
-
-      <!-- 正常模式：只显示当前选中的供应商的产品 -->
-      <template v-else-if="!isSearching && cloudData.secMenu && cloudData.secMenu.length > 0 && activeSupplierIndex >= 0">
-        <template v-for="thrMenu in cloudData.secMenu[activeSupplierIndex].thrMenu">
-          <div v-for="product in thrMenu.value" :key="product.id" class="box-item">
-            <div class="item-tit">
-              {{ product.name }}
-            </div>
-            <div class="item-detail">
-              {{ product.description }}
-            </div>
-            <div class="item-desc">
-              智算
-            </div>
-            <div class="item-btn">
-              <div class="btn" @click="goToDetail(product.id)">
-                查看详情
-              </div>
-            </div>
-          </div>
-        </template>
-      </template>
-
-      <!-- 正常模式：无数据 -->
-      <div v-else-if="!isSearching && (!cloudData.secMenu || cloudData.secMenu.length === 0)" class="no-data">
-        暂无产品数据
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { reqNavList } from '@/api/H5/index'
-
-export default {
-  data() {
-    return {
-      cloudData: {},
-      activeSupplierIndex: 0,
-      searchValue: '',
-      isSearching: false,
-      searchResults: []
-    }
-  },
-  created() {
-    this.getCloudData()
-  },
-  methods: {
-    async getCloudData(keyword) {
-      try {
-        const params = {
-          url_link: window.location.href,
-          ...(keyword && { keyword: keyword.trim() })
-        }
-
-        const res = await reqNavList(params)
-        if (res.status == true) {
-          if (keyword) {
-            // 搜索模式
-            this.isSearching = true
-            this.searchResults = Array.isArray(res.data) ? res.data : []
-          } else {
-            // 正常模式
-            this.isSearching = false
-            this.searchResults = []
-            this.cloudData = res.data.product_service[1] || {}
-
-            if (this.cloudData.secMenu && this.cloudData.secMenu.length > 0) {
-              this.activeSupplierIndex = 0
-            }
-          }
-        }
-      } catch (error) {
-        console.error('获取数据失败:', error)
-        this.isSearching = false
-        this.searchResults = []
-      }
-    },
-
-    // 处理搜索
-    handleSearch() {
-      const keyword = this.searchValue.trim()
-      if (keyword) {
-        this.getCloudData(keyword)
-      } else {
-        // 如果搜索框为空，返回正常模式
-        this.clearSearch()
-      }
-    },
-
-    // 清空搜索
-    clearSearch() {
-      this.isSearching = false
-      this.searchValue = ''
-      this.searchResults = []
-      this.getCloudData() // 重新加载正常数据
-    },
-
-    // 选择供应商
-    selectSupplier(index) {
-      if (!this.isSearching) {
-        this.activeSupplierIndex = index
-      }
-    },
-
-    // 跳转到详情页
-    goToDetail(productId) {
-      if (productId === '2113') {
-        this.$router.push({
-          path: '/h5HomePage/details',
-          query: {
-            id: productId
-          }
-        })
-      } else {
-        this.$router.push({
-          path: '/h5HomePage/netDetail',
-          query: {
-            id: productId
-          }
-        })
-      }
-    },
-  }
-}
-</script>
-
-<style>
-  html, body {
-    height: 100%;
-    overflow-y: auto;
-  }
-</style>
-
-<style lang="less" scoped>
-@import url('../less/all/index.less');
-
-/* 搜索提示样式 */
-.search-tip {
-  padding: 10px 20px;
-  background-color: #f5f7fa;
-  color: #666;
-  font-size: 14px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: 1px solid #e4e7ed;
-}
-
-.clear-search {
-  color: #409EFF;
-  cursor: pointer;
-  font-size: 12px;
-  padding: 2px 8px;
-  border-radius: 3px;
-  transition: all 0.3s;
-}
-
-.clear-search:hover {
-  background-color: #ecf5ff;
-  color: #409EFF;
-}
-
-/* 无数据样式 */
-.no-data {
-  text-align: center;
-  padding: 40px 20px;
-  color: #909399;
-  font-size: 14px;
-  background-color: #f5f7fa;
-  border-radius: 4px;
-  margin: 20px;
-}
-</style>
diff --git a/f/web-kboss/src/views/H5/cloud/index.vue b/f/web-kboss/src/views/H5/cloud/index.vue
deleted file mode 100644
index a4f9d54..0000000
--- a/f/web-kboss/src/views/H5/cloud/index.vue
+++ /dev/null
@@ -1,375 +0,0 @@
-<template>
-  <div>
-    <!-- 标题 -->
-    <div class="top-tit">
-      开元云
-    </div>
-
-    <!-- 搜索框（完善功能） -->
-    <div class="search">
-      <div class="search-box">
-        <div class="input">
-          <input
-            type="text"
-            placeholder="请输入产品名称"
-            v-model="keyWord"
-            @keyup.enter="search"
-          />
-        </div>
-        <div class="search-btn" @click="search">
-          搜索
-        </div>
-      </div>
-    </div>
-
-    <!-- 供应商 -->
-    <div class="supplier-container" v-if="!isSearchMode">
-      <div v-for="(value, index) in cloudData.secMenu" :key="index" class="supplier" @click="selectSupplier(index)">
-        <div class="supplier-title" :class="{ 'active': activeSupplierIndex === index }">
-          {{ value.secTitle }}
-        </div>
-      </div>
-    </div>
-
-    <!-- 云产品 -->
-    <div class="box">
-      <!-- 无数据提示 -->
-      <div v-if="showNoData" class="no-data">
-        暂无相关产品数据
-      </div>
-
-      <!-- 搜索模式：显示所有产品 -->
-      <template v-else-if="isSearchMode && searchResults.length > 0">
-        <div v-for="product in searchResults" :key="product.id" class="box-item">
-          <!-- 标题 -->
-          <div class="item-tit">
-            {{ product.name }}
-          </div>
-
-          <!-- 产品描述（如果有） -->
-          <div class="item-detail" v-if="product.description">
-            {{ product.description }}
-          </div>
-
-          <!-- 供应商标签 -->
-          <div class="item-desc" v-if="product.label">
-            {{ product.label }}
-          </div>
-
-          <!-- 立即咨询 -->
-          <div class="item-btn">
-            <div class="btn" @click="openConsultDialog(product, null)">
-              立即咨询
-            </div>
-          </div>
-        </div>
-      </template>
-
-      <!-- 正常模式：只显示当前选中的供应商的产品 -->
-      <template v-else-if="!isSearchMode && activeSupplierIndex >= 0">
-        <template v-for="thrMenu in cloudData.secMenu[activeSupplierIndex].thrMenu">
-          <div v-for="product in thrMenu.value" :key="product.id" class="box-item">
-            <!-- 标题 -->
-            <div class="item-tit">
-              {{ product.name }}
-            </div>
-
-            <!-- 产品描述（如果有） -->
-            <div class="item-detail" v-if="product.description">
-              {{ product.description }}
-            </div>
-
-            <!-- 供应商标签 -->
-            <div class="item-desc" v-if="showProductDesc(product)">
-              {{ getProductDesc(product) }}
-            </div>
-
-            <!-- 立即咨询 -->
-            <div class="item-btn">
-              <div class="btn" @click="openConsultDialog(product, thrMenu)">
-                立即咨询
-              </div>
-            </div>
-          </div>
-        </template>
-      </template>
-    </div>
-
-    <!-- 产品咨询弹窗 -->
-    <ProductConsultDialog :visible.sync="showConsultDialog" :platform-name="platformName" :qr-code="qrCode"
-      :default-form-data="consultFormData" :submit-api="submitConsultApi" @success="handleConsultSuccess"
-      @close="handleDialogClose" />
-  </div>
-</template>
-
-<script>
-import { reqNavList } from '@/api/H5/index'
-import ProductConsultDialog from '../components/H5_dialog/index.vue'
-import { reqProductConsult } from '@/api/H5/index'
-
-export default {
-  components: {
-    ProductConsultDialog
-  },
-
-  data() {
-    return {
-      cloudData: {},
-      activeSupplierIndex: 0, // 默认选中第一个供应商
-      keyWord: '',
-      // 搜索相关
-      isSearchMode: false,
-      searchResults: [],
-      // 咨询弹窗相关
-      showConsultDialog: false,
-      platformName: '开元云',
-      qrCode: '',
-      consultFormData: {
-        content: '',
-        custom_type: '1',
-        name: '',
-        phone: '',
-        company: '',
-        email: '',
-        checked: false
-      },
-      currentProduct: null,
-      currentCategory: null,
-      searchTimer: null // 防抖定时器
-    }
-  },
-  created() {
-    this.getCloudData()
-  },
-  computed: {
-    // 当前选中的供应商标题
-    currentSupplierTitle() {
-      if (this.cloudData.secMenu && this.cloudData.secMenu[this.activeSupplierIndex]) {
-        return this.cloudData.secMenu[this.activeSupplierIndex].secTitle
-      }
-      return ''
-    },
-    // 显示无数据提示
-    showNoData() {
-      if (this.isSearchMode) {
-        return this.searchResults.length === 0
-      } else {
-        return !this.cloudData.secMenu || this.cloudData.secMenu.length === 0
-      }
-    }
-  },
-  methods: {
-    // 防抖处理：避免频繁请求
-    debounce(func, delay = 500) {
-      return (...args) => {
-        if (this.searchTimer) clearTimeout(this.searchTimer)
-        this.searchTimer = setTimeout(() => {
-          func.apply(this, args)
-        }, delay)
-      }
-    },
-
-    // 判断是否显示供应商标签
-    showProductDesc(product) {
-      // 如果是百度云且有label字段
-      if (this.currentSupplierTitle === '百度云' && product.label) {
-        return true
-      }
-
-      // 如果是阿里云，总是显示（因为阿里云数据中没有label字段）
-      if (this.currentSupplierTitle === '阿里云') {
-        return true
-      }
-
-      // 其他情况
-      return false
-    },
-
-    // 获取供应商标签内容
-    getProductDesc(product) {
-      // 获取当前供应商标题
-      const supplierTitle = this.currentSupplierTitle
-
-      // 处理百度云
-      if (supplierTitle === '百度云') {
-        // 如果product有ssecTitle字段（虽然你的数据中没有），使用它
-        if (product.ssecTitle && product.ssecTitle.trim() !== '') {
-          return product.ssecTitle
-        }
-        // 否则使用label字段
-        return product.label || '百度云'
-      }
-
-      // 处理阿里云 - 阿里云数据中没有ssecTitle和label字段，所以直接显示供应商名称
-      if (supplierTitle === '阿里云') {
-        // 如果阿里云的数据结构中有ssecTitle字段，使用它
-        if (product.ssecTitle && product.ssecTitle.trim() !== '') {
-          return product.ssecTitle
-        }
-        // 如果阿里云的数据结构中有label字段，使用它
-        if (product.label && product.label.trim() !== '') {
-          return product.label
-        }
-        // 否则显示"阿里云"
-        return '阿里云'
-      }
-
-      // 默认返回供应商标题
-      return supplierTitle
-    },
-
-    // 获取云数据（支持接收keyword参数）
-    async getCloudData(keyword = '') {
-      if (keyword) {
-        this.keyWord = keyword
-      }
-
-      try {
-        const res = await reqNavList({
-          url_link: window.location.href,
-          keyword: this.keyWord.trim()  // 去除首尾空格，避免空字符请求
-        })
-
-        if (res.status == true) {
-          // 判断是搜索模式还是正常模式
-          if (this.keyWord.trim() && Array.isArray(res.data)) {
-            // 搜索模式：返回的是数组
-            this.isSearchMode = true
-            this.searchResults = res.data
-            console.log('搜索模式数据:', this.searchResults)
-          } else {
-            // 正常模式：返回的是嵌套结构
-            this.isSearchMode = false
-            this.searchResults = []
-            this.cloudData = res.data.product_service[0] || {}
-            console.log('正常模式数据:', this.cloudData)
-
-            // 确保有数据时重置选中第一个供应商
-            if (this.cloudData.secMenu && this.cloudData.secMenu.length > 0) {
-              this.activeSupplierIndex = 0
-            } else {
-              this.activeSupplierIndex = -1
-            }
-          }
-        }
-      } catch (error) {
-        console.error('获取数据失败:', error)
-      }
-    },
-
-    // 搜索方法（绑定防抖）
-    search: function() {
-      // 调用防抖后的获取数据方法
-      this.debounce(this.getCloudData)(this.keyWord)
-    },
-
-    // 选择供应商（不允许取消选中）
-    selectSupplier(index) {
-      this.activeSupplierIndex = index
-    },
-
-    // 打开咨询弹窗
-    openConsultDialog(product, category) {
-      this.currentProduct = product
-      this.currentCategory = category
-
-      // 设置咨询表单的预填内容
-      let content = `我想咨询关于【${product.name}】的产品信息`
-      if (product.description) {
-        content += ` - ${product.description}`
-      }
-
-      this.consultFormData = {
-        ...this.consultFormData,
-        content: content
-      }
-
-      this.showConsultDialog = true
-    },
-
-    // 提交咨询API
-    async submitConsultApi(data) {
-      // 如果有额外的产品信息，可以添加到提交数据中
-      const submitData = {
-        ...data,
-        product_name: this.currentProduct?.name || '',
-        product_description: this.currentProduct?.description || '',
-        product_label: this.currentProduct?.label || '',
-        product_category: this.currentCategory?.thrTitle || '',
-        supplier_name: this.isSearchMode ? '搜索产品' : (this.cloudData.secMenu[this.activeSupplierIndex]?.secTitle || ''),
-        page_type: this.isSearchMode ? 'search_result' : 'product_list'
-      }
-
-      return await reqProductConsult(submitData)
-    },
-
-    // 咨询成功回调
-    handleConsultSuccess(response) {
-      console.log('咨询提交成功:', response)
-      this.$message.success('咨询提交成功，我们将尽快联系您！')
-    },
-
-    // 弹窗关闭回调
-    handleDialogClose() {
-      this.currentProduct = null
-      this.currentCategory = null
-      // 重置表单数据
-      this.consultFormData = {
-        content: '',
-        custom_type: '1',
-        name: '',
-        phone: '',
-        company: '',
-        email: '',
-        checked: false
-      }
-    },
-
-    // 清空搜索
-    clearSearch() {
-      this.keyWord = ''
-      this.isSearchMode = false
-      this.searchResults = []
-      this.getCloudData()
-    }
-  },
-  // 销毁时清除定时器
-  beforeDestroy() {
-    if (this.searchTimer) clearTimeout(this.searchTimer)
-  }
-}
-</script>
-
-<style>
-html,
-body {
-  height: 100%;
-  overflow-y: auto;
-}
-</style>
-<style lang="less" scoped>
- @import url('../less/cloud/cloud.less');
-
- // 新增无数据样式
- .no-data {
-   text-align: center;
-   padding: 40px 0;
-   color: #999;
-   font-size: 14px;
- }
-
- // 搜索模式提示
- .search-mode-tip {
-   text-align: center;
-   padding: 10px 0;
-   color: #666;
-   font-size: 14px;
-
-   .clear-btn {
-     color: #409EFF;
-     text-decoration: underline;
-     cursor: pointer;
-     margin-left: 10px;
-   }
- }
-</style>
diff --git a/f/web-kboss/src/views/H5/components/H5_dialog/MobileFullScreenConsultDialog.vue b/f/web-kboss/src/views/H5/components/H5_dialog/MobileFullScreenConsultDialog.vue
deleted file mode 100644
index d376db4..0000000
--- a/f/web-kboss/src/views/H5/components/H5_dialog/MobileFullScreenConsultDialog.vue
+++ /dev/null
@@ -1,585 +0,0 @@
-<template>
-  <el-dialog
-    :visible.sync="dialogVisible"
-    :fullscreen="true"
-    custom-class="mobile-consult-fullscreen-dialog"
-    :append-to-body="true"
-    :close-on-click-modal="false"
-    :close-on-press-escape="!submitSuccess"
-    :show-close="false"
-    @close="handleClose"
-  >
-    <div v-if="submitSuccess" class="submit-success-page">
-      <div class="success-icon">
-        <i class="el-icon-check"></i>
-      </div>
-      <h2 class="success-title">已完成</h2>
-      <p class="success-desc">您的咨询信息已提交，我们会尽快与您联系。</p>
-    </div>
-
-    <div v-else class="mobile-consult-wrap">
-      <h2 class="mobile-consult-title">{{ title }}</h2>
-      <p class="mobile-consult-subtitle">期待与您开启AI创新未来</p>
-
-      <el-form
-        ref="consultForm"
-        :model="formData"
-        :rules="rules"
-        label-position="top"
-        class="mobile-consult-form"
-      >
-        <el-form-item label="1. 请填写您的姓名" prop="name">
-          <el-input
-            v-model.trim="formData.name"
-            maxlength="20"
-            placeholder="请输入您的姓名"
-          />
-        </el-form-item>
-
-        <el-form-item label="2. 请填写您的联系方式" prop="phone">
-          <el-input
-            v-model.trim="formData.phone"
-            maxlength="11"
-            placeholder="请输入您的联系电话"
-          />
-        </el-form-item>
-
-        <el-form-item label="3. 请填写您的邮箱" prop="email">
-          <el-input
-            v-model.trim="formData.email"
-            maxlength="60"
-            placeholder="请输入您的邮箱"
-          />
-        </el-form-item>
-
-        <el-form-item label="4. 请填写您的公司名称" prop="company">
-          <el-input
-            v-model.trim="formData.company"
-            maxlength="80"
-            placeholder="请输入您的公司名称"
-          />
-        </el-form-item>
-
-        <el-form-item label="5. 请选择您的企业类型（单选）" prop="enterprise_type">
-          <el-radio-group v-model="formData.enterprise_type" class="option-grid">
-            <el-radio
-              v-for="item in localizedEnterpriseOptions"
-              :key="item.id"
-              :label="String(item.id)"
-              class="option-item"
-            >
-              {{ item.name }}
-            </el-radio>
-          </el-radio-group>
-        </el-form-item>
-
-        <el-form-item label="6. 请选择您所在的省份（单选）" prop="region">
-          <el-select
-            :key="provinceSelectKey"
-            v-model="formData.region"
-            filterable
-            placeholder="输入省份名称搜索..."
-            class="full-select"
-          >
-            <el-option
-              v-for="item in localizedProvinceOptions"
-              :key="`region-${item.id}-${item.name}`"
-              :label="item.name"
-              :value="String(item.id)"
-            />
-          </el-select>
-        </el-form-item>
-
-        <el-form-item label="7. 您想咨询的方向（可多选）">
-          <el-checkbox-group v-model="formData.consult_direction_list" class="direction-list">
-            <el-checkbox
-              v-for="item in localizedConsultDirectionOptions"
-              :key="item.id"
-              :label="item.id"
-              class="direction-item"
-            >
-              <span class="direction-main">{{ item.title }}</span>
-              <span class="direction-sub">{{ item.desc }}</span>
-            </el-checkbox>
-          </el-checkbox-group>
-        </el-form-item>
-
-        <el-form-item label="8. 如果您有其他问题需要咨询，请留言">
-          <el-input
-            v-model.trim="formData.content"
-            type="textarea"
-            :autosize="{ minRows: 3, maxRows: 5 }"
-            maxlength="500"
-            show-word-limit
-            placeholder="请输入您想咨询的内容..."
-          />
-        </el-form-item>
-      </el-form>
-
-      <div class="qrcode-area">
-        <p>长按二维码添加微信，获取专属服务</p>
-        <img src="@/assets/image/newkefu.png" alt="官方客服二维码">
-      </div>
-
-      <el-checkbox v-model="formData.checked" class="privacy-checkbox">
-        <span>
-          您填写的信息仅用于本次业务对接沟通，公司将严格落实信息安全保护机制，不泄露、不滥用您的任何个人资料。
-        </span>
-      </el-checkbox>
-
-      <el-button
-        type="primary"
-        class="submit-btn"
-        :loading="loading"
-        @click="handleSubmit"
-      >
-        提交咨询
-      </el-button>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import { reqConsultForm, reqProductConsult } from '@/api/H5'
-import {
-  extractConsultOptionList,
-  isEnglishLocale,
-  localizeDictOptions,
-  localizeDirectionOptions,
-  normalizeDictOptions as buildDictOptions,
-  normalizeDirectionOptions as buildDirectionOptions
-} from '@/utils/consultDict'
-
-export default {
-  name: 'MobileFullScreenConsultDialog',
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: '开元云科技合作咨询'
-    },
-    qrCode: {
-      type: String,
-      default: ''
-    },
-    currentUrl: {
-      type: String,
-      default: ''
-    },
-    submitApi: {
-      type: Function,
-      default: null
-    }
-  },
-  data() {
-    const validatePhone = (rule, value, callback) => {
-      if (!value) {
-        callback(new Error('请输入联系电话'))
-      } else if (!/^1[3-9]\d{9}$/.test(value)) {
-        callback(new Error('请输入正确的手机号'))
-      } else {
-        callback()
-      }
-    }
-
-    return {
-      loading: false,
-      formData: this.getInitialFormData(),
-      enterpriseOptions: [],
-      provinceOptions: [],
-      provinceSelectKey: 0,
-      consultDirectionOptions: [],
-      submitSuccess: false,
-      rules: {
-        name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
-        phone: [{ required: true, validator: validatePhone, trigger: 'blur' }],
-        email: [
-          { required: true, message: '请输入邮箱', trigger: 'blur' },
-          { type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' }
-        ],
-        company: [{ required: true, message: '请输入公司名称', trigger: 'blur' }],
-        enterprise_type: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        region: [{ required: true, message: '请选择所在省份', trigger: 'change' }]
-      },
-      originalOverflow: ''
-    }
-  },
-  computed: {
-    dialogVisible: {
-      get() {
-        return this.visible
-      },
-      set(value) {
-        this.$emit('update:visible', value)
-      }
-    },
-    localizedEnterpriseOptions() {
-      return localizeDictOptions(this.enterpriseOptions, isEnglishLocale(this.$i18n))
-    },
-    localizedProvinceOptions() {
-      return localizeDictOptions(this.provinceOptions, isEnglishLocale(this.$i18n))
-    },
-    localizedConsultDirectionOptions() {
-      return localizeDirectionOptions(this.consultDirectionOptions, isEnglishLocale(this.$i18n))
-    }
-  },
-  watch: {
-    '$i18n.locale'() {
-      this.provinceSelectKey += 1
-    },
-    visible: {
-      immediate: true,
-      handler(newVal) {
-        if (newVal) {
-          this.resetForm()
-          this.fetchConsultOptions()
-          this.disableBodyScroll()
-        } else {
-          this.enableBodyScroll()
-        }
-      }
-    }
-  },
-  methods: {
-    getInitialFormData() {
-      return {
-        custom_type: '1',
-        name: '',
-        phone: '',
-        email: '',
-        company: '',
-        enterprise_type: '',
-        region: '',
-        consult_direction_list: [],
-        content: '',
-        checked: false
-      }
-    },
-    resetForm() {
-      this.formData = this.getInitialFormData()
-      this.submitSuccess = false
-      this.$nextTick(() => {
-        if (this.$refs.consultForm) this.$refs.consultForm.clearValidate()
-      })
-    },
-    disableBodyScroll() {
-      this.originalOverflow = document.body.style.overflow
-      document.body.style.overflow = 'hidden'
-    },
-    enableBodyScroll() {
-      document.body.style.overflow = this.originalOverflow || ''
-    },
-    handleClose() {
-      this.dialogVisible = false
-      this.$emit('close')
-    },
-    async fetchConsultOptions() {
-      try {
-        const res = await reqConsultForm()
-        const list = extractConsultOptionList(res)
-        if (!list.length) return
-
-        const enterpriseOptions = buildDictOptions(list, 'enterprise_type')
-        const provinceOptions = buildDictOptions(list, 'region')
-        const consultDirectionOptions = buildDirectionOptions(list)
-
-        if (enterpriseOptions.length) this.enterpriseOptions = enterpriseOptions
-        if (provinceOptions.length) {
-          this.provinceOptions = provinceOptions
-          this.provinceSelectKey += 1
-          if (this.formData.region && !provinceOptions.some(item => item.id === String(this.formData.region))) {
-            this.formData.region = ''
-          }
-        }
-        if (consultDirectionOptions.length) this.consultDirectionOptions = consultDirectionOptions
-      } catch (error) {
-        // 保留本地兜底选项，避免接口异常时无法填写表单。
-      }
-    },
-    buildSubmitPayload() {
-      return {
-        custom_type: this.formData.custom_type,
-        name: this.formData.name,
-        phone: this.formData.phone,
-        email: this.formData.email,
-        company: this.formData.company,
-        enterprise_type: this.formData.enterprise_type,
-        region: this.formData.region,
-        consult_direction: this.formData.consult_direction_list.join(','),
-        content: this.formData.content,
-        source: '公众号',
-        url_link: this.currentUrl || window.location.href
-      }
-    },
-    async handleSubmit() {
-      if (!this.formData.checked) {
-        this.$message.warning('请先勾选信息安全与隐私保护说明')
-        return
-      }
-      this.$refs.consultForm.validate(async valid => {
-        if (!valid) return
-        this.loading = true
-        try {
-          const payload = this.buildSubmitPayload()
-          const response = this.submitApi ? await this.submitApi(payload) : await reqProductConsult(payload)
-          if (response && (response.status === true || response.status === 'true')) {
-            this.$emit('success', response)
-            this.submitSuccess = true
-          } else {
-            this.$message.error((response && response.msg) || '提交失败，请稍后再试')
-          }
-        } catch (error) {
-          this.$message.error('提交失败，请稍后再试')
-        } finally {
-          this.loading = false
-        }
-      })
-    }
-  },
-  beforeDestroy() {
-    this.enableBodyScroll()
-  }
-}
-</script>
-
-<style scoped lang="less">
-::v-deep .mobile-consult-fullscreen-dialog {
-  margin: 0 !important;
-  width: 100% !important;
-  max-width: 100% !important;
-  height: 100vh;
-  border-radius: 0;
-
-  .el-dialog__header {
-    padding: 14px 14px 8px;
-    border-bottom: 0;
-  }
-
-  .el-dialog__title {
-    font-size: 18px;
-    font-weight: 700;
-    color: #111827;
-  }
-
-  .el-dialog__body {
-    height: calc(100vh - 60px);
-    padding: 12px 14px 18px;
-    overflow-y: auto;
-  }
-}
-
-.mobile-consult-wrap {
-  padding-bottom: 8px;
-}
-
-.submit-success-page {
-  min-height: calc(100vh - 110px);
-  padding: 80px 24px 24px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  box-sizing: border-box;
-}
-
-.success-icon {
-  width: 88px;
-  height: 88px;
-  border-radius: 50%;
-  background: #22c55e;
-  color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: 0 14px 28px rgba(34, 197, 94, 0.22);
-
-  i {
-    font-size: 46px;
-    font-weight: 700;
-  }
-}
-
-.success-title {
-  margin: 24px 0 10px;
-  color: #111827;
-  font-size: 24px;
-  font-weight: 700;
-}
-
-.mobile-consult-title {
-  margin: 0;
-  font-size: 24px;
-  line-height: 1.25;
-  color: #111827;
-}
-
-.mobile-consult-subtitle {
-  margin: 6px 0 16px;
-  font-size: 12px;
-  color: #9ca3af;
-}
-
-.mobile-consult-form {
-  ::v-deep .el-form-item {
-    margin-bottom: 18px;
-  }
-
-  ::v-deep .el-form-item__content,
-  ::v-deep .el-input,
-  ::v-deep .el-select,
-  ::v-deep .el-textarea {
-    width: 100%;
-  }
-
-  ::v-deep .el-form-item__label {
-    padding-bottom: 6px;
-    font-size: 13px;
-    line-height: 1.3;
-    color: #1f2937;
-    font-weight: 600;
-  }
-
-  ::v-deep .el-form-item__error {
-    position: static;
-    padding-top: 6px;
-    line-height: 1.25;
-    font-size: 12px;
-  }
-
-  ::v-deep .el-input__inner {
-    height: 40px;
-    border-radius: 10px;
-    border: 1px solid #e5e7eb;
-  }
-
-  ::v-deep .el-form-item.is-error .el-input__inner,
-  ::v-deep .el-form-item.is-error .el-textarea__inner {
-    border-color: #f56c6c;
-  }
-
-  ::v-deep .el-textarea__inner {
-    border-radius: 10px;
-    border: 1px solid #e5e7eb;
-  }
-}
-
-.option-grid {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 8px;
-  width: 100%;
-}
-
-.option-item {
-  margin-right: 0 !important;
-  padding: 9px 8px;
-  border: 1px solid #e5e7eb;
-  border-radius: 10px;
-  white-space: nowrap;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  width: 100%;
-
-  ::v-deep .el-radio__label {
-    padding-left: 6px;
-    font-size: 12px;
-    color: #374151;
-  }
-}
-
-.full-select {
-  width: 100%;
-}
-
-.direction-list {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  width: 100%;
-}
-
-.direction-item {
-  margin-right: 0 !important;
-  border: 1px solid #e5e7eb;
-  border-radius: 10px;
-  padding: 10px;
-  display: flex;
-  align-items: flex-start;
-  width: 100%;
-  box-sizing: border-box;
-
-  ::v-deep .el-checkbox__label {
-    display: inline-flex;
-    flex-direction: column;
-    gap: 2px;
-    padding-left: 8px;
-  }
-}
-
-.direction-main {
-  font-size: 14px;
-  color: #111827;
-  line-height: 1.2;
-}
-
-.direction-sub {
-  font-size: 12px;
-  color: #9ca3af;
-  line-height: 1.2;
-}
-
-.qrcode-area {
-  margin: 16px 0;
-  text-align: center;
-  padding: 18px 0;
-  background: #f7f8fa;
-  border-radius: 12px;
-
-  p {
-    margin: 0 0 10px;
-    font-size: 12px;
-    color: #6b7280;
-  }
-
-  img {
-    width: 98px;
-    height: 98px;
-    border-radius: 8px;
-    border: 1px dashed #3b82f6;
-  }
-}
-
-.privacy-checkbox {
-  margin: 0 0 14px;
-  display: flex;
-  align-items: flex-start;
-
-  ::v-deep .el-checkbox__input {
-    margin-top: 3px;
-  }
-
-  ::v-deep .el-checkbox__label {
-    padding-left: 8px;
-    color: #6b7280;
-    font-size: 12px;
-    line-height: 1.6;
-    white-space: normal;
-  }
-}
-
-.submit-btn {
-  width: 100%;
-  height: 44px;
-  border: none;
-  border-radius: 999px;
-  background: #111827;
-  color: #fff;
-  font-size: 16px;
-  font-weight: 600;
-}
-</style>
diff --git a/f/web-kboss/src/views/H5/components/footer/footer.vue b/f/web-kboss/src/views/H5/components/footer/footer.vue
index 7a0317e..d02ebda 100644
--- a/f/web-kboss/src/views/H5/components/footer/footer.vue
+++ b/f/web-kboss/src/views/H5/components/footer/footer.vue
@@ -52,7 +52,7 @@
             </div>
             <div class="qr-item">
               <div class="qr-code">
-                <img src="@/assets/image/img.png" alt="微信客服二维码">
+                <img src="@/assets/image/newkefu.png" alt="微信客服二维码">
               </div>
               <span class="qr-desc">微信客服</span>
             </div>
diff --git a/f/web-kboss/src/views/H5/consultDialogFullPreview/index.vue b/f/web-kboss/src/views/H5/consultDialogFullPreview/index.vue
deleted file mode 100644
index 068720f..0000000
--- a/f/web-kboss/src/views/H5/consultDialogFullPreview/index.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-  <div class="consult-full-preview">
-    <div class="preview-actions">
-      <el-button type="primary" @click="dialogVisible = true">打开全屏咨询弹窗</el-button>
-    </div>
-
-    <mobile-full-screen-consult-dialog
-      :visible.sync="dialogVisible"
-      :current-url="currentUrl"
-    />
-  </div>
-</template>
-
-<script>
-import MobileFullScreenConsultDialog from '../components/H5_dialog/MobileFullScreenConsultDialog.vue'
-
-export default {
-  name: 'ConsultDialogFullPreview',
-  components: { MobileFullScreenConsultDialog },
-  data() {
-    return {
-      dialogVisible: true
-    }
-  },
-  computed: {
-    currentUrl() {
-      return window.location.href
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-.consult-full-preview {
-  min-height: 100%;
-}
-
-.preview-actions {
-  padding: 12px;
-  display: flex;
-  justify-content: center;
-}
-</style>
diff --git a/f/web-kboss/src/views/H5/contractCase/index.vue b/f/web-kboss/src/views/H5/contractCase/index.vue
new file mode 100644
index 0000000..ef1ae61
--- /dev/null
+++ b/f/web-kboss/src/views/H5/contractCase/index.vue
@@ -0,0 +1,480 @@
+<template>
+  <div class="contract-case-h5">
+    <button type="button" class="page-back" aria-label="返回上一页" @click="goBack">
+      <span aria-hidden="true">‹</span>
+    </button>
+    <section class="case-hero">
+      <div class="case-container">
+        <h1>合同智能审查</h1>
+        <p>面向企业法务与业务签约全流程的专业审查智能体，聚合法规条文、企业内部风控标准、历史合同案例多维信息，依托大模型深度语义解析能力自动识别合同法律隐患，智能生成标准化修改建议与风险说明。</p>
+      </div>
+    </section>
+
+
+    <!-- <nav class="case-tabs">
+      <button v-for="tab in tabs" :key="tab.id" type="button" :class="{ active: activeTab === tab.id }" @click="scrollTo(tab.id)">{{ tab.label }}</button>
+    </nav> -->
+    <main>
+      <section id="scenarios" class="case-section">
+        <div class="case-container">
+          <header class="section-heading">
+            <h2>应用场景</h2>
+            <p>覆盖企业合同全生命周期审核链路</p>
+          </header>
+          <div class="scenario-grid">
+            <article v-for="item in scenarios" :key="item.title" class="scenario-card">
+              <!-- <div class="scenario-visual" :class="item.visual"> -->
+                <!-- <div class="document" /> -->
+                <!-- <span class="visual-mark">{{ item.mark }}</span> -->
+              <!-- </div> -->
+              <div class="scenario-content">
+                <span class="card-icon">{{ item.icon }}</span>
+                <h3>{{ item.title }}</h3>
+                <p>{{ item.desc }}</p>
+              </div>
+            </article>
+          </div>
+        </div>
+      </section>
+
+      <section id="solution" class="case-section solution-section">
+        <div class="case-container">
+          <header class="section-heading">
+            <h2>企业合同管理的困境与解决方案</h2>
+            <p>围绕数据归集、合同编审、知识沉淀、智能咨询四大核心维度</p>
+          </header>
+          <div class="solution-grid">
+            <section class="solution-column">
+              <h3 class="column-title danger"><span>!</span>现存困境</h3>
+              <article v-for="item in problems" :key="item.title" class="solution-item danger">
+                <span class="item-icon">{{ item.icon }}</span>
+                <div>
+                  <h4>{{ item.title }}</h4>
+                  <p>{{ item.desc }}</p>
+                </div>
+              </article>
+            </section>
+            <section class="solution-column">
+              <h3 class="column-title primary"><span>✓</span>解决方案</h3>
+              <article v-for="item in solutions" :key="item.title" class="solution-item primary">
+                <span class="item-icon">{{ item.icon }}</span>
+                <div>
+                  <h4>{{ item.title }}</h4>
+                  <p>{{ item.desc }}</p>
+                </div>
+              </article>
+            </section>
+          </div>
+        </div>
+      </section>
+
+      <section id="highlights" class="case-section">
+        <div class="case-container">
+          <header class="section-heading">
+            <h2>项目亮点</h2>
+            <p>全流程智能风控，覆盖四大核心审查能力</p>
+          </header>
+          <div class="highlight-grid">
+            <article v-for="(item, index) in highlights" :key="item.title" class="highlight-card">
+              <b>{{ index + 1 }}</b>
+              <div>
+                <h3>{{ item.title }}</h3>
+                <p>{{ item.desc }}</p>
+              </div>
+            </article>
+          </div>
+        </div>
+      </section>
+    </main>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'H5ContractCase',
+  data() {
+    return {
+      activeTab: 'scenarios',
+      tabs: [{ id: 'scenarios', label: '应用场景' }, { id: 'solution', label: '解决方案' }, { id: 'highlights', label: '项目亮点' }],
+      scenarios: [
+        { title: '业务合同初审', desc: '自动解析购销、服务、租赁、合作类通用业务合同，逐条对标企业风控红线快速筛查风险点，输出初审意见，减轻法务基础审核工作量，快速完成业务前置审批。', icon: '▤', mark: '✓', visual: 'blue' },
+        { title: '复杂商事合同深度风控', desc: '针对投融资、知识产权、工程、保密竞业等高风险专项合同，联动完整法条与司法判例开展多层级风险推演，梳理权责漏洞、违约缺陷、管辖争议等深层隐患，输出完整风险评估文档。', icon: '⌑', mark: '!', visual: 'purple' },
+        { title: '多方合同版本比对修订', desc: '自动识别甲乙双方多轮修改稿件差异，区分新增、删减、修改条款，高亮标注风险变更内容，同步生成版本对比台账，辅助商务谈判与法务复核，避免改稿遗漏关键风险。', icon: '⇄', mark: '↔', visual: 'green' }
+      ],
+      problems: [
+        { title: '文件信息割裂分散', desc: '合同、法规、历史判例、内部模板散落在不同存储渠道，无统一检索入口，审核时需跨文件反复核对。', icon: '◫' },
+        { title: '风控经验难以留存复用', desc: '资深法务的审查要点、谈判底线、风险处置经验仅存于个人，人员交接后容易出现标准不统一。', icon: '◉' },
+        { title: '人工审核耗时长、标准化弱', desc: '海量合同逐条人工审阅消耗大量人力，不同法务审核尺度参差不齐，紧急签约场景响应慢。', icon: '◷' }
+      ],
+      solutions: [
+        { title: '多源文件统一归集解析', desc: '批量上传PDF、Word、扫描件合同，OCR识别图文内容，统一结构化抽取交易主体、价款、履约、违约等关键信息。', icon: '▤' },
+        { title: '全条款AI智能编审修正', desc: '分层扫描合同全部条款，对标法律法规与企业内控规则标记高中低三级风险，配套标准化合规替换条款。', icon: '✎' },
+        { title: '法务知识库沉淀管理', desc: '将企业标准模板、审查清单、判例、内部风控制度转化为结构化知识库，沉淀企业专属法务资产。', icon: '▱' },
+        { title: '自然语言法务智能问答', desc: '支持业务、法务人员以口语化提问查询合规要求、条款写法、风险后果，即时输出专业解答与参考条款。', icon: '?' }
+      ],
+      highlights: [
+        { title: '分级风险自动标注，配套合规整改条款', desc: '按重大、一般、提示三级划分风险，精准定位风险对应原文段落，每条风险同步匹配适配企业制度与现行法律的替换条款。' },
+        { title: '多版本合同差异智能比对溯源', desc: '上传新旧合同、甲乙双方往来稿件，系统自动高亮新增、删减、变更条款，生成可追溯对比台账。' },
+        { title: '全格式合同兼容识别，扫描件精准解析', desc: '支持Word、PDF、图片扫描件、盖章影像文件上传，内置高精度OCR图文识别，覆盖存量和增量合同文件。' },
+        { title: '企业法务知识一键复用，审查标准统一', desc: '内置企业专属合同模板库、风控红线清单、行业判例库，新员工可直接复用成熟审查标准。' }
+      ]
+    }
+  },
+  methods: {
+    goBack() {
+      this.$router.push('/h5HomePage/index').catch((error) => {
+        if (!error || error.name !== 'NavigationDuplicated') throw error
+      })
+    },
+    scrollTo(id) {
+      this.activeTab = id
+      const section = this.$el.querySelector(`#${id}`)
+      if (section) section.scrollIntoView({ behavior: 'smooth', block: 'start' })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.contract-case-h5 {
+  min-height: 100vh;
+  color: #182230;
+  background: #f6f8fb;
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
+}
+
+.case-container {
+  width: auto;
+  margin: 0 .32rem;
+}
+
+.page-back {
+  position: fixed;
+  top: .24rem;
+  left: .24rem;
+  z-index: 8;
+  display: grid;
+  place-items: center;
+  width: .64rem;
+  height: .64rem;
+  padding: 0;
+  color: #29415f;
+  font-size: .48rem;
+  line-height: 1;
+  background: rgba(255, 255, 255, .92);
+  border: 1px solid #dce5ef;
+  border-radius: 50%;
+  box-shadow: 0 .08rem .2rem rgba(31, 53, 84, .12);
+}
+
+.page-back span {
+  margin-top: -.05rem;
+}
+
+.case-hero {
+  min-height: 3.64rem;
+  padding: 0 .32rem;
+  background: url('~@/assets/image/bgimg.png') center / cover no-repeat;
+}
+
+.case-hero .case-container {
+  max-width: 5.9rem;
+  padding-top: 1.08rem;
+  margin: 0;
+}
+
+.case-hero h1 {
+  margin: 0 0 .2rem;
+  font-size: .42rem;
+  font-weight: 800;
+  line-height: 1.2;
+}
+
+.case-hero p {
+  margin: 0;
+  color: #465466;
+  font-size: .26rem;
+  line-height: 1.75;
+}
+
+.case-tabs {
+  position: sticky;
+  z-index: 5;
+  top: 0;
+  display: flex;
+  gap: .16rem;
+  padding: .16rem .32rem;
+  overflow-x: auto;
+  white-space: nowrap;
+  background: rgba(255, 255, 255, .96);
+  border-bottom: 1px solid #e6eaf0;
+  box-shadow: 0 .04rem .16rem rgba(15, 23, 42, .05);
+}
+
+.case-tabs button {
+  flex: 0 0 auto;
+  min-height: .58rem;
+  padding: 0 .22rem;
+  color: #5c6878;
+  font-size: .24rem;
+  font-weight: 600;
+  background: #f3f5f8;
+  border: 0;
+  border-radius: .12rem;
+}
+
+.case-tabs button.active {
+  color: #1769e0;
+  background: #eaf3ff;
+}
+
+.case-section {
+  padding: .68rem 0;
+  scroll-margin-top: .92rem;
+}
+
+.solution-section {
+  background: #edf5ff;
+}
+
+.section-heading {
+  margin-bottom: .38rem;
+  text-align: left;
+}
+
+.section-heading h2 {
+  margin: 0 0 .12rem;
+  font-size: .34rem;
+  font-weight: 800;
+  line-height: 1.35;
+}
+
+.section-heading p {
+  margin: 0;
+  color: #66758a;
+  font-size: .24rem;
+  line-height: 1.6;
+}
+
+.scenario-grid,
+.solution-grid,
+.highlight-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: .22rem;
+}
+
+.scenario-card,
+.solution-item,
+.highlight-card {
+  background: #fff;
+  border: 1px solid #e8edf3;
+  border-radius: .16rem;
+  box-shadow: 0 .08rem .2rem rgba(15, 23, 42, .05);
+}
+
+.scenario-card {
+  overflow: hidden;
+}
+
+.scenario-visual {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 2.1rem;
+  overflow: hidden;
+}
+
+.scenario-visual::before,
+.scenario-visual::after {
+  position: absolute;
+  width: .8rem;
+  height: .8rem;
+  content: '';
+  border-radius: 50%;
+  opacity: .15;
+}
+
+.scenario-visual::before {
+  top: .2rem;
+  left: .5rem;
+  background: currentColor;
+}
+
+.scenario-visual::after {
+  right: .44rem;
+  bottom: .18rem;
+  background: currentColor;
+}
+
+.scenario-visual.blue {
+  color: #2563eb;
+  background: linear-gradient(135deg, #eaf3ff, #e8ecff);
+}
+
+.scenario-visual.purple {
+  color: #7c3aed;
+  background: linear-gradient(135deg, #f6edff, #ffeef7);
+}
+
+.scenario-visual.green {
+  color: #0d9488;
+  background: linear-gradient(135deg, #ecfdf5, #d8faf1);
+}
+
+.document {
+  position: relative;
+  z-index: 1;
+  width: .94rem;
+  height: 1.24rem;
+  background: repeating-linear-gradient(#fff 0 .15rem, #dbeafe .15rem .18rem);
+  border: .02rem solid currentColor;
+  border-radius: .06rem;
+  box-shadow: .1rem .1rem 0 currentColor;
+  opacity: .9;
+}
+
+.visual-mark {
+  position: absolute;
+  z-index: 2;
+  display: grid;
+  place-items: center;
+  width: .38rem;
+  height: .38rem;
+  color: #fff;
+  font-size: .22rem;
+  font-weight: 800;
+  background: currentColor;
+  border-radius: 50%;
+  transform: translate(.45rem, -.46rem);
+}
+
+.scenario-content {
+  padding: .28rem;
+}
+
+.card-icon,
+.item-icon,
+.highlight-card b {
+  display: inline-grid;
+  place-items: center;
+  color: #fff;
+  background: linear-gradient(135deg, #2684ff, #4e6df5);
+}
+
+.card-icon {
+  width: .42rem;
+  height: .42rem;
+  margin-right: .12rem;
+  font-size: .23rem;
+  border-radius: .1rem;
+  vertical-align: middle;
+}
+
+.scenario-content h3 {
+  display: inline;
+  margin: 0;
+  font-size: .29rem;
+  line-height: 1.45;
+}
+
+.scenario-content p,
+.solution-item p,
+.highlight-card p {
+  margin: .16rem 0 0;
+  color: #5d6a7b;
+  font-size: .24rem;
+  line-height: 1.72;
+}
+
+.solution-column {
+  display: grid;
+  gap: .18rem;
+}
+
+.column-title {
+  display: flex;
+  align-items: center;
+  gap: .12rem;
+  margin: .08rem 0;
+  font-size: .3rem;
+}
+
+.column-title span {
+  display: grid;
+  place-items: center;
+  width: .42rem;
+  height: .42rem;
+  color: #fff;
+  border-radius: .1rem;
+}
+
+.column-title.danger span {
+  background: #ef5757;
+}
+
+.column-title.primary span {
+  background: #2b7de9;
+}
+
+.solution-item {
+  display: flex;
+  gap: .18rem;
+  padding: .26rem;
+  border-left: .06rem solid #5e9df0;
+}
+
+.solution-item.danger {
+  border-left-color: #f36b6b;
+}
+
+.item-icon {
+  flex: 0 0 auto;
+  width: .48rem;
+  height: .48rem;
+  color: #1769e0;
+  font-size: .24rem;
+  background: #e7f1ff;
+  border-radius: .1rem;
+}
+
+.danger .item-icon {
+  color: #d84949;
+  background: #ffebeb;
+}
+
+.solution-item h4 {
+  margin: 0;
+  font-size: .27rem;
+  line-height: 1.45;
+}
+
+.solution-item p {
+  margin-top: .08rem;
+}
+
+.highlight-card {
+  display: flex;
+  gap: .18rem;
+  padding: .28rem;
+}
+
+.highlight-card b {
+  flex: 0 0 auto;
+  width: .48rem;
+  height: .48rem;
+  font-size: .22rem;
+  border-radius: .12rem;
+}
+
+.highlight-card h3 {
+  margin: 0;
+  font-size: .28rem;
+  line-height: 1.45;
+}
+
+.highlight-card p {
+  margin-top: .1rem;
+}
+</style>
diff --git a/f/web-kboss/src/views/H5/decisionCase/index.vue b/f/web-kboss/src/views/H5/decisionCase/index.vue
new file mode 100644
index 0000000..768a84c
--- /dev/null
+++ b/f/web-kboss/src/views/H5/decisionCase/index.vue
@@ -0,0 +1,383 @@
+<template>
+  <div class="decision-case-h5">
+    <button type="button" class="page-back" aria-label="返回上一页" @click="goBack">
+      <span aria-hidden="true">‹</span>
+    </button>
+    <section class="case-hero">
+      <img :src="bannerImg" alt="">
+      <div class="case-container">
+        <h1>投策智能体</h1>
+        <p>面向企业投资决策的辅助智能体，整合多维度市场数据、行业趋势与政策信息，通过算法模拟不同决策场景的收益与风险，自动生成可视化分析报告。帮助企业快速梳理核心信息，预判市场走向，辅助降低决策偏差，提升投资方案的科学性与可行性
+        </p>
+      </div>
+    </section>
+    <!--     
+    <nav class="case-tabs">
+      <button v-for="tab in tabs" :key="tab.id" type="button" :class="{ active: activeTab === tab.id }" @click="scrollTo(tab.id)">{{ tab.label }}</button>
+    </nav> -->
+    <main>
+      <section id="scenarios" class="case-section">
+        <div class="case-container">
+          <header class="section-heading">
+            <h2>应用场景</h2>
+            <p>覆盖企业投资决策全链路</p>
+          </header>
+          <div class="scenario-grid">
+            <article v-for="item in scenarios" :key="item.title" class="feature-card"><span class="card-icon">{{
+                item.icon }}</span>
+              <h3>{{ item.title }}</h3>
+              <p>{{ item.desc }}</p>
+            </article>
+          </div>
+        </div>
+      </section>
+      <section id="solution" class="case-section">
+        <div class="case-container">
+          <header class="section-heading">
+            <h2>企业决策的困境与解决方案</h2>
+            <p>聚焦数据收集、研报撰写、知识管理、智能应用四大维度</p>
+          </header>
+          <div class="solution-grid">
+            <section class="solution-card danger">
+              <h3><span>!</span>困境：数据丰富，洞察贫乏</h3>
+              <article v-for="item in problems" :key="item.title" class="list-item"><i>{{ item.icon }}</i>
+                <div>
+                  <h4>{{ item.title }}</h4>
+                  <p>{{ item.desc }}</p>
+                </div>
+              </article>
+            </section>
+            <section class="solution-card primary">
+              <h3><span>✓</span>解决方案：E决策平台核心能力</h3>
+              <p class="intro">聚焦“数据收集、研报撰写、知识管理、智能应用”四大维度，帮助企业构建专属知识体系，赋能科学决策。</p>
+              <article v-for="item in abilities" :key="item.title" class="ability-item"><i>{{ item.icon }}</i>
+                <div>
+                  <h4>{{ item.title }}</h4>
+                  <p>{{ item.desc }}</p>
+                </div>
+              </article>
+            </section>
+          </div>
+        </div>
+      </section>
+      <section id="highlights" class="case-section">
+        <div class="case-container">
+          <header class="section-heading">
+            <h2>项目亮点</h2>
+            <p>一次研究，双格式交付</p>
+          </header>
+          <div class="highlight-grid">
+            <article v-for="item in highlights" :key="item.title" class="feature-card"><span class="card-icon">{{
+                item.icon }}</span>
+              <h3>{{ item.title }}</h3>
+              <p>{{ item.desc }}</p>
+            </article>
+          </div>
+        </div>
+      </section>
+    </main>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'H5DecisionCase',
+  data() {
+    return {
+      activeTab: 'scenarios', bannerImg: require('@/views/homePage/agentStore/img.jpg'),
+      tabs: [{ id: 'scenarios', label: '应用场景' }, { id: 'solution', label: '解决方案' }, { id: 'highlights', label: '项目亮点' }],
+      scenarios: [{ title: '投资可行性研究', desc: '自动收集行业数据、市场趋势、政策信息，生成专业的投资可行性分析报告，辅助决策者快速评估项目价值与风险。', icon: '▥' }, { title: '市场调研分析', desc: '整合多维度市场数据，自动分析市场规模、竞争格局、发展趋势，生成详实的市场调研报告，支撑业务决策。', icon: '▤' }, { title: '竞品分析', desc: '自动收集竞品信息，分析产品特性、市场策略、用户反馈，生成竞品对比分析报告，帮助企业制定差异化竞争策略。', icon: '▦' }],
+      problems: [{ title: '数据孤岛严重', desc: '数据分散在不同业务系统中、或者网站信源中，难以打通整合，阻碍全面分析与决策。', icon: '◫' }, { title: '知识沉淀难', desc: '关键业务知识与专家经验主要存在于个人头脑中，随人员流动而流失。', icon: '◉' }, { title: '报告撰写耗时费力', desc: '手工整理数据、制作高质量决策报告过程繁琐，效率低下，难以快速响应需求。', icon: '▧' }],
+      abilities: [{ title: '数据收集与整合', desc: '自动抓取内外部数据源，打破壁垒，统一数据口径', icon: '◫' }, { title: '知识管理与沉淀', desc: '将非结构化文档转化为结构化知识图谱，沉淀企业核心资产', icon: '▱' }, { title: '智能应用与问答', desc: '支持自然语言提问，快速检索与回答，即问即得关键洞察', icon: '?' }, { title: 'AI辅助研报撰写', desc: '输入主题自动生成内容，支持一键导出为PDF/PPT', icon: '▧' }],
+      highlights: [{ title: '一键生成PDF研究报告', desc: '在AI辅助生成研报内容后，系统支持一键导出为格式规范、内容详实的PDF研究报告，满足归档与深度阅读需求。', icon: '▧' }, { title: '一键生成PPT演示文稿', desc: '除了PDF，系统还支持一键导出为PPT演示文稿，并自动完成逻辑梳理、智能分页和专业排版，即导即用。', icon: '▥' }]
+    }
+  },
+  methods: {
+    goBack() {
+      this.$router.push('/h5HomePage/index').catch((error) => {
+        if (!error || error.name !== 'NavigationDuplicated') throw error
+      })
+    },
+    scrollTo(id) {
+      this.activeTab = id
+      const section = this.$el.querySelector(`#${id}`)
+      if (section) section.scrollIntoView({ behavior: 'smooth', block: 'start' })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.decision-case-h5 {
+  min-height: 100vh;
+  color: #182230;
+  background: #f6f8fb;
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
+}
+
+.case-container {
+  width: auto;
+  margin: 0 .32rem;
+}
+
+.page-back {
+  position: fixed;
+  top: .24rem;
+  left: .24rem;
+  z-index: 8;
+  display: grid;
+  place-items: center;
+  width: .64rem;
+  height: .64rem;
+  padding: 0;
+  color: #29415f;
+  font-size: .48rem;
+  line-height: 1;
+  background: rgba(255, 255, 255, .92);
+  border: 1px solid #dce5ef;
+  border-radius: 50%;
+  box-shadow: 0 .08rem .2rem rgba(31, 53, 84, .12);
+}
+
+.page-back span {
+  margin-top: -.05rem;
+}
+
+.case-hero {
+  position: relative;
+  min-height: 3.64rem;
+  overflow: hidden;
+}
+
+.case-hero::after {
+  position: absolute;
+  inset: 0;
+  content: '';
+  background: linear-gradient(90deg, rgba(255, 255, 255, .94) 0%, rgba(255, 255, 255, .73) 48%, rgba(255, 255, 255, .08) 100%);
+}
+
+.case-hero img {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.case-hero .case-container {
+  position: relative;
+  z-index: 1;
+  max-width: 5.8rem;
+  padding-top: 1.08rem;
+}
+
+.case-hero h1 {
+  margin: 0 0 .2rem;
+  font-size: .42rem;
+  font-weight: 800;
+  line-height: 1.2;
+}
+
+.case-hero p {
+  margin: 0;
+  color: #465466;
+  font-size: .26rem;
+  line-height: 1.75;
+}
+
+.case-tabs {
+  position: sticky;
+  z-index: 5;
+  top: 0;
+  display: flex;
+  gap: .16rem;
+  padding: .16rem .32rem;
+  overflow-x: auto;
+  white-space: nowrap;
+  background: rgba(255, 255, 255, .96);
+  border-bottom: 1px solid #e6eaf0;
+  box-shadow: 0 .04rem .16rem rgba(15, 23, 42, .05);
+}
+
+.case-tabs button {
+  flex: 0 0 auto;
+  min-height: .58rem;
+  padding: 0 .22rem;
+  color: #5c6878;
+  font-size: .24rem;
+  font-weight: 600;
+  background: #f3f5f8;
+  border: 0;
+  border-radius: .12rem;
+}
+
+.case-tabs button.active {
+  color: #1769e0;
+  background: #eaf3ff;
+}
+
+.case-section {
+  padding: .68rem 0;
+  scroll-margin-top: .92rem;
+}
+
+.case-section:nth-child(even) {
+  background: #edf5ff;
+}
+
+.section-heading {
+  margin-bottom: .38rem;
+  text-align: left;
+}
+
+.section-heading h2 {
+  margin: 0 0 .12rem;
+  font-size: .34rem;
+  font-weight: 800;
+  line-height: 1.35;
+}
+
+.section-heading p {
+  margin: 0;
+  color: #66758a;
+  font-size: .24rem;
+  line-height: 1.6;
+}
+
+.scenario-grid,
+.solution-grid,
+.highlight-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: .22rem;
+}
+
+.feature-card,
+.solution-card {
+  background: #fff;
+  border: 1px solid #e8edf3;
+  border-radius: .16rem;
+  box-shadow: 0 .08rem .2rem rgba(15, 23, 42, .05);
+}
+
+.feature-card {
+  padding: .28rem;
+}
+
+.card-icon {
+  display: inline-grid;
+  place-items: center;
+  width: .42rem;
+  height: .42rem;
+  margin-right: .12rem;
+  color: #fff;
+  font-size: .23rem;
+  vertical-align: middle;
+  background: linear-gradient(135deg, #2684ff, #4e6df5);
+  border-radius: .1rem;
+}
+
+.feature-card h3 {
+  display: inline;
+  margin: 0;
+  font-size: .29rem;
+  line-height: 1.45;
+}
+
+.feature-card p,
+.solution-card p {
+  margin: .16rem 0 0;
+  color: #5d6a7b;
+  font-size: .24rem;
+  line-height: 1.72;
+}
+
+.solution-card {
+  padding: .28rem;
+  border-left: .06rem solid #5e9df0;
+}
+
+.solution-card.danger {
+  border-left-color: #f36b6b;
+}
+
+.solution-card h3 {
+  display: flex;
+  align-items: flex-start;
+  gap: .12rem;
+  margin: 0 0 .18rem;
+  color: #1769e0;
+  font-size: .3rem;
+  line-height: 1.42;
+}
+
+.solution-card.danger h3 {
+  color: #d84949;
+}
+
+.solution-card h3 span {
+  display: grid;
+  flex: 0 0 auto;
+  place-items: center;
+  width: .42rem;
+  height: .42rem;
+  color: #fff;
+  background: #2b7de9;
+  border-radius: .1rem;
+}
+
+.solution-card.danger h3 span {
+  background: #ef5757;
+}
+
+.list-item,
+.ability-item {
+  display: flex;
+  gap: .18rem;
+  margin-top: .18rem;
+}
+
+.list-item i,
+.ability-item i {
+  display: grid;
+  flex: 0 0 auto;
+  place-items: center;
+  width: .48rem;
+  height: .48rem;
+  color: #d84949;
+  font-style: normal;
+  font-size: .24rem;
+  background: #ffebeb;
+  border-radius: .1rem;
+}
+
+.ability-item {
+  padding: .18rem;
+  background: #f1f7ff;
+  border-radius: .12rem;
+}
+
+.ability-item i {
+  color: #fff;
+  background: linear-gradient(135deg, #2684ff, #4e6df5);
+}
+
+.list-item h4,
+.ability-item h4 {
+  margin: 0 0 .06rem;
+  font-size: .27rem;
+  line-height: 1.45;
+}
+
+.list-item p,
+.ability-item p {
+  margin: 0;
+  font-size: .24rem;
+  line-height: 1.65;
+}
+
+.intro {
+  margin: 0 0 .18rem !important;
+}
+</style>
diff --git a/f/web-kboss/src/views/H5/details/index.vue b/f/web-kboss/src/views/H5/details/index.vue
deleted file mode 100644
index 671b58d..0000000
--- a/f/web-kboss/src/views/H5/details/index.vue
+++ /dev/null
@@ -1,338 +0,0 @@
-<template>
-  <div>
-    <div class="banner">
-      <!-- 介绍 -->
-      <div class="introduce">
-        <div class="title">
-          <span>{{ productList.title }}</span>
-        </div>
-        <!-- 详情 -->
-        <div class="details">
-          <span>{{ productList.description }}</span>
-        </div>
-        <div class="btn" @click="openConsultDialog(productList, 'banner')">
-          立即咨询
-        </div>
-      </div>
-    </div>
-    <!-- 规格 -->
-    <div class="specification">
-      <div class="title">
-        产品<span class="color">规格</span>
-      </div>
-      <!-- 产品列表 -->
-      <div class="product-list">
-        <!-- 列表项 -->
-        <div class="list-box" v-for="(item, index) in productList.products" :key="index">
-          <div class="box-title">
-            {{ item.title }}
-          </div>
-          <!-- 详情 -->
-          <div class="box-details">
-            <div class="details-item" v-for="(items, index) in item.list" :key="index">
-              <span>
-                <span class="item-title">
-                  <span>{{ items.name }}</span>
-                </span>
-                <span class="item-details">
-                  <span>{{ items.content }}</span>
-                </span>
-              </span>
-            </div>
-          </div>
-          <!-- 价格 -->
-          <div class="price">
-            ￥<span class="price-dig">{{ item.price }}</span><span class="price-color">{{ item.price_unit }}(可短租)</span>
-          </div>
-          <!-- 咨询 -->
-          <div class="box-btn" @click="openConsultDialog(item, 'spec')">
-            立即咨询
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 产品咨询弹窗 -->
-    <ProductConsultDialog
-      :visible.sync="showConsultDialog"
-      :platform-name="platformName"
-      :qr-code="qrCode"
-      :default-form-data="consultFormData"
-      :submit-api="submitConsultApi"
-      @success="handleConsultSuccess"
-      @close="handleDialogClose"
-    />
-
-    <Footer></Footer>
-  </div>
-</template>
-
-<script>
-import { reqProductDetail, reqProductConsult } from '@/api/H5/index'
-import Footer from '../components/footer/footer.vue';
-import ProductConsultDialog from '../components/H5_dialog/index.vue'
-
-export default {
-  components: {
-    Footer,
-    ProductConsultDialog
-  },
-  data() {
-    return {
-      id: null,
-      productList: [],
-
-      // 咨询弹窗相关
-      showConsultDialog: false,
-      platformName: '产品详情页',
-      qrCode: '',
-      consultFormData: {
-        content: '',
-        custom_type: '1',
-        name: '',
-        phone: '',
-        company: '',
-        email: '',
-        checked: false
-      },
-      currentProduct: null,
-      consultSource: '' // 记录咨询来源：banner 或 spec
-    }
-  },
-
-  created() {
-    // 获取id
-    this.id = this.$route.query.id
-    console.log('ID:', this.id)
-    this.getProductList()
-  },
-
-  methods: {
-    // 获取产品列表
-    async getProductList() {
-      const res = await reqProductDetail({ id: this.id })
-      console.log('产品详情是', res)
-      if (res.status === true) {
-        this.productList = res.data
-      }
-    },
-
-    // 打开咨询弹窗
-    openConsultDialog(product, source) {
-      this.currentProduct = product
-      this.consultSource = source
-
-      // 根据来源设置不同的咨询内容
-      let content = ''
-      if (source === 'banner') {
-        // 从banner咨询
-        content = `我想咨询关于【${product.title || '产品'}】的详细信息`
-      } else if (source === 'spec') {
-        // 从规格列表咨询
-        content = `我想咨询【${product.title || '产品规格'}】的价格和租赁详情`
-      }
-
-      // 设置咨询表单的预填内容
-      this.consultFormData = {
-        ...this.consultFormData,
-        content: content
-      }
-
-      this.showConsultDialog = true
-    },
-
-    // 提交咨询API
-    async submitConsultApi(data) {
-      // 构建提交数据
-      const submitData = {
-        ...data,
-        product_id: this.id,
-        product_title: this.productList.title || '',
-        product_name: this.currentProduct?.title || '',
-        product_price: this.currentProduct?.price || '',
-        product_unit: this.currentProduct?.price_unit || '',
-        consult_source: this.consultSource || '',
-        page_type: 'product_detail',
-        page_url: window.location.href
-      }
-
-      return await reqProductConsult(submitData)
-    },
-
-    // 咨询成功回调
-    handleConsultSuccess(response) {
-      console.log('咨询提交成功:', response)
-      this.$message.success('咨询提交成功，我们将尽快联系您！')
-    },
-
-    // 弹窗关闭回调
-    handleDialogClose() {
-      this.currentProduct = null
-      this.consultSource = ''
-      // 重置表单数据
-      this.consultFormData = {
-        content: '',
-        custom_type: '1',
-        name: '',
-        phone: '',
-        company: '',
-        email: '',
-        checked: false
-      }
-    }
-  }
-}
-</script>
-<style lang="less" scoped>
-.color {
-  background: linear-gradient(to right, #0066FF, #66CCFF);
-  /* 蓝到浅蓝渐变 */
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: transparent;
-  display: inline-block;
-}
-
-.banner {
-  height: 4.2rem;
-  background: url(../images/calculateBanner.jpg) no-repeat;
-  background-size: 100% 100%;
-  position: relative;
-
-  .introduce {
-    position: absolute;
-    left: 50%;
-    top: 14%;
-    transform: translate(-90%);
-  }
-
-  .title {
-    font-size: 0.32rem;
-    /* 修改为0.32rem */
-    color: #000;
-    font-weight: 700;
-  }
-
-  .details {
-    font-size: 0.18rem;
-    /* 修改为0.18rem */
-    color: #8890ab;
-    line-height: 2 !important;
-    margin-top: .1rem;
-  }
-
-  .btn {
-    margin-top: .1rem;
-    width: 2rem;
-    height: .4rem;
-    border-radius: .1rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: .2rem;
-    background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-    color: #fff;
-    cursor: pointer; /* 添加手型光标 */
-  }
-}
-
-// 规格
-.specification {
-  height: 100%;
-  background: linear-gradient(to bottom, #fff, #f2f6fb, #fff);
-
-  .title {
-    text-align: center;
-    font-size: 0.32rem;
-    /* 修改为0.32rem */
-    font-weight: 600;
-  }
-}
-
-// 产品列表
-.product-list {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  padding: 0 1%;
-
-  // 列表项
-  .list-box {
-    position: relative;
-    margin: .2rem 2%;
-    width: 46%;
-    box-shadow: 0 .02rem .08rem rgba(39, 90, 255, 0.08);
-    border-radius: .3rem;
-    padding: .2rem .2rem;
-    background-color: #fff;
-    padding-bottom: 2rem;
-    // 标题
-    .box-title {
-      font-size: 0.24rem;
-      /* 修改为0.24rem */
-      font-weight: 600;
-      margin-bottom: .2rem;
-    }
-
-    // 详情
-    .box-details {
-      .details-item {
-        display: flex;
-        justify-content: space-between;
-        line-height: 1;
-
-        .item-title {
-          font-size: .16rem;
-          color: #000;
-          margin-right: 0.07rem;
-          font-weight: 500;
-        }
-
-        .item-details {
-          font-size: .16rem;
-          color: #8890ab;
-        }
-      }
-    }
-
-    // 价格
-    .price {
-      width: calc(100% - 0.4rem);
-      position: absolute;
-      bottom: .2rem;
-      font-size: .16rem;
-      color: #F62424;
-      margin-top: .2rem;
-      padding-top: .2rem;
-      // 虚线
-      border-top: .02rem dashed #e0e0e0;
-      margin-bottom: .8rem;
-      .price-dig {
-        font-size: 0.28rem;
-        /* 修改为0.28rem */
-        font-weight: 600;
-      }
-
-      .price-color {
-        color: #8890ab;
-      }
-    }
-
-     .box-btn {
-      width: calc(100% - 0.4rem); /* 减去左右 padding */
-      margin-top: .2rem; /* 增加上边距 */
-      padding: .1rem .2rem;
-      text-align: center;
-      border-radius: .1rem;
-      font-size: .2rem;
-      background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-      color: #fff;
-      position: absolute;
-      left: 0.2rem;
-      right: 0.2rem;
-      bottom: 0.2rem;
-      cursor: pointer;
-    }
-  }
-}
-</style>
diff --git a/f/web-kboss/src/views/H5/images/bg.png b/f/web-kboss/src/views/H5/images/bg.png
deleted file mode 100644
index b083db8..0000000
Binary files a/f/web-kboss/src/views/H5/images/bg.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/calculateBanner.jpg b/f/web-kboss/src/views/H5/images/calculateBanner.jpg
deleted file mode 100644
index 364f5f1..0000000
Binary files a/f/web-kboss/src/views/H5/images/calculateBanner.jpg and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/image.png b/f/web-kboss/src/views/H5/images/image.png
deleted file mode 100644
index d6e1d98..0000000
Binary files a/f/web-kboss/src/views/H5/images/image.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/keyueBanner.png b/f/web-kboss/src/views/H5/images/keyueBanner.png
deleted file mode 100644
index a3ed837..0000000
Binary files a/f/web-kboss/src/views/H5/images/keyueBanner.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/logo.png b/f/web-kboss/src/views/H5/images/logo.png
new file mode 100644
index 0000000..f8fce94
Binary files /dev/null and b/f/web-kboss/src/views/H5/images/logo.png differ
diff --git a/f/web-kboss/src/views/H5/images/netBanner.jpg b/f/web-kboss/src/views/H5/images/netBanner.jpg
deleted file mode 100644
index 996eac1..0000000
Binary files a/f/web-kboss/src/views/H5/images/netBanner.jpg and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/netDetails/1.png b/f/web-kboss/src/views/H5/images/netDetails/1.png
deleted file mode 100644
index 3c1d090..0000000
Binary files a/f/web-kboss/src/views/H5/images/netDetails/1.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/netDetails/2.png b/f/web-kboss/src/views/H5/images/netDetails/2.png
deleted file mode 100644
index 557f515..0000000
Binary files a/f/web-kboss/src/views/H5/images/netDetails/2.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/netDetails/3.png b/f/web-kboss/src/views/H5/images/netDetails/3.png
deleted file mode 100644
index aa0151c..0000000
Binary files a/f/web-kboss/src/views/H5/images/netDetails/3.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/netDetails/4.png b/f/web-kboss/src/views/H5/images/netDetails/4.png
deleted file mode 100644
index 4363d65..0000000
Binary files a/f/web-kboss/src/views/H5/images/netDetails/4.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/netDetails/5.png b/f/web-kboss/src/views/H5/images/netDetails/5.png
deleted file mode 100644
index 8e1a5f1..0000000
Binary files a/f/web-kboss/src/views/H5/images/netDetails/5.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/netDetails/6.png b/f/web-kboss/src/views/H5/images/netDetails/6.png
deleted file mode 100644
index d1fcd78..0000000
Binary files a/f/web-kboss/src/views/H5/images/netDetails/6.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/netDetails/7.png b/f/web-kboss/src/views/H5/images/netDetails/7.png
deleted file mode 100644
index 15e949b..0000000
Binary files a/f/web-kboss/src/views/H5/images/netDetails/7.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/scene.jpg b/f/web-kboss/src/views/H5/images/scene.jpg
deleted file mode 100644
index 9291b3d..0000000
Binary files a/f/web-kboss/src/views/H5/images/scene.jpg and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/tabBar/calculate.png b/f/web-kboss/src/views/H5/images/tabBar/calculate.png
deleted file mode 100644
index 2d85206..0000000
Binary files a/f/web-kboss/src/views/H5/images/tabBar/calculate.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/tabBar/calculateColor.png b/f/web-kboss/src/views/H5/images/tabBar/calculateColor.png
deleted file mode 100644
index 09ca9fa..0000000
Binary files a/f/web-kboss/src/views/H5/images/tabBar/calculateColor.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/tabBar/cloud.png b/f/web-kboss/src/views/H5/images/tabBar/cloud.png
deleted file mode 100644
index d452a89..0000000
Binary files a/f/web-kboss/src/views/H5/images/tabBar/cloud.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/tabBar/cloudColor.png b/f/web-kboss/src/views/H5/images/tabBar/cloudColor.png
deleted file mode 100644
index d158c7a..0000000
Binary files a/f/web-kboss/src/views/H5/images/tabBar/cloudColor.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/tabBar/net.png b/f/web-kboss/src/views/H5/images/tabBar/net.png
deleted file mode 100644
index 8b41bf5..0000000
Binary files a/f/web-kboss/src/views/H5/images/tabBar/net.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/tabBar/netColor.png b/f/web-kboss/src/views/H5/images/tabBar/netColor.png
deleted file mode 100644
index dd348ad..0000000
Binary files a/f/web-kboss/src/views/H5/images/tabBar/netColor.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/top/img.png b/f/web-kboss/src/views/H5/images/top/img.png
deleted file mode 100644
index e54e43a..0000000
Binary files a/f/web-kboss/src/views/H5/images/top/img.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/top/img_1.png b/f/web-kboss/src/views/H5/images/top/img_1.png
deleted file mode 100644
index 680851b..0000000
Binary files a/f/web-kboss/src/views/H5/images/top/img_1.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/top/img_2.png b/f/web-kboss/src/views/H5/images/top/img_2.png
deleted file mode 100644
index be42375..0000000
Binary files a/f/web-kboss/src/views/H5/images/top/img_2.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/top/img_3.png b/f/web-kboss/src/views/H5/images/top/img_3.png
deleted file mode 100644
index 061d487..0000000
Binary files a/f/web-kboss/src/views/H5/images/top/img_3.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/top/img_4.png b/f/web-kboss/src/views/H5/images/top/img_4.png
deleted file mode 100644
index 97d65ca..0000000
Binary files a/f/web-kboss/src/views/H5/images/top/img_4.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/top/img_5.png b/f/web-kboss/src/views/H5/images/top/img_5.png
deleted file mode 100644
index 93760c9..0000000
Binary files a/f/web-kboss/src/views/H5/images/top/img_5.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/top/img_6.png b/f/web-kboss/src/views/H5/images/top/img_6.png
deleted file mode 100644
index 434ef87..0000000
Binary files a/f/web-kboss/src/views/H5/images/top/img_6.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/top/img_7.png b/f/web-kboss/src/views/H5/images/top/img_7.png
deleted file mode 100644
index b4b3525..0000000
Binary files a/f/web-kboss/src/views/H5/images/top/img_7.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/top/img_8.png b/f/web-kboss/src/views/H5/images/top/img_8.png
deleted file mode 100644
index 76459a4..0000000
Binary files a/f/web-kboss/src/views/H5/images/top/img_8.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/top/img_9.png b/f/web-kboss/src/views/H5/images/top/img_9.png
deleted file mode 100644
index 974b5e0..0000000
Binary files a/f/web-kboss/src/views/H5/images/top/img_9.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/images/use.jpg b/f/web-kboss/src/views/H5/images/use.jpg
deleted file mode 100644
index 1e7cc7d..0000000
Binary files a/f/web-kboss/src/views/H5/images/use.jpg and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/img/img.png b/f/web-kboss/src/views/H5/img/img.png
deleted file mode 100644
index 680851b..0000000
Binary files a/f/web-kboss/src/views/H5/img/img.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/img/map.png b/f/web-kboss/src/views/H5/img/map.png
deleted file mode 100644
index 3a58ebf..0000000
Binary files a/f/web-kboss/src/views/H5/img/map.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/img/net/1.png b/f/web-kboss/src/views/H5/img/net/1.png
deleted file mode 100644
index 04cd142..0000000
Binary files a/f/web-kboss/src/views/H5/img/net/1.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/img/net/2.png b/f/web-kboss/src/views/H5/img/net/2.png
deleted file mode 100644
index 7c5d0d7..0000000
Binary files a/f/web-kboss/src/views/H5/img/net/2.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/img/net/3.png b/f/web-kboss/src/views/H5/img/net/3.png
deleted file mode 100644
index 0cbf3cf..0000000
Binary files a/f/web-kboss/src/views/H5/img/net/3.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/img/net/4.png b/f/web-kboss/src/views/H5/img/net/4.png
deleted file mode 100644
index ad69c11..0000000
Binary files a/f/web-kboss/src/views/H5/img/net/4.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/img/suan/1.png b/f/web-kboss/src/views/H5/img/suan/1.png
deleted file mode 100644
index a9a2649..0000000
Binary files a/f/web-kboss/src/views/H5/img/suan/1.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/img/suan/2.png b/f/web-kboss/src/views/H5/img/suan/2.png
deleted file mode 100644
index b212ad2..0000000
Binary files a/f/web-kboss/src/views/H5/img/suan/2.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/img/suan/3.png b/f/web-kboss/src/views/H5/img/suan/3.png
deleted file mode 100644
index 1e13c6b..0000000
Binary files a/f/web-kboss/src/views/H5/img/suan/3.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/img/suan/4.png b/f/web-kboss/src/views/H5/img/suan/4.png
deleted file mode 100644
index 304859e..0000000
Binary files a/f/web-kboss/src/views/H5/img/suan/4.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/img/suan/5.png b/f/web-kboss/src/views/H5/img/suan/5.png
deleted file mode 100644
index 4316af5..0000000
Binary files a/f/web-kboss/src/views/H5/img/suan/5.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/img/suanBg.png b/f/web-kboss/src/views/H5/img/suanBg.png
deleted file mode 100644
index 2097a20..0000000
Binary files a/f/web-kboss/src/views/H5/img/suanBg.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/img/tiyanBg.png b/f/web-kboss/src/views/H5/img/tiyanBg.png
deleted file mode 100644
index 21877ab..0000000
Binary files a/f/web-kboss/src/views/H5/img/tiyanBg.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/index.vue b/f/web-kboss/src/views/H5/index.vue
index 856e084..842fb6a 100644
--- a/f/web-kboss/src/views/H5/index.vue
+++ b/f/web-kboss/src/views/H5/index.vue
@@ -1,296 +1,107 @@
 <template>
   <div class="h5-container">
-    <!-- 主要内容区域 -->
-    <div ref="mainContent" class="main" @scroll="handleScroll">
+    <div id="homeOut" ref="mainContent" class="main" @scroll="handleScroll">
       <transition :name="transitionName" mode="out-in">
-        <router-view></router-view>
+        <router-view />
       </transition>
     </div>
-    <div style="height: 1.4rem;"></div>
-
-    <!-- 返回顶部按钮 -->
+<!-- 
     <transition name="fade-scale">
-      <div
-        v-show="showBackToTop"
-        class="back-to-top"
-        @click="scrollToTop"
-      >
+      <div v-show="showBackToTop" class="back-to-top" @click="scrollToTop">
         <div class="back-to-top-icon">
           <svg viewBox="0 0 24 24" fill="none">
-            <path d="M12 5L12 19M12 5L6 11M12 5L18 11"
-                  stroke="currentColor"
-                  stroke-width="2"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"/>
+            <path d="M12 5L12 19M12 5L6 11M12 5L18 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
           </svg>
         </div>
         <div class="back-to-top-text">回顶部</div>
       </div>
-    </transition>
+    </transition> -->
 
-    <!-- 底部导航栏 --> 
-    <div class="tabBar">
-      <!-- 首页 -->
+    <!-- <div class="tabBar">
       <div
+        v-for="tab in tabList"
+        :key="tab.id"
         class="tabBar-item"
-        :class="{ active: activeTab === 'index' }"
-        @click="switchTab('index')"
+        :class="{ active: activeTab === tab.id }"
+        @click="switchTab(tab)"
       >
         <div class="item-img">
-          <transition name="icon-bounce" mode="out-in">
-            <img
-              :key="activeTab === 'index'"
-              :src="activeTab === 'index' ? require('./images/tabBar/homeColor.png') : require('./images/tabBar/home.png')"
-              alt="首页"
-            />
-          </transition>
+          <img :src="activeTab === tab.id ? tab.activeIcon : tab.icon" :alt="tab.name" />
         </div>
-        <div class="item-text">
-          <transition name="text-slide" mode="out-in">
-            <span :key="activeTab === 'index'">首页</span>
-          </transition>
-        </div>
-        <div class="active-indicator" v-if="activeTab === 'index'"></div>
+        <div class="item-text">{{ tab.name }}</div>
+        <div v-if="activeTab === tab.id" class="active-indicator"></div>
       </div>
-
-      <!-- 云 -->
-      <div
-        class="tabBar-item"
-        :class="{ active: activeTab === 'cloud' }"
-        @click="switchTab('cloud')"
-      >
-        <div class="item-img">
-          <transition name="icon-bounce" mode="out-in">
-            <img
-              :key="activeTab === 'cloud'"
-              :src="activeTab === 'cloud' ? require('./images/tabBar/cloudColor.png') : require('./images/tabBar/cloud.png')"
-              alt="云"
-            />
-          </transition>
-        </div>
-        <div class="item-text">
-          <transition name="text-slide" mode="out-in">
-            <span :key="activeTab === 'cloud'">云</span>
-          </transition>
-        </div>
-        <div class="active-indicator" v-if="activeTab === 'cloud'"></div>
-      </div>
-
-      <!-- 算 -->
-      <div
-        class="tabBar-item"
-        :class="{ active: activeTab === 'calculate' }"
-        @click="switchTab('calculate')"
-      >
-        <div class="item-img">
-          <transition name="icon-bounce" mode="out-in">
-            <img
-              :key="activeTab === 'calculate'"
-              :src="activeTab === 'calculate' ? require('./images/tabBar/calculateColor.png') : require('./images/tabBar/calculate.png')"
-              alt="算"
-            />
-          </transition>
-        </div>
-        <div class="item-text">
-          <transition name="text-slide" mode="out-in">
-            <span :key="activeTab === 'calculate'">算</span>
-          </transition>
-        </div>
-        <div class="active-indicator" v-if="activeTab === 'calculate'"></div>
-      </div>
-
-      <!-- 网 -->
-      <div
-        class="tabBar-item"
-        :class="{ active: activeTab === 'net' }"
-        @click="switchTab('net')"
-      >
-        <div class="item-img">
-          <transition name="icon-bounce" mode="out-in">
-            <img
-              :key="activeTab === 'net'"
-              :src="activeTab === 'net' ? require('./images/tabBar/netColor.png') : require('./images/tabBar/net.png')"
-              alt="网"
-            />
-          </transition>
-        </div>
-        <div class="item-text">
-          <transition name="text-slide" mode="out-in">
-            <span :key="activeTab === 'net'">网</span>
-          </transition>
-        </div>
-        <div class="active-indicator" v-if="activeTab === 'net'"></div>
-      </div>
-
-      <!-- 用 -->
-      <div
-        class="tabBar-item"
-        :class="{ active: activeTab === 'use' }"
-        @click="switchTab('use')"
-      >
-        <div class="item-img">
-          <transition name="icon-bounce" mode="out-in">
-            <img
-              :key="activeTab === 'use'"
-              :src="activeTab === 'use' ? require('./images/tabBar/userColor.png') : require('./images/tabBar/user.png')"
-              alt="用"
-            />
-          </transition>
-        </div>
-        <div class="item-text">
-          <transition name="text-slide" mode="out-in">
-            <span :key="activeTab === 'use'">用</span>
-          </transition>
-        </div>
-        <div class="active-indicator" v-if="activeTab === 'use'"></div>
-      </div>
-    </div>
+    </div> -->
   </div>
 </template>
 
 <script>
 import './media.js'
+
 export default {
   name: 'H5HomePage',
   data() {
     return {
-      activeTab: 'index', // 当前激活的标签
+      activeTab: 'index',
       tabList: [
-        { id: 'index', name: '首页', path: '/h5HomePage/index' },
-        { id: 'cloud', name: '云', path: '/h5HomePage/cloud' },
-        { id: 'calculate', name: '算', path: '/h5HomePage/calculate' },
-        { id: 'net', name: '网', path: '/h5HomePage/net' },
-        { id: 'use', name: '用', path: '/h5HomePage/use' }
+        {
+          id: 'index',
+          name: '首页',
+          path: '/h5HomePage/index',
+          icon: require('./images/tabBar/home.png'),
+          activeIcon: require('./images/tabBar/homeColor.png')
+        },
+        {
+          id: 'about',
+          name: '关于我们',
+          path: '/h5HomePage/about',
+          icon: require('./images/tabBar/user.png'),
+          activeIcon: require('./images/tabBar/userColor.png')
+        }
       ],
-      showBackToTop: false, // 是否显示返回顶部按钮
-      scrollThreshold: 200, // 滚动多少距离后显示按钮（可根据需要调整）
-      transitionName: 'fade', // 页面切换动画名称
-      isSwitching: false, // 是否正在切换
-    };
+      showBackToTop: false,
+      scrollThreshold: 200,
+      transitionName: 'fade'
+    }
   },
   watch: {
-    // 监听路由变化，更新激活的标签
     '$route'(to) {
-      this.updateActiveTab(to.path);
+      this.updateActiveTab(to.path)
+      this.resetScrollPosition()
     }
   },
   mounted() {
-    // 初始化时根据当前路由设置激活状态
-    this.updateActiveTab(this.$route.path);
+    this.updateActiveTab(this.$route.path)
+    this.resetScrollPosition()
   },
   methods: {
-    /**
-     * 切换标签页
-     * @param {string} tabId - 标签ID
-     */
-    switchTab(tabId) {
-      // 如果正在切换或点击的是当前已激活的标签，不进行操作
-      if (this.isSwitching || this.activeTab === tabId) return;
-
-      // 设置正在切换状态
-      this.isSwitching = true;
-
-      // 更新激活状态
-      this.activeTab = tabId;
-
-      // 根据tabId跳转到对应的路由
-      const tab = this.tabList.find(item => item.id === tabId);
-      if (tab) {
-        // 添加点击反馈动画
-        this.animateTabClick(tabId);
-
-        // 延迟路由跳转，让动画先执行
-        setTimeout(() => {
-          this.$router.push(tab.path);
-          // 重置切换状态
-          setTimeout(() => {
-            this.isSwitching = false;
-          }, 300);
-        }, 150);
-      } else {
-        this.isSwitching = false;
-      }
+    switchTab(tab) {
+      if (this.activeTab === tab.id || this.$route.path === tab.path) return
+      this.activeTab = tab.id
+      this.$router.push(tab.path)
     },
-
-    /**
-     * 执行Tab点击动画
-     * @param {string} tabId - 标签ID
-     */
-    animateTabClick(tabId) {
-      // 获取点击的tab元素
-      const tabIndex = this.tabList.findIndex(item => item.id === tabId);
-      const tabs = document.querySelectorAll('.tabBar-item');
-
-      if (tabs[tabIndex]) {
-        // 添加点击动画类
-        tabs[tabIndex].classList.add('click-animation');
-
-        // 动画结束后移除类
-        setTimeout(() => {
-          tabs[tabIndex].classList.remove('click-animation');
-        }, 300);
-      }
-    },
-
-    /**
-     * 根据路由路径更新激活的标签
-     * @param {string} path - 当前路由路径
-     */
     updateActiveTab(path) {
-      // 从路径中提取tabId
-      const pathParts = path.split('/');
-      const tabId = pathParts[pathParts.length - 1];
-
-      // 如果提取的tabId在tabList中存在，则更新activeTab
-      if (this.tabList.some(item => item.id === tabId)) {
-        this.activeTab = tabId;
-      }
+      this.activeTab = path.endsWith('/about') ? 'about' : 'index'
+    },
+    resetScrollPosition() {
+      this.$nextTick(() => {
+        const mainContent = this.$refs.mainContent
+        if (mainContent) mainContent.scrollTo({ top: 0, left: 0, behavior: 'auto' })
+        window.scrollTo(0, 0)
+        document.documentElement.scrollTop = 0
+        document.body.scrollTop = 0
+      })
     },
-
-    /**
-     * 处理滚动事件
-     */
     handleScroll() {
-      if (this.$refs.mainContent) {
-        const scrollTop = this.$refs.mainContent.scrollTop;
-        // 当滚动距离超过阈值时显示返回顶部按钮
-        this.showBackToTop = scrollTop > this.scrollThreshold;
-      }
+      const mainContent = this.$refs.mainContent
+      if (mainContent) this.showBackToTop = mainContent.scrollTop > this.scrollThreshold
     },
-
-    /**
-     * 滚动到顶部
-     */
     scrollToTop() {
-      if (this.$refs.mainContent) {
-        // 添加点击反馈效果
-        const btn = document.querySelector('.back-to-top');
-        if (btn) {
-          btn.classList.add('clicked');
-          setTimeout(() => {
-            btn.classList.remove('clicked');
-          }, 300);
-        }
-
-        this.$refs.mainContent.scrollTo({
-          top: 0,
-          behavior: 'smooth' // 平滑滚动
-        });
-      }
+      const mainContent = this.$refs.mainContent
+      if (mainContent) mainContent.scrollTo({ top: 0, behavior: 'smooth' })
     }
   }
-};
-function adapter() {
-  //获取布局视口宽度，因为开启了理想视口，布局视口=设备横向独立像素值
-  const dpWidth = document.documentElement.clientWidth
-  //计算根字体大小
-  const rootFonstSize = (dpWidth * 100) / 750
-  //设置根字体大小
-  document.documentElement.style.fontSize = rootFonstSize + 'px'
 }
-adapter()
-window.onresize = adapter()
-
 </script>
 
 <style lang="less" scoped>
diff --git a/f/web-kboss/src/views/H5/less/all/index.css b/f/web-kboss/src/views/H5/less/all/index.css
deleted file mode 100644
index ee98708..0000000
--- a/f/web-kboss/src/views/H5/less/all/index.css
+++ /dev/null
@@ -1,243 +0,0 @@
-.top-tit {
-  display: flex;
-  justify-content: center;
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-  font-size: 0.39rem;
-  /* 增大30%: .3rem * 1.3 = .39rem */
-  font-weight: bold;
-  margin: 0.3rem 0;
-}
-.supplier-container {
-  display: flex;
-  flex-wrap: wrap;
-  /* 允许换行 */
-  padding: 0.2rem 0.22rem;
-  gap: 0.15rem;
-  /* 使用gap控制间距 */
-}
-.supplier {
-  flex-shrink: 0;
-  /* 防止收缩 */
-}
-.supplier .supplier-title {
-  font-size: 0.28rem;
-  color: #000;
-  padding: 0.12rem 0.2rem;
-  background-color: #f5f5f5;
-  border-radius: 0.12rem;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  white-space: nowrap;
-  /* 防止文字换行 */
-}
-.supplier .supplier-title:hover {
-  background-color: #e0e0e0;
-  transform: translateY(-0.02rem);
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-}
-.supplier .supplier-title.active {
-  background: linear-gradient(90deg, #275aff, #2ebdfa);
-  color: #fff;
-  box-shadow: 0 0.04rem 0.12rem rgba(39, 90, 255, 0.3);
-  transform: translateY(-0.02rem);
-}
-.box {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  padding: 0 0.3rem;
-}
-.box .box-item {
-  display: flex;
-  width: 48%;
-  flex-direction: column;
-  align-items: self-start;
-  border: 0.02rem solid #f0f0f0;
-  border-radius: 0.2rem;
-  padding: 0.15rem 0.2rem;
-  margin: 0.34rem 0;
-  transition: all 0.3s ease;
-  position: relative;
-  padding-bottom: 0.6rem;
-}
-.box .box-item:hover {
-  transform: translateY(-0.05rem);
-  box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.1);
-  border-color: #1f70ff;
-}
-.box .box-item .item-tit {
-  font-size: 0.26rem;
-  color: #000;
-  font-weight: bold;
-  margin-bottom: 0.1rem;
-}
-.box .box-item .item-detail {
-  color: #666;
-  font-size: 0.22rem;
-  margin: 0.15rem 0;
-  line-height: 1.4;
-}
-.box .box-item .item-desc {
-  color: #666;
-  background-color: #f8f9fa;
-  font-size: 0.2rem;
-  padding: 0.08rem 0.12rem;
-  border-radius: 0.1rem;
-  margin-bottom: 0.15rem;
-  border: 0.01rem solid #e9ecef;
-}
-.box .box-item .item-btn {
-  width: 100%;
-  display: flex;
-  padding-top: 0.2rem;
-}
-.box .box-item .item-btn .btn {
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  border-radius: 0.04rem;
-  padding: 0.08rem 0;
-  width: calc(100% - 0.4rem);
-  text-align: center;
-  color: #fff;
-  font-size: 0.182rem;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  border: none;
-  position: absolute;
-  bottom: 0.2rem;
-}
-.box .box-item .item-btn .btn:hover {
-  background: linear-gradient(90deg, #0d5aff, #2a7aff);
-  transform: translateY(-0.02rem);
-  box-shadow: 0 0.04rem 0.1rem rgba(31, 112, 255, 0.3);
-}
-.search {
-  width: 100%;
-  margin: 0.3rem 0;
-  padding: 0 0.3rem;
-}
-.search .search-box {
-  display: flex;
-  justify-content: space-between;
-  background-color: #f8f9fa;
-  border-radius: 0.3rem;
-  overflow: hidden;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  border: 0.02rem solid #e9ecef;
-  box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.04);
-}
-.search .search-box:focus-within {
-  transform: translateY(-0.01rem);
-}
-.search .search-btn {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 18%;
-  color: #fff;
-  padding: 0.18rem 0;
-  background: linear-gradient(90deg, #1f70ff, #3a8cff);
-  border-bottom-right-radius: 0.3rem;
-  border-top-right-radius: 0.3rem;
-  font-size: 0.28rem;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  position: relative;
-  overflow: hidden;
-}
-.search .search-btn::after {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: -100%;
-  width: 100%;
-  height: 100%;
-  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
-  transition: left 0.5s ease;
-}
-.search .search-btn:hover {
-  background: linear-gradient(90deg, #0d5aff, #2a7aff);
-  width: 20%;
-}
-.search .search-btn:hover::after {
-  left: 100%;
-}
-.search .search-btn:active {
-  background: linear-gradient(90deg, #0a50e6, #2575e6);
-  transform: scale(0.98);
-}
-.search .input {
-  flex: 1;
-  padding: 0.16rem 0;
-  padding-left: 0.25rem;
-  display: flex;
-  align-items: center;
-}
-.search .input input {
-  border: none;
-  outline: none;
-  background: none;
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  font-size: 0.26rem;
-  color: #333;
-  line-height: 1.4;
-}
-.search .input input::placeholder {
-  color: #adb5bd;
-  font-size: 0.24rem;
-  transition: color 0.3s ease;
-}
-.search .input input:focus::placeholder {
-  color: #868e96;
-}
-/* 为供应商容器和产品列表添加搜索状态样式 */
-.supplier-container {
-  transition: opacity 0.3s ease;
-}
-.box {
-  transition: transform 0.3s ease;
-}
-/* 当有搜索关键词时，调整一些元素的样式 */
-:global body.search-active .supplier-container {
-  opacity: 0.8;
-}
-:global body.search-active .box {
-  animation: searchResultAppear 0.4s ease;
-}
-@keyframes searchResultAppear {
-  0% {
-    opacity: 0;
-    transform: translateY(0.1rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-/* 响应式调整 */
-@media (max-width: 480px) {
-  .search {
-    padding: 0 0.2rem;
-    margin: 0.25rem 0;
-  }
-  .search .search-box {
-    border-radius: 0.25rem;
-  }
-  .search .search-btn {
-    font-size: 0.26rem;
-    padding: 0.16rem 0;
-  }
-  .search .input {
-    padding: 0.14rem 0;
-    padding-left: 0.2rem;
-  }
-  .search .input input {
-    font-size: 0.24rem;
-  }
-}
diff --git a/f/web-kboss/src/views/H5/less/all/index.less b/f/web-kboss/src/views/H5/less/all/index.less
deleted file mode 100644
index 70c3f67..0000000
--- a/f/web-kboss/src/views/H5/less/all/index.less
+++ /dev/null
@@ -1,300 +0,0 @@
-.top-tit {
-  display: flex;
-  justify-content: center;
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-  font-size: .39rem;
-  /* 增大30%: .3rem * 1.3 = .39rem */
-  font-weight: bold;
-  margin: .3rem 0;
-}
-
-.supplier-container {
-  display: flex;
-  flex-wrap: wrap;
-  /* 允许换行 */
-  padding: .2rem .22rem;
-  gap: .15rem;
-  /* 使用gap控制间距 */
-}
-
-.supplier {
-  flex-shrink: 0;
-  /* 防止收缩 */
-
-  .supplier-title {
-    font-size: .28rem;
-    color: #000;
-    padding: .12rem .2rem;
-    background-color: #f5f5f5;
-    border-radius: 0.12rem;
-    cursor: pointer;
-    transition: all 0.3s ease;
-
-    white-space: nowrap;
-    /* 防止文字换行 */
-
-    &:hover {
-      background-color: #e0e0e0;
-      transform: translateY(-0.02rem);
-      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    }
-
-    &.active {
-      background: linear-gradient(90deg, #275aff, #2ebdfa);
-      color: #fff;
-      box-shadow: 0 .04rem .12rem rgba(39, 90, 255, 0.3);
-      transform: translateY(-0.02rem);
-    }
-  }
-}
-
-.box {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  padding: 0 .3rem;
-
-  .box-item {
-    display: flex;
-    width: 48%;
-    flex-direction: column;
-    align-items: self-start;
-    border: .02rem solid #f0f0f0;
-    border-radius: .2rem;
-    padding: .15rem .2rem;
-    margin: .34rem 0;
-    transition: all 0.3s ease;
-    position: relative;
-    padding-bottom: .6rem;
-    &:hover {
-      transform: translateY(-0.05rem);
-      box-shadow: 0 .08rem .2rem rgba(0, 0, 0, 0.1);
-      border-color: #1f70ff;
-    }
-
-    .item-tit {
-      font-size: .26rem;
-      color: #000;
-      font-weight: bold;
-      margin-bottom: .1rem;
-    }
-
-    .item-detail {
-      color: #666;
-      font-size: .22rem;
-      margin: .15rem 0;
-      line-height: 1.4;
-    }
-
-    .item-desc {
-      color: #666;
-      background-color: #f8f9fa;
-      font-size: .2rem;
-      padding: .08rem .12rem;
-      border-radius: .1rem;
-      margin-bottom: .15rem;
-      border: .01rem solid #e9ecef;
-    }
-
-    .item-btn {
-      width: 100%;
-      display: flex;
-      // justify-content: flex-end;
-      padding-top: .2rem;
-      .btn {
-        background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-        border-radius: 0.04rem;
-        // padding: 0.08rem ;
-        padding: .08rem 0;
-        width: calc(100% - 0.4rem);
-
-        text-align: center;
-        color: #fff;
-        font-size: 0.182rem;
-        cursor: pointer;
-        transition: all 0.3s ease;
-        border: none;
-        position: absolute;
-        bottom: 0.2rem;
-
-        &:hover {
-          background: linear-gradient(90deg, #0d5aff, #2a7aff);
-          transform: translateY(-0.02rem);
-          box-shadow: 0 .04rem .1rem rgba(31, 112, 255, 0.3);
-        }
-      }
-    }
-  }
-}
-
-.search {
-  width: 100%;
-  margin: .3rem 0;
-  padding: 0 .3rem;
-
-  .search-box {
-    display: flex;
-    justify-content: space-between;
-    background-color: #f8f9fa;
-    border-radius: .3rem;
-    overflow: hidden;
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    border: .02rem solid #e9ecef;
-    box-shadow: 0 .02rem .06rem rgba(0, 0, 0, 0.04);
-
-    // &:hover {
-    //   border-color: #ced4da;
-    //   background-color: #fff;
-    //   box-shadow: 0 .04rem .12rem rgba(0, 0, 0, 0.08);
-    // }
-
-    &:focus-within {
-      // border-color: #1f70ff;
-      // background-color: #fff;
-      // box-shadow: 0 .04rem .16rem rgba(31, 112, 255, 0.15);
-      transform: translateY(-0.01rem);
-    }
-  }
-
-  .search-btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 18%;
-    color: #fff;
-    padding: .18rem 0;
-    background: linear-gradient(90deg, #1f70ff, #3a8cff);
-    border-bottom-right-radius: .3rem;
-    border-top-right-radius: .3rem;
-    font-size: .28rem;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    position: relative;
-    overflow: hidden;
-
-    &::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: -100%;
-      width: 100%;
-      height: 100%;
-      background: linear-gradient(90deg,
-          rgba(255, 255, 255, 0) 0%,
-          rgba(255, 255, 255, 0.2) 50%,
-          rgba(255, 255, 255, 0) 100%);
-      transition: left 0.5s ease;
-    }
-
-    &:hover {
-      background: linear-gradient(90deg, #0d5aff, #2a7aff);
-      width: 20%;
-
-      &::after {
-        left: 100%;
-      }
-    }
-
-    &:active {
-      background: linear-gradient(90deg, #0a50e6, #2575e6);
-      transform: scale(0.98);
-    }
-  }
-
-  .input {
-    flex: 1;
-    padding: .16rem 0;
-    padding-left: .25rem;
-    display: flex;
-    align-items: center;
-
-    input {
-      border: none;
-      outline: none;
-      background: none;
-      padding: 0;
-      margin: 0;
-      width: 100%;
-      font-size: .26rem;
-      color: #333;
-      line-height: 1.4;
-
-      &::placeholder {
-        color: #adb5bd;
-        font-size: .24rem;
-        transition: color 0.3s ease;
-      }
-
-      &:focus {
-        &::placeholder {
-          color: #868e96;
-        }
-      }
-    }
-  }
-}
-
-/* 为供应商容器和产品列表添加搜索状态样式 */
-.supplier-container {
-  transition: opacity 0.3s ease;
-}
-
-.box {
-  transition: transform 0.3s ease;
-}
-
-/* 当有搜索关键词时，调整一些元素的样式 */
-:global {
-  body.search-active {
-    .supplier-container {
-      opacity: 0.8;
-    }
-
-    .box {
-      animation: searchResultAppear 0.4s ease;
-    }
-  }
-}
-
-@keyframes searchResultAppear {
-  0% {
-    opacity: 0;
-    transform: translateY(.1rem);
-  }
-
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-/* 响应式调整 */
-@media (max-width: 480px) {
-  .search {
-    padding: 0 .2rem;
-    margin: .25rem 0;
-
-    .search-box {
-      border-radius: .25rem;
-    }
-
-    .search-btn {
-      font-size: .26rem;
-      padding: .16rem 0;
-    }
-
-    .input {
-      padding: .14rem 0;
-      padding-left: .2rem;
-
-      input {
-        font-size: .24rem;
-      }
-    }
-  }
-}
diff --git a/f/web-kboss/src/views/H5/less/cloud/cloud.css b/f/web-kboss/src/views/H5/less/cloud/cloud.css
deleted file mode 100644
index 08af798..0000000
--- a/f/web-kboss/src/views/H5/less/cloud/cloud.css
+++ /dev/null
@@ -1,251 +0,0 @@
-.top-tit {
-  display: flex;
-  justify-content: center;
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-  font-size: 0.39rem;
-  /* 增大30%: .3rem * 1.3 = .39rem */
-  font-weight: bold;
-  margin: 0.3rem 0;
-}
-.supplier-container {
-  display: flex;
-  flex-wrap: wrap;
-  /* 允许换行 */
-  padding: 0.2rem 0.22rem;
-  gap: 0.15rem;
-  /* 使用gap控制间距 */
-}
-.supplier {
-  flex-shrink: 0;
-  /* 防止收缩 */
-}
-.supplier .supplier-title {
-  font-size: 0.28rem;
-  /* 修改为下方代码的字体大小 */
-  color: #000;
-  padding: 0.12rem 0.2rem;
-  background-color: #f5f5f5;
-  border-radius: 0.12rem;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  white-space: nowrap;
-  /* 防止文字换行 */
-}
-.supplier .supplier-title:hover {
-  background-color: #e0e0e0;
-  transform: translateY(-0.02rem);
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-}
-.supplier .supplier-title.active {
-  background: linear-gradient(90deg, #275aff, #2ebdfa);
-  color: #fff;
-  box-shadow: 0 0.04rem 0.12rem rgba(39, 90, 255, 0.3);
-  transform: translateY(-0.02rem);
-}
-.box {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  padding: 0 0.3rem;
-}
-.box .box-item {
-  position: relative;
-  display: flex;
-  width: 48%;
-  flex-direction: column;
-  align-items: self-start;
-  border: 0.02rem solid #f0f0f0;
-  border-radius: 0.2rem;
-  padding: 0.15rem 0.2rem;
-  margin: 0.34rem 0;
-  transition: all 0.3s ease;
-  padding-bottom: 0.6rem;
-}
-.box .box-item:hover {
-  transform: translateY(-0.05rem);
-  box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.1);
-  border-color: #1f70ff;
-}
-.box .box-item .item-tit {
-  font-size: 0.26rem;
-  /* 修改为下方代码的字体大小 */
-  color: #000;
-  font-weight: bold;
-  margin-bottom: 0.1rem;
-}
-.box .box-item .item-detail {
-  color: #666;
-  font-size: 0.22rem;
-  /* 修改为下方代码的字体大小 */
-  margin: 0.15rem 0;
-  line-height: 1.4;
-  min-height: 0.4rem;
-}
-.box .box-item .item-desc {
-  color: #666;
-  background-color: #f8f9fa;
-  font-size: 0.2rem;
-  /* 修改为下方代码的字体大小 */
-  padding: 0.08rem 0.12rem;
-  border-radius: 0.1rem;
-  margin-bottom: 0.15rem;
-  border: 0.01rem solid #e9ecef;
-  min-height: 0.32rem;
-  display: flex;
-  align-items: center;
-}
-.box .box-item .item-btn {
-  width: 100%;
-  display: flex;
-  padding-top: 0.2rem;
-}
-.box .box-item .item-btn .btn {
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  border-radius: 0.04rem;
-  padding: 0.08rem 0;
-  width: calc(100% - 0.4rem);
-  text-align: center;
-  color: #fff;
-  font-size: 0.182rem;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  border: none;
-  position: absolute;
-  bottom: 0.2rem;
-}
-.box .box-item .item-btn .btn:hover {
-  background: linear-gradient(90deg, #0d5aff, #2a7aff);
-  transform: translateY(-0.02rem);
-  box-shadow: 0 0.04rem 0.1rem rgba(31, 112, 255, 0.3);
-}
-.search {
-  width: 100%;
-  margin: 0.3rem 0;
-  padding: 0 0.3rem;
-}
-.search .search-box {
-  display: flex;
-  justify-content: space-between;
-  background-color: #f8f9fa;
-  border-radius: 0.3rem;
-  overflow: hidden;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  border: 0.02rem solid #e9ecef;
-  box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.04);
-}
-.search .search-box:focus-within {
-  transform: translateY(-0.01rem);
-}
-.search .search-btn {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 18%;
-  color: #fff;
-  padding: 0.18rem 0;
-  background: linear-gradient(90deg, #1f70ff, #3a8cff);
-  border-bottom-right-radius: 0.3rem;
-  border-top-right-radius: 0.3rem;
-  font-size: 0.28rem;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  position: relative;
-  overflow: hidden;
-}
-.search .search-btn::after {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: -100%;
-  width: 100%;
-  height: 100%;
-  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
-  transition: left 0.5s ease;
-}
-.search .search-btn:hover {
-  background: linear-gradient(90deg, #0d5aff, #2a7aff);
-  width: 20%;
-}
-.search .search-btn:hover::after {
-  left: 100%;
-}
-.search .search-btn:active {
-  background: linear-gradient(90deg, #0a50e6, #2575e6);
-  transform: scale(0.98);
-}
-.search .input {
-  flex: 1;
-  padding: 0.16rem 0;
-  padding-left: 0.25rem;
-  display: flex;
-  align-items: center;
-}
-.search .input input {
-  border: none;
-  outline: none;
-  background: none;
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  font-size: 0.26rem;
-  color: #333;
-  line-height: 1.4;
-}
-.search .input input::placeholder {
-  color: #adb5bd;
-  font-size: 0.24rem;
-  transition: color 0.3s ease;
-}
-.search .input input:focus::placeholder {
-  color: #868e96;
-}
-/* 为供应商容器和产品列表添加搜索状态样式 */
-.supplier-container {
-  transition: opacity 0.3s ease;
-}
-.box {
-  transition: transform 0.3s ease;
-}
-/* 当有搜索关键词时，调整一些元素的样式 */
-:global body.search-active .supplier-container {
-  opacity: 0.8;
-}
-:global body.search-active .box {
-  animation: searchResultAppear 0.4s ease;
-}
-@keyframes searchResultAppear {
-  0% {
-    opacity: 0;
-    transform: translateY(0.1rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-/* 响应式调整 */
-@media (max-width: 480px) {
-  .search {
-    padding: 0 0.2rem;
-    margin: 0.25rem 0;
-  }
-  .search .search-box {
-    border-radius: 0.25rem;
-  }
-  .search .search-btn {
-    font-size: 0.26rem;
-    padding: 0.16rem 0;
-  }
-  .search .input {
-    padding: 0.14rem 0;
-    padding-left: 0.2rem;
-  }
-  .search .input input {
-    font-size: 0.24rem;
-  }
-}
diff --git a/f/web-kboss/src/views/H5/less/cloud/cloud.less b/f/web-kboss/src/views/H5/less/cloud/cloud.less
deleted file mode 100644
index f2b314f..0000000
--- a/f/web-kboss/src/views/H5/less/cloud/cloud.less
+++ /dev/null
@@ -1,312 +0,0 @@
-.top-tit {
-  display: flex;
-  justify-content: center;
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-  font-size: .39rem;
-  /* 增大30%: .3rem * 1.3 = .39rem */
-  font-weight: bold;
-  margin: .3rem 0;
-}
-
-.supplier-container {
-  display: flex;
-  flex-wrap: wrap;
-  /* 允许换行 */
-  padding: .2rem .22rem;
-  gap: .15rem;
-  /* 使用gap控制间距 */
-}
-
-.supplier {
-  flex-shrink: 0;
-  /* 防止收缩 */
-
-  .supplier-title {
-    font-size: .28rem;
-    /* 修改为下方代码的字体大小 */
-    color: #000;
-    padding: .12rem .2rem;
-    background-color: #f5f5f5;
-    border-radius: 0.12rem;
-    cursor: pointer;
-    transition: all 0.3s ease;
-
-    white-space: nowrap;
-    /* 防止文字换行 */
-
-    &:hover {
-      background-color: #e0e0e0;
-      transform: translateY(-0.02rem);
-      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    }
-
-    &.active {
-      background: linear-gradient(90deg, #275aff, #2ebdfa);
-      color: #fff;
-      box-shadow: 0 .04rem .12rem rgba(39, 90, 255, 0.3);
-      transform: translateY(-0.02rem);
-    }
-  }
-}
-
-.box {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  padding: 0 .3rem;
-
-  .box-item {
-    position: relative;
-    display: flex;
-    width: 48%;
-    flex-direction: column;
-    align-items: self-start;
-    border: .02rem solid #f0f0f0;
-    border-radius: .2rem;
-    padding: .15rem .2rem;
-    margin: .34rem 0;
-    transition: all 0.3s ease;
-    padding-bottom: .6rem;
-
-    &:hover {
-      transform: translateY(-0.05rem);
-      box-shadow: 0 .08rem .2rem rgba(0, 0, 0, 0.1);
-      border-color: #1f70ff;
-    }
-
-    .item-tit {
-      font-size: .26rem;
-      /* 修改为下方代码的字体大小 */
-      color: #000;
-      font-weight: bold;
-      margin-bottom: .1rem;
-    }
-
-    .item-detail {
-      color: #666;
-      font-size: .22rem;
-      /* 修改为下方代码的字体大小 */
-      margin: .15rem 0;
-      line-height: 1.4;
-      min-height: .4rem;
-      // 确保有最小高度
-    }
-
-    .item-desc {
-      color: #666;
-      background-color: #f8f9fa;
-      font-size: .2rem;
-      /* 修改为下方代码的字体大小 */
-      padding: .08rem .12rem;
-      border-radius: .1rem;
-      margin-bottom: .15rem;
-      border: .01rem solid #e9ecef;
-      min-height: .32rem;
-      // 确保有最小高度
-      display: flex;
-      align-items: center;
-    }
-
-    .item-btn {
-      width: 100%;
-      display: flex;
-      // justify-content: flex-end;
-      padding-top: .2rem;
-
-      .btn {
-        background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-        border-radius: 0.04rem;
-        // padding: 0.08rem ;
-        padding: .08rem 0;
-        width: calc(100% - 0.4rem);
-
-        text-align: center;
-        color: #fff;
-        font-size: 0.182rem;
-        cursor: pointer;
-        transition: all 0.3s ease;
-        border: none;
-        position: absolute;
-        bottom: 0.2rem;
-
-        &:hover {
-          background: linear-gradient(90deg, #0d5aff, #2a7aff);
-          transform: translateY(-0.02rem);
-          box-shadow: 0 .04rem .1rem rgba(31, 112, 255, 0.3);
-        }
-      }
-    }
-  }
-}
-
-.search {
-  width: 100%;
-  margin: .3rem 0;
-  padding: 0 .3rem;
-
-  .search-box {
-    display: flex;
-    justify-content: space-between;
-    background-color: #f8f9fa;
-    border-radius: .3rem;
-    overflow: hidden;
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    border: .02rem solid #e9ecef;
-    box-shadow: 0 .02rem .06rem rgba(0, 0, 0, 0.04);
-
-    // &:hover {
-    //   border-color: #ced4da;
-    //   background-color: #fff;
-    //   box-shadow: 0 .04rem .12rem rgba(0, 0, 0, 0.08);
-    // }
-
-    &:focus-within {
-      // border-color: #1f70ff;
-      // background-color: #fff;
-      // box-shadow: 0 .04rem .16rem rgba(31, 112, 255, 0.15);
-      transform: translateY(-0.01rem);
-    }
-  }
-
-  .search-btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 18%;
-    color: #fff;
-    padding: .18rem 0;
-    background: linear-gradient(90deg, #1f70ff, #3a8cff);
-    border-bottom-right-radius: .3rem;
-    border-top-right-radius: .3rem;
-    font-size: .28rem;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    position: relative;
-    overflow: hidden;
-
-    &::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: -100%;
-      width: 100%;
-      height: 100%;
-      background: linear-gradient(90deg,
-          rgba(255, 255, 255, 0) 0%,
-          rgba(255, 255, 255, 0.2) 50%,
-          rgba(255, 255, 255, 0) 100%);
-      transition: left 0.5s ease;
-    }
-
-    &:hover {
-      background: linear-gradient(90deg, #0d5aff, #2a7aff);
-      width: 20%;
-
-      &::after {
-        left: 100%;
-      }
-    }
-
-    &:active {
-      background: linear-gradient(90deg, #0a50e6, #2575e6);
-      transform: scale(0.98);
-    }
-  }
-
-  .input {
-    flex: 1;
-    padding: .16rem 0;
-    padding-left: .25rem;
-    display: flex;
-    align-items: center;
-
-    input {
-      border: none;
-      outline: none;
-      background: none;
-      padding: 0;
-      margin: 0;
-      width: 100%;
-      font-size: .26rem;
-      color: #333;
-      line-height: 1.4;
-
-      &::placeholder {
-        color: #adb5bd;
-        font-size: .24rem;
-        transition: color 0.3s ease;
-      }
-
-      &:focus {
-        &::placeholder {
-          color: #868e96;
-        }
-      }
-    }
-  }
-}
-
-/* 为供应商容器和产品列表添加搜索状态样式 */
-.supplier-container {
-  transition: opacity 0.3s ease;
-}
-
-.box {
-  transition: transform 0.3s ease;
-}
-
-/* 当有搜索关键词时，调整一些元素的样式 */
-:global {
-  body.search-active {
-    .supplier-container {
-      opacity: 0.8;
-    }
-
-    .box {
-      animation: searchResultAppear 0.4s ease;
-    }
-  }
-}
-
-@keyframes searchResultAppear {
-  0% {
-    opacity: 0;
-    transform: translateY(.1rem);
-  }
-
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-/* 响应式调整 */
-@media (max-width: 480px) {
-  .search {
-    padding: 0 .2rem;
-    margin: .25rem 0;
-
-    .search-box {
-      border-radius: .25rem;
-    }
-
-    .search-btn {
-      font-size: .26rem;
-      padding: .16rem 0;
-    }
-
-    .input {
-      padding: .14rem 0;
-      padding-left: .2rem;
-
-      input {
-        font-size: .24rem;
-      }
-    }
-  }
-}
diff --git a/f/web-kboss/src/views/H5/less/dialog/index.css b/f/web-kboss/src/views/H5/less/dialog/index.css
deleted file mode 100644
index bb6350d..0000000
--- a/f/web-kboss/src/views/H5/less/dialog/index.css
+++ /dev/null
@@ -1,503 +0,0 @@
-* {
-  touch-action: manipulation;
-  box-sizing: border-box;
-}
-::v-deep .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__inner,
-::v-deep .el-dialog__wrapper .el-dialog .el-dialog__body .el-textarea .el-input__inner,
-::v-deep .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-textarea__inner,
-::v-deep .el-dialog__wrapper .el-dialog .el-dialog__body .el-textarea .el-textarea__inner {
-  touch-action: manipulation;
-  -webkit-tap-highlight-color: transparent;
-}
-.dialog-tit {
-  font-size: 0.4rem;
-  color: #333;
-  padding: 0.2rem 0 0.4rem;
-  border-bottom: 1px solid #f0f0f0;
-  margin-bottom: 0.4rem;
-}
-.dialog-tit .pc-tip {
-  display: flex;
-  align-items: center;
-  margin-bottom: 0.3rem;
-  color: #ff6b35;
-  font-weight: 500;
-}
-.dialog-tit .pc-tip i {
-  margin-right: 0.2rem;
-  font-size: 0.42rem;
-}
-.dialog-tit .pc-tip span {
-  font-size: 0.36rem;
-}
-.url_box {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-top: 0.2rem;
-}
-.url-container {
-  display: flex;
-  align-items: center;
-  position: relative;
-  flex: 1;
-}
-.url-container .url {
-  display: inline-flex;
-  align-items: center;
-  color: #275aff;
-  text-decoration: none;
-  padding: 0.12rem 0.24rem;
-  border-radius: 0.24rem;
-  transition: all 0.3s ease;
-  cursor: pointer;
-  user-select: none;
-  border: 1px solid transparent;
-  background: #f5f7ff;
-  margin-left: 0.2rem;
-}
-.url-container .url:hover {
-  background-color: #e8edff;
-  border-color: #275aff;
-  transform: translateY(-0.04rem);
-  box-shadow: 0 0.08rem 0.32rem rgba(39, 90, 255, 0.15);
-}
-.url-container .url.copied {
-  background-color: #e1f3d8;
-  border-color: #67c23a;
-  color: #67c23a;
-}
-.url-container .url.copied:hover {
-  background-color: #d1edc4;
-  border-color: #5daf34;
-}
-.url-container .tooltip {
-  position: absolute;
-  bottom: 100%;
-  left: 50%;
-  transform: translateX(-50%) translateY(-0.16rem);
-  background-color: rgba(0, 0, 0, 0.85);
-  color: white;
-  font-size: 0.24rem;
-  padding: 0.08rem 0.16rem;
-  border-radius: 0.16rem;
-  white-space: nowrap;
-  z-index: 1000;
-  opacity: 0;
-  transition: opacity 0.2s, transform 0.2s;
-  pointer-events: none;
-}
-.url-container .tooltip::after {
-  content: '';
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 0.08rem;
-  border-style: solid;
-  border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
-}
-.url-container .tooltip.tooltip-visible {
-  opacity: 1;
-  transform: translateX(-50%) translateY(0);
-}
-.url_btn {
-  margin-left: 0.4rem;
-}
-.url_btn .copy-hint {
-  display: inline-block;
-  font-size: 0.26rem;
-  color: #000;
-  padding: 0.1rem 0.2rem;
-  border-radius: 0.12rem;
-  border: 1px solid #000;
-  transition: all 0.2s;
-  cursor: pointer;
-  user-select: none;
-  min-width: 1.2rem;
-  text-align: center;
-}
-.url_btn .copy-hint:hover {
-  color: #275aff;
-  border-color: #275aff;
-}
-.url.copied .url_btn .copy-hint {
-  color: #67c23a;
-  border-color: #67c23a;
-}
-.check-tit {
-  font-size: 0.16rem;
-  color: #666;
-  line-height: 1;
-  margin: 0.08rem 0;
-  font-weight: normal;
-}
-.check-tit span {
-  color: #275aff;
-  font-weight: 500;
-  margin: 0 0.04rem;
-}
-::v-deep .product-consult-dialog.el-dialog {
-  border-radius: 0.32rem;
-  overflow: hidden;
-  box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.15);
-}
-::v-deep .product-consult-dialog.el-dialog .el-dialog__header {
-  padding: 0.4rem 0.6rem 0.3rem;
-  border-bottom: 1px solid #f0f0f0;
-  background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
-  margin-bottom: 0;
-}
-::v-deep .product-consult-dialog.el-dialog .el-dialog__header .el-dialog__title {
-  font-size: 0.4rem;
-  font-weight: 600;
-  color: #1a1a1a;
-}
-::v-deep .product-consult-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
-  top: 0.4rem;
-  right: 0.4rem;
-}
-::v-deep .product-consult-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
-  font-size: 0.36rem;
-  color: #999;
-}
-::v-deep .product-consult-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover {
-  color: #275aff;
-}
-::v-deep .product-consult-dialog.el-dialog .el-dialog__body {
-  padding: 0.2rem 0.6rem;
-  max-height: 70vh;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-}
-::v-deep .product-consult-dialog.el-dialog .el-dialog__body.is-mobile-scroll {
-  touch-action: pan-y;
-}
-::v-deep .product-consult-dialog.el-dialog .el-dialog__footer {
-  padding: 0.4rem 0.6rem;
-  border-top: 1px solid #f0f0f0;
-  background: #fafbfc;
-}
-::v-deep .el-form .el-form-item {
-  margin-bottom: 0.4rem;
-}
-::v-deep .el-form .el-form-item .el-form-item__label {
-  padding-bottom: 0.12rem;
-  font-size: 0.32rem;
-  font-weight: 500;
-  color: #333;
-  line-height: 1.5;
-}
-::v-deep .el-form .el-form-item .el-input .el-input__inner,
-::v-deep .el-form .el-form-item .el-textarea .el-input__inner,
-::v-deep .el-form .el-form-item .el-input .el-textarea__inner,
-::v-deep .el-form .el-form-item .el-textarea .el-textarea__inner {
-  font-size: 0.32rem;
-  border: 1px solid #dcdfe6;
-  border-radius: 0.24rem;
-  transition: all 0.3s;
-  padding: 0.24rem 0.32rem;
-  color: #333;
-  touch-action: manipulation;
-  -webkit-tap-highlight-color: transparent;
-}
-::v-deep .el-form .el-form-item .el-input .el-input__inner:hover,
-::v-deep .el-form .el-form-item .el-textarea .el-input__inner:hover,
-::v-deep .el-form .el-form-item .el-input .el-textarea__inner:hover,
-::v-deep .el-form .el-form-item .el-textarea .el-textarea__inner:hover {
-  border-color: #c0c4cc;
-}
-::v-deep .el-form .el-form-item .el-input .el-input__inner:focus,
-::v-deep .el-form .el-form-item .el-textarea .el-input__inner:focus,
-::v-deep .el-form .el-form-item .el-input .el-textarea__inner:focus,
-::v-deep .el-form .el-form-item .el-textarea .el-textarea__inner:focus {
-  border-color: #275aff;
-  box-shadow: 0 0 0 0.04rem rgba(39, 90, 255, 0.1);
-}
-::v-deep .el-form .el-form-item .el-input .el-input__inner::placeholder,
-::v-deep .el-form .el-form-item .el-textarea .el-input__inner::placeholder,
-::v-deep .el-form .el-form-item .el-input .el-textarea__inner::placeholder,
-::v-deep .el-form .el-form-item .el-textarea .el-textarea__inner::placeholder {
-  color: #999;
-  font-size: 0.28rem;
-}
-::v-deep .el-form .el-form-item .el-textarea__inner {
-  min-height: 2.4rem;
-  line-height: 1.5;
-  resize: vertical;
-}
-::v-deep .el-form .el-form-item .el-radio {
-  margin-right: 0.6rem;
-}
-::v-deep .el-form .el-form-item .el-radio .el-radio__label {
-  font-size: 0.32rem;
-  color: #666;
-}
-::v-deep .el-form .el-form-item .el-radio .el-radio__inner {
-  width: 0.36rem;
-  height: 0.36rem;
-}
-::v-deep .el-form .el-form-item .el-radio .el-radio__inner::after {
-  width: 0.18rem;
-  height: 0.18rem;
-}
-.agreement-checkbox {
-  margin: 0.4rem 0 0.6rem;
-  display: flex;
-  align-items: center;
-  color: #666;
-  width: 100%;
-  overflow: visible;
-}
-.agreement-checkbox ::v-deep .el-checkbox {
-  display: flex;
-  align-items: flex-start;
-  width: 100%;
-}
-.agreement-checkbox ::v-deep .el-checkbox .el-checkbox__label {
-  color: #666;
-  padding-left: 0.16rem;
-  white-space: normal;
-  word-wrap: break-word;
-  word-break: break-word;
-  overflow-wrap: break-word;
-  width: calc(100% - 0.48rem);
-  font-size: 0.16rem;
-  line-height: 1.5;
-}
-.agreement-checkbox ::v-deep .el-checkbox .el-checkbox__label .agreement-text {
-  width: 100%;
-  font-size: 0.16rem;
-}
-.agreement-checkbox ::v-deep .el-checkbox .el-checkbox__label .agreement-text p {
-  margin: 0.08rem 0;
-}
-.agreement-checkbox ::v-deep .el-checkbox .el-checkbox__inner {
-  flex-shrink: 0;
-  width: 0.32rem;
-  height: 0.32rem;
-  border-radius: 0.08rem;
-  margin-top: 0.04rem;
-}
-.agreement-checkbox ::v-deep .el-checkbox .el-checkbox__inner::after {
-  border-width: 0.04rem;
-  left: 0.1rem;
-  top: 0.04rem;
-}
-.qrcode-section {
-  margin: 0.4rem 0 0.6rem;
-  padding: 0.4rem;
-  background: #f8f9ff;
-  border-radius: 0.32rem;
-  border: 1px solid #e8edff;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-}
-.qrcode-section img {
-  width: 3.2rem;
-  height: 3.2rem;
-  object-fit: contain;
-  margin-bottom: 0.4rem;
-  border-radius: 0.16rem;
-  box-shadow: 0 0.08rem 0.32rem rgba(0, 0, 0, 0.1);
-}
-.qrcode-section span {
-  font-size: 0.28rem;
-  color: #666;
-  line-height: 1.5;
-}
-.dialog-footer ::v-deep .el-button {
-  min-width: 2.4rem;
-  height: 0.88rem;
-  font-size: 0.32rem;
-  border-radius: 0.44rem;
-  padding: 0 0.8rem;
-  font-weight: 500;
-  border: none;
-  background: linear-gradient(135deg, #275aff 0%, #5a7dff 100%);
-  box-shadow: 0 0.08rem 0.32rem rgba(39, 90, 255, 0.3);
-  transition: all 0.3s;
-}
-.dialog-footer ::v-deep .el-button:hover {
-  transform: translateY(-0.04rem);
-  box-shadow: 0 0.16rem 0.48rem rgba(39, 90, 255, 0.4);
-}
-.dialog-footer ::v-deep .el-button:active {
-  transform: translateY(0);
-}
-.dialog-footer ::v-deep .el-button .el-icon-loading {
-  font-size: 0.32rem;
-}
-:deep(.el-message) {
-  font-size: 0.32rem !important;
-  min-width: auto !important;
-  padding: 0.24rem 0.4rem !important;
-  border-radius: 0.32rem !important;
-  box-shadow: 0 0.16rem 0.48rem rgba(0, 0, 0, 0.15) !important;
-  border: none !important;
-}
-:deep(.el-message__content) {
-  font-size: 0.32rem !important;
-  line-height: 1.5 !important;
-}
-@media screen and (max-width: 750px) {
-  .dialog-tit {
-    font-size: 0.32rem;
-    padding: 0.15rem 0 0.3rem;
-  }
-  .dialog-tit .pc-tip i {
-    font-size: 0.34rem;
-  }
-  .dialog-tit .pc-tip span {
-    font-size: 0.3rem;
-  }
-  .url_box {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 0.2rem;
-  }
-  .url-container {
-    width: 100%;
-    flex-direction: column;
-    align-items: flex-start;
-  }
-  .url-container .url {
-    width: 100%;
-    padding: 0.1rem 0.2rem;
-    font-size: 0.28rem;
-    margin: 0.1rem 0 0;
-    box-sizing: border-box;
-  }
-  .url_btn {
-    margin-left: 0;
-    width: 100%;
-    display: flex;
-    justify-content: center;
-  }
-  .url_btn .copy-hint {
-    width: 100%;
-    max-width: 3rem;
-    font-size: 0.24rem;
-    padding: 0.12rem 0.24rem;
-    text-align: center;
-  }
-  .check-tit {
-    font-size: 0.16rem;
-    line-height: 1.6;
-    font-weight: 600;
-  }
-  ::v-deep .product-consult-dialog.el-dialog {
-    width: 90% !important;
-    margin-top: 10vh !important;
-    border-radius: 0.24rem;
-  }
-  ::v-deep .product-consult-dialog.el-dialog .el-dialog__header {
-    padding: 0.25rem 0.3rem 0.2rem;
-  }
-  ::v-deep .product-consult-dialog.el-dialog .el-dialog__header .el-dialog__title {
-    font-size: 0.34rem;
-  }
-  ::v-deep .product-consult-dialog.el-dialog .el-dialog__body {
-    padding: 0.2rem 0.3rem;
-    -webkit-overflow-scrolling: touch;
-    max-height: 60vh;
-  }
-  ::v-deep .product-consult-dialog.el-dialog .el-dialog__footer {
-    padding: 0.25rem 0.3rem;
-  }
-  ::v-deep .el-form .el-form-item {
-    margin-bottom: 0.3rem;
-  }
-  ::v-deep .el-form .el-form-item .el-form-item__label {
-    font-size: 0.28rem;
-  }
-  ::v-deep .el-form .el-form-item .el-input .el-input__inner,
-  ::v-deep .el-form .el-form-item .el-textarea .el-input__inner,
-  ::v-deep .el-form .el-form-item .el-input .el-textarea__inner,
-  ::v-deep .el-form .el-form-item .el-textarea .el-textarea__inner {
-    font-size: 0.28rem;
-    padding: 0.2rem 0.24rem;
-    -webkit-appearance: none;
-    appearance: none;
-  }
-  ::v-deep .el-form .el-form-item .el-radio .el-radio__label {
-    font-size: 0.28rem;
-  }
-  .agreement-checkbox {
-    margin: 0.3rem 0 0.4rem;
-  }
-  .agreement-checkbox ::v-deep .el-checkbox .el-checkbox__label {
-    font-size: 0.22rem !important;
-    padding-left: 0.12rem;
-    line-height: 1.6;
-  }
-  .agreement-checkbox ::v-deep .el-checkbox .el-checkbox__inner {
-    width: 0.28rem;
-    height: 0.28rem;
-    margin-top: 0.02rem;
-  }
-  .agreement-checkbox ::v-deep .el-checkbox .el-checkbox__inner::after {
-    left: 0.08rem;
-    top: 0.02rem;
-    border-width: 0.03rem;
-  }
-  .qrcode-section {
-    padding: 0.3rem;
-    margin: 0.3rem 0 0.4rem;
-  }
-  .qrcode-section img {
-    width: 2.4rem;
-    height: 2.4rem;
-    margin-bottom: 0.3rem;
-  }
-  .qrcode-section span {
-    font-size: 0.24rem;
-  }
-  .dialog-footer ::v-deep .el-button {
-    min-width: 100%;
-    height: 0.8rem;
-    font-size: 0.28rem;
-    padding: 0;
-    margin: 0;
-  }
-}
-@media screen and (min-width: 751px) and (max-width: 1200px) {
-  ::v-deep .product-consult-dialog.el-dialog {
-    width: 70% !important;
-  }
-  .agreement-checkbox ::v-deep .el-checkbox .el-checkbox__label {
-    font-size: 0.26rem !important;
-  }
-}
-@media screen and (max-width: 750px) {
-  .url,
-  .url_btn .copy-hint,
-  .el-checkbox__inner,
-  .el-radio__inner,
-  .el-button {
-    cursor: pointer;
-    -webkit-tap-highlight-color: transparent;
-  }
-  .el-input__inner,
-  .el-textarea__inner {
-    font-size: 16px !important;
-    -webkit-appearance: none;
-    appearance: none;
-  }
-  .product-consult-dialog {
-    pointer-events: auto !important;
-  }
-  .el-dialog__wrapper {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    overflow: hidden;
-  }
-  .el-dialog__wrapper.el-dialog__wrapper--fixed {
-    touch-action: none;
-  }
-}
diff --git a/f/web-kboss/src/views/H5/less/home/index.css b/f/web-kboss/src/views/H5/less/home/index.css
deleted file mode 100644
index 1f1eefd..0000000
--- a/f/web-kboss/src/views/H5/less/home/index.css
+++ /dev/null
@@ -1,365 +0,0 @@
-.h5-container {
-  display: flex;
-  flex-direction: column;
-  height: 100vh;
-  overflow: hidden;
-  position: relative;
-}
-.main {
-  flex: 1;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-  /* 为iOS添加平滑滚动 */
-}
-/* 页面切换动画 */
-.fade-enter-active,
-.fade-leave-active {
-  transition: all 0.3s ease;
-}
-.fade-enter-from {
-  opacity: 0;
-  transform: translateY(0.2rem);
-}
-.fade-leave-to {
-  opacity: 0;
-  transform: translateY(-0.2rem);
-}
-/* 返回顶部按钮样式 */
-.back-to-top {
-  position: fixed;
-  right: 0.4rem;
-  bottom: 1.5rem;
-  /* 在底部导航栏上方 */
-  z-index: 999;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 1.1rem;
-  height: 1.1rem;
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  border-radius: 50%;
-  box-shadow: 0 0.08rem 0.24rem rgba(102, 126, 234, 0.4);
-  cursor: pointer;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  user-select: none;
-  -webkit-tap-highlight-color: transparent;
-  /* 悬停效果 */
-  /* 激活效果 */
-  /* 点击动画 */
-}
-.back-to-top:hover {
-  transform: translateY(-0.1rem);
-  box-shadow: 0 0.12rem 0.36rem rgba(102, 126, 234, 0.6);
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-}
-.back-to-top:active {
-  transform: scale(0.95);
-}
-.back-to-top.clicked {
-  animation: pulse 0.3s ease;
-}
-.back-to-top .back-to-top-icon {
-  width: 0.45rem;
-  height: 0.45rem;
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 0.04rem;
-}
-.back-to-top .back-to-top-icon svg {
-  width: 100%;
-  height: 100%;
-  stroke: currentColor;
-  transition: transform 0.3s ease;
-}
-.back-to-top .back-to-top-text {
-  color: white;
-  font-size: 0.24rem;
-  font-weight: 500;
-  line-height: 1;
-  letter-spacing: 0.02rem;
-  text-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.2);
-}
-/* 脉冲动画 */
-@keyframes pulse {
-  0% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(0.9);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-/* 返回顶部按钮动画 */
-.fade-scale-enter-active,
-.fade-scale-leave-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.fade-scale-enter-from,
-.fade-scale-leave-to {
-  opacity: 0;
-  transform: scale(0.8) translateY(0.2rem);
-}
-/* TabBar 样式 */
-.tabBar {
-  padding: 0.2rem 0;
-  background-color: rgba(255, 255, 255, 0.95);
-  width: 100%;
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 1000;
-  box-shadow: 0 -0.02rem 0.2rem rgba(0, 0, 0, 0.08);
-  backdrop-filter: blur(10px);
-  -webkit-backdrop-filter: blur(10px);
-  border-top: 1px solid rgba(0, 0, 0, 0.05);
-}
-.tabBar .tabBar-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  padding: 0.1rem 0.15rem;
-  border-radius: 0.3rem;
-  position: relative;
-  overflow: hidden;
-  user-select: none;
-  /* 悬停效果 */
-  /* 激活状态 */
-  /* 点击动画 */
-  /* 激活指示器 */
-}
-.tabBar .tabBar-item:hover {
-  background-color: rgba(24, 144, 255, 0.08);
-  transform: translateY(-0.05rem);
-}
-.tabBar .tabBar-item.active .item-text {
-  color: #1890ff;
-  font-weight: 600;
-}
-.tabBar .tabBar-item.click-animation {
-  animation: tabClick 0.3s ease;
-}
-.tabBar .tabBar-item .active-indicator {
-  position: absolute;
-  bottom: 0.05rem;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 0.3rem;
-  height: 0.04rem;
-  border-radius: 0.02rem;
-  animation: indicatorAppear 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-}
-.tabBar .item-img {
-  margin-bottom: 0.08rem;
-  position: relative;
-  width: 0.5rem;
-  height: 0.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.tabBar .item-img img {
-  width: 100%;
-  height: 100%;
-  display: block;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.tabBar .item-text {
-  font-size: 0.24rem;
-  color: #666;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  position: relative;
-  height: 0.3rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-/* 图标动画 */
-.icon-bounce-enter-active {
-  animation: iconBounceIn 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-}
-.icon-bounce-leave-active {
-  animation: iconBounceOut 0.3s ease;
-}
-@keyframes iconBounceIn {
-  0% {
-    opacity: 0;
-    transform: scale(0.3) rotate(-30deg);
-  }
-  50% {
-    transform: scale(1.2) rotate(10deg);
-  }
-  70% {
-    transform: scale(0.9) rotate(-5deg);
-  }
-  100% {
-    opacity: 1;
-    transform: scale(1) rotate(0deg);
-  }
-}
-@keyframes iconBounceOut {
-  0% {
-    opacity: 1;
-    transform: scale(1) rotate(0deg);
-  }
-  100% {
-    opacity: 0;
-    transform: scale(0.5) rotate(30deg);
-  }
-}
-/* 文字动画 */
-.text-slide-enter-active {
-  animation: textSlideIn 0.3s ease-out;
-}
-.text-slide-leave-active {
-  animation: textSlideOut 0.2s ease-in;
-}
-@keyframes textSlideIn {
-  0% {
-    opacity: 0;
-    transform: translateY(0.1rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-@keyframes textSlideOut {
-  0% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  100% {
-    opacity: 0;
-    transform: translateY(-0.1rem);
-  }
-}
-/* Tab点击动画 */
-@keyframes tabClick {
-  0% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(0.95);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-/* 指示器出现动画 */
-@keyframes indicatorAppear {
-  0% {
-    opacity: 0;
-    transform: translateX(-50%) scaleX(0);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(-50%) scaleX(1);
-  }
-}
-/* 响应式调整 */
-@media (max-width: 480px) {
-  .back-to-top {
-    right: 0.3rem;
-    bottom: 1.6rem;
-    width: 1rem;
-    height: 1rem;
-  }
-  .back-to-top .back-to-top-icon {
-    width: 0.4rem;
-    height: 0.4rem;
-    margin-bottom: 0.03rem;
-  }
-  .back-to-top .back-to-top-text {
-    font-size: 0.22rem;
-  }
-  .tabBar {
-    padding: 0.15rem 0;
-  }
-  .tabBar .tabBar-item {
-    padding: 0.08rem 0.12rem;
-  }
-  .tabBar .item-img {
-    width: 0.45rem;
-    height: 0.45rem;
-  }
-  .tabBar .item-text {
-    font-size: 0.22rem;
-  }
-}
-@media (min-width: 768px) {
-  .back-to-top {
-    right: 0.5rem;
-    bottom: 2rem;
-    width: 1.2rem;
-    height: 1.2rem;
-  }
-  .back-to-top .back-to-top-icon {
-    width: 0.5rem;
-    height: 0.5rem;
-    margin-bottom: 0.05rem;
-  }
-  .back-to-top .back-to-top-text {
-    font-size: 0.26rem;
-  }
-}
-/* 深色模式支持 */
-@media (prefers-color-scheme: dark) {
-  .back-to-top {
-    background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-    box-shadow: 0 0.08rem 0.24rem rgba(138, 43, 226, 0.4);
-  }
-  .back-to-top:hover {
-    background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-    box-shadow: 0 0.12rem 0.36rem rgba(138, 43, 226, 0.6);
-  }
-  .tabBar {
-    background-color: rgba(30, 30, 30, 0.95);
-    border-top: 1px solid rgba(255, 255, 255, 0.05);
-  }
-  .tabBar .tabBar-item .item-text {
-    color: #b0b0b0;
-  }
-  .tabBar .tabBar-item:hover {
-    background-color: rgba(100, 181, 246, 0.08);
-  }
-  .tabBar .tabBar-item.active .item-text {
-    color: #64b5f6;
-  }
-  .tabBar .tabBar-item.active .active-indicator {
-    background: linear-gradient(90deg, #64b5f6, #81c784);
-  }
-}
-/* 安全区域适配（iPhone X及以上机型） */
-@supports (padding: max(0px)) {
-  .back-to-top {
-    bottom: calc(1.5rem + env(safe-area-inset-bottom, 0));
-  }
-  .tabBar {
-    padding-bottom: calc(0.2rem + env(safe-area-inset-bottom, 0));
-  }
-  @media (max-width: 480px) {
-    .back-to-top {
-      bottom: calc(1.6rem + env(safe-area-inset-bottom, 0));
-    }
-    .tabBar {
-      padding-bottom: calc(0.15rem + env(safe-area-inset-bottom, 0));
-    }
-  }
-  @media (min-width: 768px) {
-    .back-to-top {
-      bottom: calc(2rem + env(safe-area-inset-bottom, 0));
-    }
-  }
-}
diff --git a/f/web-kboss/src/views/H5/less/home/index.less b/f/web-kboss/src/views/H5/less/home/index.less
index d127c06..b62f778 100644
--- a/f/web-kboss/src/views/H5/less/home/index.less
+++ b/f/web-kboss/src/views/H5/less/home/index.less
@@ -10,9 +10,15 @@
   flex: 1;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
   /* 为iOS添加平滑滚动 */
 }
 
+.main::-webkit-scrollbar {
+  display: none;
+}
+
 /* 页面切换动画 */
 .fade-enter-active,
 .fade-leave-active {
diff --git a/f/web-kboss/src/views/H5/less/official/index.css b/f/web-kboss/src/views/H5/less/official/index.css
deleted file mode 100644
index 7f2bf92..0000000
--- a/f/web-kboss/src/views/H5/less/official/index.css
+++ /dev/null
@@ -1,672 +0,0 @@
-.main-page {
-  width: 100%;
-  min-height: 100vh;
-  background-color: #f8fafd;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-}
-.logo-item {
-  display: flex;
-  align-items: center;
-}
-.top-box {
-  width: 100%;
-  height: 50vh;
-  background: url("../../images/banner.png") no-repeat;
-  background-size: 100% 100%;
-  display: flex;
-  align-items: center;
-}
-.title {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  color: #222f60;
-}
-.title .name {
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-  font-size: 0.68rem;
-}
-.title .title-top {
-  font-size: 0.6rem;
-}
-.title .title-btm {
-  font-size: 0.338rem;
-  margin-top: 0.98rem;
-}
-.text {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding: 0.14rem 0;
-  width: 100%;
-}
-.text .text-top {
-  font-size: 0.338rem;
-  color: #000;
-  font-weight: 700;
-}
-.text .text-btm {
-  font-size: 0.234rem;
-  color: #707070;
-}
-.base-box,
-.journey-box,
-.latitude-box {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  padding: 0.3rem 0.4rem;
-}
-.base-box .content,
-.journey-box .content,
-.latitude-box .content {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  gap: 0.2rem;
-}
-.base-box .content .item-box,
-.journey-box .content .item-box,
-.latitude-box .content .item-box {
-  width: 48%;
-  border-radius: 0.1rem;
-  padding: 0.2rem;
-  box-shadow: 0 0.02rem 0.08rem rgba(39, 90, 255, 0.08);
-  margin-bottom: 0.2rem;
-  display: flex;
-  flex-direction: column;
-  background: linear-gradient(135deg, #f0f7ff 0%, #ffffff 100%);
-  border: 0.01rem solid rgba(39, 90, 255, 0.1);
-  transition: all 0.3s ease;
-  position: relative;
-  padding-bottom: 1.8rem;
-}
-.base-box .content .item-box:hover,
-.journey-box .content .item-box:hover,
-.latitude-box .content .item-box:hover {
-  box-shadow: 0 0.04rem 0.16rem rgba(39, 90, 255, 0.12);
-  transform: translateY(-0.02rem);
-  border-color: rgba(39, 90, 255, 0.2);
-  background: linear-gradient(135deg, #e8f2ff 0%, #ffffff 100%);
-}
-.base-box .content .item-box .item-title,
-.journey-box .content .item-box .item-title,
-.latitude-box .content .item-box .item-title {
-  font-size: 0.26rem;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 0.1rem;
-}
-.base-box .content .item-box .item-description,
-.journey-box .content .item-box .item-description,
-.latitude-box .content .item-box .item-description {
-  font-size: 0.2rem;
-  color: #666;
-  margin-bottom: 0.15rem;
-  line-height: 1.4;
-}
-.base-box .content .item-box .advantage-list,
-.journey-box .content .item-box .advantage-list,
-.latitude-box .content .item-box .advantage-list {
-  display: block;
-}
-.base-box .content .item-box .advantage-list .advantage-item,
-.journey-box .content .item-box .advantage-list .advantage-item,
-.latitude-box .content .item-box .advantage-list .advantage-item {
-  display: block;
-  font-size: 0.156rem;
-  color: #666;
-}
-.base-box .content .item-box .advantage-list .advantage-item .advantage-icon,
-.journey-box .content .item-box .advantage-list .advantage-item .advantage-icon,
-.latitude-box .content .item-box .advantage-list .advantage-item .advantage-icon {
-  width: 0.18rem;
-  height: 0.18rem;
-  margin-right: 0.05rem;
-  flex-shrink: 0;
-}
-.base-box .content .item-box .advantage-list .advantage-item .advantage-name,
-.journey-box .content .item-box .advantage-list .advantage-item .advantage-name,
-.latitude-box .content .item-box .advantage-list .advantage-item .advantage-name {
-  color: #000;
-  font-weight: 500;
-  white-space: nowrap;
-  font-size: 0.2rem;
-  margin-right: 0.05rem;
-}
-.base-box .content .item-box .advantage-list .advantage-item .advantage-content,
-.journey-box .content .item-box .advantage-list .advantage-item .advantage-content,
-.latitude-box .content .item-box .advantage-list .advantage-item .advantage-content {
-  font-size: 0.18rem;
-}
-.base-box .content .item-box .item-price,
-.journey-box .content .item-box .item-price,
-.latitude-box .content .item-box .item-price {
-  width: calc(100% - 0.4rem);
-  padding-top: 0.2rem;
-  border-top: 0.02rem dashed #d4d6e1;
-  font-size: 0.13rem;
-  font-weight: bold;
-  color: #d4d6e1;
-  margin: 0.2rem 0;
-  position: absolute;
-  bottom: 0.6rem;
-}
-.base-box .content .item-box .item-price .price,
-.journey-box .content .item-box .item-price .price,
-.latitude-box .content .item-box .item-price .price {
-  font-size: 0.38rem;
-  color: #f52220;
-}
-.base-box .content .item-box .item-price .price-icon,
-.journey-box .content .item-box .item-price .price-icon,
-.latitude-box .content .item-box .item-price .price-icon {
-  color: #f52220;
-  font-size: 0.18rem;
-}
-.base-box .content .item-box .tag-list,
-.journey-box .content .item-box .tag-list,
-.latitude-box .content .item-box .tag-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.1rem;
-  margin: 0.15rem 0;
-}
-.base-box .content .item-box .tag-list .tag-item,
-.journey-box .content .item-box .tag-list .tag-item,
-.latitude-box .content .item-box .tag-list .tag-item {
-  padding: 0.04rem 0.12rem;
-  font-size: 0.18rem;
-  color: #aeb6bf;
-  background-color: #fff;
-  border: 0.02rem solid #c8d6e7;
-  border-radius: 0.12rem;
-  display: inline-block;
-}
-.base-box .content .item-box .item-button,
-.journey-box .content .item-box .item-button,
-.latitude-box .content .item-box .item-button {
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  border-radius: 0.04rem;
-  padding: 0.08rem 0;
-  text-align: center;
-  cursor: pointer;
-  margin-top: auto;
-  width: 100%;
-  position: relative;
-  bottom: -1.6rem;
-}
-.base-box .content .item-box .item-button .item-button-text,
-.journey-box .content .item-box .item-button .item-button-text,
-.latitude-box .content .item-box .item-button .item-button-text {
-  color: #fff;
-  font-size: 0.182rem;
-  /* 增大30%: 0.14rem * 1.3 = 0.182rem */
-}
-.partner {
-  background-color: #f8f9fd;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  padding: 0.3rem 0.4rem;
-}
-.partner .partner-scroll {
-  width: 100%;
-  max-width: 14rem;
-  margin: 0 auto;
-  padding: 0.15rem;
-  background: #fff;
-  border-radius: 0.16rem;
-  margin-bottom: 0.3rem;
-}
-.partner .partner-scroll .logo-scroll-wrapper {
-  width: 100%;
-  height: 0.85rem;
-  overflow: hidden;
-  position: relative;
-}
-.partner .partner-scroll .logo-scroll-container {
-  display: flex;
-  height: 100%;
-  animation: scroll linear infinite;
-  white-space: nowrap;
-  width: max-content;
-}
-.partner .partner-scroll .logo-item {
-  flex: 0 0 auto;
-  width: 1.68rem;
-  height: 100%;
-  margin-right: 0.2rem;
-  background: #fff;
-  border-radius: 0.04rem;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.partner .partner-scroll .logo-item img {
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-}
-/* 关键：无缝循环滚动动画 */
-@keyframes scroll {
-  0% {
-    transform: translateX(0);
-  }
-  100% {
-    /* 因为图片重复了三份，所以移动33.33%实现无缝循环 */
-    transform: translateX(-33.33%);
-  }
-}
-.footer {
-  width: 100%;
-  background: #f5f7fa;
-  color: #fff;
-  padding: 0.4rem 0.2rem;
-}
-.footer-content {
-  max-width: 12rem;
-  margin: 0 auto;
-}
-.footer {
-  width: 100%;
-  background: #f6f8fd;
-  color: #333;
-  padding: 0.6rem 0.2rem 0.4rem;
-  position: relative;
-  overflow: hidden;
-  border-top: 0.01rem solid #e8edf5;
-}
-.footer:before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-}
-.footer-content {
-  max-width: 12.8rem;
-  margin: 0 auto;
-  position: relative;
-}
-/* 顶部信息区域 */
-.footer-top {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-.logo-footer {
-  width: 2.4rem;
-  height: 0.8rem;
-  margin-bottom: 0.4rem;
-  border-radius: 0.12rem;
-}
-.logo-footer img {
-  width: 100%;
-  height: 100%;
-}
-.footer-center {
-  font-size: 0.24rem;
-  padding: 0.3rem 0.2rem;
-  background: #fff;
-  border-radius: 0.16rem;
-  box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.05);
-  margin-top: 0.4rem;
-  border: 0.01rem solid #eef2f9;
-  width: 100%;
-}
-@media (min-width: 768px) {
-  .footer-center {
-    grid-template-columns: 1fr 1fr;
-    gap: 0.3rem 0.6rem;
-  }
-}
-.footer-center .contact-item {
-  display: flex;
-  align-items: flex-start;
-  padding: 0.16rem 0.2rem;
-  border-radius: 0.12rem;
-}
-.footer-center .contact-item .iconfont {
-  width: 0.2rem;
-  height: 0.2rem;
-  margin-right: 0.12rem;
-  margin-top: 0.02rem;
-  color: #275AFF;
-  flex-shrink: 0;
-  font-size: 0.26rem;
-}
-.footer-center .contact-item .label {
-  color: #666;
-  flex-shrink: 0;
-  font-weight: 500;
-  margin-right: 0.08rem;
-  font-size: 0.24rem;
-}
-.footer-center .contact-item .value {
-  color: #444;
-  flex: 1;
-  line-height: 1.5;
-}
-.footer-center .contact-item .phone-numbers {
-  display: flex;
-  flex-direction: column;
-  gap: 0.08rem;
-}
-@media (min-width: 768px) {
-  .footer-center .contact-item .phone-numbers {
-    flex-direction: row;
-    align-items: center;
-    gap: 0.16rem;
-  }
-}
-.footer-center .contact-item .phone-link {
-  color: #333;
-  text-decoration: none;
-  transition: all 0.3s;
-  font-weight: 500;
-  font-size: 0.208rem;
-  /* 增大30%: 0.16rem * 1.3 = 0.208rem */
-}
-.footer-center .contact-item .phone-link:hover {
-  color: #275AFF;
-  text-decoration: underline;
-}
-.footer-center .contact-item .phone-separator {
-  color: #999;
-  font-weight: 300;
-}
-@media (max-width: 768px) {
-  .footer-center .contact-item .phone-separator {
-    display: none;
-  }
-}
-.footer-center .contact-item .email-link {
-  color: #275AFF;
-  text-decoration: none;
-  word-break: break-all;
-  font-weight: 500;
-  font-size: 0.208rem;
-  /* 增大30%: 0.16rem * 1.3 = 0.208rem */
-}
-.footer-center .contact-item .email-link:hover {
-  color: #2ebdfa;
-  text-decoration: underline;
-}
-.code-img {
-  display: flex;
-  justify-content: center;
-  width: 100%;
-  margin-top: 0.4rem;
-}
-@media (min-width: 768px) {
-  .code-img {
-    width: auto;
-    margin-top: 0;
-  }
-}
-.code-img .qr-box {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: #fff;
-  border-radius: 0.16rem;
-  padding: 0.24rem;
-  box-shadow: 0 0.02rem 0.12rem rgba(39, 90, 255, 0.08);
-  border: 0.01rem solid #eef2f9;
-  transition: all 0.3s ease;
-}
-.code-img .qr-box:hover {
-  background: #fff;
-  border-color: #2ebdfa;
-  transform: translateY(-4px);
-  box-shadow: 0 8px 24px rgba(39, 90, 255, 0.15);
-}
-.code-img .qr-box .qr-code {
-  width: 1.8rem;
-  height: 1.8rem;
-  background: #fff;
-  border-radius: 0.12rem;
-  padding: 0.12rem;
-  border: 1px solid #eef2f9;
-  margin-bottom: 0.16rem;
-  overflow: hidden;
-}
-.code-img .qr-box .qr-code img {
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-  border-radius: 0.04rem;
-}
-.code-img .qr-box .qr-content {
-  color: #333;
-  font-size: 0.182rem;
-  /* 增大30%: 0.14rem * 1.3 = 0.182rem */
-  font-weight: 500;
-  letter-spacing: 0.5px;
-}
-/* 底部信息区域 */
-.footer-bottom {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  padding: 0.3rem 0.2rem;
-  background: #fff;
-  border-radius: 0.16rem;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-  margin-top: 0.4rem;
-  border: 1px solid #eef2f9;
-}
-@media (min-width: 768px) {
-  .footer-bottom {
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    text-align: left;
-    padding: 0.3rem 0.4rem;
-  }
-}
-.icp-info {
-  margin-bottom: 0.24rem;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-@media (min-width: 768px) {
-  .icp-info {
-    flex-direction: row;
-    align-items: center;
-    gap: 0.6rem;
-    margin-bottom: 0;
-  }
-}
-.icp-info .icp-item {
-  display: flex;
-  align-items: center;
-  gap: 0.08rem;
-  margin-bottom: 0.12rem;
-}
-@media (min-width: 768px) {
-  .icp-info .icp-item {
-    margin-bottom: 0;
-  }
-}
-.icp-info .icp-item .icp-text {
-  color: #888;
-  font-size: 0.24rem;
-}
-.icp-info .icp-item .icp-number {
-  color: #444;
-  font-weight: 500;
-  font-size: 0.24rem;
-}
-.icp-info .copyright {
-  color: #888;
-  font-size: 0.24rem;
-  font-weight: 300;
-}
-.record-info {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.16rem;
-  margin-bottom: 0.24rem;
-}
-@media (min-width: 768px) {
-  .record-info {
-    flex-direction: row;
-    align-items: center;
-    gap: 0.6rem;
-    margin-bottom: 0;
-  }
-}
-.police-record {
-  display: flex;
-  align-items: center;
-  gap: 0.1rem;
-  padding: 0.08rem 0.16rem;
-  background: #f9fafc;
-  border-radius: 0.24rem;
-  transition: all 0.3s;
-  border: 1px solid #eef2f9;
-}
-.police-record:hover {
-  background: #f0f5ff;
-  border-color: #275AFF;
-  transform: translateY(-2px);
-}
-.police-record .police-icon {
-  width: 0.18rem;
-  height: 0.18rem;
-}
-.police-record .police-link {
-  color: #666;
-  text-decoration: none;
-  font-size: 0.24rem;
-}
-.police-record .police-link:hover {
-  color: #275AFF;
-  text-decoration: underline;
-}
-.license-record .license-link {
-  color: #666;
-  text-decoration: none;
-  font-size: 0.24rem;
-  padding: 0.08rem 0.16rem;
-  background: #f9fafc;
-  border-radius: 0.24rem;
-  transition: all 0.3s;
-  border: 1px solid #eef2f9;
-}
-.license-record .license-link:hover {
-  background: #f0f5ff;
-  color: #275AFF;
-  text-decoration: underline;
-  transform: translateY(-2px);
-  border-color: #275AFF;
-}
-/* 移动端二维码 */
-.mobile-qr {
-  display: flex;
-  justify-content: center;
-  width: 100%;
-  margin-top: 0.4rem;
-}
-@media (min-width: 768px) {
-  .mobile-qr {
-    display: none;
-  }
-}
-.mobile-qr .qr-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: #fff;
-  border-radius: 0.16rem;
-  padding: 0.24rem;
-  box-shadow: 0 2px 12px rgba(39, 90, 255, 0.08);
-  border: 1px solid #eef2f9;
-  width: 100%;
-  max-width: 2.4rem;
-  margin-right: 0.4rem;
-}
-.mobile-qr .qr-item .qr-code {
-  width: 1.6rem;
-  height: 1.6rem;
-  background: #fff;
-  border-radius: 0.12rem;
-  padding: 0.12rem;
-  border: 1px solid #eef2f9;
-  margin-bottom: 0.16rem;
-}
-.mobile-qr .qr-item .qr-code img {
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-  border-radius: 0.04rem;
-}
-.mobile-qr .qr-item .qr-desc {
-  color: #333;
-  font-size: 0.208rem;
-  font-weight: 500;
-}
-/* PC端二维码 */
-.pc-qr {
-  position: absolute;
-  right: 0.4rem;
-  bottom: 0.4rem;
-  display: none;
-}
-@media (min-width: 768px) {
-  .pc-qr {
-    display: block;
-  }
-}
-.pc-qr .qr-box {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: #fff;
-  border-radius: 0.16rem;
-  padding: 0.24rem;
-  box-shadow: 0 2px 12px rgba(39, 90, 255, 0.08);
-  border: 1px solid #eef2f9;
-  transition: all 0.3s ease;
-}
-.pc-qr .qr-box:hover {
-  background: #fff;
-  border-color: #2ebdfa;
-  transform: translateY(-4px) scale(1.05);
-  box-shadow: 0 8px 24px rgba(39, 90, 255, 0.15);
-}
-.pc-qr .qr-box .qr-code {
-  width: 1.6rem;
-  height: 1.6rem;
-  background: #fff;
-  border-radius: 0.12rem;
-  padding: 0.12rem;
-  border: 1px solid #eef2f9;
-  margin-bottom: 0.16rem;
-}
-.pc-qr .qr-box .qr-code img {
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-  border-radius: 0.04rem;
-}
-.pc-qr .qr-box .qr-content {
-  color: #333;
-  font-size: 0.182rem;
-  /* 增大30%: 0.14rem * 1.3 = 0.182rem */
-  font-weight: 500;
-  letter-spacing: 0.5px;
-}
diff --git a/f/web-kboss/src/views/H5/media.js b/f/web-kboss/src/views/H5/media.js
index 4f55b34..535d4eb 100644
--- a/f/web-kboss/src/views/H5/media.js
+++ b/f/web-kboss/src/views/H5/media.js
@@ -1,9 +1,6 @@
 function adapter() {
-  //获取布局视口宽度，因为开启了理想视口，布局视口=设备横向独立像素值
   const dpWidth = document.documentElement.clientWidth
-  //计算根字体大小
   const rootFonstSize = (dpWidth * 100) / 750
-  //设置根字体大小
   document.documentElement.style.fontSize = rootFonstSize + 'px'
 }
 adapter()
diff --git a/f/web-kboss/src/views/H5/net/index.vue b/f/web-kboss/src/views/H5/net/index.vue
deleted file mode 100644
index 087a7ea..0000000
--- a/f/web-kboss/src/views/H5/net/index.vue
+++ /dev/null
@@ -1,230 +0,0 @@
-<template>
-  <div>
-    <!-- 标题 -->
-    <div class="top-tit">
-      开元云
-    </div>
-
-    <!-- 搜索 -->
-    <div class="search">
-      <div class="search-box">
-        <div class="input">
-          <input
-            type="text"
-            placeholder="请输入产品名称"
-            v-model="searchValue"
-            @keyup.enter="handleSearch"
-          />
-        </div>
-        <div class="search-btn" @click="handleSearch">
-          搜索
-        </div>
-      </div>
-    </div>
-
-    <!-- 搜索提示 -->
-    <div v-if="isSearching && searchValue" class="search-tip">
-      搜索关键词: "{{ searchValue }}"
-      <span class="clear-search" @click="clearSearch">× 清空搜索</span>
-    </div>
-
-    <!-- 供应商 - 只在非搜索模式显示 -->
-    <div v-if="!isSearching && cloudData.secMenu && cloudData.secMenu.length > 0" class="supplier-container">
-      <div v-for="(value, index) in cloudData.secMenu" :key="index" class="supplier" @click="selectSupplier(index)">
-        <div class="supplier-title" :class="{ 'active': activeSupplierIndex === index }">
-          {{ value.secTitle }}
-        </div>
-      </div>
-    </div>
-
-    <!-- 云产品 -->
-    <div class="box">
-      <!-- 搜索模式：显示搜索结果 -->
-      <template v-if="isSearching && searchResults.length > 0">
-        <div v-for="product in searchResults" :key="product.id" class="box-item">
-          <div class="item-tit">
-            {{ product.name }}
-          </div>
-          <div class="item-detail">
-            {{ product.description }}
-          </div>
-          <div class="item-desc">
-            算力网络
-          </div>
-          <div class="item-btn">
-            <div class="btn" @click="goToDetail(product.id)">
-              查看详情
-            </div>
-          </div>
-        </div>
-      </template>
-
-      <!-- 搜索模式：无结果 -->
-      <div v-else-if="isSearching && searchResults.length === 0" class="no-data">
-        未找到与"{{ searchValue }}"相关的产品
-      </div>
-
-      <!-- 正常模式：只显示当前选中的供应商的产品 -->
-      <template v-else-if="!isSearching && cloudData.secMenu && cloudData.secMenu.length > 0 && activeSupplierIndex >= 0">
-        <template v-for="thrMenu in cloudData.secMenu[activeSupplierIndex].thrMenu">
-          <div v-for="product in thrMenu.value" :key="product.id" class="box-item">
-            <div class="item-tit">
-              {{ product.name }}
-            </div>
-            <div class="item-detail">
-              {{ product.description }}
-            </div>
-            <div class="item-desc">
-              算力网络
-            </div>
-            <div class="item-btn">
-              <div class="btn" @click="goToDetail(product.id)">
-                查看详情
-              </div>
-            </div>
-          </div>
-        </template>
-      </template>
-
-      <!-- 正常模式：无数据 -->
-      <div v-else-if="!isSearching && (!cloudData.secMenu || cloudData.secMenu.length === 0)" class="no-data">
-        暂无产品数据
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { reqNavList } from '@/api/H5/index'
-
-export default {
-  data() {
-    return {
-      cloudData: {},
-      activeSupplierIndex: 0,
-      searchValue: '',
-      isSearching: false,
-      searchResults: []
-    }
-  },
-  created() {
-    this.getCloudData()
-  },
-  methods: {
-    async getCloudData(keyword) {
-      try {
-        const params = {
-          url_link: window.location.href,
-          ...(keyword && { keyword: keyword.trim() })
-        }
-
-        const res = await reqNavList(params)
-        if (res.status == true) {
-          if (keyword) {
-            // 搜索模式
-            this.isSearching = true
-            this.searchResults = Array.isArray(res.data) ? res.data : []
-          } else {
-            // 正常模式
-            this.isSearching = false
-            this.searchResults = []
-            this.cloudData = res.data.product_service[2] || {}
-
-            if (this.cloudData.secMenu && this.cloudData.secMenu.length > 0) {
-              this.activeSupplierIndex = 0
-            }
-          }
-        }
-      } catch (error) {
-        console.error('获取数据失败:', error)
-        this.isSearching = false
-        this.searchResults = []
-      }
-    },
-
-    // 处理搜索
-    handleSearch() {
-      const keyword = this.searchValue.trim()
-      if (keyword) {
-        this.getCloudData(keyword)
-      } else {
-        // 如果搜索框为空，返回正常模式
-        this.clearSearch()
-      }
-    },
-
-    // 清空搜索
-    clearSearch() {
-      this.isSearching = false
-      this.searchValue = ''
-      this.searchResults = []
-      this.getCloudData() // 重新加载正常数据
-    },
-
-    // 选择供应商
-    selectSupplier(index) {
-      if (!this.isSearching) {
-        this.activeSupplierIndex = index
-      }
-    },
-
-    // 跳转到详情页
-    goToDetail(productId) {
-      this.$router.push({
-        path: '/h5HomePage/netDetail',
-        query: {
-          id: productId
-        }
-      })
-    },
-  }
-}
-</script>
-
-<style>
-  html, body {
-    height: 100%;
-    overflow-y: auto;
-  }
-</style>
-
-<style lang="less" scoped>
-@import url('../less/all/index.less');
-
-/* 搜索提示样式 */
-.search-tip {
-  padding: 10px 20px;
-  background-color: #f5f7fa;
-  color: #666;
-  font-size: 14px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: 1px solid #e4e7ed;
-}
-
-.clear-search {
-  color: #409EFF;
-  cursor: pointer;
-  font-size: 12px;
-  padding: 2px 8px;
-  border-radius: 3px;
-  transition: all 0.3s;
-}
-
-.clear-search:hover {
-  background-color: #ecf5ff;
-  color: #409EFF;
-}
-
-/* 无数据样式 */
-.no-data {
-  text-align: center;
-  padding: 40px 20px;
-  color: #909399;
-  font-size: 14px;
-  background-color: #f5f7fa;
-  border-radius: 4px;
-  margin: 20px;
-}
-</style>
diff --git a/f/web-kboss/src/views/H5/netDetails/index.vue b/f/web-kboss/src/views/H5/netDetails/index.vue
deleted file mode 100644
index 69de037..0000000
--- a/f/web-kboss/src/views/H5/netDetails/index.vue
+++ /dev/null
@@ -1,561 +0,0 @@
-<template>
-  <div>
-    <div class="banner">
-      <!-- 介绍 -->
-      <div class="introduce">
-        <div class="title">
-          <span>{{ productList.title }}</span>
-        </div>
-        <!-- 详情 -->
-        <div class="details">
-          <span>{{ productList.description }}</span>
-        </div>
-        <div class="btn" @click="openConsultDialog">
-          立即咨询
-        </div>
-      </div>
-    </div>
-    <!-- 数据 -->
-    <div class="data">
-      <!-- 优势 -->
-      <div class="advantage">
-        <div class="title">
-          产品<span class="color">优势</span>
-        </div>
-        <!-- 优势列表 -->
-        <div class="advantage-list">
-          <!-- 优势项 -->
-          <div class="advantage-item" v-for="(item, index) in productList.adList" :key="index">
-            <div class="icon">
-              <img :src="item.img ? item.img : ''" alt="">
-            </div>
-            <!-- 描述 -->
-            <div class="advantage-desc">
-              <span class="desc-title">{{ item.title }}</span>
-              <span class="desc-details">{{ item.description }}</span>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- 功能 -->
-      <div class="function">
-        <div class="title">
-          产品<span class="color">功能</span>
-        </div>
-        <!-- 功能列表 -->
-        <div class="function-list" v-for="(group, groupIndex) in productList.useList" :key="group.id || groupIndex">
-          <!-- 功能项 -->
-          <div class="function-box" v-for="(item, itemIndex) in group.content" :key="item.id">
-            <!-- 图标 -->
-            <div class="function-icon">
-              <img :src="getFunctionIcon(itemIndex)" alt="">
-            </div>
-            <!-- 描述 -->
-            <div class="function-desc">
-              <span class="desc-title">{{ item.title }}</span>
-              <span class="desc-details">{{ item.description }}</span>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- 场景 -->
-      <div class="scene" v-if="productList.applicationList && productList.applicationList.length > 0">
-        <div class="title">
-          产品<span class="color">场景</span>
-        </div>
-        <!-- 场景列表 -->
-        <div class="scene-list">
-          <!-- 场景切换 -->
-          <div class="scene-switch">
-            <div
-              class="scene-item"
-              v-for="(scene, index) in productList.applicationList"
-              :key="scene.id"
-              :class="{ active: activeSceneIndex === index }"
-              @click="switchScene(index)"
-            >
-              {{ scene.memuName }}
-            </div>
-          </div>
-          <!-- 场景描述 -->
-          <div class="scene-desc">
-            <!-- 上数据 -->
-            <div class="top" v-if="currentScene">
-              <!-- 标题 -->
-              <div class="top-tit">
-                {{ currentScene.title_r }}
-              </div>
-              <!-- 描述 -->
-              <div class="top-desc">
-                {{ currentScene.description_r }}
-              </div>
-            </div>
-            <!-- 下数据 -->
-            <div class="bottom" v-if="currentScene && currentScene.provide">
-              <div class="bottom-item" v-for="(provideItem, index) in currentScene.provide" :key="index">
-                <!-- 标题 -->
-                <div class="bottom-tit">
-                  {{ provideItem.title }}
-                </div>
-                <!-- 描述 -->
-                <div class="bottom-desc">
-                  {{ provideItem.content }}
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 产品咨询弹窗 -->
-    <ProductConsultDialog
-      v-if="showConsultDialog"
-      :visible.sync="showConsultDialog"
-      :platform-name="platformName"
-      :qr-code="qrCode"
-      :default-form-data="consultFormData"
-      :submit-api="submitConsultApi"
-      @success="handleConsultSuccess"
-      @close="handleDialogClose"
-    />
-
-    <!-- 底部 -->
-    <Footer></Footer>
-  </div>
-</template>
-
-<script>
-import { reqProductDetail, reqProductConsult } from '@/api/H5/index'
-import Footer from '../components/footer/footer.vue';
-import ProductConsultDialog from '../components/H5_dialog/index.vue'
-
-export default {
-  components: {
-    Footer,
-    ProductConsultDialog
-  },
-  data() {
-    return {
-      id: null,
-      productList: {},
-      activeSceneIndex: 0, // 修改为索引控制
-
-      // 咨询弹窗相关
-      showConsultDialog: false,
-      platformName: '产品详情页',
-      qrCode: '',
-      consultFormData: {
-        content: '',
-        custom_type: '1',
-        name: '',
-        phone: '',
-        company: '',
-        email: '',
-        checked: false
-      }
-    }
-  },
-
-  computed: {
-    // 计算所有功能项的图标数组
-    functionIcons() {
-      const icons = [
-        require('../images/netDetails/1.png'),
-        require('../images/netDetails/2.png'),
-        require('../images/netDetails/3.png'),
-        require('../images/netDetails/4.png'),
-        require('../images/netDetails/5.png'),
-        require('../images/netDetails/6.png'),
-        require('../images/netDetails/7.png'),
-      ];
-      return icons;
-    },
-
-    // 当前场景
-    currentScene() {
-      if (this.productList.applicationList && this.productList.applicationList.length > 0) {
-        return this.productList.applicationList[this.activeSceneIndex];
-      }
-      return null;
-    }
-  },
-
-  created() {
-    // 获取id
-    this.id = this.$route.query.id
-    console.log('ID:', this.id)
-    this.getProductList()
-  },
-
-  methods: {
-    // 获取产品列表
-    async getProductList() {
-      const res = await reqProductDetail({ id: this.id })
-      console.log('产品详情是', res)
-      if (res.status === true) {
-        this.productList = res.data
-        // 如果有场景数据，默认显示第一个
-        if (this.productList.applicationList && this.productList.applicationList.length > 0) {
-          this.activeSceneIndex = 0;
-        }
-      }
-    },
-
-    // 根据索引获取功能图标
-    getFunctionIcon(index) {
-      // 使用模运算循环使用图标
-      return this.functionIcons[index % this.functionIcons.length];
-    },
-
-    // 切换场景
-    switchScene(index) {
-      this.activeSceneIndex = index;
-    },
-
-    // 打开咨询弹窗
-    openConsultDialog() {
-      // 准备咨询内容
-      let content = `我想咨询关于【${this.productList.title || '产品'}】的详细信息`
-
-
-      // 设置咨询表单的预填内容
-      this.consultFormData = {
-        ...this.consultFormData,
-        content: content
-      }
-
-      this.showConsultDialog = true
-    },
-
-    // 提交咨询API
-    async submitConsultApi(data) {
-      // 构建提交数据
-      const submitData = {
-        ...data,
-        product_id: this.id,
-        product_title: this.productList.title || '',
-        product_description: this.productList.description || '',
-        product_advantages: this.productList.adList ? this.productList.adList.length : 0,
-        product_features: this.productList.useList ? this.productList.useList.length : 0,
-        current_scene: this.currentScene?.memuName || '',
-        current_scene_title: this.currentScene?.title_r || '',
-        consult_source: 'product_detail_banner',
-        page_type: 'product_detail_h5',
-        page_url: window.location.href
-      }
-
-      return await reqProductConsult(submitData)
-    },
-
-    // 咨询成功回调
-    handleConsultSuccess(response) {
-      console.log('咨询提交成功:', response)
-      this.$message.success('咨询提交成功，我们将尽快联系您！')
-    },
-
-    // 弹窗关闭回调
-    handleDialogClose() {
-      // 重置表单数据（保留部分信息）
-      this.consultFormData = {
-        content: '',
-        custom_type: '1',
-        name: '',
-        phone: '',
-        company: '',
-        email: '',
-        checked: false
-      }
-    }
-  }
-}
-</script>
-<style lang="less" scoped>
-.banner {
-  height: 4.2rem;
-  background: url(../images/netBanner.jpg) no-repeat;
-  background-size: 100% 100%;
-  position: relative;
-
-  .introduce {
-    position: absolute;
-    left: 50%;
-    top: 14%;
-    transform: translate(-90%);
-  }
-
-  .title {
-    text-align: left;
-    font-size: 0.32rem;
-    /* 修改为0.32rem */
-    color: #000;
-    font-weight: 700;
-  }
-
-  .details {
-    font-size: 0.18rem;
-    /* 修改为0.18rem */
-    color: #8890ab;
-    line-height: 2 !important;
-    margin-top: .1rem;
-  }
-
-  .btn {
-    margin-top: .1rem;
-    width: 2rem;
-    height: .4rem;
-    border-radius: .1rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: .2rem;
-    background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-    color: #fff;
-    cursor: pointer; /* 添加手型光标 */
-    transition: all 0.3s ease;
-
-    &:active {
-      transform: scale(0.98);
-      opacity: 0.9;
-    }
-  }
-}
-
-.title {
-  margin: .2rem 0;
-  font-size: 0.32rem;
-  text-align: center;
-  color: #000;
-  font-weight: 700;
-
-  .color {
-    background: linear-gradient(to right, #0066FF, #66CCFF);
-    /* 蓝到浅蓝渐变 */
-    -webkit-background-clip: text;
-    background-clip: text;
-    color: transparent;
-    display: inline-block;
-  }
-}
-
-.data {
-  background: linear-gradient(to bottom, #fff, #f2f6fb, #fff);
-}
-
-// 优势
-.advantage-list {
-  padding: 0 .2rem;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-}
-
-.advantage-item {
-  background: linear-gradient(to bottom, #ecf0fd, #fff);
-  border-radius: .12rem;
-  display: flex;
-  align-items: center;
-  width: 48%;
-  padding: .2rem 0;
-  padding-left: .1rem;
-  margin-bottom: .1rem;
-
-  .icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding-bottom: 0;
-    padding-left: .1rem;
-    img {
-      width: .4rem;
-      height: .4rem;
-    }
-  }
-
-  .advantage-desc {
-    display: flex;
-    flex-direction: column;
-    padding-left: .2rem;
-
-    .desc-title {
-      font-size: .18rem;
-      color: #333;
-      font-weight: bold;
-      margin-bottom: .1rem;
-    }
-
-    .desc-details {
-      font-size: .14rem;
-      color: #999;
-    }
-  }
-}
-
-// 功能
-.function {
-  .title {
-    margin-bottom: .2rem;
-  }
-}
-
-.function-list {
-  width: 100%;
-  padding: 0 .2rem;
-  display: flex;
-  // flex-wrap: wrap;
-
-  .function-group {
-    margin-bottom: .3rem;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-
-  .function-box {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width: 33.33%;
-    /* 每行显示3个 */
-    margin-bottom: .2rem;
-    padding: .15rem;
-    box-sizing: border-box;
-
-    // 图标
-    .function-icon {
-      width: .8rem;
-      height: .8rem;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-bottom: .1rem;
-
-      img {
-        width: 100%;
-        height: 100%;
-        object-fit: contain;
-      }
-    }
-
-    // 描述
-    .function-desc {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      text-align: center;
-
-      .desc-title {
-        font-size: .18rem;
-        color: #333;
-        font-weight: bold;
-        margin-bottom: .08rem;
-        line-height: 1.2;
-      }
-
-      .desc-details {
-        font-size: .14rem;
-        color: #666;
-        line-height: 1.4;
-      }
-    }
-  }
-}
-
-// 场景
-.scene {
-   .scene-switch {
-    display: flex;
-    justify-content: center;
-  }
-
-  .scene-item {
-    padding: .2rem 0;
-    font-size: .2rem;
-    color: #000;
-    transition: all 0.3s ease;
-    width: 34%;
-    text-align: center;
-    cursor: pointer; /* 添加手型光标 */
-
-    &.active {
-      border-bottom: .025rem solid #275AFF;
-      color: #275AFF;
-    }
-
-    &:active {
-      opacity: 0.8;
-    }
-  }
-
-  .scene-list {
-    background: url('../images/scene.jpg') no-repeat;
-    background-size: 100% 100%;
-    min-height: 4.5rem;
-    border-radius: .12rem;
-    overflow: hidden;
-    margin: 0 .2rem;
-  }
-
-  .scene-desc {
-    padding: .3rem;
-
-    .top {
-      padding-bottom: .2rem;
-      border-bottom: .01rem solid rgba(216, 216, 216, 0.5);
-      margin-bottom: .2rem;
-
-      .top-tit {
-        font-weight: 600;
-        font-size: .22rem;
-        color: #000;
-        margin-bottom: .1rem;
-      }
-
-      .top-desc {
-        font-size: .16rem;
-        color: #6d7696;
-        line-height: 1.5;
-      }
-    }
-
-    .bottom {
-      width: 100%;
-      display: flex;
-      flex-wrap: wrap;
-
-      .bottom-item {
-        width: 50% !important;
-        padding: .15rem 0;
-        // padding-right: .15rem;
-        // box-sizing: border-box;
-
-        .bottom-tit {
-          font-weight: 600;
-          font-size: .18rem;
-          color: #000;
-          margin-bottom: .05rem;
-        }
-
-        .bottom-desc {
-          font-size: .16rem;
-          color: #6d7696;
-          line-height: 1.4;
-        }
-      }
-    }
-  }
-}
-
-// 响应式调整
-@media (max-width: 768px) {
-  .function-box {
-    width: 50% !important; /* 小屏幕每行显示2个 */
-  }
-
-  .scene-desc .bottom .bottom-item {
-    width: 100% !important; /* 小屏幕每行显示1个 */
-    padding-right: 0;
-  }
-}
-</style>
diff --git a/f/web-kboss/src/views/H5/newImg/banner.png b/f/web-kboss/src/views/H5/newImg/banner.png
deleted file mode 100644
index 71ab7f2..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/banner.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/baseBg.png b/f/web-kboss/src/views/H5/newImg/baseBg.png
deleted file mode 100644
index 41c435b..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/baseBg.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/computing.png b/f/web-kboss/src/views/H5/newImg/computing.png
deleted file mode 100644
index cebe539..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/computing.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/computingActive.png b/f/web-kboss/src/views/H5/newImg/computingActive.png
deleted file mode 100644
index b4e9d00..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/computingActive.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/container.png b/f/web-kboss/src/views/H5/newImg/container.png
deleted file mode 100644
index b0d95d5..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/container.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/containerActive.png b/f/web-kboss/src/views/H5/newImg/containerActive.png
deleted file mode 100644
index 6ada96f..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/containerActive.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/cun.png b/f/web-kboss/src/views/H5/newImg/cun.png
deleted file mode 100644
index 465cfb1..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/cun.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/cunActive.png b/f/web-kboss/src/views/H5/newImg/cunActive.png
deleted file mode 100644
index 04a852a..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/cunActive.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/database.png b/f/web-kboss/src/views/H5/newImg/database.png
deleted file mode 100644
index 83143e7..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/database.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/databaseActive.png b/f/web-kboss/src/views/H5/newImg/databaseActive.png
deleted file mode 100644
index f3f9bf2..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/databaseActive.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/footerLogo.png b/f/web-kboss/src/views/H5/newImg/footerLogo.png
deleted file mode 100644
index 38756c8..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/footerLogo.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/hotBg.png b/f/web-kboss/src/views/H5/newImg/hotBg.png
deleted file mode 100644
index 8f29a12..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/hotBg.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/map.png b/f/web-kboss/src/views/H5/newImg/map.png
deleted file mode 100644
index 0289f5d..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/map.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/netBg.png b/f/web-kboss/src/views/H5/newImg/netBg.png
deleted file mode 100644
index e0b27b6..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/netBg.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/niu.png b/f/web-kboss/src/views/H5/newImg/niu.png
deleted file mode 100644
index 3c21344..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/niu.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/niuActive.png b/f/web-kboss/src/views/H5/newImg/niuActive.png
deleted file mode 100644
index fe5a0be..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/niuActive.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/rescourceBg.png b/f/web-kboss/src/views/H5/newImg/rescourceBg.png
deleted file mode 100644
index d6db79e..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/rescourceBg.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/newImg/tag.png b/f/web-kboss/src/views/H5/newImg/tag.png
deleted file mode 100644
index 94ec98b..0000000
Binary files a/f/web-kboss/src/views/H5/newImg/tag.png and /dev/null differ
diff --git a/f/web-kboss/src/views/H5/official/index.vue b/f/web-kboss/src/views/H5/official/index.vue
index a824187..4b97a04 100644
--- a/f/web-kboss/src/views/H5/official/index.vue
+++ b/f/web-kboss/src/views/H5/official/index.vue
@@ -1,392 +1,799 @@
 <template>
-  <div class="main-page">
-    <!-- banner图 -->
-    <div class="top-box">
-      <div class="title">
-        <p class="title-top">
-          <span class="name">开元云</span> 您身边的AI管家
-        </p>
-        <p class="title-btm">
-          全球领先的AI服务运营商
-        </p>
-      </div>
-    </div>
+  <div class="h5-home">
+    <div class="bg-orb bg-orb--1"></div>
+    <div class="bg-orb bg-orb--2"></div>
+    <div class="bg-orb bg-orb--3"></div>
+    <div class="bg-orb bg-orb--4"></div>
 
-    <!-- 云筑企业基座 -->
-    <div class="base-box">
-      <div class="text">
-        <div class="text-top">云筑企业基座</div>
-        <div class="text-btm">多云结合 让上云更简单</div>
+    <img class="home-logo" src="@/views/H5/images/logo.png" alt="开元云">
+    <section class="home-hero">
+      <div class="hero-content">
+        <h1>一个平台，千行百业</h1>
+        <h2>智能跃迁</h2>
+        <!-- <p class="hero-subtitle">AI 驱动产业升级，让智能真正服务于业务</p> -->
+        <div class="hero-actions">
+          <button type="button" class="hero-primary" @click="scrollToSolutions">解决方案</button>
+          <button type="button" class="hero-secondary" @click="contactSales">联系销售</button>
+        </div>
       </div>
-      <!-- 内容 -->
-      <div class="content">
-        <div class="item-box" v-for="(item, key) in baseData" :key="key">
-          <div class="item-title">{{ item.title }}</div>
-          <div class="item-description">{{ item.description }}</div>
+    </section> 
 
-          <div class="advantage-list" v-if="item.list && item.list.length">
-            <div class="advantage-item" v-for="listItem in item.list" :key="listItem.id">
-              <div>
-                <img v-if="listItem.icon" :src="getIconPath(listItem.icon)" alt="" class="advantage-icon" />
-                <span v-if="listItem.name" class="advantage-name">{{ listItem.name }} : </span>
-                <span class="advantage-content">{{ listItem.content }}</span>
+    <section id="h5-ai-solutions" class="ai-section">
+      <div class="section-inner">
+        <h2 class="section-title">AI+解决方案</h2>
+        <div class="solution-list">
+          <article
+            v-for="item in solutionCards"
+            :key="item.title"
+            class="solution-card"
+            :style="{ background: item.bg, boxShadow: item.shadow }"
+          >
+            <button
+              v-if="item.scenarioPath"
+              type="button"
+              class="scenario-link"
+              @click="navigateTo(item.scenarioPath)"
+            >
+              {{ item.scenarioLabel }}
+            </button>
+            <div >
+              <div class="solution-icon" v-html="item.icon"></div>
+            <h3>{{ item.title }}</h3>
+            <p class="solution-subtitle">{{ item.subtitle }}</p>
+            </div>
+            <div class="solution-detail">
+
+              <p>{{ item.detailDesc }}</p>
+              <ul>
+                <li v-for="metric in item.metrics" :key="metric.label">
+                  <b>{{ metric.value }}</b>
+                  <small>{{ metric.label }}</small>
+                </li>
+              </ul>
+            </div>
+          </article>
+        </div>
+      </div>
+    </section>
+
+    <section class="case-section">
+      <div class="section-inner">
+        <h2 class="section-title">成功案例</h2>
+        <div class="case-list">
+          <article  
+            v-for="(item, index) in caseCards"
+            :key="item.title"
+            class="case-card"
+            :class="{ 'is-flipped': activeCaseIndex === index }"
+            role="button"
+            tabindex="0"
+            @click="toggleCaseCard(index)"
+            @keyup.enter="toggleCaseCard(index)"
+          >
+            <div class="case-card-inner">
+              <div class="case-card-face case-card-front">
+                <img :src="item.image" :alt="item.title">
+              </div>
+              <div class="case-card-face case-card-back">
+                <div class="case-content">
+                  <h3>{{ item.title }}</h3>
+                  <h4>{{ item.name }}</h4>
+                  <p>{{ item.desc }}</p>
+                  <p class="case-summary">{{ item.summary }}</p>
+                </div>
               </div>
             </div>
+          </article>
+        </div>
+        <div class="case-cta">
+          <div>
+            <h2>想了解这些方案如何落地？</h2>
+            <p>获取行业专属 AI 解决方案</p>
           </div>
-
-          <div class="item-price">
-            <span class="price-icon">￥</span>
-            <span class="price">{{ item.price }}</span> {{ item.price_unit }}
-          </div>
-          <div class="item-button">
-            <div class="item-button-text" @click="openConsultDialog(item, '云筑企业基座')">立即咨询</div>
-          </div>
+          <button type="button" @click="contactSales">联系我们</button>
         </div>
       </div>
-    </div>
+    </section>
 
-    <!-- 智算未来征程 -->
-    <div class="journey-box">
-      <div class="text">
-        <div class="text-top">智算未来征程</div>
-        <div class="text-btm">多元异构 灵活短租</div>
-      </div>
-      <!-- 内容 -->
-      <div class="content">
-        <div class="item-box" v-for="(item, key) in journeyData" :key="key">
-          <div class="item-title">{{ item.title }}</div>
-          <div class="item-description">{{ item.description }}</div>
 
-          <!-- 优势列表 -->
-          <div class="advantage-list" v-if="item.list && item.list.length">
-            <div class="advantage-item" v-for="listItem in item.list" :key="listItem.id">
-              <div>
-                <img v-if="listItem.icon" :src="getIconPath(listItem.icon)" alt="" class="advantage-icon" />
-                <span v-if="listItem.name" class="advantage-name">{{ listItem.name }} : </span>
-                <span class="advantage-content">{{ listItem.content }}</span>
-              </div>
-            </div>
-          </div>
-
-          <div class="item-price">
-            <!-- 虚线 -->
-            <div class="item-price-line">
-              <span class="price-icon">￥</span>
-              <span class="price">{{ item.price }}</span> {{ item.price_unit }}
-            </div>
-
-          </div>
-          <div class="item-button">
-            <div class="item-button-text" @click="openConsultDialog(item, '智算未来征程')">立即咨询</div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 网织智能经纬 -->
-    <div class="latitude-box">
-      <div class="text">
-        <div class="text-top">网织智能经纬</div>
-        <div class="text-btm">云算网结合 让连接更简单</div>
-      </div>
-      <!-- 内容 -->
-      <div class="content">
-        <div class="item-box" v-for="(item, key) in latitudeData" :key="key">
-          <div class="item-title">{{ item.title }}</div>
-          <div class="item-description">{{ item.description }}</div>
-
-          <!-- 优势列表 -->
-          <div class="advantage-list" v-if="item.advantageList && item.advantageList.length">
-            <div class="advantage-item" v-for="advantage in item.advantageList" :key="advantage.id">
-              <div>
-                <img v-if="advantage.icon" :src="getIconPath(advantage.icon)" alt="" class="advantage-icon" />
-                <span class="advantage-name">{{ advantage.name }}：</span>
-                <span class="advantage-content">{{ advantage.content }}</span>
-              </div>
-            </div>
-          </div>
-
-          <!-- 标签列表 - 添加边框 -->
-          <div class="tag-list" v-if="item.tagList && item.tagList.length">
-            <span class="tag-item" v-for="tag in item.tagList" :key="tag.id">
-              {{ tag.name }}
-            </span>
-          </div>
-
-          <div class="item-button">
-            <div class="item-button-text" @click="openConsultDialog(item, '网织智能经纬')">立即咨询</div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 合作伙伴 -->
-    <div class="partner">
-      <div class="text">
-        <div class="text-top">合作伙伴</div>
-        <div class="text-btm">Partners</div>
-      </div>
-      <!-- 滚动合作伙伴内容 -->
-      <div class="partner-scroll">
-        <div class="logo-scroll-wrapper">
-          <div class="logo-scroll-container" :style="{ animationDuration: 60 + 's' }">
-            <div v-for="(image, index) in duplicatedImages" :key="index" class="logo-item">
-              <img :src="image" />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
     <Footer />
 
-    <!-- 产品咨询弹窗 -->
-    <ProductConsultDialog :visible.sync="showConsultDialog" :platform-name="platformName" :qr-code="qrCode"
-      :default-form-data="consultFormData" :submit-api="submitConsultApi" @success="handleConsultSuccess"
-      @close="handleDialogClose" />
+    <Talk />
   </div>
 </template>
 
 <script>
-import { reqHotProduct } from '@/api/H5/index.js'
-import { getLogoAPI } from "@/api/login"
-import ProductConsultDialog from '../components/H5_dialog/index.vue'
-import { reqProductConsult } from '@/api/H5/index'
-import Footer from '../components/footer/footer.vue';
+import { reqNewsList } from '@/api/newsapi/newsapi'
+import Talk from '@/views/homePage/dialog/talk/index.vue'
+import Footer from '../components/footer/footer.vue'
 
 export default {
-  name: 'MainPage',
+  name: 'H5OfficialHome',
   components: {
-    ProductConsultDialog,
+    Talk,
     Footer
   },
-
   data() {
     return {
-      // 过滤掉 hot 和 container
-      baseData: {},
-      // 过滤掉 hot
-      journeyData: {},
-      // 过滤掉 hot
-      latitudeData: {},
-
-      logoImg: require("@/assets/logo/colorLogo.png"),
-      logoText: "开元云(北京)科技有限公司",
-      url: window.location.href,
-      photosUrl: [],
-      ICP: "京ICP备2022001945号-1",
-      address: "农业展览馆13号瑞辰国际中心518B(团结湖地铁站c东南口步行420米)",
-
-      // 咨询弹窗相关
-      showConsultDialog: false,
-      platformName: '开元云',
-      qrCode: '',
-      consultFormData: {
-        content: '',
-        custom_type: '1',
-        name: '',
-        phone: '',
-        company: '',
-        email: '',
-        checked: false
-      },
-      currentItem: null,
-      currentCategory: null,
-
-      // 滚动速度控制
-      scrollDuration: 6
-    }
-  },
-  computed: {
-    duplicatedImages() {
-      const images = [];
-      for (let i = 1; i <= 52; i++) {
-        try {
-          const imagePath = require(`./img/image${i}.png`);
-          images.push(imagePath);
-        } catch (error) {
-          continue;
+      newsList: [],
+      activeCaseIndex: null,
+      solutionCards: [
+        {
+          title: '群智协作',
+          subtitle: '多智能体协同',
+          detailTitle: '群智协作',
+          detailSubTitle: '多智能体协同',
+          detailDesc: '多个AI智能体按角色分工，自主完成信息采集、数据分析、逻辑推理与结论生成的全流程协作。支持动态任务分配与上下文共享，将复杂业务决策从"人串联"变为"智能体并行"，大幅压缩高知识密度工作的完成周期。',
+          metrics: [{ value: '10倍+', label: '知识工作效率提升' }, { value: '多源', label: '信息实时融合' }, { value: '高复杂度', label: '决策场景适配' }],
+          bg: 'linear-gradient(145deg, rgba(208, 236, 249, .92), rgba(124, 196, 238, .78))',
+          shadow: '0 18px 54px rgba(80, 150, 220, .2)',
+          scenarioLabel: '投策智能体→',
+          scenarioPath: '/h5HomePage/decision-case',
+          icon: '<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="24" cy="18" r="6"/><circle cx="10" cy="34" r="5"/><circle cx="38" cy="34" r="5"/><path d="m20 23-7 7m15-7 7 7"/></svg>'
+        },
+        {
+          title: '空间觉醒',
+          subtitle: 'GIS智能分析',
+          detailTitle: '空间觉醒',
+          detailSubTitle: 'GIS智能分析',
+          detailDesc: '融合地理信息系统、卫星遥感影像、无人机航拍等多维空间数据，AI自动识别地物边界、叠加分析空间关系、校验合规约束。将传统需要人工逐层比对的地理空间判断，升级为分钟级自动完成的空间智能决策。',
+          metrics: [{ value: '分钟级', label: '空间分析' }, { value: '90%+', label: '违规识别准确率' }, { value: '70%', label: '人力成本节省' }],
+          bg: 'linear-gradient(145deg, rgba(200, 238, 218, .92), rgba(104, 194, 150, .78))',
+          shadow: '0 18px 54px rgba(60, 150, 100, .18)',
+          icon: '<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="24" cy="24" r="18"/><ellipse cx="24" cy="24" rx="10" ry="18"/><path d="M6 24h36M8 16h32M8 32h32M24 6v36"/></svg>'
+        },
+        {
+          title: '先见一步',
+          subtitle: '智能预测引擎',
+          detailTitle: '先见一步',
+          detailSubTitle: '智能预测引擎',
+          detailDesc: '融合机理模型与数据驱动模型，通过实时采集设备运行参数，AI自主识别早期异常特征并精准预测剩余使用寿命。在故障真正发生前72小时发出预警，让运维从"事后抢修"转变为"事前防御"，最大化保障生产连续性。',
+          metrics: [{ value: '95%+', label: '故障预警准确率' }, { value: '60%', label: '非计划停机减少' }, { value: '72小时', label: '预测提前量' }],
+          bg: 'linear-gradient(145deg, rgba(214, 240, 224, .92), rgba(122, 204, 158, .78))',
+          shadow: '0 18px 54px rgba(60, 150, 100, .18)',
+          icon: '<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.8"><path d="m6 38 10-12 8 6 10-16 8 10M36 22l6 4-4 6M6 40h36M6 8v32"/></svg>'
+        },
+        {
+          title: '洞察入微',
+          subtitle: '机器视觉检测',
+          detailTitle: '洞察入微',
+          detailSubTitle: '机器视觉检测',
+          detailDesc: '基于深度学习的高速产线全幅面缺陷检测能力，覆盖表面处理、涂层喷涂、焊接装配等全流程质检环节。不是抽样检查，而是每一寸产品都经过AI逐像素比对，在毫秒级时间内完成缺陷识别与分类，确保出厂品质零妥协。',
+          metrics: [{ value: '毫秒级', label: '检测速度' }, { value: '95%', label: '漏检率降低' }, { value: '99.5%+', label: '识别准确率' }],
+          bg: 'linear-gradient(145deg, rgba(192, 222, 239, .92), rgba(80, 166, 208, .78))',
+          shadow: '0 18px 54px rgba(40, 110, 170, .18)',
+          icon: '<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 24s8-14 20-14 20 14 20 14-8 14-20 14S4 24 4 24z"/><circle cx="24" cy="24" r="7"/><circle cx="24" cy="24" r="3"/></svg>'
+        },
+        {
+          title: '一问即达',
+          subtitle: '智能问答知识库',
+          detailTitle: '一问即达',
+          detailSubTitle: '智能问答知识库',
+          detailDesc: '基于企业私有知识库构建的AI问答引擎，支持自然语言直接查询业务数据、技术规范、制度文件。每条回答自动标注权威来源，信息可追溯、可验证。让专家级知识不再锁在文档里，而是像问同事一样即问即答。',
+          metrics: [{ value: '<3秒', label: '响应速度' }, { value: '90%', label: '专家知识覆盖率' }, { value: '5倍', label: '决策效率提升' }],
+          bg: 'linear-gradient(145deg, rgba(224, 208, 242, .92), rgba(170, 142, 216, .78))',
+          shadow: '0 18px 54px rgba(130, 80, 180, .18)',
+          icon: '<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="6" y="8" width="36" height="28" rx="4"/><path d="M6 16h36M24 25v6M18 28h12M18 42h12"/></svg>'
+        },
+        {
+          title: '全程守护',
+          subtitle: '设备智能监控',
+          detailTitle: '全程守护',
+          detailSubTitle: '设备智能监控',
+          detailDesc: '为每台设备构建独立监控策略，通过三维可视化实时呈现运行状态。AI自动识别异常并高亮定位故障点，同步输出详细诊断建议和排查步骤。将运维人员从"盯屏找问题"解放出来，让系统主动告诉你问题在哪、怎么修。',
+          metrics: [{ value: '1000+', label: '监控点位支持' }, { value: '<1秒', label: '告警响应' }, { value: '40%', label: '运维成本降低' }],
+          bg: 'linear-gradient(145deg, rgba(251, 230, 200, .92), rgba(238, 180, 120, .78))',
+          shadow: '0 18px 54px rgba(190, 130, 50, .18)',
+          icon: '<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="8" y="10" width="32" height="22" rx="3"/><path d="M18 36h12M24 32v4m-8-12 4 4 6-8"/></svg>'
+        },
+        {
+          title: '触文即懂',
+          subtitle: '智能文档解析',
+          detailTitle: '触文即懂',
+          detailSubTitle: '智能文档解析',
+          detailDesc: '支持PDF、Word、扫描件等多种格式一键解析，AI自动提取关键条款、资质要求、评分细则等核心信息并结构化呈现。不是简单的OCR文字识别，而是理解文档语义、判断信息重要性、标注风险点，让冗长文档的核心内容一目了然。',
+          metrics: [{ value: '98%+', label: '解析准确率' }, { value: '85%', label: '人工核查时间减少' }, { value: '零遗漏', label: '关键信息' }],
+          bg: 'linear-gradient(145deg, rgba(200, 214, 242, .92), rgba(116, 146, 216, .78))',
+          shadow: '0 18px 54px rgba(60, 80, 160, .18)',
+          scenarioLabel: '合同智能审查→',
+          scenarioPath: '/h5HomePage/contract-case',
+          icon: '<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 6h16l10 10v26a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V10a4 4 0 0 1 4-4zM28 6v10h10M14 24h20M14 31h16"/></svg>'
+        },
+        {
+          title: '端侧即算',
+          subtitle: '边缘AI推理',
+          detailTitle: '端侧即算',
+          detailSubTitle: '边缘AI推理',
+          detailDesc: '将AI推理能力部署在生产现场边缘侧，通过轻量化算法实现毫秒级实时决策。数据无需回传云端，在本地即可完成从感知到判断的全流程，确保数据不出厂、响应零延迟。冗余架构设计保障7×24小时持续运行，产线检测永不中断。',
+          metrics: [{ value: '<50ms', label: '推理延迟' }, { value: '本地', label: '数据处理不出厂' }, { value: '7×24h', label: '持续运行' }],
+          bg: 'linear-gradient(145deg, rgba(216, 204, 240, .92), rgba(150, 124, 212, .78))',
+          shadow: '0 18px 54px rgba(90, 60, 160, .18)',
+          icon: '<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="10" y="10" width="28" height="28" rx="4"/><rect x="16" y="16" width="16" height="16" rx="2"/><path d="M18 6v4m6-4v4m6-4v4M18 38v4m6-4v4m6-4v4"/></svg>'
         }
-      }
-
-      // 为了无缝滚动效果，将图片复制三份
-      return [...images, ...images, ...images];
+      ],
+      caseCards: [
+        { title: '智慧工程', name: '中国中铁 · 慧投标智能体', desc: 'AI驱动投标全流程，从标书解读到报价编制，中标率提升显著', summary: '项目概况:为中国中铁打造慧投标智能体+慧途大模型，建立联合创新中心与AI应用创新平台。覆盖投标全流程——标书智能解读、资审自动匹配、报价辅助决策、标书智能编制，实现投标工作从人海战术到AI赋能的跨越式升级。', image: require('@/views/homePage/mainPage/img/case/china-railway-bidding-case.jpg') },
+        { title: '智慧采伐', name: '南宁林业局', desc: '从采伐审批到科学监管——空间智能融合，让数据真正服务林区治理。', summary: '项目概况:为南宁林业局打造林业空间采伐智审系统，融合GIS空间分析、卫星遥感、无人机与传感器多源数据，实现空间与属性数据的一体化智能审核。采伐范围自动核验合规性，审查报告一键生成，审批周期从数天压缩至分钟级，人机协同让每一步决策都有据可依。', image: require('@/views/homePage/mainPage/img/case/nanning-forestry-case.jpg') },
+        { title: 'AI赋能，数智升级', name: '北港大数据', desc: '从投标到决策，从合同到管理——全链路AI智能体，让业务快人一步', summary: '项目概况:为北港大数据打造覆盖招投标、投研分析、合同审查的全链路AI智能体解决方案。以投标智能体引擎实现标书秒级生成、中标率显著提升；以投策智能体引擎将数周研报压缩至分钟级，支撑精准投资决策；以合同智能审查将审查效率提升60%以上，风险漏检率降至3%以下。三款产品无缝衔接，真正打通企业从业务承接到风险管控的数字化闭环', image: require('@/views/homePage/mainPage/img/case/beigang-big-data-case.jpg') }
+      ]
     }
   },
   created() {
-    this.loadData()
+    this.getNewsList()
   },
   methods: {
-    async loadData() {
-      try {
-        await this.getHotProduct()
-        await this.getCompanyInfo()
-      } catch (error) {
-        console.error('数据加载失败:', error)
-      }
+    toggleCaseCard(index) {
+      this.activeCaseIndex = this.activeCaseIndex === index ? null : index
     },
-
-    async getHotProduct() {
-      const res = await reqHotProduct()
-      console.log('热门产品数据', res)
-
-      if (res.status) {
-        // 处理 base 数据：过滤掉 hot 和 container
-        const base = res.data.base || {}
-        const { container, ...restBase } = base
-        this.baseData = restBase
-
-        // 处理 suan 数据：过滤掉 hot
-        const suan = res.data.suan || {}
-        const { hot: suanHot, ...restSuan } = suan
-        this.journeyData = restSuan
-
-        // 处理 net 数据：过滤掉 hot
-        const net = res.data.net || {}
-        const { hot: netHot, ...restNet } = net
-        this.latitudeData = restNet
-      }
+    scrollToSolutions() {
+      const target = document.getElementById('h5-ai-solutions')
+      if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' })
     },
-
-    async getCompanyInfo() {
-      const params = {
-        url_link: this.parseURL(this.url)
-      }
-
-      const res = await getLogoAPI(params)
-
-      if (res.status && res.data && res.data.length) {
-        this.photosUrl = res.data[0]
-
-        if (this.photosUrl.orgname !== '业主机构') {
-          this.logoImg = this.photosUrl.logo || this.logoImg
-          this.logoText = this.photosUrl.orgname || this.logoText
-          this.ICP = this.photosUrl.license_number || this.ICP
-          this.address = this.photosUrl.address || this.address
-        }
-      } else {
-        this.showErrorMessage(res.msg || '获取公司信息失败')
-      }
-    },
-
-    parseURL(url) {
-      if (url.includes("#")) {
-        return url.split("#")[0]
-      }
-      return url
-    },
-
-    showErrorMessage(message) {
-      this.$message({
-        message,
-        type: "error"
+    navigateTo(path) {
+      this.$router.push(path).catch((error) => {
+        if (!error || error.name !== 'NavigationDuplicated') throw error
       })
     },
-
-    // 获取图标路径
-    getIconPath(iconPath) {
-      // 如果图标路径是绝对路径或网络路径，直接返回
-      if (iconPath.startsWith('http') || iconPath.startsWith('//') || iconPath.startsWith('data:')) {
-        return iconPath
-      }
-      // 如果是相对路径，尝试使用 require 加载
+    async getNewsList() {
       try {
-        return require(`@/views/homePage/mainPage/${iconPath}`)
-      } catch (e) {
-        console.warn('图标加载失败:', iconPath)
-        return ''
+        const res = await reqNewsList({ url_link: window.location.href, current_page: '1', page_size: '2', title: '', article_type: '', status: '1' })
+        if (res && (res.status === true || res.status === 'true')) {
+          const list = Array.isArray(res.data) ? res.data : (res.data && (res.data.data || res.data.list)) || []
+          this.newsList = list.slice(0, 2)
+        }
+      } catch (error) {
+        this.newsList = []
       }
     },
-
-    // 打开咨询弹窗
-    openConsultDialog(item, category) {
-      this.currentItem = item
-      this.currentCategory = category
-
-      // 构建优势列表文本
-      let advantageText = ''
-      if (item.list && item.list.length) {
-        advantageText = item.list.map(listItem => {
-          return listItem.name ? `${listItem.name}：${listItem.content}` : listItem.content
-        }).join('\n')
-      } else if (item.advantageList && item.advantageList.length) {
-        advantageText = item.advantageList.map(advantage => {
-          return advantage.name ? `${advantage.name}：${advantage.content}` : advantage.content
-        }).join('\n')
-      }
-
-      // 构建标签列表文本
-      let tagText = ''
-      if (item.tagList && item.tagList.length) {
-        tagText = item.tagList.map(tag => tag.name).join('、')
-      }
-
-      // 设置咨询表单的预填内容
-      this.consultFormData = {
-        ...this.consultFormData,
-        content: `我想咨询关于【${item.title}】（${category}）的产品信息`
-      }
-
-      this.showConsultDialog = true
-    },
-
-    // 提交咨询API
-    async submitConsultApi(data) {
-      // 如果有额外的产品信息，可以添加到提交数据中
-      const submitData = {
-        ...data,
-        product_name: this.currentItem?.title || '',
-        product_description: this.currentItem?.description || '',
-        product_category: this.currentCategory || '',
-        product_price: this.currentItem?.price || '',
-        product_price_unit: this.currentItem?.price_unit || '',
-        page_type: 'main_page'
-      }
-
-      return await reqProductConsult(submitData)
-    },
-
-    // 咨询成功回调
-    handleConsultSuccess(response) {
-      console.log('咨询提交成功:', response)
-      this.$message.success('咨询提交成功，我们将尽快联系您！')
-    },
-
-    // 弹窗关闭回调
-    handleDialogClose() {
-      this.currentItem = null
-      this.currentCategory = null
-      // 重置表单数据
-      this.consultFormData = {
-        content: '',
-        custom_type: '1',
-        name: '',
-        phone: '',
-        company: '',
-        email: '',
-        checked: false
-      }
+    contactSales() {
+      this.$store.commit('setShowTalk', true)
     }
   }
 }
 </script>
 
-<style lang="less">
-html,
-body {
+<style lang="less" scoped>
+.h5-home {
+  position: relative;
+  min-height: 100%;
+  overflow: hidden;
+  color: #111827;
+  background-color: #f0f7ff;
+  background-image: linear-gradient(180deg, #f0f7ff 0%, #fff 60%, #f5f8ff 100%);
+}
+
+.h5-home > :not(.bg-orb) {
+  position: relative;
+  z-index: 1;
+}
+
+.bg-orb {
+  position: fixed;
+  z-index: 0;
+  border-radius: 50%;
+  filter: blur(0.8rem);
+  opacity: .3;
+  pointer-events: none;
+}
+
+.bg-orb--1 {
+  top: -1rem;
+  left: -1rem;
+  width: 4rem;
+  height: 4rem;
+  background: #3b82f6;
+}
+
+.bg-orb--2 {
+  right: -1.5rem;
+  bottom: -1.5rem;
+  width: 5rem;
+  height: 5rem;
+  background: #3b82f6;
+}
+
+.bg-orb--3 {
+  top: 50%;
+  left: 50%;
+  width: 3rem;
+  height: 3rem;
+  background: #ec4899;
+  transform: translate(-50%, -50%);
+}
+
+.bg-orb--4 {
+  right: 20%;
+  bottom: 30%;
+  width: 3.5rem;
+  height: 3.5rem;
+  background: #f59e0b;
+}
+
+.home-logo {
+  position: absolute;
+  top: 0.28rem;
+  left: 0.28rem;
+  z-index: 3;
+  display: block;
+  width: 1.58rem;
+  height: auto;
+  object-fit: contain;
+}
+
+.home-hero {
+  position: relative;
+  min-height: 6.8rem;
+  box-sizing: border-box;
+  padding: 1.05rem 0.44rem 0.78rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  background: transparent;
+}
+
+.hero-content {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  max-width: 6.8rem;
+  text-align: center;
+}
+
+.hero-content h1 {
+  margin: 0;
+  color: #111827;
+  font-size: 0.62rem;
+  line-height: 1.18;
+  font-weight: 800;
+  letter-spacing: .02em;
+}
+
+.hero-content h2 {
+  margin: 0.18rem 0 0;
+  color: transparent;
+  font-size: 0.72rem;
+  line-height: 1.18;
+  font-weight: 800;
+  letter-spacing: .02em;
+  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #6366f1 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+}
+
+.hero-subtitle {
+  max-width: 5.2rem;
+  margin: 0.28rem auto 0;
+  color: #6b7280;
+  font-size: 0.23rem;
+  line-height: 1.7;
+  font-weight: 700;
+  letter-spacing: .08em;
+}
+
+.hero-actions {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.16rem;
+  margin-top: 0.5rem;
+}
+
+.hero-actions button {
+  min-width: 1.55rem;
+  height: 0.58rem;
+  padding: 0 0.32rem;
+  border-radius: 99px;
+  font-size: 0.21rem;
+  font-weight: 600;
+}
+
+.hero-primary {
+  border: 0;
+  color: #fff;
+  background: #000;
+  box-shadow: 0 0.12rem 0.28rem rgba(37, 90, 255, .22);
+}
+
+.hero-secondary {
+  border: 0;
+  color: #000;
+  background: transparent;
+}
+
+.section-inner {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 0.32rem;
+}
+
+.ai-section,
+.case-section {
+  padding: 0.76rem 0 0.92rem;
+}
+
+.section-title {
+  margin: 0 0 0.42rem;
+  color: #111827;
+  font-size: 0.42rem;
+  line-height: 1.35;
+  font-weight: 800;
+}
+
+.solution-list,
+.case-list,
+.news-list {
+  display: grid;
+  gap: 0.28rem;
+}
+
+.solution-card {
+  position: relative;
+  box-sizing: border-box;
+  min-width: 0;
+  padding: 0.4rem 0.32rem 0.34rem;
+  border: 1px solid rgba(255, 255, 255, .46);
+  border-radius: 0.2rem;
+  color: rgba(30, 40, 60, .88);
+  backdrop-filter: blur(0.18rem) saturate(1.4);
+  -webkit-backdrop-filter: blur(0.18rem) saturate(1.4);
+  overflow: hidden;
+}
+
+.solution-card::before {
+  position: absolute;
+  inset: 0;
+  content: '';
+  background: radial-gradient(circle at 30% 18%, rgba(255, 255, 255, .48), transparent 42%);
+  pointer-events: none;
+}
+
+.solution-icon {
+  position: relative;
+  z-index: 1;
+  width: 0.92rem;
+  height: 0.92rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid rgba(255, 255, 255, .7);
+  border-radius: 50%;
+  color: rgba(20, 70, 130, .82);
+  background: rgba(255, 255, 255, .38);
+}
+
+.solution-icon :deep(svg) {
+  width: 0.62rem;
+  height: 0.62rem;
+}
+
+.solution-card h3,
+.solution-card p,
+.solution-card strong,
+.solution-card em,
+.solution-card ul {
+  position: relative;
+  z-index: 1;
+}
+
+.solution-card h3 {
+  margin: 0.22rem 0 0.08rem;
+  font-size: 0.36rem;
+  line-height: 1.35;
+}
+
+.solution-subtitle,
+.solution-detail p,
+.solution-detail em {
+  font-size: 0.22rem;
+  line-height: 1.65;
+}
+
+.solution-subtitle {
+  margin: 0;
+  color: rgba(30, 40, 60, .66);
+}
+
+.solution-detail {
+  position: relative;
+  z-index: 1;
+  margin-top: 0.28rem;
+  padding-top: 0.24rem;
+  border-top: 1px solid rgba(255, 255, 255, .58);
+}
+
+.solution-detail strong {
+  display: block;
+  margin-bottom: 0.04rem;
+  color: #0f172a;
+  font-size: 0.3rem;
+}
+
+.solution-detail em {
+  display: block;
+  color: #334155;
+  font-style: normal;
+  font-weight: 700;
+}
+
+.solution-detail p {
+  margin: 0.1rem 0 0;
+  color: #475569;
+}
+
+.solution-detail ul {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 0.1rem;
+  margin: 0.22rem 0 0;
+  padding: 0;
+  list-style: none;
+}
+
+.solution-detail li {
+  min-width: 0;
+  min-height: 0.92rem;
+  box-sizing: border-box;
+  padding: 0.12rem 0.06rem;
+  border: 1px solid rgba(186, 220, 255, .72);
+  border-radius: 0.12rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  background: rgba(240, 249, 255, .82);
+}
+
+.solution-detail li b {
+  color: #2563eb;
+  font-size: 0.27rem;
+  line-height: 1.15;
+  overflow-wrap: anywhere;
+}
+
+.solution-detail li small {
+  margin-top: 0.06rem;
+  color: #64748b;
+  font-size: 0.17rem;
+  line-height: 1.25;
+  overflow-wrap: anywhere;
+}
+
+.scenario-link {
+  position: absolute;
+  top: 0.24rem;
+  right: 0.24rem;
+  z-index: 2;
+  padding: 0.08rem 0.14rem;
+  border: 1px solid rgba(255, 255, 255, .75);
+  border-radius: 99px;
+  color: #1d4ed8;
+  font-size: 0.18rem;
+  background: rgba(255, 255, 255, .62);
+}
+
+.case-card {
+  position: relative;
+  width: 100%;
+  aspect-ratio: 405 / 620;
+  height: 8rem;
+  perspective: 12rem;
+  cursor: pointer;
+}
+
+.case-card-inner {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  transform-style: preserve-3d;
+  transition: transform 0.6s cubic-bezier(.22, 1, .36, 1);
+}
+
+.case-card.is-flipped .case-card-inner {
+  transform: rotateY(180deg);
+}
+.case-card-face
+ {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+  border-radius: 0.16rem;
+  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+  box-shadow: 0 0.24rem 0.6rem rgba(37, 99, 235, .12);
+}
+
+.case-card-front {
+  display: flex;
+  flex-direction: column;
+}
+
+.case-card img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.case-card-label {
+  flex: 1;
+  box-sizing: border-box;
+  padding: 0.22rem 0.28rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.case-card-label strong {
+  color: #111827;
+  font-size: 0.38rem;
+  line-height: 1.28;
+}
+
+.case-card-label span {
+  margin-top: 0.06rem;
+  color: #64748b;
+  font-size: 0.23rem;
+}
+
+.case-card-back {
+  transform: rotateY(180deg);
+  overflow-y: auto;
+  color: #fff;
+  background: linear-gradient(135deg, rgba(71, 85, 105, .96), rgba(15, 23, 42, .98));
+}
+
+.case-card-back::before {
+  position: absolute;
+  inset: 0;
+  content: '';
+  background:
+    radial-gradient(circle at 20% 16%, rgba(96, 165, 250, .32), transparent 32%),
+    radial-gradient(circle at 80% 86%, rgba(139, 92, 246, .24), transparent 34%);
+  pointer-events: none;
+}
+
+.case-content {
+  position: relative;
+  z-index: 1;
   box-sizing: border-box;
   width: 100%;
   height: 100%;
+  padding: 0rem 0.8rem;
+  padding-top: 1rem;
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+}
+
+.case-content h3 {
+  margin: 0 0 0.1rem;
+  color: #fff;
+  font-size: 0.6rem;
+  line-height: 1.18;
+  font-weight: 800;
+}
+
+.case-content h4{
+  margin: 0 0 0.12rem;
+  color: rgba(255, 255, 255, .9);
+  font-size: 0.32rem;
+  line-height: 1.55;
+}
+.case-content p {
+  margin: 0 0 0.12rem;
+  color: rgba(255, 255, 255, .9);
+  font-size: 0.26rem;
+  line-height: 1.55;
+}
+.case-content h4 {
+  margin-bottom: 0.14rem;
+  color: #e0f2fe;
+  font-weight: 700;
+  line-height: 2;
+}
+
+.case-summary {
+  color: rgba(255, 255, 255, .82) !important;
+  font-size: 0.23rem !important;
+  line-height: 2 !important;
+}
+
+.case-cta {
+  box-sizing: border-box;
+  min-height: 2.2rem;
+  margin-top: 0.64rem;
+  padding: 0.42rem 0.48rem;
+  border-radius: 0.28rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.2rem;
+  color: #111827;
+  background: linear-gradient(135deg, rgba(219, 234, 254, .92), rgba(233, 213, 255, .82));
+  box-shadow: 0 0.24rem 0.6rem rgba(37, 99, 235, .12);
+}
+
+.case-cta h2 {
+  margin: 0 0 0.1rem;
+  color: #111827;
+  font-size: 0.3rem;
+  line-height: 1.25;
+  font-weight: 800;
+}
+
+.case-cta p {
   margin: 0;
-  padding: 0;
-  overflow-x: hidden;
+  color: rgba(17, 24, 39, .72);
+  font-size: 0.2rem;
+  line-height: 1.5;
+  font-weight: 600;
 }
 
-body {
-  overflow-y: auto !important;
-  background-color: #f8fafd;
+.case-cta button {
+  flex: 0 0 auto;
+  padding: 0.16rem 0.2rem;
+  border: 0;
+  border-radius: 99px;
+  color: #fff;
+  font-size: 0.2rem;
+  font-weight: 700;
+  background: #111827;
+}
+
+.news-card {
+  position: relative;
+  padding: 0.42rem 0.32rem;
+  border: 1px solid rgba(255, 255, 255, .82);
+  border-radius: 0.28rem;
+  cursor: pointer;
+  background: rgba(255, 255, 255, .9);
+  box-shadow: 0 0.14rem 0.36rem rgba(15, 23, 42, .08);
+  transition: transform .35s ease, box-shadow .35s ease;
+}
+
+.news-card:active {
+  transform: translateY(-0.04rem);
+  box-shadow: 0 0.28rem 0.56rem rgba(59, 130, 246, .14);
+}
+
+.news-meta {
+  display: flex;
+  align-items: center;
+  gap: 0.14rem;
+  color: #6b7280;
+  font-size: 0.18rem;
+}
+
+.news-meta span {
+  padding: 0.06rem 0.1rem;
+  border-radius: 99px;
+  color: #1d4ed8;
+  background: #dbeafe;
+}
+
+.news-card h3 {
+  margin: 0.16rem 0 0.08rem;
+  font-size: 0.28rem;
+  line-height: 1.4;
+}
+
+.news-card p {
+  margin: 0;
+  color: #4b5563;
+  font-size: 0.21rem;
+  line-height: 1.6;
+}
+
+@media (max-width: 375px) {
+  .section-inner {
+    padding-right: 0.28rem;
+    padding-left: 0.28rem;
+  }
+
+  .solution-detail li small {
+    font-size: 0.16rem;
+  }
 }
 </style>
-
-<style lang="less" scoped>
-@import url('../less/official/index.less');
-</style>
diff --git a/f/web-kboss/src/views/H5/use/index.vue b/f/web-kboss/src/views/H5/use/index.vue
deleted file mode 100644
index 68c646b..0000000
--- a/f/web-kboss/src/views/H5/use/index.vue
+++ /dev/null
@@ -1,241 +0,0 @@
-<template>
-  <div>
-    <!-- 标题 -->
-    <div class="top-tit">
-      开元云
-    </div>
-    <!-- 搜索 -->
-    <div class="search">
-      <div class="search-box">
-        <div class="input">
-          <input type="text" placeholder="请输入产品名称" v-model="searchValue" @keyup.enter="handleSearch" />
-        </div>
-        <div class="search-btn" @click="handleSearch">
-          搜索
-        </div>
-      </div>
-    </div>
-
-    <!-- 搜索提示 -->
-    <div v-if="isSearching && searchValue" class="search-tip">
-      搜索关键词: "{{ searchValue }}"
-      <span class="clear-search" @click="clearSearch">× 清空搜索</span>
-    </div>
-
-    <!-- 供应商（只在非搜索模式显示） -->
-    <div v-if="!isSearching && cloudData.secMenu && cloudData.secMenu.length > 0" class="supplier-container">
-      <div v-for="(value, index) in cloudData.secMenu" :key="index" class="supplier" @click="selectSupplier(index)">
-        <div class="supplier-title" :class="{ 'active': activeSupplierIndex === index }">
-          {{ value.secTitle }}
-        </div>
-      </div>
-    </div>
-
-    <!-- 云产品 -->
-    <div class="box">
-      <!-- 搜索模式：显示搜索结果 -->
-      <template v-if="isSearching && searchResults.length > 0">
-        <div v-for="product in searchResults" :key="product.id" class="box-item">
-          <!-- 标题 -->
-          <div class="item-tit">
-            {{ product.name }}
-          </div>
-          <!-- 详情 -->
-          <div class="item-detail">
-            {{ product.description || '产品描述' }}
-          </div>
-          <!-- 描述 -->
-          <div class="item-desc">
-            AI应用
-          </div>
-          <!-- 查看详情 -->
-          <div class="item-btn">
-            <div class="btn" @click="goToDetail(product)">
-              查看详情
-            </div>
-          </div>
-        </div>
-      </template>
-
-      <!-- 搜索模式：无结果 -->
-      <div v-else-if="isSearching && searchResults.length === 0" class="no-data">
-        未找到与"{{ searchValue }}"相关的产品
-      </div>
-
-      <!-- 正常模式：显示当前供应商的产品 -->
-      <template v-else-if="cloudData.secMenu && cloudData.secMenu.length > 0 && activeSupplierIndex >= 0">
-        <template v-for="thrMenu in cloudData.secMenu[activeSupplierIndex].thrMenu">
-          <!-- 循环每个分类下的产品 -->
-          <div v-for="product in thrMenu.value" :key="product.id" class="box-item">
-            <!-- 标题 -->
-            <div class="item-tit">
-              {{ product.name }}
-            </div>
-            <!-- 详情 -->
-            <div class="item-detail">
-              {{ thrMenu.thrTitle || '产品分类' }}
-            </div>
-            <!-- 描述 -->
-            <div class="item-desc">
-              AI应用
-            </div>
-            <!-- 查看详情 -->
-            <div class="item-btn">
-              <div class="btn" @click="goToDetail(product)">
-                查看详情
-              </div>
-            </div>
-          </div>
-        </template>
-      </template>
-
-      <!-- 正常模式：无数据 -->
-      <div v-else-if="!isSearching && (!cloudData.secMenu || cloudData.secMenu.length === 0)" class="no-data">
-        暂无产品数据
-      </div>
-    </div>
-
-  </div>
-</template>
-
-<script>
-import { reqNavList } from '@/api/H5/index'
-
-export default {
-  data() {
-    return {
-      cloudData: {},
-      activeSupplierIndex: 0, // 默认选中第一个供应商
-      searchValue: '', // 搜索关键词
-      isSearching: false, // 是否正在搜索
-      searchResults: [], // 搜索结果
-    }
-  },
-  created() {
-    this.getCloudData()
-  },
-  methods: {
-    async getCloudData(keyword) {
-      try {
-        const params = {
-          url_link: window.location.href,
-          ...(keyword && { keyword: keyword.trim() })
-        }
-
-        const res = await reqNavList(params)
-        if (res.status == true) {
-          if (keyword) {
-            // 搜索模式：返回的是产品数组
-            this.isSearching = true
-            this.searchResults = Array.isArray(res.data) ? res.data : []
-            console.log('搜索结果:', this.searchResults)
-          } else {
-            // 正常模式：返回的是嵌套结构
-            this.isSearching = false
-            this.searchResults = []
-            this.cloudData = res.data.product_service[3] || {}
-            console.log('正常数据:', this.cloudData)
-
-            // 确保有数据时选中第一个供应商
-            if (this.cloudData.secMenu && this.cloudData.secMenu.length > 0) {
-              this.activeSupplierIndex = 0
-            }
-          }
-        }
-      } catch (error) {
-        console.error('获取数据失败:', error)
-        this.isSearching = false
-        this.searchResults = []
-      }
-    },
-
-    // 处理搜索
-    handleSearch() {
-      const keyword = this.searchValue.trim()
-      if (keyword) {
-        this.getCloudData(keyword)
-      } else {
-        // 如果搜索框为空，返回正常模式
-        this.clearSearch()
-      }
-    },
-
-    // 清空搜索
-    clearSearch() {
-      this.isSearching = false
-      this.searchValue = ''
-      this.searchResults = []
-      this.getCloudData() // 重新加载正常数据
-    },
-
-    // 选择供应商（只在非搜索模式可用）
-    selectSupplier(index) {
-      if (!this.isSearching) {
-        this.activeSupplierIndex = index
-      }
-    },
-
-    // 跳转到详情页
-    goToDetail(product) {
-      if (product && product.name === '灵医智能体') {
-        this.$router.push({
-          path: '/h5HomePage/useDetail',
-        })
-      } else {
-        this.$router.push({
-          path: '/h5HomePage/service',
-        })
-      }
-    },
-  }
-}
-</script>
-
-<style>
-html,
-body {
-  height: 100%;
-  overflow-y: auto;
-}
-</style>
-
-<style lang="less" scoped>
-@import url('../less/all/index.less');
-
-/* 搜索提示样式 */
-.search-tip {
-  padding: 10px 20px;
-  background-color: #f5f7fa;
-  color: #666;
-  font-size: 14px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: 1px solid #e4e7ed;
-}
-
-.clear-search {
-  color: #409EFF;
-  cursor: pointer;
-  font-size: 12px;
-  padding: 2px 8px;
-  border-radius: 3px;
-  transition: all 0.3s;
-}
-
-.clear-search:hover {
-  background-color: #ecf5ff;
-  color: #409EFF;
-}
-
-/* 无数据样式 */
-.no-data {
-  text-align: center;
-  padding: 40px 20px;
-  color: #909399;
-  font-size: 14px;
-  background-color: #f5f7fa;
-  border-radius: 4px;
-  margin: 20px;
-}
-</style>
diff --git a/f/web-kboss/src/views/H5/useDetails/index.vue b/f/web-kboss/src/views/H5/useDetails/index.vue
deleted file mode 100644
index 7937fa9..0000000
--- a/f/web-kboss/src/views/H5/useDetails/index.vue
+++ /dev/null
@@ -1,515 +0,0 @@
-<template>
-  <div class="container">
-    <!-- 头部 -->
-    <div class="banner">
-      <div class="title-box">
-        <div class="top-title">
-          灵医<span class="color">智能体</span>
-        </div>
-        <div class="details">
-          持续丰富能⼒ ｜ 赋能合作伙伴⽣产⼒升级
-        </div>
-        <div class="btn" @click="openConsultDialog('banner', '秒接DeepSeek，立即咨询', null)">
-          秒接DeepSeek，立即咨询
-        </div>
-      </div>
-    </div>
-
-    <!-- 智能体医疗行业综合解决方案 -->
-    <div class="solution">
-      <div class="title">
-        智能体医疗行业综合解决方案
-      </div>
-      <div class="menu">
-        <div v-for="(item, index) in tabList" :key="index" class="menu-box"
-             :class="{ active: activeTab === index }" @click="activeTab = index">
-          {{ item.title }}
-        </div>
-      </div>
-
-      <div class="menu-content">
-        <!-- 内容区域 -->
-        <div class="tab-content">
-          <h2>{{ currentTab.title }}</h2>
-          <p>{{ currentTab.description }}</p>
-
-          <div class="tab">
-            <div v-for="(feature, idx) in currentTab.features" :key="idx" class="item">
-              {{ feature }}
-            </div>
-          </div>
-          <div class="item-btn" @click="openConsultDialog('solution_tab', currentTab.title, currentTab)">
-            立即咨询
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 智能体 -->
-    <div class="intelligent">
-      <div class="title">
-        智能体
-      </div>
-
-      <!-- 智能体列表 -->
-      <div class="intelligent-content">
-        <div v-for="(agent, index) in agentList" :key="index" class="intelligent-item">
-          <div class="item-tit">
-            {{ agent.title }}
-          </div>
-          <div class="item-content">
-            {{ agent.description }}
-          </div>
-          <div class="item-function">
-            {{ agent.tag }}
-          </div>
-          <div class="item-btn" @click="openConsultDialog('agent_item', agent.title, agent)">
-            立即咨询
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 产品咨询弹窗 -->
-    <ProductConsultDialog
-      v-if="showConsultDialog"
-      :visible.sync="showConsultDialog"
-      :platform-name="platformName"
-      :qr-code="qrCode"
-      :default-form-data="consultFormData"
-      :submit-api="submitConsultApi"
-      @success="handleConsultSuccess"
-      @close="handleDialogClose"
-    />
-
-    <!-- 底部 -->
-    <Footer></Footer>
-  </div>
-</template>
-
-<script>
-import Footer from '../components/footer/footer.vue';
-import ProductConsultDialog from '../components/H5_dialog/index.vue'
-import { reqProductConsult } from '@/api/H5/index'
-
-export default {
-  components: {
-    Footer,
-    ProductConsultDialog
-  },
-  data() {
-    return {
-      activeTab: 0,
-      tabList: [
-        {
-          title: '诊前就医助手',
-          description: '患者就诊前，可随时发起咨询。既能描述症状，获取专业回答，又能了解挂号、候诊等就医流程。系统通过多轮深入问诊，掌握病情信息、过往病史、生活习惯等细节，进而精准推荐适配的医院科室，可支持推荐对应医生，问诊结束后，可自动生成门诊病历，助力患者高效就医。',
-          features: [
-            '增强医患沟通效果',
-            '优化报告生成流程',
-            '提高工作效率'
-          ]
-        },
-        {
-          title: '健康管家',
-          description: '在互联网医院、健康管理、患者管理等场景下，为患者提供一站式健康管家服务。通过 APP、小程序或 H5 页面，患者只需在一个对话框，就能发现健康咨询、药品咨询、检查检验报告解读、皮肤病图片咨询、症状咨询等各类健康问题。大模型结合专业知识库，迅速给出专业解答，让健康关怀触手可及。',
-          features: [
-            '一站式健康咨询服务',
-            '快速专业解答'
-          ]
-        },
-        {
-          title: '报告解读与生成',
-          description: '面向基层医院或体检机构，能够为医生提供检查检验、体检报告的专业解读服务，助力基层医生迅速、精准地向患者阐释异常指标，科学评估疾病风险，高效开展健康管理工作。面向医院体检科与体检机构，辅助医生快速生成体检报告，优化工作流程，极大提升体检报告输出效率。',
-          features: [
-            '增强医患沟通效果',
-            '优化报告生成流程',
-            '提高工作效率'
-          ]
-        }
-      ],
-      agentList: [
-        {
-          title: '医学视觉溯源',
-          description: '识别各类医学影像图片，自动圈出病灶清晰边际',
-          tag: '精准识别各类医学影像/可视化边界参考/辅助诊断'
-        },
-        {
-          title: '中医舌诊/面诊',
-          description: 'AI中医助手支持舌象面部分析',
-          tag: '拓展中医新场景 / 提供日常调理建议 / 提供药物调理建议'
-        },
-        {
-          title: '健康科普',
-          description: '权威医学知识，有问必答',
-          tag: '深入理解内容 / 检索权威医学知识 / 大模型生成答案 / 结果证据溯源'
-        },
-        {
-          title: '医学报告解读',
-          description: '多类型多格式，高精准解读',
-          tag: '解读准确度高 / 解读范围覆盖多类型报告'
-        },
-        {
-          title: '药品咨询',
-          description: '海量药品说明书，答疑解难',
-          tag: '海量药品说明书 / 药品维度覆盖全面 / 大模型一对一问答'
-        },
-        {
-          title: '皮肤病咨询',
-          description: '覆盖百余种皮肤病，大模型生成诊断建议',
-          tag: '全身皮肤拍照检测 / 皮肤类疾病可涵盖95%以上 / 皮肤图片医学解读'
-        },
-        {
-          title: '分导诊',
-          description: '精准推荐就诊科室，科室百分百覆盖',
-          tag: '多轮对话收集患者主诉 / 科室推荐准确率超95% / 大模型人机对话'
-        },
-        {
-          title: '预问诊',
-          description: '多轮问诊生成病历，病历生成可用率超95%',
-          tag: '多轮对话收集患者主诉 / 病历生成可用率超95% / 大模型人机对话'
-        },
-        {
-          title: '医疗知识库问答',
-          description: '海量数据资源，问答准确率业内领先',
-          tag: '检索文档数量上限超1万 / 医学问答准确率业内领先 / 兼容不同格式'
-        },
-        {
-          title: '临床辅助决策',
-          description: '根据病情推荐诊断，诊断准确率超90%',
-          tag: '推荐内容有据可循 / 诊断覆盖全面 / 对话模式一问一答'
-        },
-        {
-          title: '症状自诊',
-          description: '病情自查自测，实时就医指导',
-          tag: '遵循医学诊疗规范 / 病情自查自测 / 实时就医指导 / 健康问题覆盖全面'
-        }
-      ],
-
-      // 咨询弹窗相关
-      showConsultDialog: false,
-      platformName: '灵医智能体',
-      qrCode: '',
-      consultFormData: {
-        content: '',
-        custom_type: '1',
-        name: '',
-        phone: '',
-        company: '',
-        email: '',
-        checked: false
-      },
-      currentConsultData: null,
-      consultSource: ''
-    }
-  },
-  computed: {
-    currentTab() {
-      return this.tabList[this.activeTab];
-    }
-  },
-  methods: {
-    // 打开咨询弹窗
-    openConsultDialog(source, title, data) {
-      this.currentConsultData = data
-      this.consultSource = source
-
-      // 根据来源设置不同的咨询内容
-      let content = ''
-      let extraInfo = ''
-
-      if (source === 'banner') {
-        // 从banner咨询
-        content = `我想咨询关于【${title}】的详细信息`
-        extraInfo = '产品：灵医智能体'
-      } else if (source === 'solution_tab') {
-        // 从解决方案标签咨询
-        content = `我想咨询关于【${title}】的解决方案`
-
-      } else if (source === 'agent_item') {
-        // 从智能体项目咨询
-        content = `我想咨询关于【${title}】的智能体功能`
-
-      }
-
-      // 设置咨询表单的预填内容
-      this.consultFormData = {
-        ...this.consultFormData,
-        content: `${content}${extraInfo ? `\n\n${extraInfo}` : ''}`
-      }
-
-      this.showConsultDialog = true
-    },
-
-    // 提交咨询API
-    async submitConsultApi(data) {
-      // 构建提交数据
-      const submitData = {
-        ...data,
-        consult_source: this.consultSource || '',
-        consult_title: this.currentConsultData?.title || '灵医智能体',
-        consult_type: this.getConsultType(),
-        agent_count: this.agentList.length,
-        solution_count: this.tabList.length,
-        page_type: 'medical_agent_h5',
-        page_url: window.location.href
-      }
-
-      // 根据咨询来源添加额外信息
-      if (this.consultSource === 'solution_tab' && this.currentConsultData) {
-        submitData.solution_title = this.currentConsultData.title
-        submitData.solution_features = this.currentConsultData.features?.join(',') || ''
-      } else if (this.consultSource === 'agent_item' && this.currentConsultData) {
-        submitData.agent_title = this.currentConsultData.title
-        submitData.agent_description = this.currentConsultData.description
-        submitData.agent_tag = this.currentConsultData.tag
-      }
-
-      return await reqProductConsult(submitData)
-    },
-
-    // 获取咨询类型
-    getConsultType() {
-      switch (this.consultSource) {
-        case 'banner':
-          return '灵医智能体产品咨询'
-        case 'solution_tab':
-          return '医疗解决方案咨询'
-        case 'agent_item':
-          return '智能体功能咨询'
-        default:
-          return '产品咨询'
-      }
-    },
-
-    // 咨询成功回调
-    handleConsultSuccess(response) {
-      console.log('咨询提交成功:', response)
-      this.$message.success('咨询提交成功，我们将尽快联系您！')
-    },
-
-    // 弹窗关闭回调
-    handleDialogClose() {
-      this.currentConsultData = null
-      this.consultSource = ''
-      // 重置表单数据
-      this.consultFormData = {
-        content: '',
-        custom_type: '1',
-        name: '',
-        phone: '',
-        company: '',
-        email: '',
-        checked: false
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.container {
-  background-color: #F6F8FD;
-  min-height: 100vh;
-  width: 100%;
-}
-
-.banner {
-  position: relative;
-  width: 100%;
-  height: 4.2rem;
-  background: url('../images/use.jpg');
-  background-size: 100% 100%;
-
-  .title-box {
-    position: absolute;
-    top: 1rem;
-    left: .5rem;
-  }
-
-  .top-title {
-    font-size: 0.4rem;
-    color: #000;
-    font-weight: 700;
-  }
-
-  .details {
-    font-size: 0.18rem;
-    color: #8890ab;
-    line-height: 2 !important;
-    margin-top: .1rem;
-    margin-bottom: .1rem;
-  }
-
-  .btn {
-    background-color: #000;
-    color: #fff;
-    width: 2.8rem;
-    font-size: .18rem;
-    padding: .1rem .2rem;
-    border-radius: .2rem;
-    cursor: pointer;
-    display: inline-block;
-    text-align: center;
-    transition: all 0.3s ease;
-
-    &:active {
-      transform: scale(0.98);
-      opacity: 0.9;
-    }
-  }
-}
-
-.title {
-  width: 100%;
-  text-align: center;
-  color: #000;
-  font-size: .34rem;
-  font-weight: 500;
-  margin: .5rem 0;
-}
-
-.color {
-  color: rgb(0, 188, 188);
-}
-
-.menu {
-  display: flex;
-  justify-content: center;
-  gap: 0.5rem;
-  margin-bottom: .2rem;
-
-  .menu-box {
-    padding: 0.1rem 0.2rem;
-    background-color: #fff;
-    border-radius: 0.3rem;
-    cursor: pointer;
-    font-size: 0.2rem;
-    color: #666;
-    transition: all 0.3s;
-
-    &:hover {
-      background-color: #f0f0f0;
-    }
-
-    &.active {
-      background-color: rgb(0, 188, 188);
-      color: #fff;
-      border-color: rgb(0, 188, 188);
-    }
-  }
-}
-
-.menu-content {
-  background-color: #fff;
-  margin: 0 auto;
-  width: 90%;
-  padding: .2rem .4rem;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-}
-
-.tab-content {
-  h2 {
-    color: #333;
-    font-size: 0.28rem;
-    margin-bottom: 0.2rem;
-  }
-
-  p {
-    color: #666;
-    font-size: 0.18rem;
-    line-height: 1.6;
-    margin-bottom: 0.2rem;
-  }
-}
-
-.tab {
-  display: flex;
-
-  .item {
-    background-color: #f5f5f5;
-    border-radius: .04rem;
-    padding: .04rem .08rem;
-    font-size: .14rem;
-    color: #525252;
-    margin-right: .08rem;
-  }
-}
-
-.item-btn {
-  margin-top: .2rem;
-  border-radius: .75rem;
-  border: .02rem solid #000;
-  font-size: .16rem;
-  color: #1f1f1f;
-  padding: .1rem .26rem;
-  cursor: pointer;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-  transition: all 0.3s ease;
-
-  &:active {
-    transform: scale(0.98);
-    opacity: 0.9;
-  }
-}
-
-.intelligent-content {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  padding: 0 .2rem;;
-  margin: 0;
-
-  .intelligent-item {
-    width: 48%;
-    background-color: #fff;
-    border: .01rem solid #e9e9e9;
-    border-radius: .16rem;
-    margin-bottom: .2rem;
-    padding: .2rem;
-    padding-bottom: .7rem;
-    position: relative;
-    .item-tit {
-      font-weight: 500;
-      font-size: .3rem;
-      color: #00bcbc;
-    }
-
-    .item-content {
-      font-weight: 600;
-      font-size: .2rem;
-      color: #1f1f1f;
-      margin-top: .1rem;
-    }
-
-    .item-function {
-      margin: .1rem 0;
-      font-size: .18rem;
-      color: #1f1f1f;
-      line-height: 1.4;
-    }
-
-    .item-btn {
-      position: absolute;
-      bottom: .2rem;
-      margin-top: .1rem;
-      border-radius: .08rem;
-      background-color: #1f1f1f;
-      font-size: .2rem;
-      color: #fff;
-      padding: .1rem .14rem;
-      line-height: 1;
-      cursor: pointer;
-      display: inline-block;
-      transition: all 0.3s ease;
-
-      &:active {
-        transform: scale(0.98);
-        opacity: 0.9;
-      }
-    }
-  }
-}
-</style>
diff --git a/f/web-kboss/src/views/H5/useDetails/service.vue b/f/web-kboss/src/views/H5/useDetails/service.vue
deleted file mode 100644
index 8e2d84d..0000000
--- a/f/web-kboss/src/views/H5/useDetails/service.vue
+++ /dev/null
@@ -1,444 +0,0 @@
-<template>
-  <div>
-    <!-- banner -->
-    <div class="banner">
-      <div class="top">
-        <div class="top-tit">
-          客悦ONE·智能客服
-        </div>
-        <div class="top-desc">
-          智能整合全域沟通路径，精准响应用户需求，实现全旅程服务效能提升。
-        </div>
-        <div class="top-btn" @click="openConsultDialog('banner', '客悦ONE·智能客服')">
-          立即咨询
-        </div>
-        <div class="top-data">
-          <div class="top-data-item">
-            <div class="top-data-item-tit">
-              93%
-            </div>
-            <div class="top-data-item-desc">
-              自助解决率
-            </div>
-          </div>
-
-          <div class="top-data-item">
-            <div class="top-data-item-tit">
-              1.1s
-            </div>
-            <div class="top-data-item-desc">
-              首字时延
-            </div>
-          </div>
-
-          <div class="top-data-item">
-            <div class="top-data-item-tit">
-              7*24h
-            </div>
-            <div class="top-data-item-desc">
-              时刻在线
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- 全链路用户服务接待 -->
-    <div class="service">
-      <div class="title">
-        全链路用户服务接待
-      </div>
-      <!-- 智能服务 -->
-      <div class="service-box">
-
-        <div class="service-item">
-          <div class="item-tit">
-            在线机器人
-          </div>
-          <div class="item-desc">
-            任务对话：拖拽式画布搭建，对话流程清晰，听说想做四步分类，操作顺畅。 多模态问答：融合文字图片，精准识别需求，提供丰富准确答案，提升互动体验。 知识问答：上传知识即问即答，支持自定义风格，兼容多种格式，回答友好多样
-          </div>
-          <div class="item-btn" @click="openConsultDialog('service_robot', '在线机器人')">
-            立即咨询
-          </div>
-        </div>
-        <div class="service-item">
-          <div class="item-tit">
-            在线客服
-          </div>
-          <div class="item-desc">
-            多渠道集成：支持Web/H5、App、第三方渠道一键集成，服务更高效精准。 会话智能分配：支持会话智能分配、管理，实现访客分流和VIP客服专属服务。 服务监控：实时监控数据，掌握服务全流程，优化调配，确保高效精准。
-            免费体验
-          </div>
-          <div class="item-btn" @click="openConsultDialog('service_online', '在线客服')">
-            立即咨询
-          </div>
-        </div>
-        <div class="service-item">
-          <div class="item-tit">
-            联络中心
-          </div>
-          <div class="item-desc">
-            智能路由排队：支持按排队时长、客户等级、技能等级等多种路由排队策略。 呼叫服务数据实时管理：提供坐席、技能组实时监控数据和多维度统计报表。 稳定安全：按需付费，资源弹性扩容；安全稳定，保护用户通信隐私。
-          </div>
-          <div class="item-btn" @click="openConsultDialog('service_contact', '联络中心')">
-            立即咨询
-          </div>
-        </div>
-        <div class="service-item">
-          <div class="item-tit">
-            坐席辅助
-          </div>
-          <div class="item-desc">
-            上下游集成：对接CRM，实时查看客户信息，精准提供个性化服务。 实时智能提示：根据用户咨询的问题和历史沟通信息，自动推送相关知识，助力快速应答。
-          </div>
-          <div class="item-btn" @click="openConsultDialog('service_assist', '坐席辅助')">
-            立即咨询
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- 多样化产品方案满足个性化需求 -->
-    <div class="product">
-      <div class="title">
-        多样化产品方案满足个性化需求
-      </div>
-
-      <div class="product-box ">
-        <div class="product-item">
-          <div class="item-img">
-            <img src="https://ky-front-online.cdn.bcebos.com/portal/_next/static/media/saas.0498c023.svg" alt="">
-          </div>
-          <div class="item-tit">
-            SaaS部署
-          </div>
-          <div class="item-desc">
-            <span>按需购买、开箱即用的公有云软件</span>
-            <span>满足不同规模企业的营销、服务需求</span>
-          </div>
-        </div>
-        <div class="product-item">
-          <div class="item-img">
-            <img src="https://ky-front-online.cdn.bcebos.com/portal/_next/static/media/local.02279b8e.svg" alt="">
-          </div>
-          <div class="item-tit">
-            本地部署
-          </div>
-          <div class="item-desc">
-            <span>支持不上云、不出域，可实现局域网极速传输</span>
-            <span>全栈国产化信创适配，支持软硬一体机，合规无忧</span>
-          </div>
-        </div>
-        <div class="product-item">
-          <div class="item-img">
-            <img src="https://ky-front-online.cdn.bcebos.com/portal/_next/static/media/open.a1ee956b.svg" alt="">
-          </div>
-          <div class="item-tit">
-            开放平台
-          </div>
-          <div class="item-desc">
-            <span>开放的API接口，满足复杂业务场景</span>
-            <span>与企业官网、APP、CRM、OA等多种系统对接</span>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 产品咨询弹窗 -->
-    <ProductConsultDialog
-      v-if="showConsultDialog"
-      :visible.sync="showConsultDialog"
-      :platform-name="platformName"
-      :qr-code="qrCode"
-      :default-form-data="consultFormData"
-      :submit-api="submitConsultApi"
-      @success="handleConsultSuccess"
-      @close="handleDialogClose"
-    />
-
-    <Footer></Footer>
-  </div>
-
-</template>
-
-<script>
-import Footer from '../components/footer/footer.vue';
-import ProductConsultDialog from '../components/H5_dialog/index.vue'
-import { reqProductConsult } from '@/api/H5/index'
-
-export default {
-  components: {
-    Footer,
-    ProductConsultDialog
-  },
-  data() {
-    return {
-      // 咨询弹窗相关
-      showConsultDialog: false,
-      platformName: '客悦ONE·智能客服',
-      qrCode: '',
-      consultFormData: {
-        content: '',
-        custom_type: '1',
-        name: '',
-        phone: '',
-        company: '',
-        email: '',
-        checked: false
-      },
-      currentConsultTitle: '',
-      consultSource: ''
-    }
-  },
-  created() {
-
-  },
-  methods: {
-    // 打开咨询弹窗
-    openConsultDialog(source, title) {
-      this.currentConsultTitle = title
-      this.consultSource = source
-
-      // 根据来源设置不同的咨询内容
-      let content = ''
-      let extraInfo = ''
-
-      if (source === 'banner') {
-        // 从banner咨询
-        content = `我想咨询关于【${title}】的详细信息`
-      } else if (source.startsWith('service_')) {
-        // 从服务项目咨询
-        content = `我想咨询关于【${title}】的功能详情`
-      }
-
-      // 设置咨询表单的预填内容
-      this.consultFormData = {
-        ...this.consultFormData,
-        content: `${content}${extraInfo ? `\n\n${extraInfo}` : ''}`
-      }
-
-      this.showConsultDialog = true
-    },
-
-    // 提交咨询API
-    async submitConsultApi(data) {
-      // 构建提交数据
-      const submitData = {
-        ...data,
-        consult_source: this.consultSource || '',
-        consult_title: this.currentConsultTitle || '客悦ONE·智能客服',
-        consult_type: this.getConsultType(),
-        page_type: 'customer_service_h5',
-        page_url: window.location.href,
-        product_key_features: '自助解决率93%,首字时延1.1s,7*24小时在线'
-      }
-
-      return await reqProductConsult(submitData)
-    },
-
-    // 获取咨询类型
-    getConsultType() {
-      switch (this.consultSource) {
-        case 'banner':
-          return '客悦ONE·智能客服产品咨询'
-        case 'service_robot':
-          return '在线机器人咨询'
-        case 'service_online':
-          return '在线客服咨询'
-        case 'service_contact':
-          return '联络中心咨询'
-        case 'service_assist':
-          return '坐席辅助咨询'
-        default:
-          return '智能客服产品咨询'
-      }
-    },
-
-    // 咨询成功回调
-    handleConsultSuccess(response) {
-      console.log('咨询提交成功:', response)
-      this.$message.success('咨询提交成功，我们将尽快联系您！')
-    },
-
-    // 弹窗关闭回调
-    handleDialogClose() {
-      this.currentConsultTitle = ''
-      this.consultSource = ''
-      // 重置表单数据
-      this.consultFormData = {
-        content: '',
-        custom_type: '1',
-        name: '',
-        phone: '',
-        company: '',
-        email: '',
-        checked: false
-      }
-    }
-  },
-}
-</script>
-
-<style lang="less" scoped>
-.banner {
-  background: url('../images/keyueBanner.png');
-  background-size: 100% 100%;
-  height: 4.3rem;
-  position: relative;
-
-  .top {
-    position: absolute;
-    left: 6%;
-    top: 10%;
-
-    .top-tit {
-      color: #091221;
-      font-weight: 600;
-      font-size: .4rem;
-      margin: .2rem 0;
-    }
-
-    .top-desc {
-      color: rgba(9, 18, 33, 0.7);
-      font-size: .2rem;
-    }
-
-    .top-btn {
-      width: 2rem;
-      text-align: center;
-      background: #091221;
-      color: #fff;
-      font-size: .16rem;
-      border-radius: .1rem;
-      padding: .15rem 0;
-      margin-top: .2rem;
-      font-weight: bold;
-      cursor: pointer;
-      transition: all 0.3s ease;
-
-      &:active {
-        transform: scale(0.98);
-        opacity: 0.9;
-      }
-    }
-
-    .top-data {
-      margin-top: .2rem;
-      display: flex;
-
-      .top-data-item {
-        padding-right: .2rem;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-
-        .top-data-item-tit {
-          font-size: .28rem;
-          color: #091221;
-          font-weight: bold;
-        }
-
-        .top-data-item-desc {
-          font-size: .16rem;
-          color: rgba(9, 18, 33, 0.7);
-        }
-      }
-    }
-  }
-}
-
-.title {
-  color: #091221;
-  font-weight: 600;
-  font-size: .4rem;
-  text-align: center;
-  margin: .2rem 0;
-}
-
-.service-box {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-around;
-
-  .service-item {
-    background: #f1f6fd;
-    width: 48%;
-    margin-bottom: .2rem;
-    border-radius: .2rem;
-    padding: .2rem;
-    position: relative;
-    padding-bottom: .7rem;
-
-    .item-tit {
-      color: #091221;
-      font-size: .28rem;
-      font-weight: bold;
-    }
-
-    .item-desc {
-      font-size: .18rem;
-      color: rgba(9, 18, 33, 0.7);
-      line-height: 1.6;
-      margin: .2rem 0;
-    }
-
-    .item-btn {
-      width: 2rem;
-      text-align: center;
-      background: #091221;
-      color: #fff;
-      font-size: .2rem;
-      border-radius: .1rem;
-      padding: .15rem 0;
-      position: absolute;
-      bottom: .1rem;
-      cursor: pointer;
-      transition: all 0.3s ease;
-
-      &:active {
-        transform: scale(0.98);
-        opacity: 0.9;
-      }
-    }
-  }
-}
-
-.product {
-  .product-box {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-around;
-
-    .product-item {
-      width: 46%;
-      background: #f1f6fd;
-      padding: .1rem .2rem;
-      margin-bottom: .2rem;
-      border-radius: .2rem;
-      .item-img {
-        width: .36rem;
-        height: .36rem;
-
-        img {
-          width: 100%;
-          height: 100%;
-        }
-      }
-
-      .item-tit {
-        color: #091221;
-        font-size: .28rem;
-        font-weight: bold;
-        margin: .1rem 0;
-      }
-
-      .item-desc {
-        font-size: .18rem;
-        color: rgba(9, 18, 33, 0.7);
-        display: flex;
-        flex-direction: column;
-      }
-    }
-  }
-}
-</style>
diff --git a/f/web-kboss/src/views/homePage/dialog/talk/index.vue b/f/web-kboss/src/views/homePage/dialog/talk/index.vue
index 3a1cb2d..22a0227 100644
--- a/f/web-kboss/src/views/homePage/dialog/talk/index.vue
+++ b/f/web-kboss/src/views/homePage/dialog/talk/index.vue
@@ -89,6 +89,7 @@ import Vue from 'vue'
 import { mapState } from 'vuex'
 import { reqNewHomeConsult } from '@/api/newHome'
 import { reqConsultForm } from '@/api/H5'
+import kefuQr from '@/assets/image/newkefu.png'
 import {
   extractConsultOptionList,
   isEnglishLocale,
@@ -164,7 +165,7 @@ export default Vue.extend({
     qrCodeUrl() {
       return this.logoInfoNew && this.logoInfoNew.home && this.logoInfoNew.home.qrCode
         ? this.logoInfoNew.home.qrCode
-        : ''
+        : kefuQr
     },
     localizedEnterpriseOptions() {
       return localizeDictOptions(this.enterpriseOptions, isEnglishLocale(this.$i18n))
@@ -238,7 +239,7 @@ export default Vue.extend({
           this.addBtnLoading = true
           const submitData = {
             ...this.addData,
-            source: '官网',
+            source: this.$route && this.$route.path.indexOf('/h5HomePage') === 0 ? '公众号' : '官网',
             url_link: window.location.href
           }
           reqNewHomeConsult(submitData).then(response => {
@@ -548,4 +549,89 @@ export default Vue.extend({
     max-width: 100%;
   }
 }
+
+@media (max-width: 600px) {
+  ::v-deep .talk-dialog {
+    width: 88vw !important;
+  }
+
+  ::v-deep .el-dialog__header {
+    padding: 14px 16px 4px;
+  }
+
+  ::v-deep .el-dialog__title {
+    font-size: 17px;
+  }
+
+  ::v-deep .el-dialog__headerbtn {
+    top: 18px;
+    right: 16px;
+    font-size: 16px;
+  }
+
+  ::v-deep .el-dialog__body {
+    padding: 4px 16px;
+  }
+
+  ::v-deep .el-form-item {
+    margin-bottom: 11px;
+  }
+
+  ::v-deep .el-form-item__label {
+    padding-bottom: 5px;
+    font-size: 12px;
+  }
+
+  ::v-deep .el-input__inner,
+  ::v-deep .el-textarea__inner,
+  ::v-deep .el-radio__label {
+    font-size: 12px;
+  }
+
+  ::v-deep .el-input__inner {
+    height: 34px;
+    line-height: 34px;
+  }
+
+  ::v-deep .el-textarea__inner {
+    padding: 8px 10px;
+    line-height: 1.5;
+  }
+
+  .option-grid {
+    gap: 6px;
+  }
+
+  .option-item {
+    padding: 6px 5px;
+
+    ::v-deep .el-radio__label {
+      padding-left: 4px;
+      font-size: 11px;
+    }
+  }
+
+  .agreement-checkbox {
+    margin-top: 4px;
+
+    ::v-deep .el-checkbox__label {
+      font-size: 11px;
+      line-height: 1.5;
+    }
+  }
+
+  ::v-deep .el-dialog__footer {
+    gap: 8px;
+    padding: 4px 16px 16px;
+  }
+
+  .cancel-btn,
+  .submit-btn {
+    min-width: 0;
+    width: 1.5rem;
+    height: 34px;
+    padding: 0 10px;
+    font-size: 12px;
+  }
+}
 </style>