<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>泉坤科技 - 全行业AI一揽子落地解决方案 | Nexa AI</title>
<meta name="description" content="泉坤科技 Nexa AI — 企业级AI，一个就够了。自研百亿参数大模型，覆盖AI智能体、智能营销、智能客服、数据分析、决策预测、知识库、员工效率、舆情监控、AI智能投放、安全合规10大产品线。服务200+企业，7天POC验证。">
<link rel="stylesheet" href="style.css">
</head>
<body>

<nav class="navbar">
  <div class="container">
    <a href="#" class="logo">
      <img src="logo.png" alt="泉坤科技" class="logo-img" style="height:30px;width:auto;">
    </a>
    <div class="nav-links">
      <a href="#home" class="nav-link">首页</a>
      <div class="nav-item">
        <span class="nav-link" style="cursor:default;">解决方案</span>
        <div class="nav-dropdown">
          <div class="nd-col">
            <div class="nd-title">AI 平台底座</div>
            <a href="solutions/agent-platform.html" class="nd-item">AI智能体平台</a>
            <a href="solutions/security-compliance.html" class="nd-item">AI安全与合规</a>
          </div>
          <div class="nd-col">
            <div class="nd-title">业务解决方案</div>
            <div class="nd-subitems">
              <a href="solutions/marketing.html" class="nd-item">智能营销平台</a>
              <a href="solutions/service-center.html" class="nd-item">智能客服中心</a>
              <a href="solutions/analytics.html" class="nd-item">AI数据分析工具</a>
              <a href="solutions/decision-forecast.html" class="nd-item">AI决策与预测</a>
              <a href="solutions/knowledge-base.html" class="nd-item">企业级知识库</a>
              <a href="solutions/productivity.html" class="nd-item">AI员工效率平台</a>
              <a href="solutions/sentiment-monitor.html" class="nd-item">品牌舆情监控</a>
              <a href="solutions/ad-delivery.html" class="nd-item">AI智能投放</a>
            </div>
          </div>
        </div>
      </div>
      <a href="cases.html" class="nav-link">行业案例</a>
      <a href="about.html" class="nav-link">关于我们</a>
    </div>
    <a href="javascript:void(0)" class="btn-nav" onclick="openDemoModal()">预约 Demo 演示</a>
  </div>
</nav>

