<!--<template>-->
<!--  <div class="comHeader">-->
<!--    <div class="nav"><a aria-current="page" href="/" class="router-link-active router-link-exact-active logo"><img-->
<!--      src="@/assets/imgs/logo3.png" alt="Tcode"></a>-->
<!--      <ul>-->
<!--        <li><a href="javascript:;" rel="noopener noreferrer" class="LNK">知攻善防</a>-->
<!--          <div class="nav-hover hover-product">-->
<!--            <div data-v-bc7d8fb8="" class="menu-zh">-->
<!--              <div data-v-bc7d8fb8="" class="menu-row menu-row1">-->
<!--                <div data-v-bc7d8fb8="" class="menu-row-title">单点安全建设</div>-->
<!--                <div data-v-bc7d8fb8="" class="menu-row-items">-->
<!--                  <div data-v-bc7d8fb8="" class="menu-section"><span data-v-bc7d8fb8=""-->
<!--                                                                     class="menu-section-title">事前防御</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="/evaluate" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-yh"></i> 代码审计服务 </a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/evaluate?tab=4"-->
<!--                                                                   class="LNK"><i data-v-bc7d8fb8="" class="ico-yh"></i>-->
<!--                        上线前安全评估（渗透测试）服务 </a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/codeinsight" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-yh"></i> 智能静态应用程序安全测试系统（慧鉴） </a></li>-->
<!--                    </ul>-->
<!--                    <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="/training" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-mz"></i> 人才培训与能力提升</a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/training" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-mz"></i> CTF 办赛与培训</a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/evaluate" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-mz"></i> 红蓝军建设服务</a></li>-->
<!--                    </ul>-->
<!--                  </div>-->
<!--                  <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="/xray" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-dp"></i> 风险评估系统（洞鉴） <i data-v-bc7d8fb8="" class="ico-zn2"></i></a>-->
<!--                      </li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/cloudatlas" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-dp"></i> 资产暴露面运营管理（云图） <i data-v-bc7d8fb8="" class="ico-zn2"></i></a>-->
<!--                      </li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/alioth" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-dp"></i> 安全验证平台（御衡）</a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/xblade" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-dp"></i> 自动化渗透测试平台（无锋）</a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/aigc" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-yh"></i> 大模型系统安全评估服务</a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/evaluate" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-yh"></i> 风险评估服务</a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/evaluate?tab=3"-->
<!--                                                                   class="LNK"><i data-v-bc7d8fb8="" class="ico-yh"></i>-->
<!--                        互联网渗透测试服务</a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/defend" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-yh"></i> 安全验证服务</a></li>-->
<!--                    </ul>-->
<!--                  </div>-->
<!--                  <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="/safeline" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-dp"></i> Web 应用防火墙（雷池） <i data-v-bc7d8fb8=""-->
<!--                                                                                class="ico-zn"></i></a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/safeline" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-dp"></i> Web 应用与 API 防护（雷池） <i data-v-bc7d8fb8=""-->
<!--                                                                                     class="ico-zn"></i></a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/tanswer" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-dp"></i> 流量威胁检测响应系统（全悉） <i data-v-bc7d8fb8="" class="ico-zn"></i></a>-->
<!--                      </li>-->
<!--                    </ul>-->
<!--                  </div>-->
<!--                  <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="/dsensor" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-dp"></i> 主动威胁欺骗防御系统（谛听） <i data-v-bc7d8fb8="" class="ico-zn2"></i></a>-->
<!--                      </li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/evaluate" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-dp"></i> 日志审计 </a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/evaluate" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-dp"></i> 数据库审计 </a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/training?tab=5"-->
<!--                                                                   class="LNK"><i data-v-bc7d8fb8="" class="ico-yh"></i>-->
<!--                        沙盘推演服务</a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/evaluate?tab=6"-->
<!--                                                                   class="LNK"><i data-v-bc7d8fb8="" class="ico-yh"></i>-->
<!--                        攻防演练服务</a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/defend?tab=2"-->
<!--                                                                   class="LNK"><i data-v-bc7d8fb8="" class="ico-yh"></i>-->
<!--                        勒索病毒演练服务</a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/defend?tab=3"-->
<!--                                                                   class="LNK"><i data-v-bc7d8fb8="" class="ico-yh"></i>-->
<!--                        邮件钓鱼演练服务</a></li>-->
<!--                    </ul>-->
<!--                  </div>-->
<!--                  <div data-v-bc7d8fb8="" class="menu-section"><span data-v-bc7d8fb8="" class="menu-section-title">主机应用防护</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="/cloudwalker" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-dp"></i> 云工作负载保护平台（牧云）</a></li>-->
<!--                    </ul>-->
<!--                    <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="/enterprise" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-dp"></i> 网站监测</a></li>-->
<!--                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/enterprise" class="LNK"><i-->
<!--                        data-v-bc7d8fb8="" class="ico-dp"></i> 网页防篡改</a></li>-->
<!--                    </ul>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <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">-->
<!--                  <div data-v-bc7d8fb8="" class="content1"><a data-v-bc7d8fb8="" href="/cosmos" class="link-item"><img-->
<!--                    data-v-bc7d8fb8="" src="https://www.chaitin.cn/_nuxt/3.B1j6TFrJ.png"><span data-v-bc7d8fb8="">安全分析与运营管理平台（万象）</span></a><a-->
<!--                    data-v-bc7d8fb8="" href="/mssSafe" class="link-item"><img data-v-bc7d8fb8=""-->
<!--                                                                              src="https://www.chaitin.cn/_nuxt/3.B1j6TFrJ.png"><span-->
<!--                    data-v-bc7d8fb8="">MSS安全托管服务（大观）</span></a><a data-v-bc7d8fb8="" href="/insight"-->
<!--                                                                  class="link-item"><img data-v-bc7d8fb8=""-->
<!--                                                                                         src="https://www.chaitin.cn/_nuxt/3.B1j6TFrJ.png"><span-->
<!--                    data-v-bc7d8fb8="">风险运营管理平台（鉴微）</span></a><a data-v-bc7d8fb8="" href="/training?tab=4"-->
<!--                                                                 class="link-item"><img data-v-bc7d8fb8=""-->
<!--                                                                                        src="https://www.chaitin.cn/_nuxt/3.B1j6TFrJ.png"><span-->
<!--                    data-v-bc7d8fb8="">网络安全实训平台（墨攻）</span></a></div>-->
<!--                  <div data-v-bc7d8fb8="" class="content2"><a data-v-bc7d8fb8="" href="/chaitinAI"-->
<!--                                                              class="link-item"><span-->
<!--                    data-v-bc7d8fb8="">安全模型平台（问津）</span></a></div>-->
<!--                </div>-->
<!--              </div>-->
<!--            </div>-->
<!--          </div>&lt;!&ndash;&ndash;&gt;</li>-->
<!--        <li><a href="javascript:;" rel="noopener noreferrer" class="LNK">智能安全</a>-->
<!--          <div class="nav-hover hover-product hover-product2 EN" style="left: 266px;">-->
<!--            <div class="product-list">-->
<!--              <div class="plist">-->
<!--                <div class="list-item">-->
<!--                  <ul>-->
<!--                    <li class="hover-item"><a href="javascript:;" rel="noopener noreferrer" class="LNK">AI 赋能安全</a><h4-->
<!--                      class="item-tit">攻击入侵平台</h4>-->
<!--                      <ul class="hover-child">-->
<!--                        <li class="child-item"><a href="/xblade" class="LNK"><i class="ico-dp"></i> AI 自动化渗透测试平台（无锋）-->
<!--                        </a></li>-->
<!--                      </ul>-->
<!--                      <h4 class="item-tit">安全建设平台</h4>-->
<!--                      <ul class="hover-child">-->
<!--                        <li class="child-item"><a href="/insight" class="LNK"><i class="ico-dp"></i> AI 风险运营管理平台（鉴微）-->
<!--                        </a></li>-->
<!--                        <li class="child-item"><a href="/cosmos" class="LNK"><i class="ico-dp"></i> AI 安全分析与运营管理平台（万象）-->
<!--                        </a></li>-->
<!--                        <li class="child-item"><a href="/chaitinAI" class="LNK"><i class="ico-dp"></i> AI 安全运营大模型平台（问津）-->
<!--                        </a></li>-->
<!--                      </ul>-->
<!--                    </li>-->
<!--                    <li class="hover-item"><a href="javascript:;" rel="noopener noreferrer" class="LNK">AI 自身安全</a><h4-->
<!--                      class="item-tit">代码安全</h4>-->
<!--                      <ul class="hover-child">-->
<!--                        <li class="child-item"><a href="/codeinsight" class="LNK"><i class="ico-dp"></i>-->
<!--                          智能静态应用程序安全测试系统（慧鉴） </a></li>-->
<!--                        <li class="child-item"><a href="/codeforce" class="LNK"><i class="ico-dp"></i> 智能开发与安全一体化平台（码力）-->
<!--                        </a></li>-->
<!--                      </ul>-->
<!--                    </li>-->
<!--                  </ul>-->
<!--                </div>-->
<!--              </div>-->
<!--            </div>-->
<!--          </div>&lt;!&ndash;&ndash;&gt;</li>-->
<!--        <li><a href="/solutions" class="LNK">解决方案</a></li>-->
<!--        <li><a href="javascript:;" rel="noopener noreferrer" class="LNK">资源中心</a>-->
<!--          <div class="nav-hover">-->
<!--            <ul>-->
<!--              <li class="hover-item">-->
<!--                <ul class="hover-child">-->
<!--                  <li class="child-item"><a target="_self" class="LNK" href="/showcase">客户案例</a>&lt;!&ndash;&ndash;&gt;</li>-->
<!--                  <li class="child-item"><a target="_self" class="LNK" href="/reports">资料下载</a>&lt;!&ndash;&ndash;&gt;</li>-->
<!--                  <li class="child-item"><a target="_blank" class="LNK" href="https://stack.chaitin.com/vuldb/index">漏洞检测</a>-->
<!--                    &lt;!&ndash;&ndash;&gt;</li>-->
<!--                  <li class="child-item"><a target="_blank" class="LNK" href="https://stack.chaitin.com/techblog/index">技术博客</a>-->
<!--                    &lt;!&ndash;&ndash;&gt;</li>-->
<!--                </ul>-->
<!--              </li>-->
<!--            </ul>-->
<!--          </div>-->
<!--        </li>-->
<!--        <li><a href="javascript:;" rel="noopener noreferrer" class="LNK">合作伙伴</a>-->
<!--          <div class="nav-hover">-->
<!--            <ul>-->
<!--              <li class="hover-item">-->
<!--                <ul class="hover-child">-->
<!--                  <li class="child-item"><a target="_blank" class="LNK" href="https://wanzhong.chaitin.cn">万众平台</a>-->
<!--                    &lt;!&ndash;&ndash;&gt;</li>-->
<!--                  <li class="child-item"><a target="_blank" class="LNK" href="https://bbs.chaitin.cn">CT TALK - -->
<!--                    伙伴技术社区</a>&lt;!&ndash;&ndash;&gt;</li>-->
<!--                </ul>-->
<!--              </li>-->
<!--            </ul>-->
<!--          </div>-->
<!--        </li>-->
<!--        <li><a href="/intro" class="LNK">关于我们</a>-->
<!--          <div class="nav-hover">-->
<!--            <ul>-->
<!--              <li class="hover-item">-->
<!--                <ul class="hover-child">-->
<!--                  <li class="child-item">&lt;!&ndash;&ndash;&gt;<a href="/intro" class="LNK">公司介绍</a></li>-->
<!--                  <li class="child-item"><a target="_self" class="LNK" href="/news">新闻动态</a>&lt;!&ndash;&ndash;&gt;</li>-->
<!--                  <li class="child-item"><a target="_blank" class="LNK"-->
<!--                                            href="https://app.mokahr.com/campus-recruitment/chaitin">加入我们</a>&lt;!&ndash;&ndash;&gt;-->
<!--                  </li>-->
<!--                  <li class="child-item">&lt;!&ndash;&ndash;&gt;<a href="/contact-us" class="LNK">联系我们</a></li>-->
<!--                </ul>-->
<!--              </li>-->
<!--            </ul>-->
<!--          </div>-->
<!--        </li>-->
<!--        <li><a href="javascript:;" rel="noopener noreferrer" class="LNK">Tcode站点</a>-->
<!--          <div class="nav-hover">-->
<!--            <ul>-->
<!--              <li class="hover-item">-->
<!--                <ul class="hover-child">-->
<!--                  <li class="child-item"><a target="_blank" class="LNK" href="https://rivers.chaitin.cn">Tcode百川云</a>-->
<!--                    &lt;!&ndash;&ndash;&gt;</li>-->
<!--                  <li class="child-item"><a target="_blank" class="LNK" href="https://baizhi.cloud">Tcode百智云</a>&lt;!&ndash;&ndash;&gt;-->
<!--                  </li>-->
<!--                  <li class="child-item"><a target="_blank" class="LNK" href="https://wanzhong.chaitin.cn">万众平台</a>-->
<!--                    &lt;!&ndash;&ndash;&gt;</li>-->
<!--                  <li class="child-item"><a target="_blank" class="LNK" href="https://stack.chaitin.com">CT Stack-->
<!--                    安全社区</a>&lt;!&ndash;&ndash;&gt;</li>-->
<!--                  <li class="child-item"><a target="_blank" class="LNK" href="https://bbs.chaitin.cn">CT TALK - -->
<!--                    伙伴技术社区</a>&lt;!&ndash;&ndash;&gt;</li>-->
<!--                  <li class="child-item"><a target="_blank" class="LNK" href="https://xray.cool">Xray 社区</a>&lt;!&ndash;&ndash;&gt;</li>-->
<!--                </ul>-->
<!--              </li>-->
<!--            </ul>-->
<!--          </div>-->
<!--        </li>-->
<!--      </ul>-->
<!--    </div>-->
<!--    <div class="promo">-->
<!--      <ul>-->
<!--        <li><a class="LNK" href="javascript:;" @click="handleLogin('register')">注册</a></li>-->
<!--        <li><a class="LNK" href="javascript:;" @click="handleLogin('login')">登录</a></li>-->
<!--      </ul>-->
<!--    </div>-->
<!--  </div>-->
<!--</template>-->
<template>
  <div class="comHeader">
    <div class="nav">
      <a aria-current="page" href="/" class="router-link-active router-link-exact-active logo">
        <img src="@/assets/imgs/logo3.png" alt="Tcode">
      </a>

      <ul>
        <li><router-link to="/" class="LNK router-link-exact-active router-link-active">首页</router-link></li>

        <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><router-link to="/solutions" class="LNK">解决方案 <i class="ico-arrow-down"></i></router-link>
