🎀 🌸

CDN销售单页源码

CDN销售单页源码

CDN销售单页php源码 给朋友定制的 企业科技风格 免费分享给大家对接的LECDN  你们自己改登录和注册地址就可以了

访问速度也是很快的  有助于SEO
js和css用的也是国内的。你们也可以自己改成本地的

CDN销售单页源码插图
 
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>将盾安全CDN - 专业内容分发与防护服务</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <link href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <script src="https://cdn.staticfile.org/chart.js/4.4.8/chart.umd.min.js"></script>
  <script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            primary: '#007BFF',
            secondary: '#165DFF',
            accent: '#00C1D4',
            dark: '#1D2129',
            light: '#F2F3F5',
            danger: '#FF4D4F',
            success: '#52C41A'
          },
          fontFamily: {
            inter: ['Inter', 'system-ui', 'sans-serif'],
          },
        },
      }
    }
  </script>
  <style type="text/tailwindcss">
    @layer utilities {
      .content-auto {
        content-visibility: auto;
      }
      .text-shadow {
        text-shadow: 0 2px 4px rgba(0,0,0,0.1);
      }
      .bg-gradient-blue {
        background: linear-gradient(135deg, #007BFF 0%, #165DFF 100%);
      }
      .card-hover {
        transition: all 0.3s ease;
      }
      .card-hover:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px -5px rgba(0, 123, 255, 0.2);
      }
      .feature-icon {
        width: 64px;
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: rgba(0, 123, 255, 0.1);
        color: #007BFF;
      }
      .stat-card {
        border-radius: 12px;
        background: white;
        padding: 24px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
      }
      .animate-pulse-slow {
        animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
      }
      .scroll-smooth {
        scroll-behavior: smooth;
      }
      .step-item::before {
        content: '';
        position: absolute;
        top: 32px;
        left: 32px;
        width: calc(100% - 64px);
        height: 2px;
        background-color: #007BFF;
        z-index: 0;
      }
      .step-item:last-child::before {
        display: none;
      }
    }
  </style>
</head>