<!-- ===== 板块1: Hero (保持不变) ===== -->
<section id="home" class="hero">
  <div class="hero-bg">
    <div class="hero-grid"></div>
    <div class="hero-glow hero-glow-1"></div>
    <div class="hero-glow hero-glow-2"></div>
    <div class="hero-glow hero-glow-3"></div>
    <div class="particles">
      <div class="particle p1"></div><div class="particle p2"></div><div class="particle p3"></div>
      <div class="particle p4"></div><div class="particle p5"></div><div class="particle p6"></div>
      <div class="particle p7"></div><div class="particle p8"></div>
    </div>
  </div>
  <div class="container">
    <div class="hero-row">
    <div class="hero-content">
      <div class="hero-badge">
        <span class="badge-dot"></span> 企业级 AI 解决方案
      </div>
      <h1 class="hero-title">
        定义智变，<br>
        <span class="gradient-text">领先一代</span>
      </h1>
      <p class="hero-desc">
        Nexa AI — 企业级AI平台<br>
        一个平台贯通营销、客服、数据、投放、知识、效率、舆情、安全等业务领域，10条产品线深度协同<br>
        从连接到智变，用可量化的增长兑现每一次AI投入。
      </p>
      <div class="hero-actions">
        <a href="javascript:void(0)" class="btn-primary" onclick="openDemoModal()">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
          预约 Demo 演示
        </a>
        <a href="#platform" class="btn-ghost">探索产品矩阵</a>
      </div>
      <div class="hero-stats">
        <div class="stat-item">
          <span class="stat-value">200<span class="stat-plus">+</span></span>
          <span class="stat-label">企业客户选择</span>
        </div>
        <div class="stat-divider"></div>
        <div class="stat-item">
          <span class="stat-value">10<span class="stat-plus">亿+</span></span>
          <span class="stat-label">AI 交互次数</span>
        </div>
        <div class="stat-divider"></div>
        <div class="stat-item">
          <span class="stat-value">10<span class="stat-plus">条</span></span>
          <span class="stat-label">产品线全覆盖</span>
        </div>
      </div>
    </div>
    <div class="hero-visual">
      <svg class="hero-illustration" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg">
        <defs>
          <radialGradient id="coreGlow" cx="50%" cy="50%" r="50%">
            <stop offset="0%" stop-color="rgba(99,102,241,0.35)"/>
            <stop offset="40%" stop-color="rgba(99,102,241,0.15)"/>
            <stop offset="100%" stop-color="rgba(99,102,241,0)"/>
          </radialGradient>
          <linearGradient id="brandTextGrad" x1="0%" y1="0%" x2="100%" y2="0%">
            <stop offset="0%" stop-color="#c4b5fd"/>
            <stop offset="50%" stop-color="#ffffff"/>
            <stop offset="100%" stop-color="#a5b4fc"/>
          </linearGradient>
          <filter id="brandGlow" x="-40%" y="-40%" width="180%" height="180%">
            <feGaussianBlur in="SourceGraphic" stdDeviation="5" result="blur1"/>
            <feGaussianBlur in="SourceGraphic" stdDeviation="12" result="blur2"/>
            <feMerge>
              <feMergeNode in="blur2"/>
              <feMergeNode in="blur1"/>
              <feMergeNode in="blur1"/>
              <feMergeNode in="SourceGraphic"/>
            </feMerge>
          </filter>
        </defs>
        <circle cx="240" cy="240" r="180" fill="url(#coreGlow)"/>
        <circle cx="240" cy="240" r="170" fill="none" stroke="rgba(99,102,241,0.12)" stroke-width="1" class="orbit-ring orbit-1"/>
        <circle cx="240" cy="240" r="150" fill="none" stroke="rgba(99,102,241,0.15)" stroke-width="1.5" stroke-dasharray="6,10" class="orbit-ring orbit-2"/>
        <ellipse cx="240" cy="240" rx="185" ry="70" fill="none" stroke="rgba(6,182,212,0.10)" stroke-width="1" class="orbit-ring orbit-3"/>
        <ellipse cx="240" cy="240" rx="185" ry="70" fill="none" stroke="rgba(139,92,246,0.08)" stroke-width="1" class="orbit-ring orbit-4"/>
        <circle cx="410" cy="240" r="4" fill="#818cf8" opacity="0.8" class="orbit-dot od1"/>
        <circle cx="410" cy="240" r="8" fill="none" stroke="#818cf8" stroke-width="0.5" opacity="0.3" class="orbit-dot od1"/>
        <circle cx="390" cy="240" r="3" fill="#06b6d4" opacity="0.7" class="orbit-dot od2"/>
        <circle cx="390" cy="240" r="6" fill="none" stroke="#06b6d4" stroke-width="0.4" opacity="0.25" class="orbit-dot od2"/>
        <circle cx="240" cy="235" r="85" fill="rgba(99,102,241,0.08)" stroke="rgba(99,102,241,0.25)" stroke-width="1.5"/>
        <circle cx="240" cy="235" r="60" fill="rgba(7,11,20,0.95)" stroke="rgba(99,102,241,0.4)" stroke-width="2"/>
        <circle cx="240" cy="235" r="54" fill="none" stroke="rgba(99,102,241,0.15)" stroke-width="0.8" stroke-dasharray="3,4"/>
        <text x="240" y="243" text-anchor="middle" font-size="24" font-weight="800" fill="url(#brandTextGrad)" filter="url(#brandGlow)" class="nexa-glow">NEXA</text>
        <circle cx="240" cy="120" r="5" fill="#a78bfa" opacity="0.8" class="pulse-node pn1"/>
        <circle cx="240" cy="120" r="12" fill="none" stroke="#a78bfa" stroke-width="0.6" opacity="0.35" class="pulse-node pn1"/>
        <line x1="240" y1="138" x2="240" y2="170" stroke="rgba(167,139,250,0.2)" stroke-width="1" stroke-dasharray="4,4"/>
        <circle cx="105" cy="210" r="5" fill="#818cf8" opacity="0.8" class="pulse-node pn2"/>
        <circle cx="105" cy="210" r="12" fill="none" stroke="#818cf8" stroke-width="0.6" opacity="0.35" class="pulse-node pn2"/>
        <line x1="128" y1="210" x2="172" y2="220" stroke="rgba(129,140,248,0.2)" stroke-width="1" stroke-dasharray="4,4"/>
        <circle cx="375" cy="220" r="5" fill="#06b6d4" opacity="0.8" class="pulse-node pn3"/>
        <circle cx="375" cy="220" r="12" fill="none" stroke="#06b6d4" stroke-width="0.6" opacity="0.35" class="pulse-node pn3"/>
        <line x1="348" y1="218" x2="305" y2="228" stroke="rgba(6,182,212,0.2)" stroke-width="1" stroke-dasharray="4,4"/>
        <circle cx="130" cy="340" r="4" fill="#8b5cf6" opacity="0.7" class="pulse-node pn4"/>
        <line x1="148" y1="328" x2="190" y2="280" stroke="rgba(139,92,246,0.15)" stroke-width="1" stroke-dasharray="4,4"/>
        <circle cx="350" cy="350" r="4" fill="#a78bfa" opacity="0.7" class="pulse-node pn5"/>
        <line x1="330" y1="335" x2="282" y2="280" stroke="rgba(167,139,250,0.15)" stroke-width="1" stroke-dasharray="4,4"/>
        <rect x="90" y="410" width="3" height="12" rx="1.5" fill="#818cf8" opacity="0.5" class="wave-bar" style="--w:1s"/>
        <rect x="97" y="402" width="3" height="28" rx="1.5" fill="#818cf8" opacity="0.6" class="wave-bar" style="--w:0.7s"/>
        <rect x="104" y="407" width="3" height="18" rx="1.5" fill="#a78bfa" opacity="0.55" class="wave-bar" style="--w:1.1s"/>
        <rect x="111" y="398" width="3" height="36" rx="1.5" fill="#6366f1" opacity="0.65" class="wave-bar" style="--w:0.6s"/>
        <rect x="118" y="409" width="3" height="15" rx="1.5" fill="#818cf8" opacity="0.5" class="wave-bar" style="--w:0.9s"/>
        <rect x="125" y="404" width="3" height="24" rx="1.5" fill="#a78bfa" opacity="0.55" class="wave-bar" style="--w:0.8s"/>
        <rect x="132" y="411" width="3" height="10" rx="1.5" fill="#06b6d4" opacity="0.45" class="wave-bar" style="--w:1.3s"/>
        <line x1="60" y1="60" x2="180" y2="178" stroke="rgba(99,102,241,0.2)" stroke-width="1" class="flow-line fl1"/>
        <circle cx="60" cy="60" r="3" fill="#818cf8" opacity="0" class="flow-dot fd1"/>
        <line x1="420" y1="50" x2="300" y2="172" stroke="rgba(6,182,212,0.18)" stroke-width="1" class="flow-line fl2"/>
        <circle cx="420" cy="50" r="3" fill="#06b6d4" opacity="0" class="flow-dot fd2"/>
        <line x1="40" y1="380" x2="175" y2="290" stroke="rgba(139,92,246,0.18)" stroke-width="1" class="flow-line fl3"/>
        <circle cx="40" cy="380" r="3" fill="#8b5cf6" opacity="0" class="flow-dot fd3"/>
        <line x1="440" y1="400" x2="305" y2="295" stroke="rgba(99,102,241,0.18)" stroke-width="1" class="flow-line fl4"/>
        <circle cx="440" cy="400" r="3" fill="#818cf8" opacity="0" class="flow-dot fd4"/>
        <g opacity="0.5" class="bubble-float" style="--t:0s">
          <rect x="310" y="30" width="130" height="24" rx="12" fill="rgba(99,102,241,0.12)" stroke="rgba(99,102,241,0.18)" stroke-width="0.8"/>
          <text x="375" y="47" text-anchor="middle" font-size="10" fill="#c4b5fd" font-weight="500">Nexa · 定义智变</text>
        </g>
        <g opacity="0.35" class="bubble-float" style="--t:2.5s">
          <rect x="285" y="380" width="110" height="24" rx="12" fill="rgba(6,182,212,0.08)" stroke="rgba(6,182,212,0.12)" stroke-width="0.8"/>
          <text x="340" y="397" text-anchor="middle" font-size="10" fill="#94a3b8">万物互联 · 领先一代</text>
        </g>
      </svg>
    </div>
    </div>
  </div>
</section>