<!--          <div class="nav-hover">-->
<!--            <ul class="hover-child">-->
<!--              <li class="child-item"><a href="/solutions/industry1" class="LNK">行业解决方案 1</a></li>-->
<!--              <li class="child-item"><a href="/solutions/industry2" class="LNK">行业解决方案 2</a></li>-->
<!--            </ul>-->
<!--          </div>-->
        </li>

        <li><a href="javascript:;" class="LNK">数据服务 <i class="ico-arrow-down"></i></a>
          <div class="nav-hover hover-product hover-product2 EN" style="left: 200px;">
            <div data-v-bc7d8fb8="" class="menu-row-title">核心安全数据要素服务</div>
            <div class="product-list">
              <div class="plist">
                <div class="list-item">
                  <ul>
                    <!-- 漏洞数据库 -->
                    <li class="hover-item">
                      <router-link to="/VulnerabilityDatabase"  rel="noopener noreferrer" class="LNK">🗄️ 漏洞数据库</router-link>
                      <h4 class="item-tit">标准化漏洞查询</h4>
                      <ul class="hover-child">
                        <li class="child-item"><a href="javascript:;" target="_blank" class="LNK">聚合 NVD/CNNVD/OSV 数据，提供标准化漏洞详情查询。</a></li>
                        <li class="child-item child-item-2"><router-link to="/VulnerabilityDatabase" target="_blank" class="LNK"><i class="ico-dp"></i> [ 查询漏洞 > ]</router-link></li>
                      </ul>
                    </li>
                    <!-- 威胁情报库 -->
                    <li class="hover-item">
                      <a href="javascript:;" rel="noopener noreferrer" class="LNK">🧠 威胁情报库</a>
                      <h4 class="item-tit">实时情报推送</h4>
                      <ul class="hover-child">
                        <li class="child-item"><a href="javascript:;" target="_blank" class="LNK">实时推送 CISA KEV 列表及供应链攻击情报 IOC。</a></li>
                        <li class="child-item child-item-2"><a href="javascript:;" target="_blank" class="LNK"><i class="ico-dp"></i> [ 订阅情报 > ]</a></li>
                      </ul>
                    </li>
                    <!-- 安全事件中心 -->
                    <li class="hover-item">
                      <a href="javascript:;" rel="noopener noreferrer" class="LNK">🚨 安全事件中心</a>
                      <h4 class="item-tit">事件复盘分析</h4>
                      <ul class="hover-child">
                        <li class="child-item"><a href="javascript:;" target="_blank" class="LNK">全球重大开源安全事件历史档案与复盘分析。</a></li>
                        <li class="child-item child-item-2"><a href="javascript:;" target="_blank" class="LNK"><i class="ico-dp"></i> [ 查看事件 > ]</a></li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </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="/awareness/dashboard" class="LNK">实时态势面板</a></li>
            </ul>
          </div>
        </li>

        <li><router-link to="/pricing" class="LNK">定价</router-link></li>

        <li><a href="javascript:;" class="LNK">开源服务专区 <i class="ico-arrow-down"></i></a>
          <div class="nav-hover hover-product hover-product2 EN" style="left: 400px;">
            <div data-v-bc7d8fb8="" class="menu-row-title">全栈式开源安全检测与治理工具链</div>
            <div class="product-list">
              <div class="plist">
                <div class="list-item">
                  <ul>
                    <!-- 创新资助计划 -->
                    <li class="hover-item">
                      <a href="javascript:;" rel="noopener noreferrer" class="LNK">💰 创新资助计划</a>
                      <h4 class="item-tit">助力生态孵化</h4>
                      <ul class="hover-child">
                        <li class="child-item"><a href="https://zzjh.org.cn/#/" target="_blank" class="LNK">为潜力开源项目提供资金支持，助力生态孵化。 </a></li>
                        <li class="child-item child-item-2"><a href="https://zzjh.org.cn/#/" target="_blank" class="LNK"><i class="ico-dp"></i> [ 申请资助 > ]</a></li>
                      </ul>
                    </li>
                    <!-- 开源安全奖励计划 -->
                    <li class="hover-item">
                      <a href="http://222.20.126.217:9700/#/" target="_blank" rel="noopener noreferrer" class="LNK">🏆 开源安全奖励计划</a>
                      <h4 class="item-tit">提升社区安全性</h4>
                      <ul class="hover-child">
                        <li class="child-item"><a target="_blank" href="http://222.20.126.217:9700/#/" class="LNK">悬赏发现开源组件漏洞的白帽黑客，提升社区安全性。</a></li>
                        <li class="child-item child-item-2"><a target="_blank" href="http://222.20.126.217:9700/#/" class="LNK"><i class="ico-dp"></i> [ 提交漏洞 > ]</a></li>
                      </ul>
                    </li>
                    <!-- 网络安全众测平台 -->
                    <li class="hover-item">
                      <a href="javascript:;" rel="noopener noreferrer" class="LNK">👥 网络安全众测平台</a>
                      <h4 class="item-tit">汇聚社区力量</h4>
                      <ul class="hover-child">
                        <li class="child-item"><a href="javascript:;" class="LNK">汇聚社区力量进行产品安全众测与代码审计。</a></li>
                        <li class="child-item child-item-2"><a href="javascript:;" class="LNK"><i class="ico-dp"></i> [ 参与众测 > ]</a></li>
                      </ul>
                    </li>
                    <!-- 靶场互联平台 -->
                    <li class="hover-item">
                      <a href="javascript:;" rel="noopener noreferrer" class="LNK">🎯 靶场互联平台</a>
                      <h4 class="item-tit">实战演练培训</h4>
                      <ul class="hover-child">
                        <li class="child-item"><a href="javascript:;" class="LNK">模拟真实攻防环境，提供实战演练与技能培训。</a></li>
                        <li class="child-item child-item-2"><a href="javascript:;" class="LNK"><i class="ico-dp"></i> [ 进入靶场 > ]</a></li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </li>

        <li><router-link to="/intro" class="LNK">关于我们 <i class="ico-arrow-down"></i></router-link>