<body class="tuc-2ea177b2-c74132-0 font-inter bg-gray-50 text-gray-800 scroll-smooth tuc-2ea177b2-c74132-0">
  <header id="navbar" class="tuc-2ea177b2-c74132-0 fixed w-full z-50 transition-all duration-300 tuc-2ea177b2-c74132-0">
    <nav class="tuc-2ea177b2-c74132-0 bg-white/95 backdrop-blur-sm shadow-sm py-4 px-6 md:px-12 tuc-2ea177b2-c74132-0">
      <div class="tuc-2ea177b2-c74132-0 container mx-auto flex justify-between items-center tuc-2ea177b2-c74132-0">
        <a href="#" class="tuc-2ea177b2-c74132-0 flex items-center space-x-2 tuc-2ea177b2-c74132-0">
          <i class="tuc-2ea177b2-c74132-0 fa fa-shield text-primary text-2xl tuc-2ea177b2-c74132-0"></i>
          <span class="tuc-2ea177b2-c74132-0 text-xl font-bold text-dark tuc-2ea177b2-c74132-0">将盾安全CDN</span>
        </a>
        <div class="tuc-2ea177b2-c74132-0 hidden md:flex items-center space-x-8 tuc-2ea177b2-c74132-0">
          <a href="#features" class="tuc-2ea177b2-c74132-0 text-gray-700 hover:text-primary transition-colors tuc-2ea177b2-c74132-0">功能</a>
          <a href="#solutions" class="tuc-2ea177b2-c74132-0 text-gray-700 hover:text-primary transition-colors tuc-2ea177b2-c74132-0">解决方案</a>
          <a href="#scenarios" class="tuc-2ea177b2-c74132-0 text-gray-700 hover:text-primary transition-colors tuc-2ea177b2-c74132-0">应用场景</a>
          <a href="#pricing" class="tuc-2ea177b2-c74132-0 text-gray-700 hover:text-primary transition-colors tuc-2ea177b2-c74132-0">价格</a>
          <a href="#cases" class="tuc-2ea177b2-c74132-0 text-gray-700 hover:text-primary transition-colors tuc-2ea177b2-c74132-0">客户案例</a>
          <a href="#partners" class="tuc-2ea177b2-c74132-0 text-gray-700 hover:text-primary transition-colors tuc-2ea177b2-c74132-0">合作伙伴</a>
          <a href="#docs" class="tuc-2ea177b2-c74132-0 text-gray-700 hover:text-primary transition-colors tuc-2ea177b2-c74132-0">文档</a>
        </div>
        <div class="tuc-2ea177b2-c74132-0 flex items-center space-x-4 tuc-2ea177b2-c74132-0">
          <a href="?redirectjs_sign" class="tuc-2ea177b2-c74132-0 text-primary hover:text-secondary transition-colors tuc-2ea177b2-c74132-0">登录</a>
          <a href="#/register" class="tuc-2ea177b2-c74132-0 bg-primary hover:bg-secondary text-white px-5 py-2 rounded-lg transition-colors tuc-2ea177b2-c74132-0">免费注册</a>
          <button id="mobile-menu-btn" class="tuc-2ea177b2-c74132-0 md:hidden text-gray-700 tuc-2ea177b2-c74132-0">
            <i class="tuc-2ea177b2-c74132-0 fa fa-bars text-xl tuc-2ea177b2-c74132-0"></i>
          </button>
        </div>
      </div>
    </nav>
    <div id="mobile-menu" class="tuc-2ea177b2-c74132-0 md:hidden hidden bg-white shadow-lg absolute w-full tuc-2ea177b2-c74132-0">
      <div class="tuc-2ea177b2-c74132-0 container mx-auto py-4 px-6 flex flex-col space-y-4 tuc-2ea177b2-c74132-0">
        <a href="#features" class="tuc-2ea177b2-c74132-0 text-gray-700 hover:text-primary transition-colors py-2 tuc-2ea177b2-c74132-0">功能</a>
        <a href="#solutions" class="tuc-2ea177b2-c74132-0 text-gray-700 hover:text-primary transition-colors py-2 tuc-2ea177b2-c74132-0">解决方案</a>
        <a href="#scenarios" class="tuc-2ea177b2-c74132-0 text-gray-700 hover:text-primary transition-colors py-2 tuc-2ea177b2-c74132-0">应用场景</a>
        <a href="#pricing" class="tuc-2ea177b2-c74132-0 text-gray-700 hover:text-primary transition-colors py-2 tuc-2ea177b2-c74132-0">价格</a>
        <a href="#cases" class="tuc-2ea177b2-c74132-0 text-gray-700 hover:text-primary transition-colors py-2 tuc-2ea177b2-c74132-0">客户案例</a>
        <a href="#partners" class="tuc-2ea177b2-c74132-0 text-gray-700 hover:text-primary transition-colors py-2 tuc-2ea177b2-c74132-0">合作伙伴</a>
        <a href="#docs" class="tuc-2ea177b2-c74132-0 text-gray-700 hover:text-primary transition-colors py-2 tuc-2ea177b2-c74132-0">文档</a>
      </div>
    </div>
  </header>

  <main class="tuc-2ea177b2-c74132-0 pt-20 tuc-2ea177b2-c74132-0">
    <section class="tuc-2ea177b2-c74132-0 bg-gradient-blue text-white py-20 px-6 md:px-12 tuc-2ea177b2-c74132-0">
      <div class="tuc-2ea177b2-c74132-0 container mx-auto max-w-6xl tuc-2ea177b2-c74132-0">
        <div class="tuc-2ea177b2-c74132-0 grid md:grid-cols-2 gap-12 items-center tuc-2ea177b2-c74132-0">
          <div class="tuc-2ea177b2-c74132-0 space-y-8 tuc-2ea177b2-c74132-0">
            <h1 class="tuc-2ea177b2-c74132-0 text-[clamp(2rem,5vw,3.5rem)] font-bold leading-tight text-shadow tuc-2ea177b2-c74132-0">
              安全 · 快速 · 稳定<br>
              <span class="tuc-2ea177b2-c74132-0 text-accent tuc-2ea177b2-c74132-0">全球领先的CDN服务</span>
            </h1>
            <p class="tuc-2ea177b2-c74132-0 text-lg md:text-xl opacity-90 tuc-2ea177b2-c74132-0">
              提供全方位的内容分发网络解决方案,保护您的网站免受攻击,加速访问速度,确保全球用户体验一致。
            </p>
            <div class="tuc-2ea177b2-c74132-0 flex flex-wrap gap-4 tuc-2ea177b2-c74132-0">
              <a href="#pricing" class="tuc-2ea177b2-c74132-0 bg-white text-primary hover:bg-gray-100 px-8 py-3 rounded-lg font-medium transition-colors tuc-2ea177b2-c74132-0">
                立即体验
              </a>
              <a href="#demo" class="tuc-2ea177b2-c74132-0 bg-transparent border-2 border-white text-white hover:bg-white/10 px-8 py-3 rounded-lg font-medium transition-colors tuc-2ea177b2-c74132-0">
                观看演示
              </a>
            </div>
            <div class="tuc-2ea177b2-c74132-0 flex items-center space-x-6 pt-4 tuc-2ea177b2-c74132-0">
              <div class="tuc-2ea177b2-c74132-0 flex -space-x-2 tuc-2ea177b2-c74132-0">
                <img src="https://92wuyou.cn/100.jpg" alt="用户头像1" class="tuc-2ea177b2-c74132-0 w-10 h-10 rounded-full border-2 border-white tuc-2ea177b2-c74132-0">
                <img src="https://92wuyou.cn/100.jpg" alt="用户头像2" class="tuc-2ea177b2-c74132-0 w-10 h-10 rounded-full border-2 border-white tuc-2ea177b2-c74132-0">
                <img src="https://92wuyou.cn/100.jpg" alt="用户头像3" class="tuc-2ea177b2-c74132-0 w-10 h-10 rounded-full border-2 border-white tuc-2ea177b2-c74132-0">
              </div>
              <p class="tuc-2ea177b2-c74132-0 text-sm opacity-90 tuc-2ea177b2-c74132-0">已有 <span class="tuc-2ea177b2-c74132-0 font-bold tuc-2ea177b2-c74132-0">5,000+</span> 企业选择我们的服务</p>
            </div>
          </div>
          <div class="tuc-2ea177b2-c74132-0 hidden md:block relative tuc-2ea177b2-c74132-0">
            <img src="https://zy.nuoyo.cn/cc.jpg" alt="CDN网络架构图" class="tuc-2ea177b2-c74132-0 rounded-lg shadow-2xl tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 absolute -bottom-6 -left-6 bg-white text-primary p-4 rounded-lg shadow-lg animate-pulse-slow tuc-2ea177b2-c74132-0">
              <p class="tuc-2ea177b2-c74132-0 font-bold tuc-2ea177b2-c74132-0">全球 <span id="node-count">280+</span> 节点</p>
              <p class="tuc-2ea177b2-c74132-0 text-xs text-gray-600 tuc-2ea177b2-c74132-0">实时监控,智能调度</p>
            </div>
            <div class="tuc-2ea177b2-c74132-0 absolute -top-6 -right-6 bg-white text-danger p-4 rounded-lg shadow-lg animate-pulse-slow tuc-2ea177b2-c74132-0">
              <p class="tuc-2ea177b2-c74132-0 font-bold tuc-2ea177b2-c74132-0">今日拦截 <span id="attack-count">12,543</span> 次攻击</p>
              <p class="tuc-2ea177b2-c74132-0 text-xs text-gray-600 tuc-2ea177b2-c74132-0">防护成功率 99.99%</p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="tuc-2ea177b2-c74132-0 py-12 px-6 md:px-12 bg-white tuc-2ea177b2-c74132-0">
      <div class="tuc-2ea177b2-c74132-0 container mx-auto max-w-6xl tuc-2ea177b2-c74132-0">
        <div class="tuc-2ea177b2-c74132-0 grid grid-cols-2 md:grid-cols-4 gap-6 tuc-2ea177b2-c74132-0">
          <div class="tuc-2ea177b2-c74132-0 stat-card text-center tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 text-4xl font-bold text-primary mb-2 tuc-2ea177b2-c74132-0" id="traffic-count">127.5TB</div>
            <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">今日分发流量</p>
          </div>
          <div class="tuc-2ea177b2-c74132-0 stat-card text-center tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 text-4xl font-bold text-primary mb-2 tuc-2ea177b2-c74132-0" id="request-count">8.5B</div>
            <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">今日处理请求</p>
          </div>
          <div class="tuc-2ea177b2-c74132-0 stat-card text-center tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 text-4xl font-bold text-danger mb-2 tuc-2ea177b2-c74132-0" id="cc-attack-count">6,824</div>
            <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">CC攻击拦截</p>
          </div>
          <div class="tuc-2ea177b2-c74132-0 stat-card text-center tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 text-4xl font-bold text-danger mb-2 tuc-2ea177b2-c74132-0" id="ddos-attack-count">5,719</div>
            <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">DDoS攻击拦截</p>
          </div>
        </div>
      </div>
    </section>
    <section id="features" class="tuc-2ea177b2-c74132-0 py-20 px-6 md:px-12 bg-light tuc-2ea177b2-c74132-0">
      <div class="tuc-2ea177b2-c74132-0 container mx-auto max-w-6xl tuc-2ea177b2-c74132-0">
        <div class="tuc-2ea177b2-c74132-0 text-center mb-16 tuc-2ea177b2-c74132-0">
          <h2 class="tuc-2ea177b2-c74132-0 text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-dark mb-4 tuc-2ea177b2-c74132-0">强大功能,全方位保护</h2>
          <p class="tuc-2ea177b2-c74132-0 text-gray-600 max-w-3xl mx-auto text-lg tuc-2ea177b2-c74132-0">我们的CDN服务不仅提供高速内容分发,还集成了多层次安全防护机制,保障您的网站安全稳定运行</p>
        </div>
        
        <div class="tuc-2ea177b2-c74132-0 grid md:grid-cols-2 lg:grid-cols-3 gap-8 tuc-2ea177b2-c74132-0">
          <div class="tuc-2ea177b2-c74132-0 bg-white rounded-xl shadow-md p-8 card-hover tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 feature-icon mb-6 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-shield text-2xl tuc-2ea177b2-c74132-0"></i>
            </div>
            <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">高级WAF防护</h3>
            <p class="tuc-2ea177b2-c74132-0 text-gray-600 mb-4 tuc-2ea177b2-c74132-0">结合智能行为分析引擎,对CC攻击进行毫秒级拦截响应。支持基于URL的深度防护策略等多重防护机制。</p>
            <ul class="tuc-2ea177b2-c74132-0 space-y-2 text-gray-600 tuc-2ea177b2-c74132-0">
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>精准识别恶意流量</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>实时更新防护规则</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>自定义防护策略</span>
              </li>
            </ul>
          </div>
          <div class="tuc-2ea177b2-c74132-0 bg-white rounded-xl shadow-md p-8 card-hover tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 feature-icon mb-6 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-bolt text-2xl tuc-2ea177b2-c74132-0"></i>
            </div>
            <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">CDN加速</h3>
            <p class="tuc-2ea177b2-c74132-0 text-gray-600 mb-4 tuc-2ea177b2-c74132-0">分布式节点集群支持多运营商线路,采用智能分片回源技术,结合多级缓存策略及动态负载均衡,显著提升访问效率并节省带宽。</p>
            <ul class="tuc-2ea177b2-c74132-0 space-y-2 text-gray-600 tuc-2ea177b2-c74132-0">
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>全球280+加速节点</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>智能缓存策略</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>内容压缩优化</span>
              </li>
            </ul>
          </div>
          <div class="tuc-2ea177b2-c74132-0 bg-white rounded-xl shadow-md p-8 card-hover tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 feature-icon mb-6 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-area-chart text-2xl tuc-2ea177b2-c74132-0"></i>
            </div>
            <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">数据统计与分析</h3>
            <p class="tuc-2ea177b2-c74132-0 text-gray-600 mb-4 tuc-2ea177b2-c74132-0">支持网站对缓存内容进行实时更新,CDN能快速同步更新到各个节点,确保用户在第一时间获取到最新内容。</p>
            <ul class="tuc-2ea177b2-c74132-0 space-y-2 text-gray-600 tuc-2ea177b2-c74132-0">
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>实时流量监控</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>攻击类型分析</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>性能优化建议</span>
              </li>
            </ul>
          </div>
          <div class="tuc-2ea177b2-c74132-0 bg-white rounded-xl shadow-md p-8 card-hover tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 feature-icon mb-6 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-tachometer text-2xl tuc-2ea177b2-c74132-0"></i>
            </div>
            <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">带宽优化</h3>
            <p class="tuc-2ea177b2-c74132-0 text-gray-600 mb-4 tuc-2ea177b2-c74132-0">CDN减少了用户对源服务器的直接访问,降低了源服务器的带宽消耗。通过节点缓存和就近分发,缓解网络拥塞。</p>
            <ul class="tuc-2ea177b2-c74132-0 space-y-2 text-gray-600 tuc-2ea177b2-c74132-0">
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>智能流量调度</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>内容预取技术</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>带宽峰值控制</span>
              </li>
            </ul>
          </div>
          <div class="tuc-2ea177b2-c74132-0 bg-white rounded-xl shadow-md p-8 card-hover tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 feature-icon mb-6 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-sitemap text-2xl tuc-2ea177b2-c74132-0"></i>
            </div>
            <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">负载均衡</h3>
            <p class="tuc-2ea177b2-c74132-0 text-gray-600 mb-4 tuc-2ea177b2-c74132-0">各个节点服务器上,根据实时负载情况和网络状况,CDN动态调整请求分发,确保整个系统高效稳定运行。</p>
            <ul class="tuc-2ea177b2-c74132-0 space-y-2 text-gray-600 tuc-2ea177b2-c74132-0">
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>动态负载分配</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>故障自动切换</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>跨区域冗余备份</span>
              </li>
            </ul>
          </div>
          <div class="tuc-2ea177b2-c74132-0 bg-white rounded-xl shadow-md p-8 card-hover tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 feature-icon mb-6 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-lock text-2xl tuc-2ea177b2-c74132-0"></i>
            </div>
            <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">URL级CC防御</h3>
            <p class="tuc-2ea177b2-c74132-0 text-gray-600 mb-4 tuc-2ea177b2-c74132-0">独家功能,只对被攻击的URL进行人机验证,有效拦截恶意流量,同时只影响被攻击的URL,针对性拦截,用户体验更好。</p>
            <ul class="tuc-2ea177b2-c74132-0 space-y-2 text-gray-600 tuc-2ea177b2-c74132-0">
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>精准URL识别</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>智能人机验证</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>自定义验证策略</span>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </section>


    <section id="solutions" class="tuc-2ea177b2-c74132-0 py-20 px-6 md:px-12 bg-white tuc-2ea177b2-c74132-0">
      <div class="tuc-2ea177b2-c74132-0 container mx-auto max-w-6xl tuc-2ea177b2-c74132-0">
        <div class="tuc-2ea177b2-c74132-0 text-center mb-16 tuc-2ea177b2-c74132-0">
          <h2 class="tuc-2ea177b2-c74132-0 text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-dark mb-4 tuc-2ea177b2-c74132-0">智能解决方案</h2>
          <p class="tuc-2ea177b2-c74132-0 text-gray-600 max-w-3xl mx-auto text-lg tuc-2ea177b2-c74132-0">我们的CDN服务为不同行业提供定制化解决方案,满足各类业务场景需求</p>
        </div>
        
        <div class="tuc-2ea177b2-c74132-0 grid md:grid-cols-2 gap-12 items-center tuc-2ea177b2-c74132-0">
          <div>
            <h3 class="tuc-2ea177b2-c74132-0 text-2xl font-bold mb-6 tuc-2ea177b2-c74132-0">智能攻击数据分析 - 助力企业安全上云</h3>
            <p class="tuc-2ea177b2-c74132-0 text-gray-600 mb-6 tuc-2ea177b2-c74132-0">将盾安全cdn为企业打造集分布式DDoS防护、CC防护、WAF防护、BOT行为分析为一体的安全加速解决方案。</p>
            <div class="tuc-2ea177b2-c74132-0 space-y-4 tuc-2ea177b2-c74132-0">
              <div class="tuc-2ea177b2-c74132-0 flex items-start tuc-2ea177b2-c74132-0">
                <div class="tuc-2ea177b2-c74132-0 bg-primary/10 p-2 rounded-full mr-4 tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-primary tuc-2ea177b2-c74132-0"></i>
                </div>
                <div>
                  <h4 class="tuc-2ea177b2-c74132-0 font-bold text-lg tuc-2ea177b2-c74132-0">实时监控与预警</h4>
                  <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">7×24小时监控网络流量,实时发现并预警各类攻击行为</p>
                </div>
              </div>
              <div class="tuc-2ea177b2-c74132-0 flex items-start tuc-2ea177b2-c74132-0">
                <div class="tuc-2ea177b2-c74132-0 bg-primary/10 p-2 rounded-full mr-4 tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-primary tuc-2ea177b2-c74132-0"></i>
                </div>
                <div>
                  <h4 class="tuc-2ea177b2-c74132-0 font-bold text-lg tuc-2ea177b2-c74132-0">智能攻击识别</h4>
                  <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">基于AI的智能分析引擎,精准区分正常流量与攻击流量</p>
                </div>
              </div>
              <div class="tuc-2ea177b2-c74132-0 flex items-start tuc-2ea177b2-c74132-0">
                <div class="tuc-2ea177b2-c74132-0 bg-primary/10 p-2 rounded-full mr-4 tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-primary tuc-2ea177b2-c74132-0"></i>
                </div>
                <div>
                  <h4 class="tuc-2ea177b2-c74132-0 font-bold text-lg tuc-2ea177b2-c74132-0">多层防护机制</h4>
                  <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">从边缘到核心的多层次防护架构,确保全方位安全</p>
                </div>
              </div>
            </div>
            <a href="#" class="tuc-2ea177b2-c74132-0 inline-block mt-8 bg-primary hover:bg-secondary text-white px-6 py-3 rounded-lg transition-colors tuc-2ea177b2-c74132-0">
              了解更多解决方案
            </a>
          </div>
          <div class="tuc-2ea177b2-c74132-0 relative tuc-2ea177b2-c74132-0">
            <img src="https://zy.nuoyo.cn/cc2.jpg" alt="CDN解决方案架构图" class="tuc-2ea177b2-c74132-0 rounded-lg shadow-xl tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 absolute -bottom-8 -right-8 bg-white p-6 rounded-lg shadow-lg max-w-xs tuc-2ea177b2-c74132-0">
              <h4 class="tuc-2ea177b2-c74132-0 font-bold text-primary mb-2 tuc-2ea177b2-c74132-0">DNS调度与监控切换</h4>
              <p class="tuc-2ea177b2-c74132-0 text-sm text-gray-600 tuc-2ea177b2-c74132-0">目前将盾cdn可通过DNS供应商进行调度与宕机切换,自愈能力高,故障自动切换到备用IP。</p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section id="scenarios" class="tuc-2ea177b2-c74132-0 py-20 px-6 md:px-12 bg-light tuc-2ea177b2-c74132-0">
      <div class="tuc-2ea177b2-c74132-0 container mx-auto max-w-6xl tuc-2ea177b2-c74132-0">
        <div class="tuc-2ea177b2-c74132-0 text-center mb-16 tuc-2ea177b2-c74132-0">
          <h2 class="tuc-2ea177b2-c74132-0 text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-dark mb-4 tuc-2ea177b2-c74132-0">应用场景</h2>
          <p class="tuc-2ea177b2-c74132-0 text-gray-600 max-w-3xl mx-auto text-lg tuc-2ea177b2-c74132-0">我们的CDN服务适用于多种业务场景,为不同类型的应用提供专业加速与防护</p>
        </div>
        
        <div class="tuc-2ea177b2-c74132-0 grid md:grid-cols-2 gap-8 tuc-2ea177b2-c74132-0">
          <div class="tuc-2ea177b2-c74132-0 bg-white rounded-xl shadow-md p-8 card-hover tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 feature-icon mb-6 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-globe text-2xl tuc-2ea177b2-c74132-0"></i>
            </div>
            <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">网站加速</h3>
            <div class="tuc-2ea177b2-c74132-0 mb-6 tuc-2ea177b2-c74132-0">
              <h4 class="tuc-2ea177b2-c74132-0 font-bold text-lg mb-2 tuc-2ea177b2-c74132-0">场景描述</h4>
              <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">
                网页静态资源优化加速分发,网站流量激增时,用户请求量、流量带宽增高,服务器压力大,站点响应慢
              </p>
            </div>
            <div>
              <h4 class="tuc-2ea177b2-c74132-0 font-bold text-lg mb-2 tuc-2ea177b2-c74132-0">业务价值</h4>
              <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">
                压缩优化使网页大图、样式等完成秒级加载,缩短网页响应时间,提高用户体验
              </p>
            </div>
          </div>
          <div class="tuc-2ea177b2-c74132-0 bg-white rounded-xl shadow-md p-8 card-hover tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 feature-icon mb-6 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-download text-2xl tuc-2ea177b2-c74132-0"></i>
            </div>
            <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">下载加速</h3>
            <div class="tuc-2ea177b2-c74132-0 mb-6 tuc-2ea177b2-c74132-0">
              <h4 class="tuc-2ea177b2-c74132-0 font-bold text-lg mb-2 tuc-2ea177b2-c74132-0">场景描述</h4>
              <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">
                大文件下载、游戏客户端更新、移动应用分发等场景,用户分布广泛,下载速度慢影响体验
              </p>
            </div>
            <div>
              <h4 class="tuc-2ea177b2-c74132-0 font-bold text-lg mb-2 tuc-2ea177b2-c74132-0">业务价值</h4>
              <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">
                基于用户地理位置智能调度最优节点,支持断点续传和多线程下载,显著提升下载速度和成功率
              </p>
            </div>
          </div>
          <div class="tuc-2ea177b2-c74132-0 bg-white rounded-xl shadow-md p-8 card-hover tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 feature-icon mb-6 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-play-circle text-2xl tuc-2ea177b2-c74132-0"></i>
            </div>
            <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">音视频加速</h3>
            <div class="tuc-2ea177b2-c74132-0 mb-6 tuc-2ea177b2-c74132-0">
              <h4 class="tuc-2ea177b2-c74132-0 font-bold text-lg mb-2 tuc-2ea177b2-c74132-0">场景描述</h4>
              <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">
                视频点播、直播、在线教育等场景,对播放流畅度、延迟、清晰度切换有较高要求
              </p>
            </div>
            <div>
              <h4 class="tuc-2ea177b2-c74132-0 font-bold text-lg mb-2 tuc-2ea177b2-c74132-0">业务价值</h4>
              <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">
                支持自适应码率流媒体传输,低延迟直播技术,全球节点覆盖确保不同地区用户均能获得优质观看体验
              </p>
            </div>
          </div>
          <div class="tuc-2ea177b2-c74132-0 bg-white rounded-xl shadow-md p-8 card-hover tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 feature-icon mb-6 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-shield text-2xl tuc-2ea177b2-c74132-0"></i>
            </div>
            <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">安全防护</h3>
            <div class="tuc-2ea177b2-c74132-0 mb-6 tuc-2ea177b2-c74132-0">
              <h4 class="tuc-2ea177b2-c74132-0 font-bold text-lg mb-2 tuc-2ea177b2-c74132-0">场景描述</h4>
              <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">
                电商网站、金融平台等对安全性要求高的业务,面临各类网络攻击威胁,可能导致数据泄露或服务中断
              </p>
            </div>
            <div>
              <h4 class="tuc-2ea177b2-c74132-0 font-bold text-lg mb-2 tuc-2ea177b2-c74132-0">业务价值</h4>
              <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">
                结合高级WAF和DDoS防护能力,提供全方位安全保障,确保业务连续性和数据安全,满足合规要求
              </p>
            </div>
          </div>
        </div>
        
        <div class="tuc-2ea177b2-c74132-0 mt-12 p-6 bg-primary/5 rounded-xl tuc-2ea177b2-c74132-0">
          <p class="tuc-2ea177b2-c74132-0 text-gray-700 tuc-2ea177b2-c74132-0">
            <i class="tuc-2ea177b2-c74132-0 fa fa-lightbulb-o text-primary mr-2 tuc-2ea177b2-c74132-0"></i>
            根据用户访问数据决定回源行为,减少不必要回源流量,实现降低回源、高命中率、有效降低带宽成本
          </p>
        </div>
      </div>
    </section>


    <section class="tuc-2ea177b2-c74132-0 py-20 px-6 md:px-12 bg-white tuc-2ea177b2-c74132-0">
      <div class="tuc-2ea177b2-c74132-0 container mx-auto max-w-6xl tuc-2ea177b2-c74132-0">
        <div class="tuc-2ea177b2-c74132-0 text-center mb-16 tuc-2ea177b2-c74132-0">
          <h2 class="tuc-2ea177b2-c74132-0 text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-dark mb-4 tuc-2ea177b2-c74132-0">接入流程</h2>
          <p class="tuc-2ea177b2-c74132-0 text-gray-600 max-w-3xl mx-auto text-lg tuc-2ea177b2-c74132-0">简单几步,快速接入我们的CDN服务,开始享受专业加速与防护</p>
        </div>
        
        <div class="tuc-2ea177b2-c74132-0 relative tuc-2ea177b2-c74132-0">
          <div class="tuc-2ea177b2-c74132-0 grid md:grid-cols-4 gap-8 tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 relative z-10 tuc-2ea177b2-c74132-0">
              <div class="tuc-2ea177b2-c74132-0 w-16 h-16 rounded-full bg-primary text-white flex items-center justify-center text-2xl font-bold mx-auto mb-6 tuc-2ea177b2-c74132-0">
                01
              </div>
              <div class="tuc-2ea177b2-c74132-0 text-center tuc-2ea177b2-c74132-0">
                <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">开通CDN服务</h3>
                <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">注册账号并完成实名认证,开通CDN服务</p>
              </div>
            </div>
            <div class="tuc-2ea177b2-c74132-0 relative z-10 tuc-2ea177b2-c74132-0">
              <div class="tuc-2ea177b2-c74132-0 w-16 h-16 rounded-full bg-primary text-white flex items-center justify-center text-2xl font-bold mx-auto mb-6 tuc-2ea177b2-c74132-0">
                02
              </div>
              <div class="tuc-2ea177b2-c74132-0 text-center tuc-2ea177b2-c74132-0">
                <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">完成域名解析</h3>
                <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">添加需要加速的域名,完成DNS解析配置</p>
              </div>
            </div>
            <div class="tuc-2ea177b2-c74132-0 relative z-10 tuc-2ea177b2-c74132-0">
              <div class="tuc-2ea177b2-c74132-0 w-16 h-16 rounded-full bg-primary text-white flex items-center justify-center text-2xl font-bold mx-auto mb-6 tuc-2ea177b2-c74132-0">
                03
              </div>
              <div class="tuc-2ea177b2-c74132-0 text-center tuc-2ea177b2-c74132-0">
                <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">配置加速策略</h3>
                <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">根据业务需求,灵活配置缓存、安全等策略</p>
              </div>
            </div>
            <div class="tuc-2ea177b2-c74132-0 relative z-10 tuc-2ea177b2-c74132-0">
              <div class="tuc-2ea177b2-c74132-0 w-16 h-16 rounded-full bg-primary text-white flex items-center justify-center text-2xl font-bold mx-auto mb-6 tuc-2ea177b2-c74132-0">
                04
              </div>
              <div class="tuc-2ea177b2-c74132-0 text-center tuc-2ea177b2-c74132-0">
                <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">优化与监控</h3>
                <p class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">通过数据报表持续优化配置,监控加速效果</p>
              </div>
            </div>
          </div>
          <div class="tuc-2ea177b2-c74132-0 hidden md:block absolute top-8 left-0 right-0 h-1 bg-primary/30 -z-10 tuc-2ea177b2-c74132-0"></div>
        </div>
        
        <div class="tuc-2ea177b2-c74132-0 mt-12 text-center tuc-2ea177b2-c74132-0">
          <a href="#" class="tuc-2ea177b2-c74132-0 inline-block bg-primary hover:bg-secondary text-white px-8 py-3 rounded-lg font-medium transition-colors tuc-2ea177b2-c74132-0">
            查看详细接入文档
          </a>
        </div>
      </div>
    </section>
    <section id="pricing" class="tuc-2ea177b2-c74132-0 py-20 px-6 md:px-12 bg-light tuc-2ea177b2-c74132-0">
      <div class="tuc-2ea177b2-c74132-0 container mx-auto max-w-6xl tuc-2ea177b2-c74132-0">
        <div class="tuc-2ea177b2-c74132-0 text-center mb-16 tuc-2ea177b2-c74132-0">
          <h2 class="tuc-2ea177b2-c74132-0 text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-dark mb-4 tuc-2ea177b2-c74132-0">灵活的产品价格</h2>
          <p class="tuc-2ea177b2-c74132-0 text-gray-600 max-w-3xl mx-auto text-lg tuc-2ea177b2-c74132-0">选择最适合您业务的CDN服务套餐,按需付费,灵活扩展</p>
        </div>
        
        <div class="tuc-2ea177b2-c74132-0 grid md:grid-cols-2 lg:grid-cols-4 gap-8 tuc-2ea177b2-c74132-0">
          <div class="tuc-2ea177b2-c74132-0 bg-white rounded-xl shadow-md overflow-hidden card-hover tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 bg-primary/10 p-6 text-center tuc-2ea177b2-c74132-0">
              <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold tuc-2ea177b2-c74132-0">LV1畅享版</h3>
              <div class="tuc-2ea177b2-c74132-0 text-3xl font-bold text-primary mt-4 tuc-2ea177b2-c74132-0">¥6.8<span class="tuc-2ea177b2-c74132-0 text-sm font-normal tuc-2ea177b2-c74132-0">/月</span></div>
              <p class="tuc-2ea177b2-c74132-0 text-gray-600 mt-2 tuc-2ea177b2-c74132-0">适合小型网站和个人用户</p>
            </div>
            <div class="tuc-2ea177b2-c74132-0 p-6 tuc-2ea177b2-c74132-0">
              <ul class="tuc-2ea177b2-c74132-0 space-y-3 mb-8 tuc-2ea177b2-c74132-0">
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>访问速度:优秀</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>流量限制:100Gb/月</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>站点绑定:5个</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>赠送子站:10个</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>https支持:支持</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>高级WAF:支持</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>独家URL级别CC防御:支持</span>
                </li>
              </ul>
              <a href="#" class="tuc-2ea177b2-c74132-0 block w-full text-center bg-primary hover:bg-secondary text-white py-3 rounded-lg transition-colors tuc-2ea177b2-c74132-0">
                立即购买
              </a>
            </div>
          </div>
          <div class="tuc-2ea177b2-c74132-0 bg-white rounded-xl shadow-md overflow-hidden card-hover transform scale-105 z-10 tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 bg-primary p-6 text-center text-white tuc-2ea177b2-c74132-0">
              <div class="tuc-2ea177b2-c74132-0 bg-white text-primary text-xs font-bold px-3 py-1 rounded-full inline-block mb-3 tuc-2ea177b2-c74132-0">
                最受欢迎
              </div>
              <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold tuc-2ea177b2-c74132-0">LV2尊享版</h3>
              <div class="tuc-2ea177b2-c74132-0 text-3xl font-bold mt-4 tuc-2ea177b2-c74132-0">¥12<span class="tuc-2ea177b2-c74132-0 text-sm font-normal tuc-2ea177b2-c74132-0">/月</span></div>
              <p class="tuc-2ea177b2-c74132-0 text-white/80 mt-2 tuc-2ea177b2-c74132-0">适合中小型企业网站</p>
            </div>
            <div class="tuc-2ea177b2-c74132-0 p-6 tuc-2ea177b2-c74132-0">
              <ul class="tuc-2ea177b2-c74132-0 space-y-3 mb-8 tuc-2ea177b2-c74132-0">
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>访问速度:优秀</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>流量限制:200Gb/月</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>站点绑定:10个</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>赠送子站:15个</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>https支持:支持</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>高级WAF:支持</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>独家URL级别CC防御:支持</span>
                </li>
              </ul>
              <a href="#" class="tuc-2ea177b2-c74132-0 block w-full text-center bg-primary hover:bg-secondary text-white py-3 rounded-lg transition-colors tuc-2ea177b2-c74132-0">
                立即购买
              </a>
            </div>
          </div>
          <div class="tuc-2ea177b2-c74132-0 bg-white rounded-xl shadow-md overflow-hidden card-hover tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 bg-primary/10 p-6 text-center tuc-2ea177b2-c74132-0">
              <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold tuc-2ea177b2-c74132-0">LV3旗舰版</h3>
              <div class="tuc-2ea177b2-c74132-0 text-3xl font-bold text-primary mt-4 tuc-2ea177b2-c74132-0">¥28<span class="tuc-2ea177b2-c74132-0 text-sm font-normal tuc-2ea177b2-c74132-0">/月</span></div>
              <p class="tuc-2ea177b2-c74132-0 text-gray-600 mt-2 tuc-2ea177b2-c74132-0">适合中大型企业网站</p>
            </div>
            <div class="tuc-2ea177b2-c74132-0 p-6 tuc-2ea177b2-c74132-0">
              <ul class="tuc-2ea177b2-c74132-0 space-y-3 mb-8 tuc-2ea177b2-c74132-0">
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>访问速度:优秀</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>流量限制:500Gb/月</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>站点绑定:15个</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>赠送子站:30个</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>https支持:支持</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>高级WAF:支持</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>独家URL级别CC防御:支持</span>
                </li>
              </ul>
              <a href="#" class="tuc-2ea177b2-c74132-0 block w-full text-center bg-primary hover:bg-secondary text-white py-3 rounded-lg transition-colors tuc-2ea177b2-c74132-0">
                立即购买
              </a>
            </div>
          </div>
          <div class="tuc-2ea177b2-c74132-0 bg-white rounded-xl shadow-md overflow-hidden card-hover tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 bg-primary/10 p-6 text-center tuc-2ea177b2-c74132-0">
              <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold tuc-2ea177b2-c74132-0">LV4至尊版</h3>
              <div class="tuc-2ea177b2-c74132-0 text-3xl font-bold text-primary mt-4 tuc-2ea177b2-c74132-0">¥42<span class="tuc-2ea177b2-c74132-0 text-sm font-normal tuc-2ea177b2-c74132-0">/月</span></div>
              <p class="tuc-2ea177b2-c74132-0 text-gray-600 mt-2 tuc-2ea177b2-c74132-0">适合大型企业和电商平台</p>
            </div>
            <div class="tuc-2ea177b2-c74132-0 p-6 tuc-2ea177b2-c74132-0">
              <ul class="tuc-2ea177b2-c74132-0 space-y-3 mb-8 tuc-2ea177b2-c74132-0">
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>访问速度:优秀</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>流量限制:1000Gb/月</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>站点绑定:30个</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>赠送子站:60个</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>https支持:支持</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>高级WAF:支持</span>
                </li>
                <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                  <i class="tuc-2ea177b2-c74132-0 fa fa-check text-success mr-2 tuc-2ea177b2-c74132-0"></i>
                  <span>独家URL级别CC防御:支持</span>
                </li>
              </ul>
              <a href="#" class="tuc-2ea177b2-c74132-0 block w-full text-center bg-primary hover:bg-secondary text-white py-3 rounded-lg transition-colors tuc-2ea177b2-c74132-0">
                立即购买
              </a>
            </div>
          </div>
        </div>
        

        <div class="tuc-2ea177b2-c74132-0 mt-12 bg-white rounded-xl shadow-md p-8 text-center tuc-2ea177b2-c74132-0">
          <h3 class="tuc-2ea177b2-c74132-0 text-2xl font-bold mb-4 tuc-2ea177b2-c74132-0">企业定制方案</h3>
          <p class="tuc-2ea177b2-c74132-0 text-gray-600 mb-6 max-w-3xl mx-auto tuc-2ea177b2-c74132-0">针对大型企业和特殊业务需求,我们提供完全定制化的CDN解决方案,满足您的个性化需求</p>
          <div class="tuc-2ea177b2-c74132-0 flex flex-wrap justify-center gap-6 tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-phone text-primary text-xl mr-2 tuc-2ea177b2-c74132-0"></i>
              <span>客服电话:15555888744</span>
            </div>
            <div class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-envelope text-primary text-xl mr-2 tuc-2ea177b2-c74132-0"></i>
              <span>邮箱:4040068@qq.com</span>
            </div>
            <div class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-weixin text-primary text-xl mr-2 tuc-2ea177b2-c74132-0"></i>
              <span>微信:15555888744</span>
            </div>
          </div>
          <a href="#" class="tuc-2ea177b2-c74132-0 inline-block mt-8 bg-primary hover:bg-secondary text-white px-8 py-3 rounded-lg transition-colors tuc-2ea177b2-c74132-0">
            联系我们获取定制方案
          </a>
        </div>
      </div>
    </section>


    <section id="cases" class="tuc-2ea177b2-c74132-0 py-20 px-6 md:px-12 bg-white tuc-2ea177b2-c74132-0">
      <div class="tuc-2ea177b2-c74132-0 container mx-auto max-w-6xl tuc-2ea177b2-c74132-0">
        <div class="tuc-2ea177b2-c74132-0 text-center mb-16 tuc-2ea177b2-c74132-0">
          <h2 class="tuc-2ea177b2-c74132-0 text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-dark mb-4 tuc-2ea177b2-c74132-0">我们的客户</h2>
          <p class="tuc-2ea177b2-c74132-0 text-gray-600 max-w-3xl mx-auto text-lg tuc-2ea177b2-c74132-0">超过5000家企业选择我们的CDN服务,覆盖多个行业领域</p>
        </div>
        
        <div class="tuc-2ea177b2-c74132-0 grid grid-cols-2 md:grid-cols-4 gap-8 tuc-2ea177b2-c74132-0">
          <a href="https://zy.nuoyo.cn/" target="_blank" rel="noopener noreferrer" class="tuc-2ea177b2-c74132-0 block bg-light p-6 rounded-lg flex items-center justify-center hover:shadow-md transition-shadow tuc-2ea177b2-c74132-0">
            <img src="https://zy.nuoyo.cn/template/wekei_pic_04/images/logo.jpg" alt="客户logo" class="tuc-2ea177b2-c74132-0 h-12 opacity-70 hover:opacity-100 transition-opacity tuc-2ea177b2-c74132-0">
          </a>
          <a href="https://zy.nuoyo.cn/" target="_blank" rel="noopener noreferrer" class="tuc-2ea177b2-c74132-0 block bg-light p-6 rounded-lg flex items-center justify-center hover:shadow-md transition-shadow tuc-2ea177b2-c74132-0">
            <img src="https://zy.nuoyo.cn/template/wekei_pic_04/images/logo.jpg" alt="客户logo" class="tuc-2ea177b2-c74132-0 h-12 opacity-70 hover:opacity-100 transition-opacity tuc-2ea177b2-c74132-0">
          </a>
          <a href="https://zy.nuoyo.cn/" target="_blank" rel="noopener noreferrer" class="tuc-2ea177b2-c74132-0 block bg-light p-6 rounded-lg flex items-center justify-center hover:shadow-md transition-shadow tuc-2ea177b2-c74132-0">
            <img src="https://zy.nuoyo.cn/template/wekei_pic_04/images/logo.jpg" alt="客户logo" class="tuc-2ea177b2-c74132-0 h-12 opacity-70 hover:opacity-100 transition-opacity tuc-2ea177b2-c74132-0">
          </a>
          <a href="https://zy.nuoyo.cn/" target="_blank" rel="noopener noreferrer" class="tuc-2ea177b2-c74132-0 block bg-light p-6 rounded-lg flex items-center justify-center hover:shadow-md transition-shadow tuc-2ea177b2-c74132-0">
            <img src="https://zy.nuoyo.cn/template/wekei_pic_04/images/logo.jpg" alt="客户logo" class="tuc-2ea177b2-c74132-0 h-12 opacity-70 hover:opacity-100 transition-opacity tuc-2ea177b2-c74132-0">
          </a>
          <a href="https://zy.nuoyo.cn/" target="_blank" rel="noopener noreferrer" class="tuc-2ea177b2-c74132-0 block bg-light p-6 rounded-lg flex items-center justify-center hover:shadow-md transition-shadow tuc-2ea177b2-c74132-0">
            <img src="https://zy.nuoyo.cn/template/wekei_pic_04/images/logo.jpg" alt="客户logo" class="tuc-2ea177b2-c74132-0 h-12 opacity-70 hover:opacity-100 transition-opacity tuc-2ea177b2-c74132-0">
          </a>
          <a href="https://zy.nuoyo.cn/" target="_blank" rel="noopener noreferrer" class="tuc-2ea177b2-c74132-0 block bg-light p-6 rounded-lg flex items-center justify-center hover:shadow-md transition-shadow tuc-2ea177b2-c74132-0">
            <img src="https://zy.nuoyo.cn/template/wekei_pic_04/images/logo.jpg" alt="客户logo" class="tuc-2ea177b2-c74132-0 h-12 opacity-70 hover:opacity-100 transition-opacity tuc-2ea177b2-c74132-0">
          </a>
          <a href="https://zy.nuoyo.cn/" target="_blank" rel="noopener noreferrer" class="tuc-2ea177b2-c74132-0 block bg-light p-6 rounded-lg flex items-center justify-center hover:shadow-md transition-shadow tuc-2ea177b2-c74132-0">
            <img src="https://zy.nuoyo.cn/template/wekei_pic_04/images/logo.jpg" alt="客户logo" class="tuc-2ea177b2-c74132-0 h-12 opacity-70 hover:opacity-100 transition-opacity tuc-2ea177b2-c74132-0">
          </a>
          <a href="https://zy.nuoyo.cn/" target="_blank" rel="noopener noreferrer" class="tuc-2ea177b2-c74132-0 block bg-light p-6 rounded-lg flex items-center justify-center hover:shadow-md transition-shadow tuc-2ea177b2-c74132-0">
            <img src="https://zy.nuoyo.cn/template/wekei_pic_04/images/logo.jpg" alt="客户logo" class="tuc-2ea177b2-c74132-0 h-12 opacity-70 hover:opacity-100 transition-opacity tuc-2ea177b2-c74132-0">
          </a>
        </div>
        
        <div class="tuc-2ea177b2-c74132-0 mt-16 tuc-2ea177b2-c74132-0">
          <h3 class="tuc-2ea177b2-c74132-0 text-2xl font-bold text-center mb-10 tuc-2ea177b2-c74132-0">客户评价</h3>
          <div class="tuc-2ea177b2-c74132-0 grid md:grid-cols-2 gap-8 tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 bg-light p-8 rounded-xl shadow-sm tuc-2ea177b2-c74132-0">
              <div class="tuc-2ea177b2-c74132-0 flex items-center mb-6 tuc-2ea177b2-c74132-0">
                <img src="https://92wuyou.cn/100.jpg" alt="用户头像1" class="tuc-2ea177b2-c74132-0 w-14 h-14 rounded-full mr-4 tuc-2ea177b2-c74132-0">
                <div>
                  <h4 class="tuc-2ea177b2-c74132-0 font-bold tuc-2ea177b2-c74132-0">张总 - 某电商平台</h4>
                  <p class="tuc-2ea177b2-c74132-0 text-gray-600 text-sm tuc-2ea177b2-c74132-0">技术总监</p>
                </div>
              </div>
              <p class="tuc-2ea177b2-c74132-0 text-gray-700 tuc-2ea177b2-c74132-0">
                "使用将盾CDN后,我们网站的加载速度提升了70%,同时防御了多次大规模DDoS攻击,保障了业务的稳定运行。特别是URL级CC防御功能,在拦截恶意流量的同时,最大程度减少了对正常用户的影响。"
              </p>
            </div>
            <div class="tuc-2ea177b2-c74132-0 bg-light p-8 rounded-xl shadow-sm tuc-2ea177b2-c74132-0">
              <div class="tuc-2ea177b2-c74132-0 flex items-center mb-6 tuc-2ea177b2-c74132-0">
                <img src="https://92wuyou.cn/100.jpg" alt="用户头像2" class="tuc-2ea177b2-c74132-0 w-14 h-14 rounded-full mr-4 tuc-2ea177b2-c74132-0">
                <div>
                  <h4 class="tuc-2ea177b2-c74132-0 font-bold tuc-2ea177b2-c74132-0">李经理 - 某游戏公司</h4>
                  <p class="tuc-2ea177b2-c74132-0 text-gray-600 text-sm tuc-2ea177b2-c74132-0">运维经理</p>
                </div>
              </div>
              <p class="tuc-2ea177b2-c74132-0 text-gray-700 tuc-2ea177b2-c74132-0">
                "作为游戏公司,我们对网络延迟和稳定性要求极高。将盾CDN的全球节点布局和智能调度系统,帮助我们显著提升了全球玩家的游戏体验,同时其安全防护功能也为我们的游戏平台提供了全方位的保护。"
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section id="partners" class="tuc-2ea177b2-c74132-0 py-20 px-6 md:px-12 bg-light tuc-2ea177b2-c74132-0">
      <div class="tuc-2ea177b2-c74132-0 container mx-auto max-w-6xl tuc-2ea177b2-c74132-0">
        <div class="tuc-2ea177b2-c74132-0 text-center mb-16 tuc-2ea177b2-c74132-0">
          <h2 class="tuc-2ea177b2-c74132-0 text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-dark mb-4 tuc-2ea177b2-c74132-0">合作伙伴</h2>
          <p class="tuc-2ea177b2-c74132-0 text-gray-600 max-w-3xl mx-auto text-lg tuc-2ea177b2-c74132-0">我们与行业领先的企业建立了紧密合作关系,共同为客户提供优质服务</p>
        </div>
        
        <div class="tuc-2ea177b2-c74132-0 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-8 tuc-2ea177b2-c74132-0">
          <a href="https://quidc.com/" target="_blank" rel="noopener noreferrer" class="tuc-2ea177b2-c74132-0 block bg-white p-6 rounded-lg flex items-center justify-center hover:shadow-md transition-shadow tuc-2ea177b2-c74132-0">
            <img src="https://zy.nuoyo.cn/data/attachment/common/cf/225623d4g88tt696z14814.jpg" alt="合作伙伴logo" class="tuc-2ea177b2-c74132-0 max-h-8 opacity-70 hover:opacity-100 transition-opacity tuc-2ea177b2-c74132-0">
          </a>
          <a href="https://quidc.com/" target="_blank" rel="noopener noreferrer" class="tuc-2ea177b2-c74132-0 block bg-white p-6 rounded-lg flex items-center justify-center hover:shadow-md transition-shadow tuc-2ea177b2-c74132-0">
            <img src="https://zy.nuoyo.cn/data/attachment/common/cf/225623d4g88tt696z14814.jpg" alt="合作伙伴logo" class="tuc-2ea177b2-c74132-0 max-h-8 opacity-70 hover:opacity-100 transition-opacity tuc-2ea177b2-c74132-0">
          </a>
          <a href="https://quidc.com/" target="_blank" rel="noopener noreferrer" class="tuc-2ea177b2-c74132-0 block bg-white p-6 rounded-lg flex items-center justify-center hover:shadow-md transition-shadow tuc-2ea177b2-c74132-0">
            <img src="https://zy.nuoyo.cn/data/attachment/common/cf/225623d4g88tt696z14814.jpg" alt="合作伙伴logo" class="tuc-2ea177b2-c74132-0 max-h-8 opacity-70 hover:opacity-100 transition-opacity tuc-2ea177b2-c74132-0">
          </a>
          <a href="https://zy.nuoyo.cn/" target="_blank" rel="noopener noreferrer" class="tuc-2ea177b2-c74132-0 block bg-white p-6 rounded-lg flex items-center justify-center hover:shadow-md transition-shadow tuc-2ea177b2-c74132-0">
            <img src="https://zy.nuoyo.cn/template/wekei_pic_04/images/logo.jpg" alt="合作伙伴logo" class="tuc-2ea177b2-c74132-0 max-h-8 opacity-70 hover:opacity-100 transition-opacity tuc-2ea177b2-c74132-0">
          </a>
          <a href="https://zy.nuoyo.cn/" target="_blank" rel="noopener noreferrer" class="tuc-2ea177b2-c74132-0 block bg-white p-6 rounded-lg flex items-center justify-center hover:shadow-md transition-shadow tuc-2ea177b2-c74132-0">
            <img src="https://zy.nuoyo.cn/template/wekei_pic_04/images/logo.jpg" alt="合作伙伴logo" class="tuc-2ea177b2-c74132-0 max-h-8 opacity-70 hover:opacity-100 transition-opacity tuc-2ea177b2-c74132-0">
          </a>
          <a href="https://zy.nuoyo.cn/" target="_blank" rel="noopener noreferrer" class="tuc-2ea177b2-c74132-0 block bg-white p-6 rounded-lg flex items-center justify-center hover:shadow-md transition-shadow tuc-2ea177b2-c74132-0">
            <img src="https://zy.nuoyo.cn/template/wekei_pic_04/images/logo.jpg" alt="合作伙伴logo" class="tuc-2ea177b2-c74132-0 max-h-8 opacity-70 hover:opacity-100 transition-opacity tuc-2ea177b2-c74132-0">
          </a>
        </div>
        
        <div class="tuc-2ea177b2-c74132-0 mt-12 text-center tuc-2ea177b2-c74132-0">
          <a href="#" class="tuc-2ea177b2-c74132-0 inline-block border-2 border-primary text-primary hover:bg-primary hover:text-white px-8 py-3 rounded-lg font-medium transition-colors tuc-2ea177b2-c74132-0">
            成为合作伙伴
          </a>
        </div>
      </div>
    </section>

    <section id="demo" class="tuc-2ea177b2-c74132-0 py-20 px-6 md:px-12 bg-white tuc-2ea177b2-c74132-0">
      <div class="tuc-2ea177b2-c74132-0 container mx-auto max-w-6xl tuc-2ea177b2-c74132-0">
        <div class="tuc-2ea177b2-c74132-0 text-center mb-16 tuc-2ea177b2-c74132-0">
          <h2 class="tuc-2ea177b2-c74132-0 text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-dark mb-4 tuc-2ea177b2-c74132-0">实时防护演示</h2>
          <p class="tuc-2ea177b2-c74132-0 text-gray-600 max-w-3xl mx-auto text-lg tuc-2ea177b2-c74132-0">体验我们的CDN服务如何实时保护您的网站免受各类攻击</p>
        </div>
        
        <div class="tuc-2ea177b2-c74132-0 bg-white rounded-xl shadow-lg overflow-hidden tuc-2ea177b2-c74132-0">
          <div class="tuc-2ea177b2-c74132-0 bg-dark text-white p-4 flex justify-between items-center tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 flex space-x-2 tuc-2ea177b2-c74132-0">
              <div class="tuc-2ea177b2-c74132-0 w-3 h-3 rounded-full bg-red-500 tuc-2ea177b2-c74132-0"></div>
              <div class="tuc-2ea177b2-c74132-0 w-3 h-3 rounded-full bg-yellow-500 tuc-2ea177b2-c74132-0"></div>
              <div class="tuc-2ea177b2-c74132-0 w-3 h-3 rounded-full bg-green-500 tuc-2ea177b2-c74132-0"></div>
            </div>
            <h3 class="tuc-2ea177b2-c74132-0 font-medium tuc-2ea177b2-c74132-0">实时攻击防护监控</h3>
            <div class="tuc-2ea177b2-c74132-0 flex space-x-2 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-minus tuc-2ea177b2-c74132-0"></i>
              <i class="tuc-2ea177b2-c74132-0 fa fa-window-maximize tuc-2ea177b2-c74132-0"></i>
              <i class="tuc-2ea177b2-c74132-0 fa fa-times tuc-2ea177b2-c74132-0"></i>
            </div>
          </div>
          <div class="tuc-2ea177b2-c74132-0 p-8 tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 grid md:grid-cols-2 gap-8 tuc-2ea177b2-c74132-0">
              <div>
                <h4 class="tuc-2ea177b2-c74132-0 font-bold text-lg mb-4 tuc-2ea177b2-c74132-0">实时攻击数据</h4>
                <div class="tuc-2ea177b2-c74132-0 bg-gray-50 p-4 rounded-lg h-64 tuc-2ea177b2-c74132-0">
                  <canvas id="attackChart"></canvas>
                </div>
                <div class="tuc-2ea177b2-c74132-0 mt-6 tuc-2ea177b2-c74132-0">
                  <div class="tuc-2ea177b2-c74132-0 flex justify-between items-center mb-2 tuc-2ea177b2-c74132-0">
                    <span class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">当前防御状态</span>
                    <span class="tuc-2ea177b2-c74132-0 text-success font-bold tuc-2ea177b2-c74132-0">正常运行中</span>
                  </div>
                  <div class="tuc-2ea177b2-c74132-0 flex justify-between items-center mb-2 tuc-2ea177b2-c74132-0">
                    <span class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">今日拦截攻击次数</span>
                    <span class="tuc-2ea177b2-c74132-0 text-danger font-bold tuc-2ea177b2-c74132-0" id="demo-attack-count">12,543</span>
                  </div>
                  <div class="tuc-2ea177b2-c74132-0 flex justify-between items-center tuc-2ea177b2-c74132-0">
                    <span class="tuc-2ea177b2-c74132-0 text-gray-600 tuc-2ea177b2-c74132-0">防护成功率</span>
                    <span class="tuc-2ea177b2-c74132-0 text-success font-bold tuc-2ea177b2-c74132-0">99.99%</span>
                  </div>
                </div>
              </div>
              <div>
                <h4 class="tuc-2ea177b2-c74132-0 font-bold text-lg mb-4 tuc-2ea177b2-c74132-0">最新攻击通知</h4>
                <div class="tuc-2ea177b2-c74132-0 space-y-4 tuc-2ea177b2-c74132-0">
                  <div class="tuc-2ea177b2-c74132-0 bg-danger/10 border-l-4 border-danger p-4 rounded-r-lg tuc-2ea177b2-c74132-0">
                    <div class="tuc-2ea177b2-c74132-0 flex justify-between tuc-2ea177b2-c74132-0">
                      <h5 class="tuc-2ea177b2-c74132-0 font-bold tuc-2ea177b2-c74132-0">CC攻击拦截</h5>
                      <span class="tuc-2ea177b2-c74132-0 text-xs text-gray-600 tuc-2ea177b2-c74132-0">2分钟前</span>
                    </div>
                    <p class="tuc-2ea177b2-c74132-0 text-sm text-gray-700 mt-2 tuc-2ea177b2-c74132-0">
                      检测到针对 <span class="tuc-2ea177b2-c74132-0 font-medium tuc-2ea177b2-c74132-0">https://zy.nuoyo.cn/</span> 的CC攻击,已自动启动防护机制,拦截了来自 192.168.1.101 的恶意请求。
                    </p>
                  </div>
                  <div class="tuc-2ea177b2-c74132-0 bg-danger/10 border-l-4 border-danger p-4 rounded-r-lg tuc-2ea177b2-c74132-0">
                    <div class="tuc-2ea177b2-c74132-0 flex justify-between tuc-2ea177b2-c74132-0">
                      <h5 class="tuc-2ea177b2-c74132-0 font-bold tuc-2ea177b2-c74132-0">DDoS攻击拦截</h5>
                      <span class="tuc-2ea177b2-c74132-0 text-xs text-gray-600 tuc-2ea177b2-c74132-0">15分钟前</span>
                    </div>
                    <p class="tuc-2ea177b2-c74132-0 text-sm text-gray-700 mt-2 tuc-2ea177b2-c74132-0">
                      检测到针对 <span class="tuc-2ea177b2-c74132-0 font-medium tuc-2ea177b2-c74132-0">https://zy.nuoyo.cn/</span> 的SYN Flood攻击,峰值流量达 500Mbps,已自动切换至高防节点,确保服务正常运行。
                    </p>
                  </div>
                  <div class="tuc-2ea177b2-c74132-0 bg-warning/10 border-l-4 border-warning p-4 rounded-r-lg tuc-2ea177b2-c74132-0">
                    <div class="tuc-2ea177b2-c74132-0 flex justify-between tuc-2ea177b2-c74132-0">
                      <h5 class="tuc-2ea177b2-c74132-0 font-bold tuc-2ea177b2-c74132-0">可疑流量监控</h5>
                      <span class="tuc-2ea177b2-c74132-0 text-xs text-gray-600 tuc-2ea177b2-c74132-0">30分钟前</span>
                    </div>
                    <p class="tuc-2ea177b2-c74132-0 text-sm text-gray-700 mt-2 tuc-2ea177b2-c74132-0">
                      检测到来自 <span class="tuc-2ea177b2-c74132-0 font-medium tuc-2ea177b2-c74132-0">192.168.1.200</span> 的异常流量模式,已启动智能分析,目前未触发防护机制。
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section id="docs" class="tuc-2ea177b2-c74132-0 py-20 px-6 md:px-12 bg-white tuc-2ea177b2-c74132-0">
      <div class="tuc-2ea177b2-c74132-0 container mx-auto max-w-6xl tuc-2ea177b2-c74132-0">
        <div class="tuc-2ea177b2-c74132-0 text-center mb-16 tuc-2ea177b2-c74132-0">
          <h2 class="tuc-2ea177b2-c74132-0 text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-dark mb-4 tuc-2ea177b2-c74132-0">文档中心</h2>
          <p class="tuc-2ea177b2-c74132-0 text-gray-600 max-w-3xl mx-auto text-lg tuc-2ea177b2-c74132-0">详细的使用文档和技术指南,帮助您快速上手和深入了解我们的CDN服务</p>
        </div>
        
        <div class="tuc-2ea177b2-c74132-0 grid md:grid-cols-3 gap-8 tuc-2ea177b2-c74132-0">
          <div class="tuc-2ea177b2-c74132-0 bg-light rounded-xl p-8 card-hover tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 text-primary text-4xl mb-6 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-book tuc-2ea177b2-c74132-0"></i>
            </div>
            <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">快速入门</h3>
            <p class="tuc-2ea177b2-c74132-0 text-gray-600 mb-4 tuc-2ea177b2-c74132-0">
              了解如何快速接入将盾CDN,完成基本配置,开始享受内容加速和安全防护服务。
            </p>
            <ul class="tuc-2ea177b2-c74132-0 space-y-2 text-gray-600 mb-6 tuc-2ea177b2-c74132-0">
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-angle-right text-primary mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>注册与实名认证</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-angle-right text-primary mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>添加域名与配置</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-angle-right text-primary mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>DNS配置指南</span>
              </li>
            </ul>
            <a href="#" class="tuc-2ea177b2-c74132-0 text-primary hover:text-secondary inline-flex items-center tuc-2ea177b2-c74132-0">
              查看文档 <i class="tuc-2ea177b2-c74132-0 fa fa-arrow-right ml-2 tuc-2ea177b2-c74132-0"></i>
            </a>
          </div>
          
          <div class="tuc-2ea177b2-c74132-0 bg-light rounded-xl p-8 card-hover tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 text-primary text-4xl mb-6 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-cogs tuc-2ea177b2-c74132-0"></i>
            </div>
            <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">API文档</h3>
            <p class="tuc-2ea177b2-c74132-0 text-gray-600 mb-4 tuc-2ea177b2-c74132-0">
              通过API接口实现自动化管理,包括域名配置、缓存刷新、统计数据获取等功能。
            </p>
            <ul class="tuc-2ea177b2-c74132-0 space-y-2 text-gray-600 mb-6 tuc-2ea177b2-c74132-0">
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-angle-right text-primary mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>API认证与授权</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-angle-right text-primary mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>域名管理API</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-angle-right text-primary mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>缓存管理API</span>
              </li>
            </ul>
            <a href="#" class="tuc-2ea177b2-c74132-0 text-primary hover:text-secondary inline-flex items-center tuc-2ea177b2-c74132-0">
              查看文档 <i class="tuc-2ea177b2-c74132-0 fa fa-arrow-right ml-2 tuc-2ea177b2-c74132-0"></i>
            </a>
          </div>
          
          <div class="tuc-2ea177b2-c74132-0 bg-light rounded-xl p-8 card-hover tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 text-primary text-4xl mb-6 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-question-circle tuc-2ea177b2-c74132-0"></i>
            </div>
            <h3 class="tuc-2ea177b2-c74132-0 text-xl font-bold mb-3 tuc-2ea177b2-c74132-0">常见问题</h3>
            <p class="tuc-2ea177b2-c74132-0 text-gray-600 mb-4 tuc-2ea177b2-c74132-0">
              收集用户常见问题及解答,帮助您快速解决使用过程中遇到的问题和困惑。
            </p>
            <ul class="tuc-2ea177b2-c74132-0 space-y-2 text-gray-600 mb-6 tuc-2ea177b2-c74132-0">
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-angle-right text-primary mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>接入与配置问题</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-angle-right text-primary mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>性能优化问题</span>
              </li>
              <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
                <i class="tuc-2ea177b2-c74132-0 fa fa-angle-right text-primary mr-2 tuc-2ea177b2-c74132-0"></i>
                <span>安全防护问题</span>
              </li>
            </ul>
            <a href="#" class="tuc-2ea177b2-c74132-0 text-primary hover:text-secondary inline-flex items-center tuc-2ea177b2-c74132-0">
              查看文档 <i class="tuc-2ea177b2-c74132-0 fa fa-arrow-right ml-2 tuc-2ea177b2-c74132-0"></i>
            </a>
          </div>
        </div>
      </div>
    </section>

    <section class="tuc-2ea177b2-c74132-0 py-20 px-6 md:px-12 bg-gradient-blue text-white tuc-2ea177b2-c74132-0">
      <div class="tuc-2ea177b2-c74132-0 container mx-auto max-w-6xl text-center tuc-2ea177b2-c74132-0">
        <h2 class="tuc-2ea177b2-c74132-0 text-[clamp(1.8rem,4vw,2.5rem)] font-bold mb-6 tuc-2ea177b2-c74132-0">开始使用将盾安全CDN服务</h2>
        <p class="tuc-2ea177b2-c74132-0 text-lg opacity-90 max-w-3xl mx-auto mb-10 tuc-2ea177b2-c74132-0">
          立即注册,享受7天免费试用,体验全球领先的CDN加速与安全防护服务
        </p>
        <div class="tuc-2ea177b2-c74132-0 flex flex-wrap justify-center gap-4 tuc-2ea177b2-c74132-0">
          <a href="#" class="tuc-2ea177b2-c74132-0 bg-white text-primary hover:bg-gray-100 px-8 py-3 rounded-lg font-medium transition-colors tuc-2ea177b2-c74132-0">
            免费注册
          </a>
          <a href="#" class="tuc-2ea177b2-c74132-0 bg-transparent border-2 border-white text-white hover:bg-white/10 px-8 py-3 rounded-lg font-medium transition-colors tuc-2ea177b2-c74132-0">
            联系销售
          </a>
        </div>
      </div>
    </section>
  </main>

  <div class="tuc-2ea177b2-c74132-0 fixed right-6 bottom-6 z-40 tuc-2ea177b2-c74132-0">
    <div class="tuc-2ea177b2-c74132-0 bg-white rounded-xl shadow-lg overflow-hidden w-72 tuc-2ea177b2-c74132-0">
      <div class="tuc-2ea177b2-c74132-0 bg-primary text-white p-4 flex justify-between items-center cursor-pointer tuc-2ea177b2-c74132-0" id="sidebar-toggle">
        <h3 class="tuc-2ea177b2-c74132-0 font-bold tuc-2ea177b2-c74132-0">在线客服</h3>
        <i class="tuc-2ea177b2-c74132-0 fa fa-chevron-down tuc-2ea177b2-c74132-0"></i>
      </div>
      <div class="tuc-2ea177b2-c74132-0 p-4 tuc-2ea177b2-c74132-0" id="sidebar-content">
        <div class="tuc-2ea177b2-c74132-0 space-y-4 tuc-2ea177b2-c74132-0">
          <div class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary mr-3 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-phone tuc-2ea177b2-c74132-0"></i>
            </div>
            <div>
              <p class="tuc-2ea177b2-c74132-0 text-sm text-gray-600 tuc-2ea177b2-c74132-0">客服电话</p>
              <p class="tuc-2ea177b2-c74132-0 font-medium tuc-2ea177b2-c74132-0">086-15555-888-744</p>
            </div>
          </div>
          <div class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary mr-3 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-envelope tuc-2ea177b2-c74132-0"></i>
            </div>
            <div>
              <p class="tuc-2ea177b2-c74132-0 text-sm text-gray-600 tuc-2ea177b2-c74132-0">邮箱</p>
              <p class="tuc-2ea177b2-c74132-0 font-medium tuc-2ea177b2-c74132-0">15555888744@163.com</p>
            </div>
          </div>
          <div class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary mr-3 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-weixin tuc-2ea177b2-c74132-0"></i>
            </div>
            <div>
              <p class="tuc-2ea177b2-c74132-0 text-sm text-gray-600 tuc-2ea177b2-c74132-0">微信</p>
              <p class="tuc-2ea177b2-c74132-0 font-medium tuc-2ea177b2-c74132-0">15555888744</p>
            </div>
          </div>
          <div class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
            <div class="tuc-2ea177b2-c74132-0 w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary mr-3 tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-calendar tuc-2ea177b2-c74132-0"></i>
            </div>
            <div>
              <p class="tuc-2ea177b2-c74132-0 text-sm text-gray-600 tuc-2ea177b2-c74132-0">最新活动</p>
              <p class="tuc-2ea177b2-c74132-0 font-medium text-primary tuc-2ea177b2-c74132-0">新用户立减50元</p>
            </div>
          </div>
        </div>
        <div class="tuc-2ea177b2-c74132-0 mt-6 tuc-2ea177b2-c74132-0">
          <p class="tuc-2ea177b2-c74132-0 text-sm text-gray-600 mb-3 tuc-2ea177b2-c74132-0">工作时间</p>
          <p class="tuc-2ea177b2-c74132-0 text-sm tuc-2ea177b2-c74132-0">24小时服务,7×24小时技术支持</p>
        </div>
        <div class="tuc-2ea177b2-c74132-0 mt-6 pt-4 border-t border-gray-100 tuc-2ea177b2-c74132-0">
          <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=QOl7E7tWEoxW0GlTnc4EmkYe4rqc72ci&authKey=fxuPD1j%2FNXfD4OeiP7yBO%2F8PqME0pwiBBY3XV%2BDgbFXZXU4P8hdwsXX4E16a6HX8&noverify=0&group_code=805881393" class="tuc-2ea177b2-c74132-0 block w-full bg-primary hover:bg-secondary text-white text-center py-2 rounded-lg transition-colors tuc-2ea177b2-c74132-0">
            在线咨询
          </a>
        </div>
      </div>
    </div>
    
    <a href="#" class="tuc-2ea177b2-c74132-0 fixed right-6 bottom-6 md:bottom-96 bg-primary hover:bg-secondary text-white w-12 h-12 rounded-full flex items-center justify-center shadow-lg transition-all z-50 tuc-2ea177b2-c74132-0">
      <i class="tuc-2ea177b2-c74132-0 fa fa-arrow-up tuc-2ea177b2-c74132-0"></i>
    </a>
  </div>
  <!-- 本源码由无忧技术吧:zy.nuoyo.cn 免费赞助 希望大家使用或者转发的时候留个版权给我谢谢! -->
  <footer class="tuc-2ea177b2-c74132-0 bg-dark text-white pt-16 pb-8 px-6 md:px-12 tuc-2ea177b2-c74132-0">
    <div class="tuc-2ea177b2-c74132-0 container mx-auto max-w-6xl tuc-2ea177b2-c74132-0">
      <div class="tuc-2ea177b2-c74132-0 grid md:grid-cols-4 gap-8 mb-12 tuc-2ea177b2-c74132-0">
        <div>
          <div class="tuc-2ea177b2-c74132-0 flex items-center space-x-2 mb-6 tuc-2ea177b2-c74132-0">
            <i class="tuc-2ea177b2-c74132-0 fa fa-shield text-primary text-2xl tuc-2ea177b2-c74132-0"></i>
            <span class="tuc-2ea177b2-c74132-0 text-xl font-bold tuc-2ea177b2-c74132-0">将盾安全CDN</span>
          </div>
          <p class="tuc-2ea177b2-c74132-0 text-gray-400 mb-6 tuc-2ea177b2-c74132-0">
            专业的内容分发网络服务商,提供高速稳定的内容加速和全方位的网络安全防护。
          </p>
          <div class="tuc-2ea177b2-c74132-0 flex space-x-4 tuc-2ea177b2-c74132-0">
            <a href="#" class="tuc-2ea177b2-c74132-0 w-10 h-10 rounded-full bg-gray-800 hover:bg-primary flex items-center justify-center transition-colors tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-weibo tuc-2ea177b2-c74132-0"></i>
            </a>
            <a href="#" class="tuc-2ea177b2-c74132-0 w-10 h-10 rounded-full bg-gray-800 hover:bg-primary flex items-center justify-center transition-colors tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-weixin tuc-2ea177b2-c74132-0"></i>
            </a>
            <a href="#" class="tuc-2ea177b2-c74132-0 w-10 h-10 rounded-full bg-gray-800 hover:bg-primary flex items-center justify-center transition-colors tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-github tuc-2ea177b2-c74132-0"></i>
            </a>
          </div>
        </div>
        
        <div>
          <h4 class="tuc-2ea177b2-c74132-0 text-lg font-bold mb-6 tuc-2ea177b2-c74132-0">产品与服务</h4>
          <ul class="tuc-2ea177b2-c74132-0 space-y-3 tuc-2ea177b2-c74132-0">
            <li><a href="#" class="tuc-2ea177b2-c74132-0 text-gray-400 hover:text-white transition-colors tuc-2ea177b2-c74132-0">CDN加速</a></li>
            <li><a href="#" class="tuc-2ea177b2-c74132-0 text-gray-400 hover:text-white transition-colors tuc-2ea177b2-c74132-0">WAF防护</a></li>
            <li><a href="#" class="tuc-2ea177b2-c74132-0 text-gray-400 hover:text-white transition-colors tuc-2ea177b2-c74132-0">DDoS防护</a></li>
            <li><a href="#" class="tuc-2ea177b2-c74132-0 text-gray-400 hover:text-white transition-colors tuc-2ea177b2-c74132-0">网站安全检测</a></li>
            <li><a href="#" class="tuc-2ea177b2-c74132-0 text-gray-400 hover:text-white transition-colors tuc-2ea177b2-c74132-0">API安全防护</a></li>
          </ul>
        </div>
        
        <div>
          <h4 class="tuc-2ea177b2-c74132-0 text-lg font-bold mb-6 tuc-2ea177b2-c74132-0">支持与服务</h4>
          <ul class="tuc-2ea177b2-c74132-0 space-y-3 tuc-2ea177b2-c74132-0">
            <li><a href="#" class="tuc-2ea177b2-c74132-0 text-gray-400 hover:text-white transition-colors tuc-2ea177b2-c74132-0">帮助中心</a></li>
            <li><a href="#" class="tuc-2ea177b2-c74132-0 text-gray-400 hover:text-white transition-colors tuc-2ea177b2-c74132-0">API文档</a></li>
            <li><a href="#" class="tuc-2ea177b2-c74132-0 text-gray-400 hover:text-white transition-colors tuc-2ea177b2-c74132-0">常见问题</a></li>
            <li><a href="#" class="tuc-2ea177b2-c74132-0 text-gray-400 hover:text-white transition-colors tuc-2ea177b2-c74132-0">服务条款</a></li>
            <li><a href="#" class="tuc-2ea177b2-c74132-0 text-gray-400 hover:text-white transition-colors tuc-2ea177b2-c74132-0">隐私政策</a></li>
          </ul>
        </div>
        
        <div>
          <h4 class="tuc-2ea177b2-c74132-0 text-lg font-bold mb-6 tuc-2ea177b2-c74132-0">联系我们</h4>
          <ul class="tuc-2ea177b2-c74132-0 space-y-3 tuc-2ea177b2-c74132-0">
            <li class="tuc-2ea177b2-c74132-0 flex items-start tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-map-marker text-primary mt-1 mr-3 tuc-2ea177b2-c74132-0"></i>
              <span class="tuc-2ea177b2-c74132-0 text-gray-400 tuc-2ea177b2-c74132-0">深圳市南山区粤海街道科技园</span>
            </li>
            <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-phone text-primary mr-3 tuc-2ea177b2-c74132-0"></i>
              <span class="tuc-2ea177b2-c74132-0 text-gray-400 tuc-2ea177b2-c74132-0">15555888744</span>
            </li>
            <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-envelope text-primary mr-3 tuc-2ea177b2-c74132-0"></i>
              <span class="tuc-2ea177b2-c74132-0 text-gray-400 tuc-2ea177b2-c74132-0">15555888744@163.com</span>
            </li>
            <li class="tuc-2ea177b2-c74132-0 flex items-center tuc-2ea177b2-c74132-0">
              <i class="tuc-2ea177b2-c74132-0 fa fa-clock-o text-primary mr-3 tuc-2ea177b2-c74132-0"></i>
              <span class="tuc-2ea177b2-c74132-0 text-gray-400 tuc-2ea177b2-c74132-0">周一至周日 9:00-22:00</span>
            </li>
          </ul>
        </div>
      </div>
      
    <div class="tuc-2ea177b2-c74132-0 border-t border-gray-800 mt-8 pt-8 flex flex-col md:flex-row justify-between items-center tuc-2ea177b2-c74132-0">
      <p class="tuc-2ea177b2-c74132-0 text-gray-500 text-sm tuc-2ea177b2-c74132-0">© 2025 将盾安全CDN 版权所有</p>
      <p class="tuc-2ea177b2-c74132-0 text-gray-500 text-sm mt-2 md:mt-0 tuc-2ea177b2-c74132-0">
        <a href="https://zy.nuoyo.cn" class="tuc-2ea177b2-c74132-0 text-gray-400 hover:text-white transition-colors tuc-2ea177b2-c74132-0">无忧技术吧</a> 原始作者 · 
        <a href="https://jq.qq.com/?_wv=1027&k=5EJdQvA" class="tuc-2ea177b2-c74132-0 text-gray-400 hover:text-white transition-colors tuc-2ea177b2-c74132-0">交流群:805881393</a>
      </p>
        <div class="tuc-2ea177b2-c74132-0 flex space-x-4 tuc-2ea177b2-c74132-0">
          <a href="#" class="tuc-2ea177b2-c74132-0 text-gray-500 hover:text-white text-sm transition-colors tuc-2ea177b2-c74132-0">隐私政策</a>
          <a href="#" class="tuc-2ea177b2-c74132-0 text-gray-500 hover:text-white text-sm transition-colors tuc-2ea177b2-c74132-0">服务条款</a>
          <a href="#" class="tuc-2ea177b2-c74132-0 text-gray-500 hover:text-white text-sm transition-colors tuc-2ea177b2-c74132-0">法律声明</a>
        </div>
      </div>
    </div>
  </footer>

  <script>
    const navbar = document.getElementById('navbar');
    window.addEventListener('scroll', () => {
      if (window.scrollY > 100) {
        navbar.classList.add('bg-white', 'shadow-md');
        navbar.classList.remove('bg-transparent');
      } else {
        navbar.classList.remove('bg-white', 'shadow-md');
        navbar.classList.add('bg-transparent');
      }
    });
    
    const mobileMenuBtn = document.getElementById('mobile-menu-btn');
    const mobileMenu = document.getElementById('mobile-menu');
    mobileMenuBtn.addEventListener('click', () => {
      mobileMenu.classList.toggle('hidden');
    });
 
    const sidebarToggle = document.getElementById('sidebar-toggle');
    const sidebarContent = document.getElementById('sidebar-content');
    sidebarToggle.addEventListener('click', () => {
      sidebarContent.classList.toggle('hidden');
      const icon = sidebarToggle.querySelector('i');
      if (sidebarContent.classList.contains('hidden')) {
        icon.classList.remove('fa-chevron-up');
        icon.classList.add('fa-chevron-down');
      } else {
        icon.classList.remove('fa-chevron-down');
        icon.classList.add('fa-chevron-up');
      }
    });
    
    function animateValue(elementId, start, end, duration) {
      const element = document.getElementById(elementId);
      const range = end - start;
      const minTimer = 50;
      let stepTime = Math.abs(Math.floor(duration / range));
      
      stepTime = Math.max(stepTime, minTimer);
      
      let startTime = new Date().getTime();
      let endTime = startTime + duration;
      let timer;
      
      function run() {
        let now = new Date().getTime();
        let remaining = Math.max((endTime - now) / duration, 0);
        let value = Math.round(end - (remaining * range));
        element.textContent = value.toLocaleString();
        if (value == end) {
          clearInterval(timer);
        }
      }
      
      timer = setInterval(run, stepTime);
      run();
    }

    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          if (entry.target.id === 'attack-count') {
            animateValue('attack-count', 0, 12543, 2000);
            animateValue('cc-attack-count', 0, 6824, 2000);
            animateValue('ddos-attack-count', 0, 5719, 2000);
            animateValue('traffic-count', 0, 127.5, 2000);
            animateValue('request-count', 0, 8500000000, 2000);
            animateValue('demo-attack-count', 0, 12543, 2000);
            animateValue('node-count', 0, 280, 2000);
            observer.unobserve(entry.target);
          }
        }
      });
    }, { threshold: 0.1 });
    
    if (document.getElementById('attack-count')) {
      observer.observe(document.getElementById('attack-count'));
    }

    const ctx = document.getElementById('attackChart');
    if (ctx) {
      new Chart(ctx, {
        type: 'line',
        data: {
          labels: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '现在'],
          datasets: [
            {
              label: 'CC攻击',
              data: [65, 59, 80, 81, 56, 55, 70],
              borderColor: '#FF4D4F',
              backgroundColor: 'rgba(255, 77, 79, 0.1)',
              tension: 0.3,
              fill: true
            },
            {
              label: 'DDoS攻击',
              data: [28, 48, 40, 19, 86, 27, 50],
              borderColor: '#FAAD14',
              backgroundColor: 'rgba(250, 173, 20, 0.1)',
              tension: 0.3,
              fill: true
            }
          ]
        },
        options: {
          responsive: true,
          maintainAspectRatio: false,
          plugins: {
            legend: {
              position: 'top',
            }
          },
          scales: {
            y: {
              beginAtZero: true
            }
          }
        }
      });
    }
    

    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
      anchor.addEventListener('click', function (e) {
        e.preventDefault();
        
        document.querySelector(this.getAttribute('href')).scrollIntoView({
          behavior: 'smooth'
        });
        

        if (!mobileMenu.classList.contains('hidden')) {
          mobileMenu.classList.add('hidden');
        }
      });
    });
  </script>
</body>
</html>
本站资源均为网友推荐收集整理而来,请勿商业运营,仅供学习和研究,请在下载后24小时内删除!!
© 版权声明
THE END
点赞8
评论 抢沙发

请登录后发表评论

    暂无评论内容