<!-- ===== 板块2: 信任背书 ===== -->
<section class="section trust-new">
  <div class="container">
    <div class="section-header">
      <div class="sec-label">TRUSTED BY 200+ ENTERPRISES</div>
      <h2 class="section-title">200+ 企业信赖的 AI 平台</h2>
      <p class="section-desc">覆盖零售、金融、制造、物流、保险、政务等多个行业，百亿参数大模型驱动，为客户提供可量化的 AI 落地结果</p>
    </div>

    <div class="trust-stats-grid">
      <div class="trust-glass-card">
        <div class="trust-glass-num" data-target="200" data-suffix="+">0+</div>
        <div class="trust-glass-label">服务企业客户</div>
      </div>
      <div class="trust-glass-card">
        <div class="trust-glass-num" data-target="10" data-suffix="亿+">0亿+</div>
        <div class="trust-glass-label">累计 AI 交互</div>
      </div>
      <div class="trust-glass-card">
        <div class="trust-glass-num" data-target="90" data-suffix="天">0天</div>
        <div class="trust-glass-label">全量上线周期</div>
      </div>
      <div class="trust-glass-card">
        <div class="trust-glass-num" data-target="99.9" data-suffix="%">0%</div>
        <div class="trust-glass-label">系统可用性 SLA</div>
      </div>
    </div>

    <div class="trust-industries">
      <div class="industry-logos">
        <div class="industry-logo-item">
          <svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="4" width="48" height="48" rx="24" fill="rgba(99,102,241,0.08)"/><g transform="translate(16,16)" stroke="#818cf8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"/></g></svg>
          <span>零售</span>
        </div>
        <div class="industry-logo-item">
          <svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="4" width="48" height="48" rx="24" fill="rgba(99,102,241,0.08)"/><g transform="translate(16,16)" stroke="#818cf8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></g></svg>
          <span>金融</span>
        </div>
        <div class="industry-logo-item">
          <svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="4" width="48" height="48" rx="24" fill="rgba(99,102,241,0.08)"/><g transform="translate(16,16)" stroke="#818cf8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="3" width="15" height="13"/><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"/></g></svg>
          <span>制造</span>
        </div>
        <div class="industry-logo-item">
          <svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="4" width="48" height="48" rx="24" fill="rgba(99,102,241,0.08)"/><g transform="translate(16,16)" stroke="#818cf8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></g></svg>
          <span>物流</span>
        </div>
        <div class="industry-logo-item">
          <svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="4" width="48" height="48" rx="24" fill="rgba(99,102,241,0.08)"/><g transform="translate(16,16)" stroke="#818cf8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></g></svg>
          <span>保险</span>
        </div>
        <div class="industry-logo-item">
          <svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="4" width="48" height="48" rx="24" fill="rgba(99,102,241,0.08)"/><g transform="translate(16,16)" stroke="#818cf8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18M3 10h18M5 6l7-3 7 3M4 10v11M20 10v11"/></g></svg>
          <span>政务</span>
        </div>
        <div class="industry-logo-item">
          <svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="4" width="48" height="48" rx="24" fill="rgba(99,102,241,0.08)"/><g transform="translate(16,16)" stroke="#818cf8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></g></svg>
          <span>电商</span>
        </div>
        <div class="industry-logo-item">
          <svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="4" width="48" height="48" rx="24" fill="rgba(99,102,241,0.08)"/><g transform="translate(16,16)" stroke="#818cf8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></g></svg>
          <span>教育</span>
        </div>
      </div>
    </div>

    <div class="cert-badges">
      <span class="cert-badge">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
        等保三级
      </span>
      <span class="cert-badge">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
        ISO 27001
      </span>
      <span class="cert-badge">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
        ISO 9001
      </span>
      <span class="cert-badge">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
        全链路加密传输
      </span>
    </div>
  </div>
</section>

<!-- ===== 板块3: 差异化定位 ===== -->
<section id="platform" class="section platform-vs">
  <div class="container">
    <div class="section-header">
      <div class="sec-label">PLATFORM VS TOOLS</div>
      <h2 class="section-title">10个AI工具 ≠ 1个Nexa AI平台</h2>
      <p class="section-desc">工具解决单点问题，平台重塑全局能力。用同一个自研底座把10条产品线长成一个有机整体——数据互通、体验一致、越用越强。</p>
    </div>

    <div class="platform-vs-row">
      <!-- 左侧：碎片化工具 -->
      <div class="platform-vs-panel vs-tools">
        <div class="vs-panel-header">
          <div class="vs-panel-icon vs-icon-fail">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
          </div>
          <div>
            <div class="vs-panel-title vs-title-fail">碎片化 AI 工具</div>
            <div class="vs-panel-sub">多供应商 · 数据不通 · 各自为战</div>
          </div>
        </div>
        <div class="vs-compare-list">
          <div class="vs-compare-item vs-item-bad">
            <div class="vs-compare-label">数据打通</div>
            <div class="vs-compare-bar-wrap"><div class="vs-compare-bar vs-bar-bad"><div class="vs-bar-inner" style="width:15%"></div></div><span class="vs-bar-pct">15%</span></div>
          </div>
          <div class="vs-compare-item vs-item-bad">
            <div class="vs-compare-label">集成周期</div>
            <div class="vs-compare-bar-wrap"><div class="vs-compare-bar vs-bar-bad"><div class="vs-bar-inner" style="width:30%"></div></div><span class="vs-bar-pct">3-6个月</span></div>
          </div>
          <div class="vs-compare-item vs-item-bad">
            <div class="vs-compare-label">持续优化</div>
            <div class="vs-compare-bar-wrap"><div class="vs-compare-bar vs-bar-bad"><div class="vs-bar-inner" style="width:20%"></div></div><span class="vs-bar-pct">靠厂商</span></div>
          </div>
          <div class="vs-compare-item vs-item-bad">
            <div class="vs-compare-label">系统可用性</div>
            <div class="vs-compare-bar-wrap"><div class="vs-compare-bar vs-bar-bad"><div class="vs-bar-inner" style="width:35%"></div></div><span class="vs-bar-pct">95%</span></div>
          </div>
          <div class="vs-compare-item vs-item-bad">
            <div class="vs-compare-label">供应商数量</div>
            <div class="vs-compare-bar-wrap"><div class="vs-compare-bar vs-bar-bad"><div class="vs-bar-inner" style="width:10%"></div></div><span class="vs-bar-pct">5-8个</span></div>
          </div>
        </div>
        <div class="vs-tag-list">
          <span class="vs-tag-fail">系统割裂</span><span class="vs-tag-fail">数据孤岛</span><span class="vs-tag-fail">重复投入</span><span class="vs-tag-fail">体验割裂</span><span class="vs-tag-fail">升级困难</span>
        </div>
      </div>

      <!-- 中间：VS -->
      <div class="platform-vs-center">
        <div class="vs-battle">
          <span class="vs-text">VS</span>
          <div class="vs-pulse-ring"></div>
        </div>
      </div>

      <!-- 右侧：Nexa AI -->
      <div class="platform-vs-panel vs-nexai">
        <div class="vs-panel-header">
          <div class="vs-panel-icon vs-icon-success">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><polyline points="20 6 9 17 4 12"/></svg>
          </div>
          <div>
            <div class="vs-panel-title vs-title-success">Nexa AI 平台</div>
            <div class="vs-panel-sub">统一底座 · 数据互通 · 有机生长</div>
          </div>
        </div>
        <div class="vs-compare-list">
          <div class="vs-compare-item vs-item-good">
            <div class="vs-compare-label">数据打通</div>
            <div class="vs-compare-bar-wrap"><div class="vs-compare-bar vs-bar-good"><div class="vs-bar-inner" style="width:95%"></div></div><span class="vs-bar-pct vs-pct-accent">100%</span></div>
          </div>
          <div class="vs-compare-item vs-item-good">
            <div class="vs-compare-label">集成周期</div>
            <div class="vs-compare-bar-wrap"><div class="vs-compare-bar vs-bar-good"><div class="vs-bar-inner" style="width:90%"></div></div><span class="vs-bar-pct vs-pct-accent">90天</span></div>
          </div>
          <div class="vs-compare-item vs-item-good">
            <div class="vs-compare-label">持续优化</div>
            <div class="vs-compare-bar-wrap"><div class="vs-compare-bar vs-bar-good"><div class="vs-bar-inner" style="width:88%"></div></div><span class="vs-bar-pct vs-pct-accent">每周迭代</span></div>
          </div>
          <div class="vs-compare-item vs-item-good">
            <div class="vs-compare-label">系统可用性</div>
            <div class="vs-compare-bar-wrap"><div class="vs-compare-bar vs-bar-good"><div class="vs-bar-inner" style="width:93%"></div></div><span class="vs-bar-pct vs-pct-accent">99.9%</span></div>
          </div>
          <div class="vs-compare-item vs-item-good">
            <div class="vs-compare-label">供应商数量</div>
            <div class="vs-compare-bar-wrap"><div class="vs-compare-bar vs-bar-good"><div class="vs-bar-inner" style="width:96%"></div></div><span class="vs-bar-pct vs-pct-accent">1个</span></div>
          </div>
        </div>
        <div class="vs-tag-list">
          <span class="vs-tag-good">数据天然互通</span><span class="vs-tag-good">全栈自洽</span><span class="vs-tag-good">一次投入</span><span class="vs-tag-good">统一体验</span><span class="vs-tag-good">无缝进化</span>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===== 板块4: 产品矩阵 (Tab切换) ===== -->
