/* 积分功能移动端样式补充 */

/* 小型设备（768px及以下） */
@media (max-width: 768px) {
  .jifen-hero {
    padding: 80px 0 60px;
    min-height: auto;
  }
  
  .jifen-hero h1 {
    font-size: 2.5rem;
  }
  
  .jifen-hero .subtitle {
    font-size: 1.2rem;
  }
  
  .jifen-features-grid,
  .jifen-challenge-grid,
  .jifen-steps,
  .jifen-capabilities-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  
  .jifen-redemption-content {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .jifen-hero .cta-buttons {
    flex-direction: column;
    align-items: center;
  }
  
  /* Banner区域移动端按钮样式 */
  .banner-actions {
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 300px;
  }
  
  /* 确保Banner区域两个按钮宽度一致 */
  .banner-actions .jx-btn.jx-contact-online,
  .banner-actions .btn-secondary {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    padding: 16px 32px !important;
    justify-content: center !important;
  }
  
  /* 调整按钮颜色，增加区分度 */
  .banner-actions .btn-secondary {
    background: white !important;
    color: #0072FF !important;
    border-color: white !important;
  }
  
  .banner-actions .btn-secondary:hover {
    background: #f0f0f0 !important;
    color: #0056CC !important;
    border-color: #f0f0f0 !important;
  }
  
  /* 积分模块样式调整 - 移动端 */
  .feature-module .text-content .module-title,
  .feature-module .text-content .module-description,
  .feature-module .text-content .feature-list {
    text-align: left;
  }
  
  /* 确保所有按钮文字居中显示 */
  .btn,
  .btn-primary,
  .btn-secondary,
  .btn-outline-purple,
  .btn-primary-gradient,
  .btn-primary.btn-hover-effect,
  a.btn,
  a.btn-primary,
  a.btn-secondary,
  a.btn-outline-purple,
  a.btn-primary-gradient,
  a.btn-primary.btn-hover-effect,
  .banner-actions .btn,
  .banner-actions a,
  .module-actions .btn,
  .module-actions a,
  .jifen-hero .cta-buttons .btn,
  .jifen-hero .cta-buttons a {
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    min-height: 48px !important;
  }
  
  /* 确保按钮内文字容器也居中 */
  .btn span,
  .btn-primary span,
  .btn-secondary span,
  a.btn span {
    display: inline-block !important;
    text-align: center !important;
    width: 100% !important;
  }
  
  /* 确保所有按钮类型宽度一致 */
.feature-module .module-actions {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 直接针对积分获取模块的按钮 */
.feature-module:has(.module-title:contains('积分获取')) .module-actions a,
.feature-module:has(.module-title:contains('积分获取')) .module-actions .btn-primary,
.feature-module:has(.module-title:contains('积分获取')) .module-actions .btn-primary.btn-hover-effect,
.feature-module:has(.module-title:contains('积分获取')) .module-actions .btn-outline-purple {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    padding: 12px 16px !important;
    display: block !important;
    text-align: center !important;
    line-height: 24px !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    margin: 0 !important;
    position: relative !important;
}

/* 备用选择器，确保兼容性 */
#积分获取附近的按钮,
.module-actions > a:nth-child(1),
.module-actions > a:nth-child(2) {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}
}

/* 超小型设备（480px及以下） */
@media (max-width: 480px) {
  .jifen-hero h1 {
    font-size: 2rem;
  }
  
  .jifen-feature-card,
  .jifen-challenge-card,
  .jifen-capability {
    padding: 1.5rem;
  }
}