* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    :root {
      --primary-green: #10b981;
      --emerald-500: #10b981;
      --emerald-600: #059669;
      --emerald-700: #047857;
      --orange-500: #f97316;
      --orange-600: #ea580c;
      --blue-500: #3b82f6;
      --blue-600: #2563eb;
      --gray-50: #f9fafb;
      --gray-100: #f3f4f6;
      --gray-200: #e5e7eb;
      --gray-300: #d1d5db;
      --gray-400: #9ca3af;
      --gray-500: #6b7280;
      --gray-600: #4b5563;
      --gray-700: #374151;
      --gray-800: #1f2937;
      --gray-900: #111827;
      --white: #ffffff;
    }
    
    body {
      font-family: 'Inter', sans-serif;
      background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 50%, #f0f9ff 100%);
      color: var(--gray-800);
      min-height: 100vh;
    }
    
    /* 顶部通知条 */
    .top-notification {
      background: linear-gradient(135deg, var(--orange-500), var(--orange-600));
      color: white;
      text-align: center;
      padding: 12px 20px;
      font-weight: 600;
      font-size: 14px;
      position: relative;
      overflow: hidden;
    }
    
    .top-notification::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
      animation: shimmer 3s infinite;
    }
    
    @keyframes shimmer {
      0% { left: -100%; }
      100% { left: 100%; }
    }
    
    /* 主容器 */
    .main-container {
      max-width: 1400px;
      margin: 0 auto;
      padding: 60px 20px;
      display: grid;
      grid-template-columns: 1fr 400px;
      gap: 60px;
      align-items: start;
    }
    
    /* 左侧主要内容 */
    .main-content {
      padding-right: 40px;
    }
    
    .main-title {
      font-size: clamp(2.5rem, 5vw, 4rem);
      font-weight: 800;
      line-height: 1.1;
      margin-bottom: 20px;
      color: var(--gray-900);
    }
    
    .main-title .highlight {
      background: linear-gradient(135deg, var(--primary-green), var(--emerald-600));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    .subtitle {
      font-size: 1.25rem;
      color: var(--gray-600);
      margin-bottom: 30px;
      font-weight: 500;
    }
    
    /* 特点列表 */
    .features-list {
      list-style: none;
      margin: 30px 0;
    }
    
    .features-list li {
      display: flex;
      align-items: center;
      margin-bottom: 16px;
      font-size: 1.1rem;
      color: var(--gray-700);
    }
    
    .features-list li::before {
      content: '⏱️';
      margin-right: 12px;
      font-size: 1.2rem;
    }
    
    .features-list li:last-child::before {
      content: '🎯';
    }
    
    /* 按钮组 */
    .button-group {
      display: flex;
      gap: 16px;
      margin: 40px 0;
      flex-wrap: wrap;
    }
    
    .btn-primary {
      background: linear-gradient(135deg, var(--primary-green), var(--emerald-600));
      color: white;
      padding: 16px 32px;
      border: none;
      border-radius: 12px;
      font-size: 1rem;
      font-weight: 600;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: all 0.3s ease;
      text-decoration: none;
      box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
    }
    
    .btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 20px rgba(16, 185, 129, 0.4);
    }
    
    .btn-secondary {
      background: transparent;
      color: var(--gray-700);
      padding: 16px 32px;
      border: 2px solid var(--gray-300);
      border-radius: 12px;
      font-size: 1rem;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s ease;
      text-decoration: none;
    }
    
    .btn-secondary:hover {
      border-color: var(--primary-green);
      color: var(--primary-green);
      transform: translateY(-2px);
    }
    
    /* 说明文字 */
    .instruction-text {
      font-size: 0.9rem;
      color: var(--gray-500);
      margin: 20px 0;
    }
    
    /* 标签组 */
    .tags-group {
      display: flex;
      gap: 24px;
      margin-top: 30px;
      flex-wrap: wrap;
    }
    
    .tag {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.9rem;
      color: var(--gray-600);
      font-weight: 500;
    }
    
    .tag i {
      color: var(--primary-green);
      font-size: 1rem;
    }
    
    /* 右侧数据卡片 */
    .stats-card {
      background: white;
      border-radius: 20px;
      padding: 32px;
      box-shadow: 
        0 10px 25px rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(0, 0, 0, 0.05);
      position: sticky;
      top: 20px;
    }
    
    .stats-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 24px;
    }
    
    .stats-title {
      font-size: 1.1rem;
      font-weight: 600;
      color: var(--gray-800);
    }
    
    .live-badge {
      background: var(--primary-green);
      color: white;
      padding: 4px 12px;
      border-radius: 20px;
      font-size: 0.8rem;
      font-weight: 600;
      display: flex;
      align-items: center;
      gap: 4px;
    }
    
    .live-badge::before {
      content: '';
      width: 6px;
      height: 6px;
      background: white;
      border-radius: 50%;
      animation: pulse 2s infinite;
    }
    
    @keyframes pulse {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.5; }
    }
    
    .main-earning {
      font-size: 2.5rem;
      font-weight: 800;
      color: var(--primary-green);
      margin-bottom: 8px;
      font-family: 'Inter', sans-serif;
    }
    
    .earning-subtitle {
      font-size: 0.9rem;
      color: var(--gray-500);
      margin-bottom: 32px;
    }
    
    /* 统计列表 */
    .stats-list {
      list-style: none;
    }
    
    .stats-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 16px 0;
      border-bottom: 1px solid var(--gray-100);
    }
    
    .stats-item:last-child {
      border-bottom: none;
    }
    
    .stats-label {
      font-size: 0.9rem;
      color: var(--gray-600);
      font-weight: 500;
    }
    
    .stats-value {
      font-weight: 700;
      color: var(--gray-800);
    }
    
    .stats-value.highlight {
      color: var(--primary-green);
    }
    
     /* How It Works 区域 */
     .how-it-works {
       max-width: 1400px;
       margin: 80px auto 0;
       padding: 0 20px;
       text-align: center;
     }
     
     .section-title {
       font-size: 2.5rem;
       font-weight: 800;
       color: var(--gray-900);
       margin-bottom: 16px;
     }
     
     .section-subtitle {
       font-size: 1.2rem;
       color: var(--gray-600);
       margin-bottom: 60px;
     }
     
     /* Steps Container */
     .steps-container {
       display: flex;
       justify-content: center;
       align-items: center;
       gap: 20px;
       margin-bottom: 40px;
       flex-wrap: wrap;
     }
     
     /* Step Cards */
     .step-card {
       background: var(--white);
       border-radius: 24px;
       padding: 32px 24px;
       text-align: center;
       width: 280px;
       position: relative;
       box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
       transition: all 0.3s ease;
     }
     
     .step-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
     }
     
     /* Step 1 - Green */
     .step-1 {
       background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
       border: 2px solid #10b981;
     }
     
     .step-1 .step-number {
       background: var(--emerald-600);
       color: white;
     }
     
     /* Step 2 - Teal */
     .step-2 {
       background: linear-gradient(135deg, #ccfbf1 0%, #99f6e4 100%);
       border: 2px solid #14b8a6;
     }
     
     .step-2 .step-number {
       background: #14b8a6;
       color: white;
     }
     
     /* Step 3 - Blue */
     .step-3 {
       background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
       border: 2px solid var(--blue-600);
     }
     
     .step-3 .step-number {
       background: var(--blue-600);
       color: white;
     }
     
     .step-number {
       width: 64px;
       height: 64px;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 1.5rem;
       font-weight: 800;
       margin: 0 auto 20px;
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     }
     
     .step-title {
       font-size: 1.25rem;
       font-weight: 700;
       color: var(--gray-900);
       margin-bottom: 8px;
     }
     
     .step-subtitle {
       font-size: 0.9rem;
       color: var(--gray-600);
       margin-bottom: 12px;
       font-weight: 500;
     }
     
     .step-description {
       color: var(--gray-700);
       line-height: 1.5;
       font-size: 0.95rem;
     }
     
     .step-detail {
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 8px;
       margin-top: 12px;
     }
     
     .step-detail i {
       color: #14b8a6;
       font-size: 1.1rem;
     }
     
     .earning-display {
       margin-top: 12px;
     }
     
     .earning-display .amount {
       display: block;
       font-size: 1.5rem;
       font-weight: 800;
       color: var(--blue-600);
       margin-bottom: 4px;
     }
     
     .earning-display .per-visit {
       font-size: 0.9rem;
       color: var(--gray-600);
     }
     
     /* Step Arrows */
     .step-arrow {
       color: var(--gray-300);
       font-size: 1.5rem;
       display: flex;
       align-items: center;
       justify-content: center;
       flex-shrink: 0;
     }
     
     /* Statistics Banner */
     .stats-banner {
       background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
       border: 2px solid #f59e0b;
       border-radius: 16px;
       padding: 24px;
       margin: 40px auto;
       max-width: 800px;
       display: flex;
       align-items: center;
       gap: 16px;
       box-shadow: 0 4px 16px rgba(245, 158, 11, 0.2);
     }
     
     .stats-icon {
       background: var(--orange-500);
       color: white;
       width: 48px;
       height: 48px;
       border-radius: 12px;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 1.2rem;
       flex-shrink: 0;
     }
     
     .stats-content {
       text-align: left;
       flex: 1;
     }
     
     .stats-main {
       font-size: 1.1rem;
       font-weight: 600;
       color: var(--gray-900);
       margin-bottom: 4px;
     }
     
     .stats-translation {
       font-size: 0.9rem;
       color: var(--gray-600);
       margin: 0;
     }
     
     /* WhatsApp CTA */
     .whatsapp-cta {
       margin-top: 40px;
       text-align: center;
     }
     
     .whatsapp-btn {
       background: linear-gradient(135deg, var(--emerald-600), #16a34a);
       color: white;
       border: none;
       border-radius: 12px;
       padding: 16px 32px;
       font-size: 1rem;
       font-weight: 600;
       cursor: pointer;
       display: inline-flex;
       align-items: center;
       gap: 8px;
       transition: all 0.3s ease;
       box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
       margin-bottom: 16px;
     }
     
     .whatsapp-btn:hover {
       transform: translateY(-2px);
       box-shadow: 0 8px 24px rgba(16, 185, 129, 0.4);
     }
     
     .whatsapp-btn i {
       font-size: 1.1rem;
     }
     
     .cta-instruction {
       font-size: 0.9rem;
       color: var(--gray-600);
       margin: 0;
     }
     
     /* Trusted Brand Partners */
     .brand-partners {
       background: var(--gray-50);
       padding: 80px 20px;
       margin-top: 80px;
     }
     
     .brand-partners-container {
       max-width: 1400px;
       margin: 0 auto;
       text-align: center;
     }
     
     .brand-title {
       font-size: 2.5rem;
       font-weight: 800;
       color: var(--gray-900);
       margin-bottom: 16px;
     }
     
     .brand-subtitle {
       font-size: 1.1rem;
       color: var(--gray-600);
       margin-bottom: 8px;
       font-weight: 500;
     }
     
     .brand-subtitle-ms {
       font-size: 1rem;
       color: var(--gray-500);
       margin-bottom: 60px;
       font-style: italic;
     }
     
     /* Brand Logos Grid */
     .brand-logos-grid {
       margin-bottom: 60px;
     }
     
     .brand-row {
       display: flex;
       justify-content: center;
       align-items: center;
       gap: 40px;
       margin-bottom: 40px;
       flex-wrap: wrap;
     }
     
     .brand-row.main-brands {
       margin-bottom: 40px;
     }
     
     .brand-row.featured-brands {
       margin-bottom: 0;
       gap: 60px;
     }
     
     .brand-logo {
       background: var(--white);
       border-radius: 16px;
       padding: 20px;
       box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
       transition: all 0.3s ease;
       display: flex;
       align-items: center;
       justify-content: center;
       min-height: 80px;
       min-width: 120px;
       position: relative;
       overflow: hidden;
     }
     
     .brand-logo:hover {
       transform: translateY(-8px);
       box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
     }
     
     .brand-logo::before {
       content: '';
       position: absolute;
       top: 0;
       left: -100%;
       width: 100%;
       height: 100%;
       background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
       transition: left 0.5s ease;
     }
     
     .brand-logo:hover::before {
       left: 100%;
     }
     
     .brand-logo img {
       max-width: 100%;
       max-height: 50px;
       width: auto;
       height: auto;
       object-fit: contain;
       filter: grayscale(20%);
       transition: all 0.3s ease;
     }
     
     .brand-logo:hover img {
       filter: grayscale(0%);
       transform: scale(1.1);
     }
     
     /* Featured Logos */
     .brand-logo.featured {
       min-width: 140px;
       min-height: 90px;
       padding: 25px;
       box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
     }
     
     .brand-logo.featured img {
       max-height: 60px;
     }
     
     .brand-logo.featured-large {
       min-width: 200px;
       min-height: 100px;
       padding: 30px;
       box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
       border: 2px solid var(--primary-green);
       background: linear-gradient(135deg, var(--white) 0%, #f0fdf4 100%);
     }
     
     .brand-logo.featured-large img {
       max-height: 70px;
       filter: grayscale(0%);
     }
     
     .brand-logo.featured-large:hover {
       transform: translateY(-12px) scale(1.05);
       box-shadow: 0 20px 40px rgba(16, 185, 129, 0.2);
     }
     
     /* Final Brand CTA */
     .final-brand-cta {
       margin-top: 60px;
       text-align: center;
       padding: 40px;
       background: var(--white);
       border-radius: 20px;
       box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
       max-width: 600px;
       margin-left: auto;
       margin-right: auto;
     }
     
     .brand-whatsapp-btn {
       background: linear-gradient(135deg, var(--emerald-600), #16a34a);
       color: white;
       border: none;
       border-radius: 16px;
       padding: 20px 40px;
       font-size: 1.1rem;
       font-weight: 600;
       cursor: pointer;
       display: inline-flex;
       align-items: center;
       gap: 12px;
       transition: all 0.3s ease;
       box-shadow: 0 8px 24px rgba(16, 185, 129, 0.3);
       margin-bottom: 16px;
       position: relative;
       overflow: hidden;
     }
     
     .brand-whatsapp-btn::before {
       content: '';
       position: absolute;
       top: 0;
       left: -100%;
       width: 100%;
       height: 100%;
       background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
       transition: left 0.5s ease;
     }
     
     .brand-whatsapp-btn:hover::before {
       left: 100%;
     }
     
     .brand-whatsapp-btn:hover {
       transform: translateY(-4px) scale(1.05);
       box-shadow: 0 16px 32px rgba(16, 185, 129, 0.4);
     }
     
     .brand-whatsapp-btn i {
       font-size: 1.3rem;
       animation: bounceIcon 2s infinite;
     }
     
     @keyframes bounceIcon {
       0%, 100% { transform: scale(1); }
       50% { transform: scale(1.1); }
     }
     
     .brand-cta-instruction {
       font-size: 1rem;
       color: var(--gray-600);
       margin: 0;
       font-weight: 500;
     }
     
     /* Real Earnings from Real People */
     .real-earnings {
       background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
       padding: 100px 20px;
       margin-top: 80px;
       position: relative;
       overflow: hidden;
     }
     
     .real-earnings::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       background: 
         radial-gradient(circle at 20% 50%, rgba(16, 185, 129, 0.1) 0%, transparent 50%),
         radial-gradient(circle at 80% 20%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),
         radial-gradient(circle at 40% 80%, rgba(245, 158, 11, 0.1) 0%, transparent 50%);
       pointer-events: none;
     }
     
     .real-earnings-container {
       max-width: 1400px;
       margin: 0 auto;
       position: relative;
       z-index: 1;
     }
     
     .earnings-header {
       text-align: center;
       margin-bottom: 80px;
     }
     
     .earnings-title {
       font-size: 3rem;
       font-weight: 800;
       color: var(--gray-900);
       margin-bottom: 16px;
       background: linear-gradient(135deg, var(--gray-900) 0%, var(--primary-green) 100%);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       background-clip: text;
     }
     
     .earnings-subtitle {
       font-size: 1.3rem;
       color: var(--gray-600);
       font-weight: 500;
       font-style: italic;
     }
     
     /* Testimonials Carousel */
     .testimonials-carousel {
       margin-bottom: 80px;
       overflow: hidden;
       padding: 20px 0;
     }
     
     .testimonials-track {
       display: flex;
       gap: 32px;
       animation: slideTestimonials 35s linear infinite;
       width: fit-content;
     }
     
     /* Desktop - show all testimonials in a row */
     @media (min-width: 769px) {
       .testimonial-group {
         display: contents !important;
         opacity: 1 !important;
         position: static !important;
       }
       
       .testimonial-card {
         width: 380px !important;
         flex-shrink: 0;
       }
     }
     
     @keyframes slideTestimonials {
       0% { transform: translateX(0); }
       100% { transform: translateX(-50%); }
     }
     
     @keyframes slideTestimonialsMobile {
       0% { transform: translateX(0); }
       100% { transform: translateX(-55%); }
     }
     
     /* Testimonial Cards */
     .testimonial-card {
       background: var(--white);
       border-radius: 24px;
       padding: 32px;
       width: 380px;
       flex-shrink: 0;
       position: relative;
       box-shadow: 
         0 20px 40px rgba(0, 0, 0, 0.1),
         0 0 0 1px rgba(0, 0, 0, 0.05);
       transition: all 0.4s ease;
       overflow: hidden;
     }
     
     .testimonial-card:hover {
       transform: translateY(-16px) scale(1.02);
       box-shadow: 
         0 40px 80px rgba(0, 0, 0, 0.15),
         0 0 0 1px var(--primary-green);
     }
     
     .card-glow {
       position: absolute;
       top: -50%;
       left: -50%;
       width: 200%;
       height: 200%;
       background: linear-gradient(45deg, transparent, rgba(16, 185, 129, 0.1), transparent);
       transform: rotate(45deg);
       transition: all 0.6s ease;
       opacity: 0;
     }
     
     .testimonial-card:hover .card-glow {
       opacity: 1;
       animation: cardGlowRotate 2s ease-in-out;
     }
     
     @keyframes cardGlowRotate {
       0% { transform: rotate(45deg) translateX(-100%); }
       100% { transform: rotate(45deg) translateX(100%); }
     }
     
     /* Testimonial Header */
     .testimonial-header {
       display: flex;
       align-items: center;
       gap: 16px;
       margin-bottom: 24px;
     }
     
     .user-avatar {
       position: relative;
       width: 64px;
       height: 64px;
       border-radius: 50%;
       overflow: hidden;
     }
     
     .user-avatar img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: all 0.4s ease;
     }
     
     .testimonial-card:hover .user-avatar img {
       transform: scale(1.1);
     }
     
     .verified-ring {
       position: absolute;
       top: -4px;
       left: -4px;
       right: -4px;
       bottom: -4px;
       border-radius: 50%;
       background: linear-gradient(45deg, var(--primary-green), var(--blue-500), var(--primary-green));
       animation: ringPulse 3s ease-in-out infinite;
     }
     
     @keyframes ringPulse {
       0%, 100% { opacity: 0.6; transform: scale(1); }
       50% { opacity: 1; transform: scale(1.05); }
     }
     
     .user-info {
       flex: 1;
     }
     
     .user-name {
       font-size: 1.2rem;
       font-weight: 700;
       color: var(--gray-900);
       margin-bottom: 8px;
     }
     
     .verified-badge {
       display: flex;
       align-items: center;
       gap: 6px;
       color: var(--primary-green);
       font-size: 0.9rem;
       font-weight: 600;
     }
     
     .verified-badge i {
       font-size: 1rem;
       animation: verifiedPulse 2s ease-in-out infinite;
     }
     
     @keyframes verifiedPulse {
       0%, 100% { transform: scale(1); }
       50% { transform: scale(1.1); }
     }
     
     /* Testimonial Content */
     .testimonial-content {
       margin-bottom: 20px;
     }
     
     .testimonial-text {
       font-size: 1.1rem;
       font-weight: 600;
       color: var(--gray-900);
       line-height: 1.6;
       margin-bottom: 0;
     }
     
     
     /* Rating Stars */
     .rating-stars {
       display: flex;
       gap: 4px;
     }
     
     .rating-stars i {
       color: #fbbf24;
       font-size: 1.1rem;
       animation: starTwinkle 1.5s ease-in-out infinite;
     }
     
     .rating-stars i:nth-child(1) { animation-delay: 0s; }
     .rating-stars i:nth-child(2) { animation-delay: 0.2s; }
     .rating-stars i:nth-child(3) { animation-delay: 0.4s; }
     .rating-stars i:nth-child(4) { animation-delay: 0.6s; }
     .rating-stars i:nth-child(5) { animation-delay: 0.8s; }
     
     @keyframes starTwinkle {
       0%, 100% { opacity: 1; transform: scale(1); }
       50% { opacity: 0.7; transform: scale(0.9); }
     }
     
     /* Earnings CTA */
     .earnings-cta {
       text-align: center;
       position: relative;
     }
     
     .earnings-whatsapp-btn {
       background: linear-gradient(135deg, var(--primary-green) 0%, #16a34a 50%, var(--emerald-700) 100%);
       color: white;
       border: none;
       border-radius: 20px;
       padding: 24px 48px;
       font-size: 1.2rem;
       font-weight: 700;
       cursor: pointer;
       display: inline-flex;
       align-items: center;
       gap: 16px;
       transition: all 0.4s ease;
       position: relative;
       overflow: hidden;
       box-shadow: 
         0 16px 32px rgba(16, 185, 129, 0.3),
         0 0 0 1px rgba(255, 255, 255, 0.2);
       text-transform: uppercase;
       letter-spacing: 0.5px;
     }
     
     .earnings-whatsapp-btn:hover {
       transform: translateY(-8px) scale(1.05);
       box-shadow: 
         0 32px 64px rgba(16, 185, 129, 0.4),
         0 0 0 1px rgba(255, 255, 255, 0.3);
     }
     
     .btn-glow {
       position: absolute;
       top: 0;
       left: -100%;
       width: 100%;
       height: 100%;
       background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
       transition: left 0.6s ease;
     }
     
     .earnings-whatsapp-btn:hover .btn-glow {
       left: 100%;
     }
     
     .earnings-whatsapp-btn i {
       font-size: 1.4rem;
       animation: whatsappBounce 2s ease-in-out infinite;
     }
     
     @keyframes whatsappBounce {
       0%, 100% { transform: scale(1) rotate(0deg); }
       50% { transform: scale(1.1) rotate(5deg); }
     }
     
     .earnings-cta-note {
       margin-top: 20px;
       font-size: 1.1rem;
       color: var(--gray-600);
       font-weight: 500;
     }
    
    /* 悬浮按钮 */
    .floating-btn {
      position: fixed;
      bottom: 30px;
      right: 30px;
      background: linear-gradient(135deg, var(--primary-green), var(--emerald-600));
      color: white;
      border: none;
      border-radius: 25px;
      padding:10px;
      font-weight: 600;
      cursor: pointer;
      box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4);
      transition: all 0.3s ease;
      z-index: 1000;
      font-size: 1.2rem;
    }
    
    .floating-btn:hover {
      transform: translateY(-3px);
      box-shadow: 0 12px 30px rgba(16, 185, 129, 0.5);
    }
    
    /* 响应式设计 */
    @media (max-width: 1024px) {
      .main-container {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 40px 20px;
      }
      
      .main-content {
        padding-right: 0;
      }
      
      .stats-card {
        position: static;
        margin-bottom: 40px;
      }
    }
    
    @media (max-width: 768px) {
      .main-container {
        padding: 20px 15px;
      }
      
      .button-group {
        flex-direction: column;
        align-items: stretch;
      }
      
      .btn-primary,
      .btn-secondary {
        justify-content: center;
        text-align: center;
      }
      
       .tags-group {
         justify-content: center;
       }
       
       /* How It Works Mobile */
       .steps-container {
         flex-direction: column;
         gap: 16px;
       }
       
       .step-arrow {
         transform: rotate(90deg);
         margin: 8px 0;
       }
       
       .step-card {
         width: 100%;
         max-width: 320px;
         margin: 0 auto;
       }
       
       .stats-banner {
         padding: 20px;
         margin: 32px 16px;
         flex-direction: column;
         text-align: center;
         gap: 12px;
       }
       
       .stats-content {
         text-align: center;
       }
       
       .floating-btn {
         bottom: 10px;
         right: 20px;
         left: 20px;
         border-radius: 15px;
         text-align: center;
       }
       
       /* Brand Partners Mobile */
       .brand-partners {
         padding: 60px 15px;
         margin-top: 0px;
       }
       
       .brand-logos-grid {
         margin-bottom: 50px;
       }
       
       .brand-row {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 16px;
         justify-items: center;
         margin-bottom: 24px;
         max-width: 400px;
         margin-left: auto;
         margin-right: auto;
       }
       
       .brand-row.main-brands {
         grid-template-columns: repeat(2, 1fr);
         gap: 16px;
         margin-bottom: 32px;
       }
       
       .brand-row.featured-brands {
         grid-template-columns: repeat(2, 1fr);
         gap: 20px;
         margin-bottom: 0;
         max-width: 350px;
       }
       
       .brand-logo {
         min-width: 90px;
         min-height: 70px;
         padding: 12px;
         width: 100%;
         max-width: 140px;
       }
       
       .brand-logo img {
         max-height: 38px;
       }
       
       .brand-logo.featured {
         min-width: 100px;
         min-height: 75px;
         padding: 15px;
         max-width: 150px;
       }
       
       .brand-logo.featured img {
         max-height: 45px;
       }
       
       .brand-logo.featured-large {
         min-width: 100px;
         min-height: 75px;
         padding: 15px;
         max-width: 150px;
       }
       
       .brand-logo.featured-large img {
         max-height: 45px;
       }
       
       .final-brand-cta {
         margin-top: 40px;
         padding: 30px 20px;
       }
       
       .brand-whatsapp-btn {
         padding: 16px 32px;
         font-size: 1rem;
         width: 100%;
         max-width: 300px;
       }
       
       /* Real Earnings Mobile */
       .real-earnings {
         padding: 60px 15px 0 15px;
         margin-top: 0px;
       }
       
       .earnings-header {
         margin-bottom: 50px;
       }
       
       .earnings-title {
         font-size: 2.2rem;
       }
       
       .earnings-subtitle {
         font-size: 1.1rem;
       }
       
       .testimonials-carousel {
         margin-bottom: 00px;
         padding: 10px 0;
         position: relative;
         overflow: hidden;
       }
       
       .testimonials-track {
         display: block;
         animation: none;
         position: relative;
         width: 100%;
         height: 440px;
       }
       
       .testimonial-group {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         display: flex;
         flex-direction: column;
         gap: 20px;
         opacity: 0;
         transition: opacity 0.5s ease-in-out;
         padding: 0 20px;
       }
       
       .testimonial-group.active {
         opacity: 1;
       }
       
       .testimonial-card {
         width: 100%;
         max-width: 320px;
         padding: 20px;
         min-height: 200px;
         margin: 0 auto;
       }
       
       .user-avatar {
         width: 50px;
         height: 50px;
       }
       
       .user-name {
         font-size: 1rem;
       }
       
       .testimonial-text {
         font-size: 0.95rem;
       }
       
       .testimonial-translation {
         font-size: 0.85rem;
       }
       
       .earnings-whatsapp-btn {
         padding: 20px 32px;
         font-size: 1rem;
         letter-spacing: 0.3px;
       }
       
      .earnings-whatsapp-btn i {
        font-size: 1.2rem;
      }
      
      /* Top Earners Podium Mobile */
      .top-earners-podium {
        padding: 30px 25px!important;
        margin-top: 0!important;
        background: linear-gradient(135deg, 
          rgba(255, 248, 220, 0.9) 0%,
          rgba(254, 249, 195, 1) 50%,
          rgba(255, 237, 213, 0.9) 100%);
      }
      
      .podium-badge {
        padding: 14px 28px;
        font-size: 1.2rem;
        box-shadow: 
          0 8px 25px rgba(255, 149, 0, 0.3),
          0 3px 12px rgba(0, 0, 0, 0.1);
      }
      
      .podium-subtitle {
        font-size: 1.1rem;
        color: var(--gray-700);
        margin-top: 16px;
      }
      
      .podium-stage {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 20px 15px;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 20px;
      }
      
      /* First place - full width on top */
      .podium-position.first-place {
        grid-column: 1 / -1;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        position: relative;
      }
      
      .podium-position.first-place::before {
        content: '';
        position: absolute;
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 4px;
        background: linear-gradient(90deg, #ffd700, #ffed4e, #ffd700);
        border-radius: 2px;
        box-shadow: 0 2px 8px rgba(255, 215, 0, 0.4);
        animation: lightPulse 2s ease-in-out infinite alternate;
      }
      
      .podium-position.first-place::after {
        content: '✨';
        position: absolute;
        top: -35px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 1.2rem;
        opacity: 0.8;
        animation: sparkle 3s ease-in-out infinite;
      }
      
      .podium-position.second-place::after,
      .podium-position.third-place::after {
        content: '⭐';
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 0.9rem;
        opacity: 0.6;
        animation: starTwinkle 4s ease-in-out infinite;
      }
      
      @keyframes lightPulse {
        0%, 100% { opacity: 0.8; transform: translateX(-50%) scaleX(1); }
        50% { opacity: 1; transform: translateX(-50%) scaleX(1.1); }
      }
      
      @keyframes sparkle {
        0%, 100% { opacity: 0.4; transform: translateX(-50%) translateY(0) rotate(0deg); }
        25% { opacity: 0.8; transform: translateX(-50%) translateY(-3px) rotate(90deg); }
        50% { opacity: 1; transform: translateX(-50%) translateY(-5px) rotate(180deg); }
        75% { opacity: 0.8; transform: translateX(-50%) translateY(-3px) rotate(270deg); }
      }
      
      /* Second and third place - side by side in row 2 */
      .podium-position.second-place,
      .podium-position.third-place {
        display: flex;
        flex-direction: column;
        align-items: center;
        /* max-width: 180px;
        min-width: 140px; */
        position: relative;
        grid-row: 2;
      }
      
      .podium-position.second-place {
        grid-column: 1;
        justify-self: start;
        margin-left: 0;
      }
      
      .podium-position.third-place {
        grid-column: 2;
        justify-self: end;
        margin-right: 0;
      }
      
      .winner-card {
        width: 100%;
        max-width: 320px;
        padding: 24px;
        margin-bottom: 18px;
        background: linear-gradient(135deg, 
          rgba(255, 255, 255, 0.98) 0%,
          rgba(248, 250, 252, 1) 100%);
        border: 2px solid rgba(255, 255, 255, 0.4);
        border-radius: 24px;
        box-shadow: 
          0 20px 40px rgba(0, 0, 0, 0.08),
          0 8px 25px rgba(0, 0, 0, 0.04),
          inset 0 1px 0 rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(20px);
        position: relative;
        overflow: hidden;
      }
      
      .winner-card::after {
        content: '';
        position: absolute;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        background: linear-gradient(45deg, 
          rgba(16, 185, 129, 0.2) 0%,
          rgba(59, 130, 246, 0.2) 50%,
          rgba(168, 85, 247, 0.2) 100%);
        border-radius: 26px;
        z-index: -1;
        opacity: 0;
        transition: opacity 0.3s ease;
      }
      
      .winner-card:hover::after {
        opacity: 1;
      }
      
      .winner-card.champion {
        max-width: 350px;
        transform: scale(1.05);
        border: 3px solid rgba(255, 193, 7, 0.6);
        background: linear-gradient(135deg, 
          rgba(255, 255, 255, 1) 0%,
          rgba(255, 250, 235, 1) 50%,
          rgba(254, 249, 195, 0.98) 100%);
        box-shadow: 
          0 25px 50px rgba(255, 193, 7, 0.2),
          0 15px 35px rgba(0, 0, 0, 0.1),
          inset 0 2px 0 rgba(255, 255, 255, 0.7);
      }
      
      .winner-card.champion::after {
        background: linear-gradient(45deg, 
          rgba(255, 193, 7, 0.3) 0%,
          rgba(255, 152, 0, 0.3) 50%,
          rgba(255, 193, 7, 0.3) 100%);
      }
      
      .podium-position.second-place .winner-card,
      .podium-position.third-place .winner-card {
        max-width: 100%;
        padding: 20px;
        margin: 0 auto 18px auto;
        transform: scale(0.97);
        box-shadow: 
          0 18px 35px rgba(0, 0, 0, 0.06),
          0 6px 20px rgba(0, 0, 0, 0.03),
          inset 0 1px 0 rgba(255, 255, 255, 0.4);
      }
      
      .crown {
        font-size: 2.2rem;
        margin-bottom: 8px;
        filter: drop-shadow(0 4px 8px rgba(255, 193, 7, 0.3));
      }
      
      .rank-number {
        width: 38px;
        height: 38px;
        font-size: 1.3rem;
        margin-bottom: 12px;
        box-shadow: 
          0 8px 20px rgba(16, 185, 129, 0.25),
          0 3px 8px rgba(0, 0, 0, 0.1);
      }
      
      .first-place .rank-number {
        width: 48px;
        height: 48px;
        font-size: 1.6rem;
        background: linear-gradient(135deg, #ffd700 0%, #ffb700 100%);
        box-shadow: 
          0 12px 30px rgba(255, 215, 0, 0.4),
          0 5px 15px rgba(0, 0, 0, 0.15);
      }
      
      .winner-name {
        font-size: 1.1rem;
        margin-bottom: 8px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      }
      
      .first-place .winner-name {
        font-size: 1.4rem;
        background: linear-gradient(135deg, #b45309 0%, #92400e 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      
      .tasks-completed {
        font-size: 0.8rem;
        color: var(--gray-600);
        margin-bottom: 12px;
        font-weight: 500;
      }
      
      .earning-amount {
        font-size: 1.4rem;
        font-weight: 900;
        margin-bottom: 6px;
        text-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);
      }
      
      .first-place .earning-amount {
        font-size: 1.8rem;
        background: linear-gradient(135deg, #ffd700 0%, #ff9500 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-shadow: none;
        filter: drop-shadow(0 2px 4px rgba(255, 193, 7, 0.3));
      }
      
      .earning-period {
        font-size: 0.75rem;
        color: var(--gray-500);
        font-weight: 500;
      }
      
      .podium-base {
        width: 100%;
        max-width: 130px;
        border-radius: 12px 12px 0 0;
        background: linear-gradient(135deg, 
          rgba(229, 231, 235, 0.9) 0%,
          rgba(209, 213, 219, 1) 100%);
        border: 2px solid rgba(156, 163, 175, 0.3);
        border-bottom: none;
        box-shadow: 
          0 -5px 15px rgba(0, 0, 0, 0.05),
          inset 0 2px 0 rgba(255, 255, 255, 0.3);
      }
      
      .podium-base.first {
        max-width: 150px;
        height: 90px;
        background: linear-gradient(135deg, 
          rgba(255, 215, 0, 0.3) 0%,
          rgba(255, 193, 7, 0.4) 100%);
        border-color: rgba(255, 193, 7, 0.5);
        box-shadow: 
          0 -8px 25px rgba(255, 193, 7, 0.2),
          0 -3px 12px rgba(0, 0, 0, 0.1),
          inset 0 2px 0 rgba(255, 255, 255, 0.4);
      }
      
      .podium-base.second {
        height: 70px;
        background: linear-gradient(135deg, 
          rgba(192, 192, 192, 0.3) 0%,
          rgba(169, 169, 169, 0.4) 100%);
        border-color: rgba(169, 169, 169, 0.5);
      }
      
      .podium-base.third {
        height: 55px;
        background: linear-gradient(135deg, 
          rgba(205, 127, 50, 0.3) 0%,
          rgba(184, 115, 51, 0.4) 100%);
        border-color: rgba(184, 115, 51, 0.5);
      }
    }
    
    @media (max-width: 480px) {
      .main-title {
        font-size: 2rem;
      }
      
      .section-title {
        font-size: 2rem;
      }
      
      .stats-card {
        padding: 24px;
      }
      
      .main-earning {
        font-size: 2rem;
      }
      
      /* How It Works Extra Small Mobile */
      .section-title {
        font-size: 1.8rem;
      }
      
      .section-subtitle {
        font-size: 1rem;
        margin-bottom: 40px;
      }
      
      .step-card {
        padding: 24px 20px;
        max-width: 100%;
      }
      
      .step-title {
        font-size: 1.1rem;
      }
      
      .stats-banner {
        margin: 24px 12px;
        padding: 16px;
      }
      
      .stats-main {
        font-size: 1rem;
      }
      
      .stats-translation {
        font-size: 0.85rem;
      }
      
      .whatsapp-btn {
        padding: 14px 24px;
        font-size: 0.95rem;
      }
      
      /* Brand Partners Extra Small Mobile */
      .brand-title {
        font-size: 1.8rem;
      }
      
      .brand-subtitle {
        font-size: 1rem;
      }
      
      .brand-subtitle-ms {
        font-size: 0.9rem;
        margin-bottom: 40px;
      }
      
      .brand-partners {
        padding: 40px 12px;
        margin-top: 0px;
      }
      
      .brand-logos-grid {
        margin-bottom: 40px;
      }
      
      .brand-row {
        gap: 12px;
        max-width: 320px;
        margin-bottom: 20px;
      }
      
      .brand-row.main-brands {
        gap: 12px;
        margin-bottom: 24px;
        max-width: 320px;
      }
      
      .brand-row.featured-brands {
        gap: 16px;
        margin-bottom: 0;
        max-width: 280px;
      }
      
      .brand-logo {
        min-width: 75px;
        min-height: 60px;
        padding: 10px;
        width: 100%;
        max-width: 120px;
      }
      
      .brand-logo img {
        max-height: 45px;
      }
      
      .brand-logo.featured {
        min-width: 80px;
        min-height: 65px;
        padding: 12px;
        max-width: 130px;
      }
      
      .brand-logo.featured img {
        max-height: 38px;
      }
      
      .brand-logo.featured-large {
        min-width: 80px;
        min-height: 65px;
        padding: 12px;
        max-width: 130px;
      }
      
      .brand-logo.featured-large img {
        max-height: 38px;
      }
      
      .final-brand-cta {
        margin-top: 30px;
        padding: 24px 16px;
      }
      
      .brand-whatsapp-btn {
        padding: 14px 24px;
        font-size: 0.95rem;
      }
      
      .brand-cta-instruction {
        font-size: 0.9rem;
      }
      
      /* Real Earnings Extra Small Mobile */
      .real-earnings {
        padding: 40px 12px 0 12px;
        margin-top: 0px;
      }
      
      .earnings-header {
        margin-bottom: 40px;
      }
      
      .earnings-title {
        font-size: 1.8rem;
      }
      
      .earnings-subtitle {
        font-size: 1rem;
      }
      
      .testimonials-carousel {
        margin-bottom: 0px;
        padding: 8px 0;
      }
      
      .testimonials-track {
        height: 400px;
      }
      
      .testimonial-group {
        padding: 0 15px;
        gap: 16px;
      }
      
      .testimonial-card {
        width: 100%;
        max-width: 100%;
        padding: 16px;
        min-height: 180px;
        margin: 0 auto;
      }
      
      .user-avatar {
        width: 44px;
        height: 44px;
      }
      
      .user-name {
        font-size: 0.95rem;
      }
      
      .verified-badge {
        font-size: 0.75rem;
      }
      
      .testimonial-text {
        font-size: 0.9rem;
      }
      
      
      .rating-stars i {
        font-size: 0.95rem;
      }
      
      .earnings-whatsapp-btn {
        padding: 16px 24px;
        font-size: 0.95rem;
        letter-spacing: 0.2px;
      }
      
      .earnings-whatsapp-btn i {
        font-size: 1.1rem;
      }
      
      .earnings-cta-note {
        font-size: 1rem;
      }
      
      /* Top Earners Podium Extra Small Mobile */
      .top-earners-podium {
        padding: 0px 20px;
        margin-top: 0;
        background: linear-gradient(135deg, 
          rgba(255, 248, 220, 0.95) 0%,
          rgba(254, 249, 195, 1) 50%,
          rgba(255, 237, 213, 0.95) 100%);
      }
      
      .podium-badge {
        padding: 12px 22px;
        font-size: 1rem;
        box-shadow: 
          0 6px 20px rgba(255, 149, 0, 0.25),
          0 2px 8px rgba(0, 0, 0, 0.08);
      }
      
      .podium-subtitle {
        font-size: 0.9rem;
        color: var(--gray-700);
        margin-top: 14px;
      }
      
      .podium-stage {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 15px 12px;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 15px;
      }
      
      /* First place - full width on top */
      .podium-position.first-place {
        grid-column: 1 / -1;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        position: relative;
      }
      
      .podium-position.first-place::before {
        width: 50px;
        height: 3px;
        top: -8px;
        animation: lightPulse 2.5s ease-in-out infinite alternate;
      }
      
      .podium-position.first-place::after {
        content: '✨';
        position: absolute;
        top: -28px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 1rem;
        opacity: 0.7;
        animation: sparkle 3.5s ease-in-out infinite;
      }
      
      .podium-position.second-place::after,
      .podium-position.third-place::after {
        content: '⭐';
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 0.8rem;
        opacity: 0.5;
        animation: starTwinkle 5s ease-in-out infinite;
      }
      
      /* Second and third place - side by side in row 2 */
      .podium-position.second-place,
      .podium-position.third-place {
        display: flex;
        flex-direction: column;
        align-items: center;
        /* max-width: 160px;
        min-width: 130px; */
        position: relative;
        grid-row: 2;
      }
      
      .podium-position.second-place {
        grid-column: 1;
        justify-self: start;
        margin-left: 0;
      }
      
      .podium-position.third-place {
        grid-column: 2;
        justify-self: end;
        margin-right: 0;
      }
      
      .winner-card {
        width: 100%;
        max-width: 280px;
        padding: 20px;
        margin-bottom: 15px;
        font-size: 0.9rem;
        border-radius: 20px;
        background: linear-gradient(135deg, 
          rgba(255, 255, 255, 0.98) 0%,
          rgba(248, 250, 252, 1) 100%);
        box-shadow: 
          0 15px 30px rgba(0, 0, 0, 0.06),
          0 6px 20px rgba(0, 0, 0, 0.03),
          inset 0 1px 0 rgba(255, 255, 255, 0.5);
      }
      
      .winner-card.champion {
        max-width: 300px;
        transform: scale(1.03);
        border: 2px solid rgba(255, 193, 7, 0.6);
        background: linear-gradient(135deg, 
          rgba(255, 255, 255, 1) 0%,
          rgba(255, 250, 235, 1) 50%,
          rgba(254, 249, 195, 0.98) 100%);
        box-shadow: 
          0 20px 40px rgba(255, 193, 7, 0.15),
          0 10px 25px rgba(0, 0, 0, 0.08),
          inset 0 2px 0 rgba(255, 255, 255, 0.6);
      }
      
      .podium-position.second-place .winner-card,
      .podium-position.third-place .winner-card {
        max-width: 100%;
        padding: 18px;
        margin: 0 auto 15px auto;
        transform: scale(0.94);
        box-shadow: 
          0 12px 25px rgba(0, 0, 0, 0.05),
          0 4px 15px rgba(0, 0, 0, 0.02),
          inset 0 1px 0 rgba(255, 255, 255, 0.4);
      }
      
      .crown {
        font-size: 1.8rem;
        margin-bottom: 6px;
        filter: drop-shadow(0 3px 6px rgba(255, 193, 7, 0.25));
      }
      
      .rank-number {
        width: 32px;
        height: 32px;
        font-size: 1.1rem;
        margin-bottom: 10px;
        box-shadow: 
          0 6px 16px rgba(16, 185, 129, 0.2),
          0 2px 6px rgba(0, 0, 0, 0.08);
      }
      
      .first-place .rank-number {
        width: 40px;
        height: 40px;
        font-size: 1.4rem;
        background: linear-gradient(135deg, #ffd700 0%, #ffb700 100%);
        box-shadow: 
          0 10px 25px rgba(255, 215, 0, 0.3),
          0 4px 12px rgba(0, 0, 0, 0.12);
      }
      
      .winner-name {
        font-size: 0.95rem;
        margin-bottom: 6px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
      }
      
      .first-place .winner-name {
        font-size: 1.2rem;
        background: linear-gradient(135deg, #b45309 0%, #92400e 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      
      .tasks-completed {
        font-size: 0.7rem;
        color: var(--gray-600);
        margin-bottom: 10px;
        font-weight: 500;
      }
      
      .earning-amount {
        font-size: 1.2rem;
        font-weight: 900;
        margin-bottom: 4px;
        text-shadow: 0 1px 3px rgba(16, 185, 129, 0.15);
      }
      
      .first-place .earning-amount {
        font-size: 1.5rem;
        background: linear-gradient(135deg, #ffd700 0%, #ff9500 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-shadow: none;
        filter: drop-shadow(0 2px 4px rgba(255, 193, 7, 0.25));
      }
      
      .earning-period {
        font-size: 0.65rem;
        color: var(--gray-500);
        font-weight: 500;
      }
      
      .podium-base {
        width: 100%;
        max-width: 105px;
        border-radius: 10px 10px 0 0;
        background: linear-gradient(135deg, 
          rgba(229, 231, 235, 0.9) 0%,
          rgba(209, 213, 219, 1) 100%);
        border: 2px solid rgba(156, 163, 175, 0.25);
        border-bottom: none;
        box-shadow: 
          0 -4px 12px rgba(0, 0, 0, 0.04),
          inset 0 1px 0 rgba(255, 255, 255, 0.25);
        margin: 0 auto;
      }
      
      .podium-base.first {
        max-width: 130px;
        height: 65px;
        background: linear-gradient(135deg, 
          rgba(255, 215, 0, 0.25) 0%,
          rgba(255, 193, 7, 0.35) 100%);
        border-color: rgba(255, 193, 7, 0.4);
        box-shadow: 
          0 -6px 20px rgba(255, 193, 7, 0.15),
          0 -2px 8px rgba(0, 0, 0, 0.08),
          inset 0 1px 0 rgba(255, 255, 255, 0.3);
      }
      
      .podium-base.second {
        height: 55px;
        background: linear-gradient(135deg, 
          rgba(192, 192, 192, 0.25) 0%,
          rgba(169, 169, 169, 0.35) 100%);
        border-color: rgba(169, 169, 169, 0.4);
        margin: 0 auto;
      }
      
      .podium-base.third {
        height: 45px;
        background: linear-gradient(135deg, 
          rgba(205, 127, 50, 0.25) 0%,
          rgba(184, 115, 51, 0.35) 100%);
        border-color: rgba(184, 115, 51, 0.4);
        margin: 0 auto;
      }
    }
    
    /* 平滑滚动 */
    html {
      scroll-behavior: smooth;
    }
    
    /* 数字动画 */
    .animate-number {
      animation: countUp 2s ease-out;
    }
    
    @keyframes countUp {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
    
    /* Top Earners Podium */
    .top-earners-podium {
      background: linear-gradient(135deg, 
        rgba(255, 248, 220, 0.8) 0%,
        rgba(254, 249, 195, 0.9) 50%,
        rgba(255, 237, 213, 0.8) 100%);
      padding: 80px 20px;
      margin-top: 60px;
      position: relative;
      overflow: hidden;
    }
    
    .top-earners-podium::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: radial-gradient(circle at 20% 50%, rgba(255, 193, 7, 0.1) 0%, transparent 50%),
                  radial-gradient(circle at 80% 50%, rgba(255, 152, 0, 0.1) 0%, transparent 50%);
      pointer-events: none;
    }
    
    .podium-container {
      max-width: 1200px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }
    
    .podium-header {
      text-align: center;
      margin-bottom: 60px;
    }
    
    .podium-badge {
      display: inline-block;
      background: linear-gradient(135deg, #ff9500 0%, #ff6b00 100%);
      color: white;
      padding: 16px 32px;
      border-radius: 50px;
      font-size: 1.4rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      box-shadow: 
        0 15px 35px rgba(255, 149, 0, 0.3),
        0 5px 15px rgba(0, 0, 0, 0.1);
      position: relative;
      animation: badgeBounce 3s ease-in-out infinite;
    }
    
    .podium-badge::before {
      content: '';
      position: absolute;
      inset: -2px;
      border-radius: 52px;
      background: linear-gradient(45deg, #ff9500, #ff6b00, #ff9500);
      z-index: -1;
      animation: badgeGlow 2s ease-in-out infinite alternate;
    }
    
    @keyframes badgeBounce {
      0%, 100% { transform: translateY(0) scale(1); }
      50% { transform: translateY(-8px) scale(1.05); }
    }
    
    @keyframes badgeGlow {
      0% { opacity: 0.5; }
      100% { opacity: 0.8; }
    }
    
    .podium-subtitle {
      font-size: 1.2rem;
      color: var(--gray-600);
      margin-top: 16px;
      font-weight: 500;
    }
    
    /* ==== PC端专用布局 (桌面端) ==== */
    .podium-stage {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      gap: 50px;
      max-width: 1000px;
      margin: 0 auto;
      padding: 0 40px;
      position: relative;
      min-height: 400px;
    }
    
    /* PC端位置布局 - 2-1-3 经典排列 */
    .podium-position.first-place {
      order: 2; /* 居中 */
      transform: translateY(-40px); /* 第一名比其他位置高40px */
    }
    
    .podium-position.second-place {
      order: 1; /* 左侧 */
      transform: translateY(-10px); /* 比第三名稍高一点 */
    }
    
    .podium-position.third-place {
      order: 3; /* 右侧 */
      transform: translateY(0px); /* 基础高度 */
    }
    
    /* PC端基础位置样式 */
    .podium-position {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      flex: 0 0 auto;
      width: 280px;
      animation: podiumSlideUp 1s ease-out;
      transition: transform 0.3s ease;
    }
    
    /* PC端动画延迟 */
    .podium-position.first-place {
      animation-delay: 0.2s;
    }
    
    .podium-position.second-place {
      animation-delay: 0.1s;
    }
    
    .podium-position.third-place {
      animation-delay: 0.3s;
    }
    
    /* PC端卡片样式增强 */
    .podium-position .winner-card {
      width: 100%;
      max-width: 280px;
    }
    
    /* 第一名特殊样式 */
    .podium-position.first-place .winner-card {
      transform: scale(1.1);
      box-shadow: 
        0 25px 50px rgba(255, 193, 7, 0.2),
        0 15px 35px rgba(0, 0, 0, 0.1);
    }
    
    /* 第二第三名样式 */
    .podium-position.second-place .winner-card,
    .podium-position.third-place .winner-card {
      transform: scale(0.95);
      max-width: 260px;
    }
    
    @keyframes podiumSlideUp {
      0% {
        opacity: 0;
        transform: translateY(100px) scale(0.8);
      }
      100% {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }
    
    .winner-card {
      background: linear-gradient(135deg, 
        rgba(255, 255, 255, 0.95) 0%,
        rgba(248, 250, 252, 0.98) 100%);
      backdrop-filter: blur(20px);
      border: 2px solid rgba(255, 255, 255, 0.3);
      border-radius: 24px;
      padding: 24px;
      margin-bottom: 20px;
      box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.1),
        0 10px 25px rgba(0, 0, 0, 0.05);
      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
      position: relative;
      overflow: hidden;
      min-width: 200px;
      text-align: center;
    }
    
    .winner-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, 
        var(--primary-green) 0%,
        #fbbf24 50%,
        var(--primary-green) 100%);
    }
    
    .winner-card:hover {
      transform: translateY(-10px) scale(1.05);
      box-shadow: 
        0 35px 70px rgba(0, 0, 0, 0.15),
        0 15px 35px rgba(0, 0, 0, 0.1);
    }
    
    .winner-card.champion {
      border-color: rgba(255, 193, 7, 0.5);
      box-shadow: 
        0 25px 50px rgba(255, 193, 7, 0.2),
        0 15px 35px rgba(0, 0, 0, 0.1);
    }
    
    .winner-card.champion::before {
      background: linear-gradient(90deg, 
        #ffd700 0%,
        #ffed4e 50%,
        #ffd700 100%);
      height: 6px;
    }
    
    .crown {
      font-size: 2.5rem;
      margin-bottom: 8px;
      animation: crownFloat 2s ease-in-out infinite;
    }
    
    @keyframes crownFloat {
      0%, 100% { transform: translateY(0) rotate(0deg); }
      50% { transform: translateY(-8px) rotate(5deg); }
    }
    
    .rank-number {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      font-size: 1.5rem;
      font-weight: 900;
      margin-bottom: 12px;
      color: white;
      background: linear-gradient(135deg, var(--primary-green) 0%, #059669 100%);
      box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3);
    }
    
    .first-place .rank-number {
      background: linear-gradient(135deg, #ffd700 0%, #ffb700 100%);
      box-shadow: 0 8px 20px rgba(255, 215, 0, 0.4);
      width: 50px;
      height: 50px;
      font-size: 1.8rem;
    }
    
    .winner-name {
      font-size: 1.4rem;
      font-weight: 800;
      color: var(--gray-900);
      margin-bottom: 8px;
      background: linear-gradient(135deg, var(--gray-900) 0%, var(--gray-700) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    .first-place .winner-name {
      font-size: 1.6rem;
      background: linear-gradient(135deg, #b45309 0%, #92400e 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    .tasks-completed {
      font-size: 0.9rem;
      color: var(--gray-600);
      margin-bottom: 12px;
      font-weight: 500;
    }
    
    .earning-amount {
      font-size: 1.8rem;
      font-weight: 900;
      background: linear-gradient(135deg, var(--primary-green) 0%, #059669 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 4px;
      animation: amountPulse 2s ease-in-out infinite;
    }
    
    .first-place .earning-amount {
      font-size: 2.2rem;
      background: linear-gradient(135deg, #ffd700 0%, #ff9500 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    @keyframes amountPulse {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.05); }
    }
    
    .earning-period {
      font-size: 0.8rem;
      color: var(--gray-500);
      font-weight: 500;
      text-transform: lowercase;
    }
    
    .podium-base {
      width: 160px;
      border-radius: 12px 12px 0 0;
      position: relative;
      background: linear-gradient(135deg, 
        rgba(229, 231, 235, 0.8) 0%,
        rgba(209, 213, 219, 0.9) 100%);
      border: 2px solid rgba(156, 163, 175, 0.3);
      border-bottom: none;
    }
    
    .podium-base::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 6px;
      border-radius: 12px 12px 0 0;
    }
    
    .podium-base.first {
      height: 120px;
      background: linear-gradient(135deg, 
        rgba(255, 215, 0, 0.2) 0%,
        rgba(255, 193, 7, 0.3) 100%);
      border-color: rgba(255, 193, 7, 0.4);
      width: 180px;
    }
    
    .podium-base.first::before {
      background: linear-gradient(90deg, #ffd700 0%, #ffed4e 100%);
    }
    
    .podium-base.second {
      height: 80px;
      background: linear-gradient(135deg, 
        rgba(192, 192, 192, 0.2) 0%,
        rgba(169, 169, 169, 0.3) 100%);
      border-color: rgba(169, 169, 169, 0.4);
    }
    
    .podium-base.second::before {
      background: linear-gradient(90deg, #c0c0c0 0%, #d3d3d3 100%);
    }
    
    .podium-base.third {
      height: 60px;
      background: linear-gradient(135deg, 
        rgba(205, 127, 50, 0.2) 0%,
        rgba(184, 115, 51, 0.3) 100%);
      border-color: rgba(184, 115, 51, 0.4);
    }
    
    .podium-base.third::before {
      background: linear-gradient(90deg, #cd7f32 0%, #b87333 100%);
    }
    
    /* ==== 移动端专用布局 - 768px以下 ==== */
    @media (max-width: 768px) {
      /* 移动端重新设计布局 - 严格按照示意图 */
      .podium-stage {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 40px 30px; /* 行间距40px（Gap间距），列间距增加到30px防重叠 */
        max-width: 100%;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
      }
      
      /* 移动端第一名 - 第一行跨两列居中 */
      .podium-position.first-place {
        grid-column: 1 / -1; /* 跨越所有列 */
        grid-row: 1; /* 第一行 */
        justify-self: center; /* 水平居中 */
        width: 100%;
        max-width: 280px;
        transform: none !important;
        order: unset !important;
        animation: mobileSlideUp 0.8s ease-out;
        animation-delay: 0.1s;
        box-sizing: border-box;
      }
      
      /* 移动端第二名 - 第二行第一列 */
      .podium-position.second-place {
        grid-column: 1; /* 第一列 */
        grid-row: 2; /* 第二行 */
        justify-self: center; /* 在列内居中 */
        width: 100%;
      
        transform: none !important;
        order: unset !important;
        animation: mobileSlideUp 0.8s ease-out;
        animation-delay: 0.2s;
        box-sizing: border-box;
        margin-right: 5px; /* 额外的右边距 */
      }
      
      /* 移动端第三名 - 第二行第二列 */
      .podium-position.third-place {
        grid-column: 2; /* 第二列 */
        grid-row: 2; /* 第二行 */
        justify-self: center; /* 在列内居中 */
        width: 100%;
      
        transform: none !important;
        order: unset !important;
        animation: mobileSlideUp 0.8s ease-out;
        animation-delay: 0.3s;
        box-sizing: border-box;
        margin-left: 5px; /* 额外的左边距 */
      }
      
      /* 重置基础样式 */
      .podium-position {
        position: relative;
      }
      
      /* 移动端卡片样式重置 */
      .podium-position .winner-card {
        transform: none !important;
        width: 100%;
        max-width: 100%;
        padding: 16px;
        margin-bottom: 12px;
        box-sizing: border-box;
        box-shadow: 
          0 12px 25px rgba(0, 0, 0, 0.08),
          0 6px 15px rgba(0, 0, 0, 0.04);
      }
      
      .podium-position.first-place .winner-card {
        padding: 20px;
        margin-bottom: 15px;
        box-shadow: 
          0 20px 40px rgba(255, 193, 7, 0.12),
          0 10px 25px rgba(0, 0, 0, 0.06);
      }
      
      .podium-position.second-place .winner-card,
      .podium-position.third-place .winner-card {
        padding: 12px;
        margin-bottom: 10px;
        max-width: 100%;
        box-sizing: border-box;
      }
      
      /* 移动端字体优化 */
      .winner-name {
        font-size: 0.95rem;
        margin-bottom: 6px;
      }
      
      .first-place .winner-name {
        font-size: 1.2rem;
        margin-bottom: 8px;
      }
      
      .earning-amount {
        font-size: 1.2rem;
        margin-bottom: 4px;
      }
      
      .first-place .earning-amount {
        font-size: 1.5rem;
        margin-bottom: 6px;
      }
      
      .tasks-completed {
        font-size: 0.75rem;
        margin-bottom: 8px;
      }
      
      .first-place .tasks-completed {
        margin-bottom: 10px;
      }
      
      .rank-number {
        width: 34px;
        height: 34px;
        font-size: 1.1rem;
        margin-bottom: 8px;
      }
      
      .first-place .rank-number {
        width: 40px;
        height: 40px;
        font-size: 1.3rem;
        margin-bottom: 10px;
      }
      
      .crown {
        font-size: 1.8rem;
        margin-bottom: 8px;
      }
      
      /* 移动端底座调整 */
      .podium-base {
        max-width: 70px;
        width: 100%;
        height: auto;
        min-height: 25px;
        box-sizing: border-box;
        margin: 0 auto;
      }
      
      .podium-base.first {
        max-width: 85px;
        min-height: 35px;
      }
      
      .podium-base.second {
        max-width: 65px;
        min-height: 20px;
      }
      
      .podium-base.third {
        max-width: 65px;
        min-height: 18px;
      }
      
      /* 移动端专用动画 */
      @keyframes mobileSlideUp {
        0% {
          opacity: 0;
          transform: translateY(20px);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }
    }
    
    /* ==== 小屏幕专用布局 - 480px以下 ==== */
    @media (max-width: 480px) {
      /* 480px以下继续使用Grid布局，间距更紧凑 */
      .podium-stage {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 25px 20px !important; /* 增加列间距防止重叠 */
        max-width: 100%;
        margin: 0 auto;
        padding: 0 15px;
        position: relative;
      }
      
      /* 小屏幕第一名 - 第一行跨两列居中 */
      .podium-position.first-place {
        grid-column: 1 / -1 !important; /* 跨越所有列 */
        grid-row: 1 !important; /* 第一行 */
        justify-self: center !important; /* 水平居中 */
        width: 100% !important;
        max-width: 250px !important;
        transform: none !important;
        order: unset !important;
        animation: mobileSlideUp 0.8s ease-out;
        animation-delay: 0.1s;
        box-sizing: border-box !important;
        margin: 0 auto !important;
      }
      
      /* 小屏幕第二名 - 第二行第一列 */
      .podium-position.second-place {
        grid-column: 1 !important; /* 第一列 */
        grid-row: 2 !important; /* 第二行 */
        justify-self: center !important; /* 在列内居中 */
        width: 100% !important;
      
        transform: none !important;
        order: unset !important;
        animation: mobileSlideUp 0.8s ease-out;
        animation-delay: 0.2s;
        box-sizing: border-box !important;
        margin-right: 8px !important; /* 增加右边距 */
      }
      
      /* 小屏幕第三名 - 第二行第二列 */
      .podium-position.third-place {
        grid-column: 2 !important; /* 第二列 */
        grid-row: 2 !important; /* 第二行 */
        justify-self: center !important; /* 在列内居中 */
        width: 100% !important;
     
        transform: none !important;
        order: unset !important;
        animation: mobileSlideUp 0.8s ease-out;
        animation-delay: 0.3s;
        box-sizing: border-box !important;
        margin-left: 8px !important; /* 增加左边距 */
      }
      
      /* 小屏幕卡片样式优化 */
      .podium-position .winner-card {
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px !important;
        margin-bottom: 8px;
        box-sizing: border-box !important;
        box-shadow: 
          0 8px 16px rgba(0, 0, 0, 0.06),
          0 4px 10px rgba(0, 0, 0, 0.03);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      }
      
      .podium-position.first-place .winner-card {
        padding: 16px !important;
        margin-bottom: 10px;
        box-shadow: 
          0 14px 28px rgba(255, 193, 7, 0.08),
          0 6px 16px rgba(0, 0, 0, 0.04);
      }
      
      .podium-position.second-place .winner-card,
      .podium-position.third-place .winner-card {
        padding: 10px !important;
        margin-bottom: 6px;
        max-width: 100% !important;
        box-sizing: border-box !important;
      }
      
      /* 小屏幕字体进一步优化 */
      .winner-name {
        font-size: 0.85rem !important;
        margin-bottom: 4px;
      }
      
      .first-place .winner-name {
        font-size: 1rem !important;
        margin-bottom: 5px;
      }
      
      .earning-amount {
        font-size: 1rem !important;
        margin-bottom: 2px;
      }
      
      .first-place .earning-amount {
        font-size: 1.2rem !important;
        margin-bottom: 4px;
      }
      
      .tasks-completed {
        font-size: 0.85rem !important;
        margin-bottom: 5px;
      }
      
      .first-place .tasks-completed {
        margin-bottom: 6px;
      }
      
      .rank-number {
        width: 30px !important;
        height: 30px !important;
        font-size: 0.9rem !important;
        margin-bottom: 5px;
        transition: all 0.25s ease;
      }
      
      .first-place .rank-number {
        width: 34px !important;
        height: 34px !important;
        font-size: 1.1rem !important;
        margin-bottom: 6px;
      }
      
      .crown {
        font-size: 1.4rem;
        margin-bottom: 5px;
        animation: crownFloat 4s ease-in-out infinite;
      }
      
      /* 小屏幕底座调整 */
      .podium-base {
        max-width: 45px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 12px !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
      }
      
      .podium-base.first {
        max-width: 60% !important;
        min-height: 30px !important;
      }
      
      .podium-base.second {
        max-width: 60% !important;
        min-height: 20px !important;
      }
      
      .podium-base.third {
        max-width: 60% !important;
        min-height: 20px !important;
      }
      
      /* 小屏幕动画优化 */
      .podium-badge {
        animation: badgeBounce 5s ease-in-out infinite;
      }
      
      .earning-amount {
        animation: amountPulse 4s ease-in-out infinite;
      }
      
      /* 小屏幕hover效果简化 */
      .winner-card:hover {
        transform: translateY(-3px) scale(1.02);
        box-shadow: 
          0 12px 24px rgba(0, 0, 0, 0.08),
          0 6px 15px rgba(16, 185, 129, 0.08);
      }
      
      .winner-card.champion:hover {
        transform: translateY(-4px) scale(1.03);
        box-shadow: 
          0 16px 32px rgba(255, 193, 7, 0.12),
          0 8px 20px rgba(0, 0, 0, 0.06);
      }
      
      .winner-card:hover .rank-number {
        transform: scale(1.05) rotate(2deg);
      }
      
      .first-place .rank-number:hover {
        transform: scale(1.1) rotate(-2deg);
      }
    }
    
    
    /* 减少动画偏好支持 */
    @media (prefers-reduced-motion: reduce) {
      .podium-badge,
      .crown,
      .earning-amount {
        animation: none;
      }
      
      .winner-card:hover {
        transform: none;
      }
    }
    
    /* ==== FAQ问答模块样式 ==== */
    .faq-section {
      background: linear-gradient(135deg, #f8fafb 0%, #ffffff 100%);
      padding: 80px 0;
      position: relative;
    }
    
    .faq-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: 
        radial-gradient(circle at 20% 80%, rgba(16, 185, 129, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(16, 185, 129, 0.03) 0%, transparent 50%);
      pointer-events: none;
    }
    
    .faq-header {
      text-align: center;
      margin-bottom: 60px;
      position: relative;
      z-index: 1;
    }
    
    .faq-header h2 {
      font-size: 2.5rem;
      font-weight: 700;
      color: var(--gray-900);
      margin-bottom: 12px;
      background: linear-gradient(135deg, var(--gray-900) 0%, var(--emerald-600) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    .faq-header p {
      font-size: 1.1rem;
      color: var(--gray-600);
      font-weight: 500;
    }
    
    .faq-container {
      max-width: 800px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }
    
    .faq-item {
      background: white;
      border-radius: 16px;
      margin-bottom: 20px;
      box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.08),
        0 4px 12px rgba(0, 0, 0, 0.04);
      border: 1px solid rgba(16, 185, 129, 0.1);
      overflow: hidden;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      animation: fadeInUp 0.6s ease-out;
    }
    
    .faq-item:nth-child(1) { animation-delay: 0.1s; }
    .faq-item:nth-child(2) { animation-delay: 0.2s; }
    .faq-item:nth-child(3) { animation-delay: 0.3s; }
    .faq-item:nth-child(4) { animation-delay: 0.4s; }
    
    .faq-item:hover {
      transform: translateY(-4px);
      box-shadow: 
        0 15px 35px rgba(0, 0, 0, 0.12),
        0 8px 20px rgba(16, 185, 129, 0.08);
      border-color: rgba(16, 185, 129, 0.2);
    }
    
    .faq-question {
      padding: 24px 28px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: linear-gradient(135deg, #ffffff 0%, #f8fafb 100%);
      border-bottom: 1px solid rgba(16, 185, 129, 0.08);
      transition: all 0.3s ease;
      position: relative;
    }
    
    .faq-question::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 4px;
      background: linear-gradient(135deg, var(--emerald-500) 0%, var(--emerald-600) 100%);
      transform: scaleY(0);
      transform-origin: center;
      transition: transform 0.3s ease;
    }
    
    .faq-item:hover .faq-question::before {
      transform: scaleY(1);
    }
    
    .faq-question h3 {
      font-size: 1.2rem;
      font-weight: 600;
      color: var(--gray-900);
      margin: 0;
      line-height: 1.4;
      transition: color 0.3s ease;
    }
    
    .faq-question:hover h3 {
      color: var(--emerald-600);
    }
    
    .faq-icon {
      font-size: 1.5rem;
      font-weight: 300;
      color: var(--emerald-600);
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, var(--emerald-50) 0%, var(--emerald-100) 100%);
      border-radius: 50%;
      transition: all 0.3s ease;
      flex-shrink: 0;
      margin-left: 16px;
    }
    
    .faq-question:hover .faq-icon {
      background: linear-gradient(135deg, var(--emerald-500) 0%, var(--emerald-600) 100%);
      color: white;
      transform: rotate(90deg);
    }
    
    .faq-answer {
      padding: 0 28px 28px 28px;
      max-height: 1000px;
      opacity: 1;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      overflow: hidden;
    }
    
    .faq-answer p {
      font-size: 1rem;
      line-height: 1.7;
      color: var(--gray-700);
      margin: 0;
      padding-top: 4px;
    }
    
    /* 收起状态 */
    .faq-item:not(.active) .faq-answer {
      max-height: 0;
      padding-top: 0;
      padding-bottom: 0;
      opacity: 0;
    }
    
    .faq-item:not(.active) .faq-icon {
      transform: rotate(0deg);
    }
    
    .faq-item:not(.active) .faq-icon:hover {
      transform: rotate(-90deg);
    }
    
    .faq-cta {
      text-align: center;
      margin-top: 50px;
      position: relative;
      z-index: 1;
    }
    
    .faq-join-btn {
      background: linear-gradient(135deg, var(--emerald-500) 0%, var(--emerald-600) 100%);
      color: white;
      border: none;
      padding: 16px 32px;
      border-radius: 12px;
      font-size: 1.1rem;
      font-weight: 600;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 12px;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      box-shadow: 
        0 8px 20px rgba(16, 185, 129, 0.25),
        0 4px 12px rgba(0, 0, 0, 0.08);
      position: relative;
      overflow: hidden;
    }
    
    .faq-join-btn::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
      transition: left 0.6s ease;
    }
    
    .faq-join-btn:hover {
      transform: translateY(-2px);
      box-shadow: 
        0 12px 30px rgba(16, 185, 129, 0.35),
        0 6px 16px rgba(0, 0, 0, 0.12);
    }
    
    .faq-join-btn:hover::before {
      left: 100%;
    }
    
    .faq-join-btn i {
      font-size: 1.2rem;
    }
    
    /* FAQ动画 */
    @keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translateY(30px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }
    
    /* FAQ移动端适配 */
    @media (max-width: 768px) {
      .faq-section {
        padding: 60px 0;
      }
      
      .faq-header {
        margin-bottom: 40px;
        padding: 0 20px;
      }
      
      .faq-header h2 {
        font-size: 2rem;
      }
      
      .faq-container {
        margin: 0 20px;
      }
      
      .faq-question {
        padding: 20px 22px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
      }
      
      .faq-question h3 {
        font-size: 1.1rem;
        order: 1;
      }
      
      .faq-icon {
        align-self: flex-end;
        order: 2;
        margin-left: 0;
        margin-top: -40px;
      }
      
      .faq-answer {
        padding: 0 22px 22px 22px;
      }
      
      .faq-answer p {
        font-size: 0.95rem;
      }
      
      .faq-cta {
        margin-top: 40px;
        padding: 0 20px;
      }
      
      .faq-join-btn {
        width: 100%;
        justify-content: center;
        padding: 18px 24px;
      }
    }
    
    @media (max-width: 480px) {
      .faq-section {
        padding: 50px 0;
      }
      
      .faq-header h2 {
        font-size: 1.8rem;
      }
      
      .faq-question {
        padding: 18px 20px;
      }
      
      .faq-question h3 {
        font-size: 1rem;
      }
      
      .faq-answer {
        padding: 0 20px 20px 20px;
      }
      
      .faq-answer p {
        font-size: 0.9rem;
      }
      
      .faq-icon {
        width: 28px;
        height: 28px;
        margin-top: -36px;
      }
    }

    /* ==== 实时行动召唤模块样式 ==== */
    .live-cta-section {
      background: linear-gradient(135deg, #ffffff 0%, #f8fafb 100%);
      padding: 60px 0;
      position: relative;
      overflow: hidden;
    }

    .live-cta-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: 
        radial-gradient(circle at 30% 20%, rgba(16, 185, 129, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 70% 80%, rgba(59, 130, 246, 0.06) 0%, transparent 50%);
      pointer-events: none;
    }

    .live-cta-container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0px;
      position: relative;
      z-index: 1;
    }

    .live-stats-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 60px;
      margin-bottom: 40px;
      background: white;
      border-radius: 20px;
      padding: 32px;
      box-shadow: 
        0 20px 50px rgba(0, 0, 0, 0.08),
        0 8px 25px rgba(0, 0, 0, 0.04);
      border: 1px solid rgba(16, 185, 129, 0.1);
      position: relative;
      overflow: hidden;
    }

    .live-stats-wrapper::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, 
        var(--emerald-500) 0%, 
        var(--blue-500) 50%, 
        var(--emerald-500) 100%);
      animation: gradientShift 3s ease-in-out infinite;
    }

    .live-stat-item {
      display: flex;
      align-items: center;
      gap: 20px;
      flex: 1;
      position: relative;
    }

    .stat-icon {
      width: 64px;
      height: 64px;
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.8rem;
      position: relative;
      overflow: hidden;
    }

    .registration-stat .stat-icon {
      background: linear-gradient(135deg, var(--emerald-50) 0%, var(--emerald-100) 100%);
      color: var(--emerald-600);
    }

    .earnings-stat .stat-icon {
      background: linear-gradient(135deg, var(--blue-50) 0%, var(--blue-100) 100%);
      color: var(--blue-600);
    }

    .stat-icon::before {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
      transform: rotate(45deg);
      animation: iconShimmer 3s linear infinite;
    }

    .stat-content {
      flex: 1;
    }

    .stat-label {
      font-size: 0.9rem;
      color: var(--gray-600);
      font-weight: 500;
      margin-bottom: 4px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    .stat-number {
      font-size: 2.2rem;
      font-weight: 700;
      margin-bottom: 4px;
      background: linear-gradient(135deg, var(--gray-900) 0%, var(--emerald-600) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      animation: numberPulse 2s ease-in-out infinite;
    }

    .stat-number.earnings {
      background: linear-gradient(135deg, var(--gray-900) 0%, var(--blue-600) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .stat-trend {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 0.85rem;
      color: var(--emerald-600);
      font-weight: 600;
    }

    .stat-trend i {
      animation: arrowBounce 1.5s ease-in-out infinite;
    }

    .stats-divider {
      width: 1px;
      height: 80px;
      background: linear-gradient(180deg, 
        transparent 0%, 
        var(--gray-200) 20%, 
        var(--gray-300) 50%, 
        var(--gray-200) 80%, 
        transparent 100%);
      position: relative;
    }

    .stats-divider::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 8px;
      height: 8px;
      background: var(--emerald-500);
      border-radius: 50%;
      animation: dotPulse 2s ease-in-out infinite;
    }

    .live-cta-action {
      text-align: center;
    }

    .cta-urgency {
      margin-bottom: 24px;
    }

    .urgency-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
      color: #d97706;
      padding: 12px 20px;
      border-radius: 25px;
      font-size: 0.9rem;
      font-weight: 600;
      border: 1px solid #fbbf24;
      animation: urgencyPulse 2s ease-in-out infinite;
      box-shadow: 
        0 4px 15px rgba(251, 191, 36, 0.2),
        0 2px 8px rgba(0, 0, 0, 0.04);
    }

    .urgency-badge i {
      animation: clockTick 1s linear infinite;
    }

    .live-join-btn {
      background: linear-gradient(135deg, var(--emerald-500) 0%, var(--emerald-600) 100%);
      color: white;
      border: none;
      padding: 0;
      border-radius: 16px;
      font-weight: 600;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      box-shadow: 
        0 12px 30px rgba(16, 185, 129, 0.3),
        0 6px 16px rgba(0, 0, 0, 0.08);
      min-width: 300px;
    }

    .btn-content {
      display: flex;
      align-items: center;
      padding: 18px 24px;
      gap: 16px;
      position: relative;
      z-index: 1;
    }

    .btn-icon {
      width: 48px;
      height: 48px;
      background: rgba(255, 255, 255, 0.15);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
      backdrop-filter: blur(10px);
    }

    .btn-text {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 2px;
    }

    .btn-main {
      font-size: 1.2rem;
      font-weight: 700;
    }

    .btn-sub {
      font-size: 0.85rem;
      opacity: 0.9;
      font-weight: 400;
    }

    .btn-glow {
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.2), 
        transparent);
      transition: left 0.6s ease;
    }

    .live-join-btn:hover {
      transform: translateY(-3px);
      box-shadow: 
        0 16px 40px rgba(16, 185, 129, 0.4),
        0 8px 20px rgba(0, 0, 0, 0.12);
    }

    .live-join-btn:hover .btn-glow {
      left: 100%;
    }

    .live-join-btn:hover .btn-icon {
      transform: scale(1.1) rotate(5deg);
    }

    /* 动画定义 */
    @keyframes numberPulse {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.02); }
    }

    @keyframes arrowBounce {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-3px); }
    }

    @keyframes dotPulse {
      0%, 100% { 
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
      }
      50% { 
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0.7;
      }
    }

    @keyframes urgencyPulse {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.03); }
    }

    @keyframes clockTick {
      0% { transform: rotate(0deg); }
      25% { transform: rotate(10deg); }
      75% { transform: rotate(-10deg); }
      100% { transform: rotate(0deg); }
    }

    @keyframes iconShimmer {
      0% { transform: rotate(45deg) translateX(-200%); }
      100% { transform: rotate(45deg) translateX(200%); }
    }

    @keyframes gradientShift {
      0%, 100% { 
        background: linear-gradient(90deg, 
          var(--emerald-500) 0%, 
          var(--blue-500) 50%, 
          var(--emerald-500) 100%);
      }
      50% { 
        background: linear-gradient(90deg, 
          var(--blue-500) 0%, 
          var(--emerald-500) 50%, 
          var(--blue-500) 100%);
      }
    }

    /* 实时行动召唤移动端适配 */
    @media (max-width: 768px) {
      .live-cta-section {
        padding: 40px 0;
      }

      .live-cta-container {
        padding: 0px;
      }

      .live-stats-wrapper {
        flex-direction: column;
        gap: 24px;
        padding: 24px 20px;
      }

      .live-stat-item {
        justify-content: center;
        text-align: center;
        flex-direction: column;
        gap: 12px;
      }

      .stats-divider {
        width: 80%;
        height: 1px;
        margin: 0 auto;
      }

      .stats-divider::before {
        top: 50%;
        left: 50%;
      }

      .stat-number {
        font-size: 1.8rem;
      }

      .live-join-btn {
        min-width: 100%;
      }

      .btn-content {
        justify-content: center;
        padding: 16px 20px;
      }

      .btn-text {
        align-items: center;
        text-align: center;
      }
      .how-it-works{margin:0}
    }

    @media (max-width: 480px) {
      .live-stats-wrapper {
        padding: 20px 16px;
      }

      .stat-icon {
        width: 56px;
        height: 56px;
        font-size: 1.5rem;
      }

      .stat-number {
        font-size: 1.6rem;
      }

      .btn-main {
        font-size: 1.1rem;
      }

      .btn-sub {
        font-size: 0.8rem;
      }
    }
    .float_btn_icon{width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    display: inline-grid
;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    backdrop-filter: blur(10px);}

    /* ==== 最终召唤语段落样式 ==== */
    .final-call-section {
      background: linear-gradient(135deg, 
        #0f172a 0%, 
        #1e293b 25%, 
        #334155 50%, 
        #1e293b 75%, 
        #0f172a 100%);
      position: relative;
      padding: 80px 0;
      overflow: hidden;
    }

    .final-call-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: 
        radial-gradient(circle at 20% 20%, rgba(16, 185, 129, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(59, 130, 246, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(251, 191, 36, 0.05) 0%, transparent 70%);
      pointer-events: none;
    }

    .final-call-section::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: 
        repeating-linear-gradient(
          45deg,
          transparent,
          transparent 2px,
          rgba(255, 255, 255, 0.01) 2px,
          rgba(255, 255, 255, 0.01) 4px
        );
      pointer-events: none;
    }

    .final-call-container {
      max-width: 1000px;
      margin: 0 auto;
      padding: 0 24px;
      position: relative;
      z-index: 1;
    }

    .final-call-content {
      text-align: center;
      color: white;
    }

    .call-highlight {
      margin-bottom: 40px;
      position: relative;
    }

    .highlight-badge {
      display: inline-block;
      background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
      color: #1f2937;
      padding: 8px 20px;
      border-radius: 25px;
      font-size: 0.9rem;
      font-weight: 700;
      letter-spacing: 1px;
      margin-bottom: 16px;
      animation: badgeGlow 2s ease-in-out infinite alternate;
      box-shadow: 
        0 4px 15px rgba(251, 191, 36, 0.3),
        0 2px 8px rgba(0, 0, 0, 0.2);
    }

    .call-title {
      font-size: 3rem;
      font-weight: 800;
      margin: 0;
      background: linear-gradient(135deg, 
        #ffffff 0%, 
        #10b981 25%, 
        #3b82f6 50%, 
        #fbbf24 75%, 
        #ffffff 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      background-size: 300% 300%;
      animation: gradientMove 4s ease-in-out infinite;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
      line-height: 1.2;
    }

    .call-description {
      font-size: 1.3rem;
      line-height: 1.7;
      color: #e2e8f0;
      margin: 40px auto;
      max-width: 800px;
      position: relative;
    }

    .call-description strong {
      color: #10b981;
      font-weight: 700;
      background: linear-gradient(135deg, #10b981 0%, #3b82f6 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .opportunity-highlight {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      margin: 50px auto;
      max-width: 600px;
      padding: 30px;
      background: rgba(255, 255, 255, 0.05);
      border-radius: 20px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(10px);
      position: relative;
      overflow: hidden;
    }

    .opportunity-highlight::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.1), 
        transparent);
      animation: shimmer 3s linear infinite;
    }

    .opportunity-icon {
      width: 60px;
      height: 60px;
      background: linear-gradient(135deg, #10b981 0%, #3b82f6 100%);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      color: white;
      flex-shrink: 0;
      animation: iconFloat 3s ease-in-out infinite;
      box-shadow: 
        0 8px 25px rgba(16, 185, 129, 0.3),
        0 4px 12px rgba(0, 0, 0, 0.2);
    }

    .opportunity-text {
      font-size: 1.2rem;
      line-height: 1.6;
      color: #f1f5f9;
      margin: 0;
      flex: 1;
    }

    .opportunity-text strong {
      color: #fbbf24;
      font-weight: 700;
    }

    .final-action {
      margin-top: 60px;
    }

    .ultimate-cta-btn {
      background: linear-gradient(135deg, #10b981 0%, #059669 100%);
      color: white;
      border: none;
      padding: 20px 40px;
      border-radius: 50px;
      font-size: 1.3rem;
      font-weight: 700;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      box-shadow: 
        0 15px 35px rgba(16, 185, 129, 0.4),
        0 8px 20px rgba(0, 0, 0, 0.2);
      border: 2px solid rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(10px);
      animation: buttonPulse 2s ease-in-out infinite;
    }

    .btn-shine {
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: linear-gradient(45deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
      transform: rotate(45deg);
      animation: shine 3s linear infinite;
    }

    .ultimate-cta-btn .btn-content {
      display: flex;
      align-items: center;
      gap: 12px;
      position: relative;
      z-index: 1;
    }

    .ultimate-cta-btn i {
      font-size: 1.4rem;
      animation: whatsappBounce 1s ease-in-out infinite;
    }

    .ultimate-cta-btn:hover {
      transform: translateY(-5px) scale(1.05);
      box-shadow: 
        0 20px 45px rgba(16, 185, 129, 0.5),
        0 10px 25px rgba(0, 0, 0, 0.3);
    }

    .final-assurance {
      font-size: 1rem;
      color: #cbd5e1;
      margin-top: 20px;
      font-weight: 600;
      letter-spacing: 0.5px;
    }

    /* 动画定义 */
    @keyframes gradientMove {
      0%, 100% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
    }

    @keyframes badgeGlow {
      0% { 
        box-shadow: 
          0 4px 15px rgba(251, 191, 36, 0.3),
          0 2px 8px rgba(0, 0, 0, 0.2);
      }
      100% { 
        box-shadow: 
          0 6px 25px rgba(251, 191, 36, 0.5),
          0 4px 15px rgba(0, 0, 0, 0.3);
      }
    }

    @keyframes shimmer {
      0% { left: -100%; }
      100% { left: 100%; }
    }

    @keyframes iconFloat {
      0%, 100% { transform: translateY(0px) rotate(0deg); }
      33% { transform: translateY(-5px) rotate(2deg); }
      66% { transform: translateY(2px) rotate(-2deg); }
    }

    @keyframes shine {
      0% { transform: rotate(45deg) translateX(-200%); }
      100% { transform: rotate(45deg) translateX(200%); }
    }

    @keyframes buttonPulse {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.02); }
    }

    @keyframes whatsappBounce {
      0%, 100% { transform: scale(1) rotate(0deg); }
      50% { transform: scale(1.1) rotate(5deg); }
    }

    /* 最终召唤语移动端适配 */
    @media (max-width: 768px) {
      .final-call-section {
        padding: 60px 0;
      }

      .final-call-container {
        padding: 0 20px;
      }

      .call-title {
        font-size: 2.2rem;
      }

      .call-description {
        font-size: 1.1rem;
        margin: 30px auto;
      }

      .opportunity-highlight {
        flex-direction: column;
        text-align: center;
        gap: 16px;
        padding: 24px;
        margin: 40px auto;
      }

      .opportunity-text {
        font-size: 1.1rem;
      }

      .ultimate-cta-btn {
        width: 100%;
        padding: 18px 32px;
        font-size: 1.2rem;
      }

      .final-action {
        margin-top: 50px;
      }
    }

    @media (max-width: 480px) {
      .final-call-section {
        padding: 50px 0;
      }

      .call-title {
        font-size: 1.9rem;
      }

      .call-description {
        font-size: 1rem;
        margin: 25px auto;
      }

      .opportunity-highlight {
        padding: 20px;
        margin: 35px auto;
      }

      .opportunity-icon {
        width: 50px;
        height: 50px;
        font-size: 1.3rem;
      }

      .opportunity-text {
        font-size: 1rem;
      }

      .ultimate-cta-btn {
        padding: 16px 28px;
        font-size: 1.1rem;
      }

      .final-assurance {
        font-size: 0.9rem;
        margin-top: 15px;
      }
    }