<section class="section products-tabs">
  <div class="container">
    <div class="section-header">
      <div class="sec-label">PRODUCT MATRIX</div>
      <h2 class="section-title">一个平台，10条产品线，全场景覆盖</h2>
      <p class="section-desc">从AI底座到业务应用，Nexa AI覆盖企业智能化升级的全部需求</p>
    </div>

    <div class="product-tabs-nav">
      <button class="product-tab active" data-tab="business">业务解决方案</button>
      <button class="product-tab" data-tab="ai-platform">AI 平台底座</button>
    </div>

    <div class="product-tab-content active" id="tab-business">
      <div class="skills-grid" style="grid-template-columns: repeat(4,1fr)">
        <div class="skill-card-new">
          <div class="skill-card-kpi">转化 +300%</div>
          <div class="skill-icon-wrap"><svg class="skill-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg></div>
          <h4>智能营销平台</h4>
          <p>AI驱动全渠道精准营销，线索到复购全链路覆盖，动态话术千人千面，转化率提升3倍。</p>
          <div class="solution-tags"><span>精准触达</span><span>智能分层</span><span>转化优化</span></div>
        </div>
        <div class="skill-card-new">
          <div class="skill-card-kpi">自动化 80%</div>
          <div class="skill-icon-wrap"><svg class="skill-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg></div>
          <h4>智能客服中心</h4>
          <p>7×24h全渠道智能客服，意图识别96%+，自动解决80%问题，人机协同无缝转接。</p>
          <div class="solution-tags"><span>全渠道接入</span><span>意图识别</span><span>人机协同</span></div>
        </div>
        <div class="skill-card-new">
          <div class="skill-card-kpi">决策效率 10x</div>
          <div class="skill-icon-wrap"><svg class="skill-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/></svg></div>
          <h4>AI数据分析工具</h4>
          <p>自然语言交互式数据分析，实时数据驾驶舱+AI洞察报告，决策不再凭感觉。</p>
          <div class="solution-tags"><span>自然语言查询</span><span>实时看板</span><span>智能洞察</span></div>
        </div>
        <div class="skill-card-new">
          <div class="skill-card-kpi">预测准确 92%+</div>
          <div class="skill-icon-wrap"><svg class="skill-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg></div>
          <h4>AI决策与预测</h4>
          <p>从"看清数据"到"预判未来"，供应链预测、风险预警、智能定价，让决策领先一步。</p>
          <div class="solution-tags"><span>趋势预测</span><span>风险预警</span><span>智能定价</span></div>
        </div>
        <div class="skill-card-new">
          <div class="skill-card-kpi">新人上岗 2周</div>
          <div class="skill-icon-wrap"><svg class="skill-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg></div>
          <h4>企业级知识库</h4>
          <p>多格式文档一键导入，RAG检索增强确保准确可靠，沉淀企业Know-How。</p>
          <div class="solution-tags"><span>多格式导入</span><span>RAG增强</span><span>权限管控</span></div>
        </div>
        <div class="skill-card-new">
          <div class="skill-card-kpi">效率提升 30%</div>
          <div class="skill-icon-wrap"><svg class="skill-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="9" y1="21" x2="9" y2="9"/></svg></div>
          <h4>AI员工效率平台</h4>
          <p>AI助理融入日常工作流，自动报告、纪要、邮件，释放30%重复工作时间。</p>
          <div class="solution-tags"><span>工作流集成</span><span>自动报告</span><span>效率提升</span></div>
        </div>
        <div class="skill-card-new">
          <div class="skill-card-kpi">全网监测</div>
          <div class="skill-icon-wrap"><svg class="skill-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div>
          <h4>品牌舆情监控</h4>
          <p>全网7×24h舆情监测，AI分类正负面、追踪传播路径，实时预警守护品牌声誉。</p>
          <div class="solution-tags"><span>全网监测</span><span>情感分析</span><span>实时预警</span></div>
        </div>
        <div class="skill-card-new">
          <div class="skill-card-kpi">多模态生成</div>
          <div class="skill-icon-wrap"><svg class="skill-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg></div>
          <h4>AI智能投放</h4>
          <p>API直连媒体平台，批量创建广告，AI自动调价优化，一人管理几千条广告。</p>
          <div class="solution-tags"><span>批量创建</span><span>AI调价</span><span>数据回流</span></div>
        </div>
      </div>
    </div>

    <div class="product-tab-content" id="tab-ai-platform">
      <div class="skills-grid" style="grid-template-columns: repeat(2,1fr)">
        <div class="skill-card-new">
          <div class="skill-card-kpi">7天搭建</div>
          <div class="skill-icon-wrap"><svg class="skill-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg></div>
          <h4>AI智能体平台</h4>
          <p>多模型编排、自主决策、工具调用。统一账户、统一数据中台、统一安全管控，所有产品线的技术基石。</p>
          <div class="solution-tags"><span>多模型编排</span><span>自主决策</span><span>工具调用</span><span>统一数据中台</span></div>
        </div>
        <div class="skill-card-new">
          <div class="skill-card-kpi">等保三级</div>
          <div class="skill-icon-wrap"><svg class="skill-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg></div>
          <h4>AI安全与合规</h4>
          <p>输入防护×模型防护×输出防护×真相校验，四道防线覆盖AI全链路。满足金融监管合规、等保三级、个保法要求。</p>
          <div class="solution-tags"><span>敏感过滤</span><span>合规检测</span><span>越狱防御</span><span>幻觉检测</span></div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===== 板块5: 典型场景速览 ===== -->
