From fcb247395bc2757861f0952b7a5acd2bf1dc3c99 Mon Sep 17 00:00:00 2001
From: fmk1023 <fmk1023@noreply.gitcode.com>
Date: Thu, 4 Dec 2025 11:22:28 +0800
Subject: [PATCH] =?UTF-8?q?Tcode=E5=B9=B3=E5=8F=B0=E6=94=B9=E9=80=A0?=
 =?UTF-8?q?=E5=8D=87=E7=BA=A7-=E4=BA=A7=E5=93=81=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Header/index.vue | 421 +++++++++++++++++++++++---------
 1 file changed, 305 insertions(+), 116 deletions(-)

diff --git a/src/components/Header/index.vue b/src/components/Header/index.vue
index ec6446e..3d449f1 100644
--- a/src/components/Header/index.vue
+++ b/src/components/Header/index.vue
@@ -251,13 +251,92 @@
       <ul>
         <li><a href="/" class="LNK router-link-exact-active router-link-active">首页</a></li>
 
-        <li><a href="javascript:;" class="LNK">产品服务 <i class="ico-arrow-down"></i></a>
-          <div class="nav-hover">
-            <ul class="hover-child">
-              <li class="child-item"><a href="/product/a" class="LNK">产品服务 A</a></li>
-              <li class="child-item"><a href="/product/b" class="LNK">产品服务 B</a></li>
-            </ul>
+        <li>
+          <a href="javascript:;" rel="noopener noreferrer" class="LNK">产品服务</a>
+          <div class="nav-hover hover-product">
+            <div data-v-bc7d8fb8="" class="menu-zh">
+              <!-- 第一行：主标题 + 3个核心模块（复用menu-row1样式） -->
+              <div data-v-bc7d8fb8="" class="menu-row menu-row1">
+                <!-- 左侧垂直标题（复用原有渐变背景+垂直文字样式） -->
+                <div data-v-bc7d8fb8="" class="menu-row-title">全栈式开源安全检测与治理工具链</div>
+                <!-- 右侧模块容器（复用menu-row-items Flex布局） -->
+                <div data-v-bc7d8fb8="" class="menu-row-items">
+                  <!-- 模块1：SBOM 自动化分析 -->
+                  <div data-v-bc7d8fb8="" class="menu-section">
+                    <span data-v-bc7d8fb8="" class="menu-section-title">SBOM 自动化分析</span>
+                    <!--                    <h4 data-v-bc7d8fb8="" class="item-tit">安全开发</h4>-->
+                    <ul data-v-bc7d8fb8="" class="hover-child">
+                      <li data-v-bc7d8fb8="" class="child-item">
+                        <a data-v-bc7d8fb8="" href="javascript:;" class="LNK"><i data-v-bc7d8fb8="" class="ico-yh"></i>生成标准 CycloneDX/SPDX 物料清单，透视组件资产。</a>
+                      </li>
+                      <li data-v-bc7d8fb8="" class="child-item">
+                        <a data-v-bc7d8fb8="" href="javascript:;" class="LNK">
+                          了解详情 &gt;</a>
+                      </li>
+                    </ul>
+                  </div>
+                  <!-- 模块2：供应链漏洞检测分析 -->
+                  <div data-v-bc7d8fb8="" class="menu-section">
+                    <span data-v-bc7d8fb8="" class="menu-section-title">供应链漏洞检测分析</span>
+                    <ul data-v-bc7d8fb8="" class="hover-child">
+                      <li data-v-bc7d8fb8="" class="child-item">
+                        <a data-v-bc7d8fb8="" href="javascript:;" class="LNK"><i data-v-bc7d8fb8="" class="ico-yh"></i>深度解析依赖树，精准定位 CVE 漏洞与传播路径。</a>
+                      </li>
+                      <li data-v-bc7d8fb8="" class="child-item">
+                        <a data-v-bc7d8fb8="" href="javascript:;" class="LNK">
+                          了解详情 &gt;</a>
+                      </li>
+                    </ul>
+                  </div>
+                  <!-- 模块3：恶意代码投毒检测 -->
+                  <div data-v-bc7d8fb8="" class="menu-section">
+                    <span data-v-bc7d8fb8="" class="menu-section-title">恶意代码投毒检测</span>
+                    <ul data-v-bc7d8fb8="" class="hover-child">
+                      <li data-v-bc7d8fb8="" class="child-item">
+                        <a data-v-bc7d8fb8="" href="javascript:;" class="LNK"><i data-v-bc7d8fb8="" class="ico-yh"></i>识别依赖混淆、组件篡改及后门植入攻击。</a>
+                      </li>
+                      <li data-v-bc7d8fb8="" class="child-item">
+                        <a data-v-bc7d8fb8="" href="javascript:;" class="LNK">
+                          了解详情 &gt;</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <!-- 第二行：补充2个模块 -->
+              <div data-v-bc7d8fb8="" class="menu-row menu-row2">
+                <div data-v-bc7d8fb8="" class="menu-row-title">核心能力延伸</div>
+
+                <div data-v-bc7d8fb8="" class="menu-row-content product-content-row2">
+
+                  <div data-v-bc7d8fb8="" class="content1 content1-custom-layout">
+
+                    <a data-v-bc7d8fb8="" :href="item.link" class="link-item LNK product-link-card"
+                       v-for="(item, index) in coreModules.slice(3)" :key="'mod-2-' + index">
+
+                <span data-v-bc7d8fb8="" class="link-item-title">
+                    <strong>{{ item.title }}</strong>
+                </span>
+
+                      <div data-v-bc7d8fb8="" class="link-item-body">
+                        <p class="card-desc-row2">
+                          {{ item.desc1 }}<br>
+                          {{ item.desc2 }}
+                        </p>
+                        <span data-v-bc7d8fb8="" class="link-item-link">{{ item.linkText }}</span>
+                      </div>
+                    </a>
+
+                    <div data-v-bc7d8fb8="" class="link-item link-item-placeholder"></div>
+                    <div data-v-bc7d8fb8="" class="link-item link-item-placeholder"></div>
+                  </div>
+
+                  <div data-v-bc7d8fb8="" class="content2 content2-hidden"></div>
+                </div>
+              </div>
+            </div>
           </div>