<!--          <div class="nav-hover">-->
<!--            <ul class="hover-child">-->
<!--              <li class="child-item"><a href="/about/intro" class="LNK">公司介绍</a></li>-->
<!--              <li class="child-item"><a href="/about/contact" class="LNK">联系我们</a></li>-->
<!--            </ul>-->
<!--          </div>-->
        </li>
      </ul>
    </div>

    <div class="promo">
      <ul>
        <li><a class="LNK btn-primary" href="javascript:;" @click="handleLogin('login')">[控制台登录]</a></li>
        <li><a class="LNK btn-secondary" href="javascript:;" @click="handleLogin('login')">[申请试用]</a></li>
      </ul>
    </div>
  </div>
</template>

<script setup lang="ts">
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: '主动注册'});
};
</script>

<style lang="scss" scoped>
.comHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 24px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background: #050505;
  border-bottom: 0px solid #656565;
  font-size: 14px;
  font-weight: 400;
  justify-content: space-between;
  letter-spacing: 0
}

.comHeader .promo {
  font-size: 12px
}

.comHeader:before {
  background: url(@/assets/v3/bgt.CXTC8XIQ.png) repeat-x top;
  background-size: 50% auto;
  content: "";
  height: 60px;
  left: 0;
  opacity: .7;
  position: absolute;
  right: 0;
  top: 100%
}