<section class="section scenes">
  <div class="container">
    <div class="section-header">
      <div class="sec-label">REAL SCENARIOS · REAL RESULTS</div>
      <h2 class="section-title">真实场景，真实结果</h2>
      <p class="section-desc">不止于技术，更是可量化的业务成果</p>
    </div>

    <div class="scenes-list">

      <div class="scene-card scene-left">
        <div class="scene-info">
          <div class="scene-icon">
            <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg>
          </div>
          <h3>智能营销 — 转化提升 3 倍</h3>
          <p>全渠道精准触达 + 千人千面动态话术 + 智能分层跟进，从线索到成交全链路 AI 驱动。某零售客户上线 90 天，月销售额增长 320%。</p>
          <div class="scene-kpi">
            <div class="scene-kpi-item">
              <span class="scene-kpi-num">+300%</span>
              <span class="scene-kpi-label">转化率提升</span>
            </div>
            <div class="scene-kpi-item">
              <span class="scene-kpi-num">90天</span>
              <span class="scene-kpi-label">全量上线</span>
            </div>
          </div>
        </div>
        <div class="scene-visual">
          <svg viewBox="0 0 260 180" class="scene-svg">
            <defs>
              <linearGradient id="sceneGrad1" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" stop-color="#818cf8"/><stop offset="100%" stop-color="#6366f1"/></linearGradient>
            </defs>
            <g class="scene-anim scene-bar-group">
              <rect class="scene-bar" x="30" y="80" width="30" height="70" rx="4" fill="rgba(99,102,241,0.15)" style="--h:70;--d:0s"/>
              <rect class="scene-bar" x="72" y="55" width="30" height="95" rx="4" fill="rgba(99,102,241,0.25)" style="--h:95;--d:0.15s"/>
              <rect class="scene-bar" x="114" y="40" width="30" height="110" rx="4" fill="rgba(99,102,241,0.35)" style="--h:110;--d:0.3s"/>
              <rect class="scene-bar" x="156" y="20" width="30" height="130" rx="4" fill="rgba(99,102,241,0.5)" style="--h:130;--d:0.45s"/>
              <rect class="scene-bar" x="198" y="10" width="30" height="140" rx="4" fill="url(#sceneGrad1)" style="--h:140;--d:0.6s"/>
              <text x="213" y="24" text-anchor="middle" font-size="11" fill="#fff" font-weight="700" class="scene-bar-text">+300%</text>
            </g>
            <path class="scene-line" d="M15,155 Q80,110 130,145 Q170,170 245,130" fill="none" stroke="#34d399" stroke-width="1.2" stroke-linecap="round"/>
            <circle cx="245" cy="130" r="3" fill="#34d399" class="scene-dot"/>
          </svg>
        </div>
      </div>

      <div class="scene-card scene-right">
        <div class="scene-visual">
          <svg viewBox="0 0 260 180" class="scene-svg">
            <g class="scene-anim">
              <circle cx="130" cy="90" r="55" fill="none" stroke="rgba(99,102,241,0.15)" stroke-width="2"/>
              <circle class="scene-ring" cx="130" cy="90" r="55" fill="none" stroke="rgba(129,140,248,0.5)" stroke-width="3" stroke-linecap="round" stroke-dasharray="345" stroke-dashoffset="69" transform="rotate(-90 130 90)"/>
              <text x="130" y="85" text-anchor="middle" font-size="22" font-weight="800" fill="#818cf8" class="scene-ring-text">80%</text>
              <text x="130" y="105" text-anchor="middle" font-size="10" fill="#64748b">自动化率</text>
            </g>
            <g class="scene-anim scene-bubbles">
              <rect x="20" y="20" width="60" height="24" rx="12" fill="rgba(99,102,241,0.08)" stroke="rgba(99,102,241,0.15)" stroke-width="0.6"/>
              <rect x="160" y="12" width="72" height="24" rx="12" fill="rgba(99,102,241,0.08)" stroke="rgba(99,102,241,0.15)" stroke-width="0.6"/>
              <rect x="30" y="140" width="80" height="24" rx="12" fill="rgba(6,182,212,0.08)" stroke="rgba(6,182,212,0.15)" stroke-width="0.6"/>
              <rect x="130" y="148" width="68" height="24" rx="12" fill="rgba(6,182,212,0.08)" stroke="rgba(6,182,212,0.15)" stroke-width="0.6"/>
            </g>
          </svg>
        </div>
        <div class="scene-info">
          <div class="scene-icon">
            <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
          </div>
          <h3>智能客服 — 80% 自动处理</h3>
          <p>7×24h 全渠道 AI 客服，意图识别准确率 96%+，复杂问题无缝转人工。某金融机构上线后，客服人力成本降低 60%，客户满意度提升 35%。</p>
          <div class="scene-kpi">
            <div class="scene-kpi-item">
              <span class="scene-kpi-num">96%+</span>
              <span class="scene-kpi-label">意图识别准确率</span>
            </div>
            <div class="scene-kpi-item">
              <span class="scene-kpi-num">-60%</span>
              <span class="scene-kpi-label">人力成本降低</span>
            </div>
          </div>
        </div>
      </div>

      <div class="scene-card scene-left">
        <div class="scene-info">
          <div class="scene-icon">
            <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/></svg>
          </div>
          <h3>数据分析 — 决策效率 10 倍</h3>
          <p>自然语言就能查数据，AI 自动分析趋势与异常，实时驾驶舱一目了然。某制造企业应用后，月度经营分析会准备时间从 5 天缩短到半天。</p>
          <div class="scene-kpi">
            <div class="scene-kpi-item">
              <span class="scene-kpi-num">10x</span>
              <span class="scene-kpi-label">决策效率提升</span>
            </div>
            <div class="scene-kpi-item">
              <span class="scene-kpi-num">5天→半天</span>
              <span class="scene-kpi-label">分析准备时间</span>
            </div>
          </div>
        </div>
        <div class="scene-visual">
          <svg viewBox="0 0 260 180" class="scene-svg">
            <defs>
              <linearGradient id="sceneGrad2" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" stop-color="rgba(99,102,241,0)"/><stop offset="100%" stop-color="rgba(99,102,241,0.15)"/></linearGradient>
            </defs>
            <g class="scene-anim">
              <polyline class="scene-line-anim" points="25,140 60,110 95,115 130,70 165,50 200,55 235,30" fill="none" stroke="#818cf8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              <circle cx="25" cy="140" r="3" fill="#818cf8"/><circle cx="60" cy="110" r="3" fill="#818cf8"/>
              <circle cx="95" cy="115" r="3" fill="#818cf8"/><circle cx="130" cy="70" r="3" fill="#818cf8"/>
              <circle cx="165" cy="50" r="3" fill="#818cf8"/><circle cx="200" cy="55" r="3" fill="#818cf8"/>
              <circle cx="235" cy="30" r="5" fill="#34d399" class="scene-breathe-dot"/>
              <text x="235" y="18" text-anchor="middle" font-size="11" fill="#34d399" font-weight="700">10x</text>
              <line x1="20" y1="148" x2="240" y2="148" stroke="rgba(255,255,255,0.08)" stroke-width="1"/>
            </g>
          </svg>
        </div>
      </div>

      <div class="scene-card scene-right">
        <div class="scene-visual">
          <svg viewBox="0 0 260 180" class="scene-svg">
            <g class="scene-anim">
              <rect x="40" y="20" width="180" height="140" rx="10" fill="rgba(99,102,241,0.04)" stroke="rgba(99,102,241,0.12)" stroke-width="1"/>
              <rect class="scene-doc-line" x="60" y="40" width="140" height="10" rx="3" fill="rgba(99,102,241,0.15)" style="--w:140;--d:0s"/>
              <rect class="scene-doc-line" x="60" y="58" width="120" height="8" rx="3" fill="rgba(99,102,241,0.12)" style="--w:120;--d:0.1s"/>
              <rect class="scene-doc-line" x="60" y="74" width="135" height="8" rx="3" fill="rgba(99,102,241,0.12)" style="--w:135;--d:0.2s"/>
              <rect class="scene-doc-line" x="60" y="90" width="110" height="8" rx="3" fill="rgba(99,102,241,0.1)" style="--w:110;--d:0.3s"/>
              <rect class="scene-doc-line" x="60" y="106" width="130" height="8" rx="3" fill="rgba(99,102,241,0.08)" style="--w:130;--d:0.4s"/>
              <circle cx="200" cy="35" r="12" fill="rgba(129,140,248,0.15)" stroke="rgba(129,140,248,0.3)" stroke-width="1" class="scene-search-dot"/>
              <path d="M208 43l8 8" stroke="#818cf8" stroke-width="1.5" stroke-linecap="round"/>
              <circle cx="55" cy="75" r="2" fill="#a78bfa" class="scene-tag-dot" style="--d:0.2s"/>
              <circle cx="55" cy="95" r="2" fill="#06b6d4" class="scene-tag-dot" style="--d:0.5s"/>
            </g>
          </svg>
        </div>
        <div class="scene-info">
          <div class="scene-icon">
            <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
          </div>
          <h3>知识库 — 新人 2 周上岗</h3>
          <p>企业 Know-How 一键沉淀，RAG 增强检索确保回答精确。某保险公司新人培训周期从 2 个月缩短到 2 周，培训成本降低 70%。</p>
          <div class="scene-kpi">
            <div class="scene-kpi-item">
              <span class="scene-kpi-num">2周</span>
              <span class="scene-kpi-label">新人上岗周期</span>
            </div>
            <div class="scene-kpi-item">
              <span class="scene-kpi-num">-70%</span>
              <span class="scene-kpi-label">培训成本降低</span>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</section>