+          <!---->
         </li>
 
         <li><a href="javascript:;" class="LNK">解决方案 <i class="ico-arrow-down"></i></a>
@@ -317,13 +396,52 @@
 </template>
 
 <script setup lang="ts">
-import {ref} from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { useAccountStore } from '@/stores/user';
-import { emitEvent } from '@/utils/eventBus';
+import {ref, reactive} from 'vue';
+import {useRoute, useRouter} from 'vue-router';
+import {useAccountStore} from '@/stores/user';
+import {emitEvent} from '@/utils/eventBus';
+
+// 定义产品服务模块的数据
+const coreModules = reactive([
+  {
+    title: 'SBOM 自动化分析',
+    desc1: '生成标准 CycloneDX/SPDX',
+    desc2: '物料清单，透视组件资产。',
+    link: '/sbom-analysis',
+    linkText: '[了解详情 >]'
+  },
+  {
+    title: '供应链漏洞检测分析',
+    desc1: '深度解析依赖树，精准定位',
+    desc2: 'CVE 漏洞与传播路径。',
+    link: '/supply-chain-vulnerability',
+    linkText: '[了解详情 >]'
+  },
+  {
+    title: '恶意代码投毒检测',
+    desc1: '识别依赖混淆、组件篡改',
+    desc2: '及后门植入攻击。',
+    link: '/malware-detection',
+    linkText: '[了解详情 >]'
+  },
+  {
+    title: '未知漏洞检测分析',
+    desc1: '基于代码指纹与污点分析，',
+    desc2: '发现 0-Day 及未披露风险。',
+    link: '/unknown-vulnerability',
+    linkText: '[了解详情 >]'
+  },
+  {
+    title: '许可证合规性检测',
+    desc1: '识别 GPL/MPL 等传染性',
+    desc2: '协议，规避法律合规风险。',
+    link: '/license-compliance',
+    linkText: '[了解详情 >]'
+  },
+]);
 
 const handleLogin = (type) => {
-  emitEvent('login', { type, triggerType: '主动注册' });
+  emitEvent('login', {type, triggerType: '主动注册'});
 };
 </script>
 