.comHeader .logo img {
  display: block;
  height: auto;
  width: 86px
}

.comHeader li {
  list-style: none
}

.comHeader .nav {
  padding: 0 0 0 22px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.comHeader .nav, .comHeader .nav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.comHeader .nav > ul {
  margin: 0 0 0 38px
}

.comHeader .nav > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.comHeader .nav > ul > li:hover > a {
  color: #4bb752
}

.comHeader .nav > ul > li:hover .nav-hover {
  opacity: 1;
  top: 62px;
  visibility: visible
}

.comHeader .nav > ul > li .nav-hover {
  background-color: #1b1c1d;
  font-size: 13px;
  left: 0;
  line-height: 28px;
  min-width: 300px;
  opacity: 0;
  padding: 15px 0;
  position: absolute;
  top: 40px;
  -webkit-transition: opacity .2s, top .2s;
  transition: opacity .2s, top .2s;
  visibility: hidden;
  white-space: nowrap
}

.comHeader .nav > ul > li .nav-hover > ul {
  max-height: 452px;
  overflow: hidden;
  overflow-y: scroll
}

.comHeader .nav > ul > li .nav-hover > ul::-webkit-scrollbar {
  width: 0
}

.comHeader .nav > ul > li .nav-hover .hover-item {
  margin: 0 0 10px
}

.comHeader .nav > ul > li .nav-hover .hover-item > a:link {
  color: #848484;
  font-size: 14px;
  padding: 0 20px;
  -webkit-transition: none;
  transition: none
}

.comHeader .nav > ul > li .nav-hover .hover-item > a:hover {
  color: #4bb752
}

.comHeader .nav > ul > li .nav-hover .child-item a {
  border-left: 4px solid #1b1c1d;
  display: inline-block;
  line-height: 25px;
  padding: 0 0 0 20px;
  position: relative;
  -webkit-transition: none;
  transition: none;
  white-space: normal
}

.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;
  height: 12px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 12px
}