<!-- ===== 板块6: 对比优势 ===== -->
<section class="section compare-cards">
  <div class="container">
    <div class="section-header">
      <div class="sec-label">WHY NEXA AI</div>
      <h2 class="section-title">Nexa AI vs 市场同类方案</h2>
      <p class="section-desc">自研大模型 + 统一平台 + 10条产品线 + 可量化ROI = 真正的差异化</p>
    </div>

    <div class="compare-grid">
      <div class="compare-item">
        <div class="compare-icon">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#818cf8" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
        </div>
        <div class="compare-title">技术底座</div>
        <div class="compare-other">多供应商拼凑 API</div>
        <div class="compare-nexai">自研百亿参数大模型</div>
        <div class="compare-bar"><div class="compare-bar-fill" style="width:95%"></div></div>
      </div>
      <div class="compare-item">
        <div class="compare-icon">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#818cf8" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="9" y1="21" x2="9" y2="9"/></svg>
        </div>
        <div class="compare-title">产品覆盖</div>
        <div class="compare-other">单一功能点</div>
        <div class="compare-nexai">一个平台 10 条产品线全覆盖</div>
        <div class="compare-bar"><div class="compare-bar-fill" style="width:90%"></div></div>
      </div>
      <div class="compare-item">
        <div class="compare-icon">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#818cf8" stroke-width="1.5"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
        </div>
        <div class="compare-title">数据安全</div>
        <div class="compare-other">数据流转多供应商</div>
        <div class="compare-nexai">统一数据中台，数据不出域</div>
        <div class="compare-bar"><div class="compare-bar-fill" style="width:88%"></div></div>
      </div>
      <div class="compare-item">
        <div class="compare-icon">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#818cf8" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
        </div>
        <div class="compare-title">集成复杂度</div>
        <div class="compare-other">多系统对接，3-6 个月</div>
        <div class="compare-nexai">统一平台，90 天全量上线</div>
        <div class="compare-bar"><div class="compare-bar-fill" style="width:92%"></div></div>
      </div>
      <div class="compare-item">
        <div class="compare-icon">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#818cf8" stroke-width="1.5"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg>
        </div>
        <div class="compare-title">持续优化</div>
        <div class="compare-other">版本升级靠厂商</div>
        <div class="compare-nexai">在线学习，每周迭代优化</div>
        <div class="compare-bar"><div class="compare-bar-fill" style="width:85%"></div></div>
      </div>
      <div class="compare-item">
        <div class="compare-icon">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#818cf8" stroke-width="1.5"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
        </div>
        <div class="compare-title">行业适配</div>
        <div class="compare-other">通用方案</div>
        <div class="compare-nexai">深度行业 Know-How 沉淀</div>
        <div class="compare-bar"><div class="compare-bar-fill" style="width:87%"></div></div>
      </div>
      <div class="compare-item">
        <div class="compare-icon">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#818cf8" stroke-width="1.5"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
        </div>
        <div class="compare-title">交付模式</div>
        <div class="compare-other">卖系统后离场</div>
        <div class="compare-nexai">专属运营团队全程陪跑</div>
        <div class="compare-bar"><div class="compare-bar-fill" style="width:91%"></div></div>
      </div>
      <div class="compare-item">
        <div class="compare-icon">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#818cf8" stroke-width="1.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
        </div>
        <div class="compare-title">ROI</div>
        <div class="compare-other">难以量化</div>
        <div class="compare-nexai">可量化承诺，数据驱动</div>
        <div class="compare-bar"><div class="compare-bar-fill" style="width:93%"></div></div>
      </div>
    </div>
  </div>
</section>

<!-- ===== 板块7: 交付流程 ===== -->
<section class="section delivery-timeline">
  <div class="container">
    <div class="section-header">
      <div class="sec-label">DELIVERY PROCESS</div>
      <h2 class="section-title">透明可控 · 90天全量上线</h2>
    </div>

    <div class="timeline-flow">
      <div class="timeline-track">
        <svg class="timeline-line" viewBox="0 0 800 4" preserveAspectRatio="none">
          <line x1="0" y1="2" x2="800" y2="2" stroke="rgba(255,255,255,0.08)" stroke-width="4" stroke-linecap="round"/>
          <line class="timeline-line-active" x1="0" y1="2" x2="0" y2="2" stroke="url(#timelineGrad)" stroke-width="4" stroke-linecap="round"/>
          <defs>
            <linearGradient id="timelineGrad" x1="0%" y1="0%" x2="100%" y2="0%">
              <stop offset="0%" stop-color="#6366f1"/><stop offset="100%" stop-color="#818cf8"/>
            </linearGradient>
          </defs>
        </svg>
      </div>
      <div class="timeline-nodes">
        <div class="timeline-node">
          <div class="timeline-node-dot">
            <div class="node-inner">01</div>
          </div>
          <h4>需求调研</h4>
          <p>业务场景梳理 + 方案设计</p>
          <span class="timeline-time">5 个工作日</span>
        </div>
        <div class="timeline-node">
          <div class="timeline-node-dot">
            <div class="node-inner">02</div>
          </div>
          <h4>平台部署</h4>
          <p>SaaS / 混合云 / 私有化</p>
          <span class="timeline-time">3 个工作日</span>
        </div>
        <div class="timeline-node">
          <div class="timeline-node-dot">
            <div class="node-inner">03</div>
          </div>
          <h4>数据对接</h4>
          <p>系统对接 + 数据迁移</p>
          <span class="timeline-time">5 个工作日</span>
        </div>
        <div class="timeline-node">
          <div class="timeline-node-dot">
            <div class="node-inner">04</div>
          </div>
          <h4>业务配置</h4>
          <p>知识库 + 流程编排 + 调优</p>
          <span class="timeline-time">5 个工作日</span>
        </div>
        <div class="timeline-node">
          <div class="timeline-node-dot">
            <div class="node-inner">05</div>
          </div>
          <h4>上线验证</h4>
          <p>200+ 用例测试 + 效果验证</p>
          <span class="timeline-time">3 个工作日</span>
        </div>
      </div>
    </div>

    <div class="delivery-note">
      <p>支持 SaaS、混合云、私有化三种部署模式，满足不同行业安全合规要求。</p>
      <p>第1周 POC 验证 → 第2-3周逐步放量 → 第4周起进入稳定期弹性扩容</p>
    </div>
  </div>