@@ -384,34 +502,34 @@ const handleLogin = (type) => {
   align-items: center
 }
 
-.comHeader .nav,.comHeader .nav>ul {
+.comHeader .nav, .comHeader .nav > ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
 }
 
-.comHeader .nav>ul {
+.comHeader .nav > ul {
   margin: 0 0 0 38px
 }
 
-.comHeader .nav>ul>li {
+.comHeader .nav > ul > li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative
 }
 
-.comHeader .nav>ul>li:hover>a {
+.comHeader .nav > ul > li:hover > a {
   color: #4bb752
 }
 
-.comHeader .nav>ul>li:hover .nav-hover {
+.comHeader .nav > ul > li:hover .nav-hover {
   opacity: 1;
   top: 62px;
   visibility: visible
 }
 
-.comHeader .nav>ul>li .nav-hover {
+.comHeader .nav > ul > li .nav-hover {
   background-color: #1b1c1d;
   font-size: 13px;
   left: 0;
@@ -421,27 +539,27 @@ const handleLogin = (type) => {
   padding: 15px 0;
   position: absolute;
   top: 40px;
-  -webkit-transition: opacity .2s,top .2s;
-  transition: opacity .2s,top .2s;
+  -webkit-transition: opacity .2s, top .2s;
+  transition: opacity .2s, top .2s;
   visibility: hidden;
   white-space: nowrap
 }
 
-.comHeader .nav>ul>li .nav-hover>ul {
+.comHeader .nav > ul > li .nav-hover > ul {
   max-height: 452px;
   overflow: hidden;
   overflow-y: scroll
 }
 
-.comHeader .nav>ul>li .nav-hover>ul::-webkit-scrollbar {
+.comHeader .nav > ul > li .nav-hover > ul::-webkit-scrollbar {
   width: 0
 }
 
-.comHeader .nav>ul>li .nav-hover .hover-item {
+.comHeader .nav > ul > li .nav-hover .hover-item {
   margin: 0 0 10px
 }
 
-.comHeader .nav>ul>li .nav-hover .hover-item>a:link {
+.comHeader .nav > ul > li .nav-hover .hover-item > a:link {
   color: #848484;
   font-size: 14px;
   padding: 0 20px;
@@ -449,11 +567,11 @@ const handleLogin = (type) => {
   transition: none
 }
 
-.comHeader .nav>ul>li .nav-hover .hover-item>a:hover {
+.comHeader .nav > ul > li .nav-hover .hover-item > a:hover {
   color: #4bb752
 }
 
-.comHeader .nav>ul>li .nav-hover .child-item a {
+.comHeader .nav > ul > li .nav-hover .child-item a {
   border-left: 4px solid #1b1c1d;
   display: inline-block;
   line-height: 25px;
@@ -464,7 +582,7 @@ const handleLogin = (type) => {
   white-space: normal
 }
 
-.comHeader .nav>ul>li .nav-hover .child-item a .ico-yh {
+.comHeader .nav > ul > li .nav-hover .child-item a .ico-yh {
   background: url(data:image/png;base64,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) no-repeat 50%;
   background-size: 100% 100%;
   display: inline-block;
@@ -475,7 +593,7 @@ const handleLogin = (type) => {
   width: 12px
 }
 
-.comHeader .nav>ul>li .nav-hover .child-item a .ico-dp {
+.comHeader .nav > ul > li .nav-hover .child-item a .ico-dp {
   background: url(./3.B1j6TFrJ.png) no-repeat 50%;
   background-size: 100% 100%;
   display: inline-block;
@@ -486,7 +604,7 @@ const handleLogin = (type) => {
   width: 12px
 }
 
-.comHeader .nav>ul>li .nav-hover .child-item a .ico-mz {
+.comHeader .nav > ul > li .nav-hover .child-item a .ico-mz {
   background: url(./4.CliINQHr.png) no-repeat 50%;
   background-size: 100% 100%;
   display: inline-block;
@@ -497,7 +615,7 @@ const handleLogin = (type) => {
   width: 12px
 }
 
-.comHeader .nav>ul>li .nav-hover .child-item a .ico-xh {
+.comHeader .nav > ul > li .nav-hover .child-item a .ico-xh {
   background: url(data:image/png;base64,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) no-repeat 50%;
   background-size: 100% 100%;
   display: inline-block;
@@ -508,7 +626,7 @@ const handleLogin = (type) => {
   width: 12px
 }
 
-.comHeader .nav>ul>li .nav-hover .child-item a .ico-zn {
+.comHeader .nav > ul > li .nav-hover .child-item a .ico-zn {
   background: url(./7.CzOWPVUI.png) no-repeat 50%;
   background-size: 100% 100%;
   display: inline-block;
@@ -519,7 +637,7 @@ const handleLogin = (type) => {
   width: 22px
 }
 
-.comHeader .nav>ul>li .nav-hover .child-item a .ico-zn2 {
+.comHeader .nav > ul > li .nav-hover .child-item a .ico-zn2 {
   background: url(./6.CHtcQ5m4.png) no-repeat 50%;
   background-size: 100% 100%;
   display: inline-block;
@@ -530,13 +648,13 @@ const handleLogin = (type) => {
   width: 30px
 }
 
-.comHeader .nav>ul>li .nav-hover .child-item a:hover {
+.comHeader .nav > ul > li .nav-hover .child-item a:hover {
   border-color: #4bb752
 }
 
-.comHeader .nav>ul>li .hover-product {
+.comHeader .nav > ul > li .hover-product {
   background-color: #fff;
-  -webkit-box-shadow: 0 2px 11px 2px rgba(0,0,0,.08);
+  -webkit-box-shadow: 0 2px 11px 2px rgba(0, 0, 0, .08);
   box-shadow: 0 2px 11px 2px #00000014;
   left: 0;
   overflow: hidden;
@@ -546,54 +664,54 @@ const handleLogin = (type) => {
   right: 0
 }
 
-.comHeader .nav>ul>li .hover-product.hover-product2 {
+.comHeader .nav > ul > li .hover-product.hover-product2 {
   left: 150px;
   right: auto
 }
 
-.comHeader .nav>ul>li .hover-product.hover-product2 .product-list {
+.comHeader .nav > ul > li .hover-product.hover-product2 .product-list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
 }
 
-.comHeader .nav>ul>li .hover-product.hover-product2 .product-list .plist {
+.comHeader .nav > ul > li .hover-product.hover-product2 .product-list .plist {
   padding: 10px
 }
 
-.comHeader .nav>ul>li .hover-product.hover-product2 .product-list .plist:first-child>.list-item>ul>.hover-item {
+.comHeader .nav > ul > li .hover-product.hover-product2 .product-list .plist:first-child > .list-item > ul > .hover-item {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1
 }
 
-.comHeader .nav>ul>li .hover-product.EN {
+.comHeader .nav > ul > li .hover-product.EN {
   background-color: #040705
 }
 
-.comHeader .nav>ul>li .hover-product.EN.hover-product2 {
+.comHeader .nav > ul > li .hover-product.EN.hover-product2 {
   left: 300px;
   right: auto
 }
 
-.comHeader .nav>ul>li .hover-product.EN.hover-product2 .plist {
+.comHeader .nav > ul > li .hover-product.EN.hover-product2 .plist {
   padding-left: 10px
 }
 
-.comHeader .nav>ul>li .hover-product.EN.hover-product2 .plist .list-item {
-  padding: 0!important
+.comHeader .nav > ul > li .hover-product.EN.hover-product2 .plist .list-item {
+  padding: 0 !important
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist {
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist {
   padding-bottom: 7px;
   padding-top: 7px
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist .list-label {
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-label {
   width: 60px
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist .list-label span {
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-label span {
   font-size: 20px;
   font-weight: 700;
   left: -83px;
@@ -603,37 +721,37 @@ const handleLogin = (type) => {
   white-space: nowrap
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist:first-child .list-label {
-  background: linear-gradient(135deg,#22e68b,#008d35)
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:first-child .list-label {
+  background: linear-gradient(135deg, #22e68b, #008d35)
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist:first-child>.list-item>ul>.hover-item {
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:first-child > .list-item > ul > .hover-item {
   background-color: #15210f;
   border-color: #23e98e
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2) .list-label {
-  background: linear-gradient(160deg,#48fffa,#008d9a);
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label {
+  background: linear-gradient(160deg, #48fffa, #008d9a);
   text-align: center
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2) .list-label span {
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label span {
   left: -72px
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2)>.list-item>ul>.hover-item {
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) > .list-item > ul > .hover-item {
   background-color: #101e1f;
   border-color: #8b979c
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2)>.list-item>ul>.hover-item .child-item {
-  background: linear-gradient(160deg,#205c5d,#103f44);
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) > .list-item > ul > .hover-item .child-item {
+  background: linear-gradient(160deg, #205c5d, #103f44);
   margin: 7px 0 0;
   padding: 7px 0 7px 30px
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2)>.list-item>ul>.hover-item>.LNK {
-  background: linear-gradient(135deg,#49fefa,#008d9a);
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) > .list-item > ul > .hover-item > .LNK {
+  background: linear-gradient(135deg, #49fefa, #008d9a);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -645,44 +763,44 @@ const handleLogin = (type) => {
   justify-content: center
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span1 {
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span1 {
   left: -30px
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span2 {
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span2 {
   left: -95px
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3) .list-label {
-  background: linear-gradient(135deg,#ffcd68,#fe682d)
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) .list-label {
+  background: linear-gradient(135deg, #ffcd68, #fe682d)
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span1 {
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span1 {
   left: -38px
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span2 {
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span2 {
   left: -106px
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3)>.list-item>ul>.hover-item {
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) > .list-item > ul > .hover-item {
   background-color: #2d1d08;
   border-color: #ffa24b
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3)>.list-item>ul>.hover-item .child-item {
-  background: linear-gradient(135deg,#442e10,#44230c);
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist:nth-child(3) > .list-item > ul > .hover-item .child-item {
+  background: linear-gradient(135deg, #442e10, #44230c);
   margin: 7px 0 0;
   padding: 7px 0 7px 30px;
-  width: 32.333%!important
+  width: 32.333% !important
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist .list-item .hover-item {
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-item .hover-item {
   padding-top: 35px;
   position: relative
 }
 
-.comHeader .nav>ul>li .hover-product.EN .product-list .plist .list-item .hover-item>.LNK {
+.comHeader .nav > ul > li .hover-product.EN .product-list .plist .list-item .hover-item > .LNK {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -691,7 +809,7 @@ const handleLogin = (type) => {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  background: linear-gradient(135deg,#22e68b,#008d35);
+  background: linear-gradient(135deg, #22e68b, #008d35);
   height: 44px;
   line-height: 18px;
   min-width: auto;
@@ -700,45 +818,45 @@ const handleLogin = (type) => {
   white-space: normal
 }
 
-.comHeader .nav>ul>li .hover-product.EN .child-item a {
+.comHeader .nav > ul > li .hover-product.EN .child-item a {
   color: #dcdbde;
   font-size: 12px;
   line-height: 18px
 }
 
-.comHeader .nav>ul>li .hover-product.EN .child-item a:hover {
+.comHeader .nav > ul > li .hover-product.EN .child-item a:hover {
   color: #fff
 }
 
-.comHeader .nav>ul>li .hover-product.EN .child-item a .ico-yh {
+.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-yh {
   background: url(data:image/png;base64,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) no-repeat 50%;
   background-size: 100% 100%;
   top: 3px
 }
 
-.comHeader .nav>ul>li .hover-product.EN .child-item a .ico-dp {
+.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-dp {
   background: url(./3.B1j6TFrJ.png) no-repeat 50%;
   background-size: 100% 100%;
   top: 3px
 }
 
-.comHeader .nav>ul>li .hover-product.EN .child-item a .ico-mz {
+.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-mz {
   background: url(./4.CliINQHr.png) no-repeat 50%;
   background-size: 100% 100%;
   top: 3px
 }
 
-.comHeader .nav>ul>li .hover-product.EN .child-item a .ico-xh {
+.comHeader .nav > ul > li .hover-product.EN .child-item a .ico-xh {
   background: url(./5.R14BVqop.png) no-repeat 50%;
   background-size: 100% 100%;
   top: 3px
 }
 
-.comHeader .nav>ul>li .hover-product.EN .ico-zn,.comHeader .nav>ul>li .hover-product.EN .ico-zn2 {
-  display: none!important
+.comHeader .nav > ul > li .hover-product.EN .ico-zn, .comHeader .nav > ul > li .hover-product.EN .ico-zn2 {
+  display: none !important
 }
 
-.comHeader .nav>ul>li .hover-product.EN .item-tit {
+.comHeader .nav > ul > li .hover-product.EN .item-tit {
   color: #00e07b;
   font-size: 12px;
   line-height: 18px;
@@ -748,7 +866,7 @@ const handleLogin = (type) => {
   white-space: normal
 }
 
-.comHeader .nav>ul>li .hover-product.EN .item-tit:before {
+.comHeader .nav > ul > li .hover-product.EN .item-tit:before {
   background-color: #00e07b;
   content: "";
   height: 100%;
@@ -758,21 +876,21 @@ const handleLogin = (type) => {
   width: 2px
 }
 
-.comHeader .nav>ul>li .hover-product .item-tit {
+.comHeader .nav > ul > li .hover-product .item-tit {
   font-weight: 700;
   margin: 5px 0 0
 }
 
-.comHeader .nav>ul>li .hover-product .child-item a {
+.comHeader .nav > ul > li .hover-product .child-item a {
   border: none;
   color: #333
 }
 
-.comHeader .nav>ul>li .hover-product .child-item a:hover {
+.comHeader .nav > ul > li .hover-product .child-item a:hover {
   color: #4bb752
 }
 
-.comHeader .nav>ul>li .hover-product .product-list {
+.comHeader .nav > ul > li .hover-product .product-list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -782,7 +900,7 @@ const handleLogin = (type) => {
   flex-direction: column
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist {
+.comHeader .nav > ul > li .hover-product .product-list .plist {
   color: #333;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -790,16 +908,16 @@ const handleLogin = (type) => {
   padding: 10px 20px
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist:first-child .list-label {
-  background: -webkit-gradient(linear,right top,left top,from(#49ac8c),to(#79ba49));
-  background: linear-gradient(270deg,#49ac8c,#79ba49)
+.comHeader .nav > ul > li .hover-product .product-list .plist:first-child .list-label {
+  background: -webkit-gradient(linear, right top, left top, from(#49ac8c), to(#79ba49));
+  background: linear-gradient(270deg, #49ac8c, #79ba49)
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist:first-child>.list-item {
+.comHeader .nav > ul > li .hover-product .product-list .plist:first-child > .list-item {
   padding: 0 5px
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist:first-child>.list-item>ul>.hover-item {
+.comHeader .nav > ul > li .hover-product .product-list .plist:first-child > .list-item > ul > .hover-item {
   width: 15.8%;
   -ms-flex-negative: 0;
   background-color: #f5fbf1;
@@ -809,15 +927,15 @@ const handleLogin = (type) => {
   margin-right: .43%
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(2) .list-label {
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) .list-label {
   background: #40a9f5
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(2)>.list-item {
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) > .list-item {
   padding: 0 5px
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(2)>.list-item>ul>.hover-item {
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) > .list-item > ul > .hover-item {
   width: 32.333%;
   -ms-flex-negative: 0;
   background-color: #f8f8f8;
@@ -827,19 +945,19 @@ const handleLogin = (type) => {
   margin-right: .5%
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(2)>.list-item>ul>.hover-item>.LNK {
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(2) > .list-item > ul > .hover-item > .LNK {
   background-color: #40a9f5
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item {
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item {
   padding: 0 5px
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item>ul {
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul {
   height: 100%
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item>ul>.hover-item {
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul > .hover-item {
   width: 99%;
   -ms-flex-negative: 0;
   flex-shrink: 0;
@@ -849,7 +967,7 @@ const handleLogin = (type) => {
   padding-top: 10px
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item>ul>.hover-item .hover-child {
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul > .hover-item .hover-child {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -857,7 +975,7 @@ const handleLogin = (type) => {
   flex-wrap: wrap
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item>ul>.hover-item .hover-child .child-item {
+.comHeader .nav > ul > li .hover-product .product-list .plist:nth-child(3) > .list-item > ul > .hover-item .hover-child .child-item {
   width: 24%;
   -ms-flex-negative: 0;
   flex-shrink: 0;
@@ -865,7 +983,7 @@ const handleLogin = (type) => {
   margin-right: .5%
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist .list-label {
+.comHeader .nav > ul > li .hover-product .product-list .plist .list-label {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -880,13 +998,13 @@ const handleLogin = (type) => {
   width: 40px
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist .list-item {
+.comHeader .nav > ul > li .hover-product .product-list .plist .list-item {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist .list-item>ul {
+.comHeader .nav > ul > li .hover-product .product-list .plist .list-item > ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -896,7 +1014,7 @@ const handleLogin = (type) => {
   flex-direction: row
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item {
+.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item {
   background-color: #fff9ed;
   border: 1px solid #e9d0af;
   margin: 15px 10px 0;
@@ -904,12 +1022,12 @@ const handleLogin = (type) => {
   position: relative
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item .child-item {
+.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item .child-item {
   line-height: 22px;
   position: relative
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item .child-item:before {
+.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item .child-item:before {
   background: #4bad52;
   border-radius: 4px;
   content: "";
@@ -921,7 +1039,7 @@ const handleLogin = (type) => {
   width: 6px
 }
 
-.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item>.LNK {
+.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item > .LNK {
   background-color: #7abf4c;
   color: #fff;
   height: 30px;
@@ -936,7 +1054,7 @@ const handleLogin = (type) => {
   transform: translate(-50%)
 }
 
-.comHeader .nav>ul>li>a {
+.comHeader .nav > ul > li > a {
   height: 63px;
   line-height: 63px;
   padding: 0 20px
@@ -988,7 +1106,7 @@ const handleLogin = (type) => {
 
 .menu-zh[data-v-bc7d8fb8] {
   background: #040705;
-  -webkit-box-shadow: 0 2px 16px rgba(0,0,0,.06);
+  -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .06);
   box-shadow: 0 2px 16px #0000000f;
   color: #fff;
   overflow: hidden;
@@ -1000,7 +1118,7 @@ const handleLogin = (type) => {
   row-gap: 20px
 }
 
-.menu-zh[data-v-bc7d8fb8],.menu-zh .menu-row[data-v-bc7d8fb8],.menu-zh .menu-row .menu-row-title[data-v-bc7d8fb8] {
+.menu-zh[data-v-bc7d8fb8], .menu-zh .menu-row[data-v-bc7d8fb8], .menu-zh .menu-row .menu-row-title[data-v-bc7d8fb8] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
@@ -1018,7 +1136,7 @@ const handleLogin = (type) => {
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
-  background: linear-gradient(135deg,#22e68b,#008d35);
+  background: linear-gradient(135deg, #22e68b, #008d35);
   justify-content: center;
   letter-spacing: 8px;
   width: 60px
@@ -1062,7 +1180,7 @@ const handleLogin = (type) => {
   width: 2px
 }
 
-.menu-zh .menu-row .menu-row-items .menu-section .item-tit[data-v-bc7d8fb8],.menu-zh .menu-row .menu-row-items .menu-section>ul[data-v-bc7d8fb8] {
+.menu-zh .menu-row .menu-row-items .menu-section .item-tit[data-v-bc7d8fb8], .menu-zh .menu-row .menu-row-items .menu-section > ul[data-v-bc7d8fb8] {
   margin: 0 20px
 }
 
@@ -1083,7 +1201,7 @@ const handleLogin = (type) => {
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
-  background: linear-gradient(135deg,#22e68b,#008d35);
+  background: linear-gradient(135deg, #22e68b, #008d35);
   color: #fff;
   height: 44px;
   justify-content: center;
@@ -1093,7 +1211,7 @@ const handleLogin = (type) => {
 }
 
 .menu-zh .menu-row.menu-row2 .menu-row-title[data-v-bc7d8fb8] {
-  background: linear-gradient(135deg,#ffcd68,#fe682d)
+  background: linear-gradient(135deg, #ffcd68, #fe682d)
 }
 
 .menu-zh .menu-row.menu-row2 .menu-row-content[data-v-bc7d8fb8] {
@@ -1105,12 +1223,12 @@ const handleLogin = (type) => {
 }
 
 .menu-zh .menu-row.menu-row2 .menu-row-content .link-item[data-v-bc7d8fb8] {
-  background: linear-gradient(135deg,#442e10,#44230c);
+  background: linear-gradient(135deg, #442e10, #44230c);
   color: #dcdbde;
   font-size: 12px;
   line-height: 22px;
   padding: 7px 0 7px 30px;
-  width: 24%!important;
+  width: 24% !important;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   margin: 7px .5% 0
@@ -1151,7 +1269,7 @@ const handleLogin = (type) => {
   padding: 15px
 }
 
-.menu-zh .menu-row.menu-row2 .menu-row-content .content2[data-v-bc7d8fb8],.menu-zh .menu-row.menu-row2 .menu-row-content .content2 .link-item[data-v-bc7d8fb8] {
+.menu-zh .menu-row.menu-row2 .menu-row-content .content2[data-v-bc7d8fb8], .menu-zh .menu-row.menu-row2 .menu-row-content .content2 .link-item[data-v-bc7d8fb8] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -1179,4 +1297,75 @@ const handleLogin = (type) => {
   letter-spacing: 8px;
   margin: 0 10px
 }
+
+.menu-zh .menu-row.menu-row2 .menu-row-content.product-content-row2 {
+  background-color: #2d1d08 !important; /* 原智能运营平台背景色 */
+  border: 1px solid #ffa24b !important; /* 原智能运营平台边框 */
+  margin-left: 10px !important;
+  padding: 10px 20px !important;
+  width: 100% !important;
+}
+
+.content1-custom-layout {
+  padding: 15px 0 !important;
+  flex-wrap: wrap !important;
+}
+
+.link-item.product-link-card {
+  background: linear-gradient(135deg, #442e10, #44230c) !important;
+  color: #dcdbde !important;
+
+  display: block !important;
+  height: auto !important;
+  flex-direction: column !important;
+  align-items: flex-start !important;
+
+  width: 24% !important;
+  padding: 15px 0 15px 15px !important; /* 调整内边距 */
+  margin: 7px .5% 0 !important;
+
+  min-height: 100px;
+}
+
+.link-item-title {
+  font-size: 14px;
+  font-weight: bold;
+  color: #ffcd68; /* 使用原 menu-row2 渐变的主色调 */
+  display: block;
+  margin-bottom: 5px;
+}
+
+.link-item-body {
+  font-size: 12px;
+  line-height: 1.4;
+  color: #dcdbde;
+  padding-right: 15px;
+}
+
+.card-desc-row2 {
+  margin: 0;
+  line-height: 1.4;
+  min-height: 36px; /* 确保两行描述的空间 */
+}
+
+.link-item-link {
+  display: block;
+  margin-top: 5px;
+  color: #ffa24b; /* 链接颜色 */
+  font-weight: 500;
+}
+
+.link-item-placeholder {
+  visibility: hidden;
+  width: 24% !important; /* 必须保留宽度 */
+  margin: 7px .5% 0 !important;
+  height: 0;
+  padding: 0 !important;
+  border: none !important;
+  background: none !important;
+}
+
+.content2-hidden {
+  display: none !important;
+}
 </style>