.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;
  height: 12px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 12px
}

.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;
  height: 12px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 12px
}

.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;
  height: 12px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 12px
}

.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;
  height: 32px;
  position: absolute;
  right: -25px;
  top: -12px;
  width: 22px
}

.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;
  height: 39px;
  position: absolute;
  right: -32px;
  top: -20px;
  width: 30px
}

.comHeader .nav > ul > li .nav-hover .child-item a:hover {
  border-color: #4bb752
}

.comHeader .nav > ul > li .hover-product {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 11px 2px rgba(0, 0, 0, .08);
  box-shadow: 0 2px 11px 2px #00000014;
  left: 0;
  overflow: hidden;
  overflow-y: scroll;
  padding: 0;
  position: fixed;
  right: 0
}

.comHeader .nav > ul > li .hover-product.hover-product2 {
  left: 150px;
  right: auto
}

.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 {
  padding: 10px
}

.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 {
  background-color: #040705
}

.comHeader .nav > ul > li .hover-product.EN.hover-product2 {
  left: 300px;
  right: auto
}

.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 .product-list .plist {
  padding-bottom: 7px;
  padding-top: 7px
}

.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 {
  font-size: 20px;
  font-weight: 700;
  left: -83px;
  position: relative;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  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-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);
  text-align: center
}