</section>

<!-- ===== 板块8: CTA ===== -->
<section id="contact" class="section cta-final">
  <div class="cta-final-bg"></div>
  <div class="container">
    <div class="cta-final-wrapper">
      <span class="cta-final-eyebrow">Nexa AI — Be the Nexus of Enterprise AI</span>
      <h2 class="cta-final-title">准备好让 AI 为你的全业务线赋能了吗？</h2>
      <p class="cta-final-desc">提供1周免费POC验证，用真实数据说话。一个平台，覆盖10大业务场景。</p>
      <div class="cta-final-actions">
        <a href="javascript:void(0)" class="btn-primary btn-large" onclick="openDemoModal()">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
          预约 Demo 演示
        </a>
        <a href="#" class="btn-outline btn-large">获取产品资料</a>
      </div>
      <p class="cta-final-note">1周免费POC验证 · 专属方案顾问对接 · 无强制绑定</p>
    </div>
  </div>
</section>

<!-- Footer -->
<footer class="footer">
  <div class="container">
    <div class="footer-grid">
      <div class="footer-brand">
        <div class="footer-logo">
          <img src="logo.png" alt="泉坤科技" style="height:28px;width:auto;">
        </div>
        <p>Be the Nexus of Enterprise AI</p>
      </div>
      <div class="footer-col">
        <h4>产品</h4>
        <ul>
          <li><a href="#">Nexa AI 智能体平台</a></li>
          <li><a href="#">智能营销平台</a></li>
          <li><a href="#">智能客服中心</a></li>
          <li><a href="#">AI 数据分析</a></li>
          <li><a href="#">企业知识库</a></li>
          <li><a href="#">员工效率平台</a></li>
          <li><a href="#">舆情监控</a></li>
          <li><a href="#">AI智能投放</a></li>
          <li><a href="#">AI决策与预测</a></li>
          <li><a href="#">AI安全与合规</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>技术</h4>
        <ul>
          <li><a href="#">Nexa AI 大模型</a></li>
          <li><a href="#">多模态引擎</a></li>
          <li><a href="#">安全合规引擎</a></li>
          <li><a href="#">RAG 知识增强</a></li>
          <li><a href="#">数据安全架构</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>联系</h4>
        <ul>
          <li>邮箱：contact@qkfintech.cn</li>
          <li>地址：中国 · 上海</li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <p>&copy; 2026 泉坤科技 QK Technology. All rights reserved. | <a href="http://beian.miit.gov.cn/" target="_blank" rel="noopener">沪ICP备17046860号-1</a></p>
      <p>等保三级 | ISO 27001 | ISO 9001</p>
    </div>
  </div>
</footer>

<!-- Modal -->
<div class="modal-overlay" id="demoModal" onclick="closeDemoModal(event)">
  <div class="modal-content" onclick="event.stopPropagation()">
    <button class="modal-close" onclick="closeDemoModal()">
      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
    </button>
    <div class="modal-header">
      <div class="modal-icon">
        <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
      </div>
      <h3>预约 Demo 演示</h3>
      <p>填写以下信息，我们将在 24 小时内与您联系</p>
    </div>
    <form id="demoForm" onsubmit="submitDemoForm(event)">
      <div class="form-group">
        <label for="name">姓名 <span class="required">*</span></label>
        <input type="text" id="name" placeholder="请输入您的姓名" required>
      </div>
      <div class="form-group">
        <label for="company">公司名称 <span class="required">*</span></label>
        <input type="text" id="company" placeholder="请输入您的公司名称" required>
      </div>
      <div class="form-group">
        <label for="phone">手机号码 <span class="required">*</span></label>
        <input type="tel" id="phone" placeholder="请输入您的手机号码" required oninput="clearPhoneError()">
        <span class="field-error" id="phoneError"></span>
      </div>
      <div class="form-group">
        <label for="position">职位 <span class="required">*</span></label>
        <input type="text" id="position" placeholder="请输入您的职位" required>
      </div>
      <div class="form-group">
        <label for="description">需求描述 <span class="required">*</span></label>
        <textarea id="description" rows="3" placeholder="请简要描述您的业务场景和需求" required></textarea>
      </div>
      <button type="submit" class="btn-submit" id="submitBtn">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="22 2 11 13 7 9"/></svg>
        提交预约
      </button>
    </form>
    <div class="modal-success" id="modalSuccess" style="display:none">
      <div class="success-icon">
        <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
      </div>
      <h4>预约提交成功！</h4>
      <p>感谢您的关注，我们的方案顾问将在 24 小时内与您联系。</p>
      <button class="btn-close-modal" onclick="closeDemoModal()">知道了</button>
    </div>
  </div>
</div>

<script>
// Modal functions
function openDemoModal() {
  document.getElementById('demoForm').style.display = '';
  document.getElementById('demoForm').reset();
  document.getElementById('modalSuccess').style.display = 'none';
  var btn = document.getElementById('submitBtn');
  btn.innerHTML = '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="22 2 11 13 7 9"/></svg>提交预约';
  btn.disabled = false;
  document.getElementById('demoModal').classList.add('active');
  document.body.style.overflow = 'hidden';
}
function closeDemoModal(e) {
  if (e && e.target !== document.getElementById('demoModal')) return;
  document.getElementById('demoModal').classList.remove('active');
  document.body.style.overflow = '';
}
function clearPhoneError() {
  document.getElementById('phoneError').textContent = '';
  document.getElementById('phone').classList.remove('error');
}
function submitDemoForm(e) {
  e.preventDefault();
  var phoneEl = document.getElementById('phone');
  var phone = phoneEl.value.trim();
  var mobileRe = /^1[3-9]\d{9}$/;
  var landlineRe = /^(0\d{2,3}-?\d{7,8}|0\d{2,3}-?\d{7,8}-\d{1,6})$/;
  if (!mobileRe.test(phone) && !landlineRe.test(phone)) {
    document.getElementById('phoneError').textContent = '请输入正确的电话号码';
    phoneEl.classList.add('error');
    phoneEl.focus();
    return;
  }
  var btn = document.getElementById('submitBtn');
  btn.innerHTML = '<span class="spinner"></span> 提交中...';
  btn.disabled = true;
  setTimeout(function() {
    document.getElementById('demoForm').style.display = 'none';
    document.getElementById('modalSuccess').style.display = 'flex';
  }, 1500);
}

// Product Tab switching
document.querySelectorAll('.product-tab').forEach(function(tab) {
  tab.addEventListener('click', function() {
    document.querySelectorAll('.product-tab').forEach(function(t) { t.classList.remove('active'); });
    document.querySelectorAll('.product-tab-content').forEach(function(c) { c.classList.remove('active'); });
    tab.classList.add('active');
    document.getElementById('tab-' + tab.dataset.tab).classList.add('active');
  });
});

