/* 全局样式 */
     * {
         margin: 0;
         padding: 0;
         box-sizing: border-box;
         font-family: 'Poppins', 'Arial', sans-serif;
     }

     body {
         line-height: 1.6;
         color: #333;
         background-color: #f8f9fa;
     }

     @import url('static/css/css2.css');

     .container {
         width: 100%;
         max-width: 1200px;
         margin: 0 auto;
         padding: 0 15px;
     }

     /* 头部样式 */
     header {
         background: linear-gradient(135deg, #1a2a6c 0%, #3a7bd5 100%);
         color: white;
         padding: 25px 0;
         text-align: center;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     }

     .logo {
         font-size: 28px;
         font-weight: 700;
         margin-bottom: 10px;
         letter-spacing: 1px;
     }

     .tagline {
         font-size: 18px;
         opacity: 0.9;
         font-weight: 300;
     }

     /* 主要内容区 */
     .hero {
         padding: 80px 0;
         text-align: center;
         background-color: white;
         background-image: radial-gradient(circle at 10% 20%, rgba(58, 123, 213, 0.05) 0%, rgba(255, 255, 255, 1) 90%);
     }

     .hero h1 {
         font-size: 2.8rem;
         margin-bottom: 25px;
         color: #1a2a6c;
         font-weight: 700;
         line-height: 1.2;
     }

     .hero p {
         font-size: 1.25rem;
         max-width: 800px;
         margin: 0 auto 35px;
         color: #555;
     }

     .highlight {
         color: #ff6b6b;
         font-weight: 600;
         position: relative;
         display: inline-block;
     }

     .highlight:after {
         content: '';
         position: absolute;
         bottom: 5px;
         left: 0;
         width: 100%;
         height: 8px;
         background-color: rgba(255, 107, 107, 0.3);
         z-index: -1;
         border-radius: 4px;
     }

     /* 特征部分 */
     .features {
         padding: 80px 0;
         background-color: #f8fafd;
     }

     .section-title {
         text-align: center;
         margin-bottom: 60px;
         color: #1a2a6c;
         font-size: 2.2rem;
         font-weight: 600;
         position: relative;
         display: inline-block;
         left: 50%;
         transform: translateX(-50%);
     }

     .section-title:after {
         content: '';
         position: absolute;
         bottom: -10px;
         left: 0;
         width: 100%;
         height: 4px;
         background: linear-gradient(90deg, #1a2a6c 0%, #3a7bd5 100%);
         border-radius: 2px;
     }

     .feature-grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
         gap: 30px;
     }

     .feature-card {
         background: white;
         padding: 35px 25px;
         border-radius: 12px;
         box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
         text-align: center;
         transition: all 0.3s ease;
         border: 1px solid rgba(0, 0, 0, 0.03);
     }

     .feature-card:hover {
         transform: translateY(-10px);
         box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
     }

     .feature-icon {
         font-size: 50px;
         color: #3a7bd5;
         margin-bottom: 20px;
         background: linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
     }

     .feature-card h3 {
         margin-bottom: 20px;
         color: #1a2a6c;
         font-size: 1.5rem;
         font-weight: 600;
     }

     .feature-card p {
         color: #666;
         font-size: 1rem;
     }

     /* 证明部分 */
     .testimonials {
         padding: 80px 0;
         background-color: white;
     }

     .testimonial-grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
         gap: 30px;
     }

     .testimonial-card {
         background: #f8fafd;
         padding: 30px;
         border-radius: 12px;
         box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
         transition: all 0.3s ease;
         position: relative;
         border: 1px solid rgba(0, 0, 0, 0.03);
     }

     .testimonial-card:before {
         content: '"';
         position: absolute;
         top: 15px;
         left: 20px;
         font-size: 60px;
         color: rgba(58, 123, 213, 0.1);
         font-family: serif;
         line-height: 1;
     }

     .testimonial-card:hover {
         transform: translateY(-5px);
         box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
     }

     .testimonial-text {
         font-style: italic;
         margin-bottom: 20px;
         color: #555;
         font-size: 1rem;
         position: relative;
         z-index: 1;
     }

     .testimonial-author {
         font-weight: 600;
         color: #3a7bd5;
         font-size: 1rem;
     }

     /* CTA部分 */
     .cta {
         padding: 100px 0;
         text-align: center;
         background: linear-gradient(135deg, #1a2a6c 0%, #3a7bd5 100%);
         color: white;
         position: relative;
         overflow: hidden;
     }

     .cta:before {
         content: '';
         position: absolute;
         top: -50px;
         right: -50px;
         width: 200px;
         height: 200px;
         background: rgba(255, 255, 255, 0.1);
         border-radius: 50%;
     }

     .cta:after {
         content: '';
         position: absolute;
         bottom: -80px;
         left: -80px;
         width: 300px;
         height: 300px;
         background: rgba(255, 255, 255, 0.1);
         border-radius: 50%;
     }

     .cta h2 {
         font-size: 2.5rem;
         margin-bottom: 25px;
         font-weight: 600;
         position: relative;
         z-index: 1;
     }

     .cta p {
         font-size: 1.25rem;
         max-width: 700px;
         margin: 0 auto 40px;
         opacity: 0.9;
         position: relative;
         z-index: 1;
     }

     /* 居中悬浮WhatsApp按钮 */
     .whatsapp-float-container {
         position: fixed;
         bottom: 30px;
         left: 0;
         right: 0;
         display: flex;
         justify-content: center;
         z-index: 100;
         pointer-events: none;
     }

     .whatsapp-float {
         background-color: #25D366;
         color: white;
         padding: 15px 30px;
         border-radius: 50px;
         text-align: center;
         font-size: 18px;
         box-shadow: 0 10px 30px rgba(37, 211, 102, 0.3);
         z-index: 100;
         display: flex;
         align-items: center;
         justify-content: center;
         text-decoration: none;
         transition: all 0.3s;
         pointer-events: auto;
     }

     .whatsapp-float:hover {
         background-color: #128C7E;
         transform: translateY(-3px);
         box-shadow: 0 15px 35px rgba(37, 211, 102, 0.4);
     }

     .whatsapp-float i {
         margin-right: 10px;
         font-size: 24px;
     }

     /* 页脚 */
     footer {
         background-color: #0f172a;
         color: #94a3b8;
         padding: 50px 0 30px;
         text-align: center;
     }

     footer p {
         margin-bottom: 15px;
     }

     .footer-logo {
         font-size: 24px;
         font-weight: 700;
         color: white;
         margin-bottom: 20px;
         letter-spacing: 1px;
     }

     .disclaimer {
         font-size: 0.85rem;
         max-width: 800px;
         margin: 30px auto;
         color: #64748b;
         line-height: 1.7;
     }

     .footer-links {
         display: flex;
         justify-content: center;
         gap: 30px;
         margin-bottom: 30px;
     }

     .footer-links a {
         color: #94a3b8;
         text-decoration: none;
         transition: color 0.3s;
     }

     .footer-links a:hover {
         color: white;
     }

     .copyright {
         font-size: 0.8rem;
         color: #64748b;
         margin-top: 30px;
     }

     /* 响应式调整 */
     @media (max-width: 992px) {
         .hero h1 {
             font-size: 2.4rem;
         }

         .section-title {
             font-size: 2rem;
         }
     }

     @media (max-width: 768px) {
         .hero {
             padding: 60px 0;
         }

         .hero h1 {
             font-size: 2rem;
         }

         .hero p,
         .cta p {
             font-size: 1.1rem;
         }

         .features,
         .testimonials,
         .cta {
             padding: 60px 0;
         }

         .section-title {
             font-size: 1.8rem;
             margin-bottom: 40px;
         }

         .feature-card,
         .testimonial-card {
             padding: 25px 20px;
         }

         .whatsapp-float {
             padding: 12px 25px;
             font-size: 16px;
         }

         .whatsapp-float i {
             font-size: 20px;
         }
     }

     @media (max-width: 576px) {
         .hero h1 {
             font-size: 1.8rem;
         }

         .section-title {
             font-size: 1.6rem;
         }

         .footer-links {
             flex-direction: column;
             gap: 15px;
         }

         .whatsapp-float {
             padding: 10px 20px;
             font-size: 14px;
             bottom: 20px;
         }
     }