.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 {
  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);
  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);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.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 {
  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 .span1 {
  left: -38px
}

.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 {
  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);
  margin: 7px 0 0;
  padding: 7px 0 7px 30px;
  width: 32.333% !important
}

.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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: -1px;
  right: -1px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: linear-gradient(135deg, #22e68b, #008d35);
  height: 44px;
  line-height: 18px;
  min-width: auto;
  -webkit-transform: none;
  transform: none;
  white-space: normal
}

.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 {
  color: #fff
}

.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 {
  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 {
  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 {
  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 .item-tit {
  color: #00e07b;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 5px;
  padding-left: 10px;
  position: relative;
  white-space: normal
}

.comHeader .nav > ul > li .hover-product.EN .item-tit:before {
  background-color: #00e07b;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 2px
}

.comHeader .nav > ul > li .hover-product .item-tit {
  font-weight: 700;
  margin: 5px 0 0
}

.comHeader .nav > ul > li .hover-product .child-item a {
  border: none;
  color: #333
}

.comHeader .nav > ul > li .hover-product .child-item a:hover {
  color: #4bb752
}

.comHeader .nav > ul > li .hover-product .product-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.comHeader .nav > ul > li .hover-product .product-list .plist {
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  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-item {
  padding: 0 5px
}

.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;
  border-color: #9ab289;
  flex-shrink: 0;
  margin-left: .43%;
  margin-right: .43%
}

.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 {
  padding: 0 5px
}

.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;
  border-color: #ededed;
  flex-shrink: 0;
  margin-left: .5%;
  margin-right: .5%
}

.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 {
  padding: 0 5px
}

.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 {
  width: 99%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: .5%;
  margin-right: .5%;
  margin-top: 0;
  padding-top: 10px
}

.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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.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;
  margin-left: .5%;
  margin-right: .5%
}

.comHeader .nav > ul > li .hover-product .product-list .plist .list-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ffa953;
  color: #fff;
  padding: 0 10px;
  text-align: center;
  white-space: normal;
  width: 40px
}