// Scroll-triggered animations (IntersectionObserver)
(function() {
  var observerOptions = { threshold: 0.15, rootMargin: '0px 0px -50px 0px' };

  var observer = new IntersectionObserver(function(entries) {
    entries.forEach(function(entry) {
      if (entry.isIntersecting) {
        entry.target.classList.add('revealed');
      }
    });
  }, observerOptions);

  // Observe all section-reveal elements
  document.querySelectorAll('.section, .trust-new, .platform-vs, .products-tabs, .scenes, .compare-cards, .delivery-timeline, .cta-final').forEach(function(el) {
    el.classList.add('section-reveal');
    observer.observe(el);
  });

  // Observe individual cards for stagger effect
  document.querySelectorAll('.trust-glass-card, .skill-card-new, .scene-card, .compare-item, .timeline-node, .industry-logo-item').forEach(function(el) {
    el.classList.add('card-reveal');
    observer.observe(el);
  });

  // Number count-up animation
  var numObserver = new IntersectionObserver(function(entries) {
    entries.forEach(function(entry) {
      if (entry.isIntersecting) {
        var el = entry.target;
        var target = parseFloat(el.dataset.target);
        var suffix = el.dataset.suffix || '';
        var isInt = Number.isInteger(target);
        var duration = 1500;
        var startTime = null;

        function animate(timestamp) {
          if (!startTime) startTime = timestamp;
          var progress = Math.min((timestamp - startTime) / duration, 1);
          // easeOutCubic
          progress = 1 - Math.pow(1 - progress, 3);
          var current = target * progress;
          if (isInt) {
            el.textContent = Math.floor(current) + suffix;
          } else {
            el.textContent = current.toFixed(1) + suffix;
          }
          if (progress < 1) {
            requestAnimationFrame(animate);
          } else {
            el.textContent = (isInt ? target : target.toFixed(1)) + suffix;
          }
        }

        requestAnimationFrame(animate);
        numObserver.unobserve(el);
      }
    });
  }, { threshold: 0.5 });

  document.querySelectorAll('.trust-glass-num[data-target]').forEach(function(el) {
    numObserver.observe(el);
  });

  // Compare bars animation
  var compareBarObserver = new IntersectionObserver(function(entries) {
    entries.forEach(function(entry) {
      if (entry.isIntersecting) {
        var bar = entry.target.querySelector('.compare-bar-fill');
        if (bar) {
          var targetWidth = bar.style.width;
          bar.style.transition = 'width 1s cubic-bezier(0.25, 0.8, 0.25, 1)';
          bar.style.width = '0';
          requestAnimationFrame(function() {
            requestAnimationFrame(function() {
              bar.style.width = targetWidth;
            });
          });
        }
        compareBarObserver.unobserve(entry.target);
      }
    });
  }, { threshold: 0.3 });

  document.querySelectorAll('.compare-item').forEach(function(el) {
    compareBarObserver.observe(el);
  });

  // Timeline line animation
  var timelineObserver = new IntersectionObserver(function(entries) {
    entries.forEach(function(entry) {
      if (entry.isIntersecting) {
        var line = entry.target.querySelector('.timeline-line-active');
        if (line) {
          line.style.transition = 'x2 1.5s cubic-bezier(0.25, 0.8, 0.25, 1)';
          line.setAttribute('x2', '800');
        }
        timelineObserver.unobserve(entry.target);
      }
    });
  }, { threshold: 0.3 });

  var timelineEl = document.querySelector('.delivery-timeline');
  if (timelineEl) timelineObserver.observe(timelineEl);

  // Platform VS bar animations — 负向从高到低，正向从低到高
  var vsBarObserver = new IntersectionObserver(function(entries) {
    entries.forEach(function(entry) {
      if (entry.isIntersecting) {
        var panel = entry.target;
        var isGood = panel.classList.contains('vs-nexai');
        var bars = panel.querySelectorAll('.vs-bar-inner');
        var pcts = panel.querySelectorAll('.vs-bar-pct');

        bars.forEach(function(bar, i) {
          var targetW = bar.style.width;  // 从 inline style 读取目标宽度
          var duration = 1200; // 动画时长 ms
          var delay = i * 150;

          // 先设置过渡和起始状态
          bar.style.transition = 'none';
          bar.style.width = isGood ? '0%' : '100%';

          // 强制回流，确保起始状态生效
          bar.offsetHeight;

          // 延迟后触发动画
          setTimeout(function() {
            bar.style.transition = 'width ' + duration + 'ms ' +
              (isGood ? 'cubic-bezier(0.25, 0.8, 0.25, 1)' : 'cubic-bezier(0.55, 0, 1, 0.45)');
            bar.style.width = targetW;

            // 完成时脉冲效果
            setTimeout(function() {
              if (isGood) {
                bar.style.filter = 'drop-shadow(0 0 10px rgba(99,102,241,0.8)) brightness(1.2)';
                setTimeout(function(){ bar.style.filter = ''; }, 600);
              } else {
                bar.style.filter = 'drop-shadow(0 0 10px rgba(239,68,68,0.7)) brightness(0.9)';
                setTimeout(function(){ bar.style.filter = ''; }, 600);
              }
            }, duration + 50);
          }, delay);
        });

        // 数字动画 — 延迟在进度条之后触发
        pcts.forEach(function(pct, i) {
          var delay = i * 150 + 400; // 进度条开始后才启动数字

          setTimeout(function() {
            var text = pct.textContent.trim();
            var numMatch = text.match(/^([\d.]+)\s*(%|天|个)?$/);

            if (numMatch) {
              var targetNum = parseFloat(numMatch[1]);
              var suffix = numMatch[2] || '';
              var duration = 900;
              var startTime = null;

              if (isGood) {
                // 正向：0 → 目标
                function countUp(ts) {
                  if (!startTime) startTime = ts;
                  var p = Math.min((ts - startTime) / duration, 1);
                  p = 1 - Math.pow(1 - p, 3);
                  var val = targetNum * p;
                  pct.textContent = (Number.isInteger(targetNum) ? Math.floor(val) : val.toFixed(1)) + suffix;
                  pct.style.color = '#34d399';
                  if (p < 1) requestAnimationFrame(countUp);
                  else { pct.textContent = text; setTimeout(function(){ pct.style.color = ''; }, 600); }
                }
                requestAnimationFrame(countUp);
              } else {
                // 负向：高值 → 目标
                var startNum = suffix === '%' ? 100 : targetNum * 4;
                function countDown(ts) {
                  if (!startTime) startTime = ts;
                  var p = Math.min((ts - startTime) / duration, 1);
                  p = 1 - Math.pow(1 - p, 3);
                  var val = startNum - (startNum - targetNum) * p;
                  pct.textContent = (Number.isInteger(targetNum) ? Math.floor(val) : val.toFixed(1)) + suffix;
                  pct.style.color = '#f87171';
                  if (p < 1) requestAnimationFrame(countDown);
                  else { pct.textContent = text; setTimeout(function(){ pct.style.color = ''; }, 600); }
                }
                requestAnimationFrame(countDown);
              }
            } else {
              // 文字类型
              pct.style.transition = 'transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55), color 0.35s ease';
              pct.style.transform = 'scale(1.25)';
              pct.style.color = isGood ? '#34d399' : '#f87171';
              setTimeout(function() {
                pct.style.transform = 'scale(1)';
                setTimeout(function(){ pct.style.color = ''; }, 500);
              }, 350);
            }
          }, delay);
        });

        vsBarObserver.unobserve(panel);
      }
    });
  }, { threshold: 0.3 });
  document.querySelectorAll('.platform-vs-panel').forEach(function(el) {
    vsBarObserver.observe(el);
  });

})();
</script>

</body>
</html>