.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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item {
  background-color: #fff9ed;
  border: 1px solid #e9d0af;
  margin: 15px 10px 0;
  padding: 30px 20px 10px;
  position: relative;
  min-height: 200px;
}

.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-2 {
  position: absolute;
  left: 0;
  bottom: 12px;
}

.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item .child-item:before {
  background: #4bad52;
  border-radius: 4px;
  content: "";
  display: none;
  height: 6px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 6px
}

.comHeader .nav > ul > li .hover-product .product-list .plist .list-item .hover-item > .LNK {
  background-color: #7abf4c;
  color: #fff;
  height: 30px;
  left: 50%;
  line-height: 30px;
  min-width: 130px;
  padding: 0 30px;
  position: absolute;
  text-align: center;
  top: -15px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

.comHeader .nav > ul > li > a {
  height: 63px;
  line-height: 63px;
  padding: 0 20px
}

.comHeader .promo ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.comHeader .promo ul li {
  margin: 0 0 0 23px
}

.comHeader .promo ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.comHeader .promo ul li a:hover .ICO {
  opacity: .6
}

.comHeader .promo ul li .ICO {
  display: block;
  height: 12px;
  margin: 0 7px 0 0
}

.comHeader .promo ul li .ic-try {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAQAAABOiyVOAAAAAXNSR0IArs4c6QAAAiVJREFUeNqllF9ozWEYx9+xM7XlX/4UoXOhCONmXLiQJEqRRJQkdqVJKyWFJDdKcUPigpmLkZvhTrTJjoafOOyc5/Pud7YpUjvZDnboHNvOo/P7/bZpjjknz1O/3vd53+/z9nue7/cx5n9My2yDjXS24vsrWqXdRvydPKOVmgIgDqHkeJO/ZDtQhIz0B0nSZIk6oXEQdwFf7SMG5JoxEibFcyfEQZRTxsSWo1xBOTkOZB+QljC36ItW8YKUhL3XGxmS9ZxlKDFXmsjYpb9D9qDUG2O3oNxD7XY/Hq0izifbbR8a487hM21aFkBkFklp10nGOCG+oVwcSxdfQQal1ku9D7V1IyVolFy8XnbknQTD7l5/HURek7OHg12UdGKhDzqBFu1Jd1rQIYmQYZdUS7VdRS+P8yvf7X6UY8FJhEznurFCzOaDdf0ccoFM1/TR7l3me7TKu3N65N9GTdYyyF3vcDXKgYAlk+nlthfdyLBt+IMRchTliJc9kS+xF9vkl5/5JHnnVBYiUjNZu8YYv5le5Dpf3Ckt5TxlgCUFKdszg27ev53pLvP7EasgZW8Yw3nU7v4r06khy30tI0qbMWxDZbP3vTShQGxdvsT2OLmORdJEMrGYFC9jFf/QFXcYdHeicoa0XMWh3yfvxKCpdPIRhyxKMznZWpSGWckPBKUP5VzR0qc2r2L5KU9aykuYGHITlf74vJLGjFNpu9hQ8nTyaVrYfgG2wbY60aOqBAAAAABJRU5ErkJggg==);
  width: 13px
}

.comHeader .promo ul li .ic-shop {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAQAAABUt8XAAAAAAXNSR0IArs4c6QAAAYFJREFUeNqVkz0sQ1EUx1986yRRg1oZkBgkmmCSIBWDLhgMEvExYK3FTIdGQgSDUdDBqiEVEomSvFjKu//TSirpoO3KoA2OvPf6mlby3o1zlnvP+93/PfecdxTl/6aNIIwbG49SSDSXUAzhhzJ2MMXwJR652oKPkEs32t+LOTB5rc0trpySfO4GY9KC43TmBMMDpgVrk8ahnjldUlslJlYRVhTVBUbAgj8opChP7WCxUo5yNTScG0SBNozQdQ0Y60Yoinett4RW0Q4YE8aXHPaMILnBtKyvki14RUHskl8M0DxUMILFu4mOzYZ0gDFjBlNN2EYebPgL+UtPfEDEVO4DJ8bLClWHHhqufCouKGa1mjHo/DvgFMJcTIGTXRL4gDJmLRfB8EjgID7NRQCsuiTwGjjVoCtvIq9ITCyBtVb91D6yMpimwYlO/dQJSKo8Chb9unJE3EuVvWAaM2uYTdZLlGeLvYAPjDfbCdT9Dt+Iq7VmYXwO42qMrNgityzVP/YL/R8wbgBFGqEAAAAASUVORK5CYII=);
  width: 11px
}

.LNK:link, .LNK:visited {
  color: #fff;
}


.menu-zh[data-v-bc7d8fb8] {
  background: #040705;
  -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 16px #0000000f;
  color: #fff;
  overflow: hidden;
  padding: 10px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  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] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.menu-zh .menu-row .menu-row-title[data-v-bc7d8fb8] {
  color: #fff;
  font-size: 13px;
  padding: 20px 0;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background: linear-gradient(135deg, #22e68b, #008d35);
  justify-content: center;
  letter-spacing: 8px;
  width: 60px
}

.menu-zh .menu-row .menu-row-items[data-v-bc7d8fb8] {
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
  width: 100%
}

.menu-zh .menu-row .menu-row-items .menu-section[data-v-bc7d8fb8] {
  background-color: #15210f;
  border: 1px solid #23e98e;
  padding: 0 0 20px;
  width: 20%
}

.menu-zh .menu-row .menu-row-items .menu-section .item-tit[data-v-bc7d8fb8] {
  color: #00e07b;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 5px;
  padding-left: 10px;
  position: relative;
  white-space: normal
}

.menu-zh .menu-row .menu-row-items .menu-section .item-tit[data-v-bc7d8fb8]:before {
  background-color: #00e07b;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  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] {
  margin: 0 20px
}

.menu-zh .menu-row .menu-row-items .menu-section .hover-child a[data-v-bc7d8fb8] {
  color: #dcdbde;
  font-size: 12px;
  line-height: 18px
}

.menu-zh .menu-row .menu-row-items .menu-section .menu-section-title[data-v-bc7d8fb8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  margin: -1px -1px 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background: linear-gradient(135deg, #22e68b, #008d35);
  color: #fff;
  height: 44px;
  justify-content: center;
  line-height: 18px;
  padding: 0 30px;
  text-align: center
}

.menu-zh .menu-row.menu-row2 .menu-row-title[data-v-bc7d8fb8] {
  background: linear-gradient(135deg, #ffcd68, #fe682d)
}

.menu-zh .menu-row.menu-row2 .menu-row-content[data-v-bc7d8fb8] {
  background-color: #2d1d08;
  border: 1px solid #ffa24b;
  margin-left: 10px;
  padding: 10px 20px;
  width: 100%
}

.menu-zh .menu-row.menu-row2 .menu-row-content .link-item[data-v-bc7d8fb8] {
  background: linear-gradient(135deg, #442e10, #44230c);
  color: #dcdbde;
  font-size: 12px;
  line-height: 22px;
  padding: 7px 0 7px 30px;
  width: 24% !important;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 7px .5% 0
}

.menu-zh .menu-row.menu-row2 .menu-row-content .content1[data-v-bc7d8fb8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.menu-zh .menu-row.menu-row2 .menu-row-content .content1 .link-item[data-v-bc7d8fb8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  font-weight: 500
}

.menu-zh .menu-row.menu-row2 .menu-row-content .content1 .link-item img[data-v-bc7d8fb8] {
  height: 14px;
  width: 14px
}

.menu-zh .menu-row.menu-row2 .menu-row-content .content2[data-v-bc7d8fb8] {
  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] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.menu-zh .menu-row.menu-row2 .menu-row-content .content2 .link-item[data-v-bc7d8fb8] {
  background-color: #ffe5c8;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  font-weight: 500;
  padding-left: 0;
  padding-right: 0
}

.menu-zh .menu-row.menu-row2 .menu-row-content .content2 .splitter[data-v-bc7d8fb8] {
  color: #fee4c4;
  font-size: 18px;
  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;
}

.hover-product2 {
  .menu-row-title {
    color: #fff;
    font-size: 18px;
    padding: 20px 0;
    /*writing-mode: vertical-rl;*/
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: linear-gradient(135deg, #22e68b, #008d35);
    justify-content: center;
    letter-spacing: 8px;
    padding: 10px;
    margin: 0 16px;
    text-align: center;
    /*width: 60px;*/
  }
}
</style>
