/* Footer 响应式样式 */
.footer-section {
  width: 100vw;
  height: 100vh;
  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 60px;
}

/* 平板设备 */
@media (max-width: 1024px) {
  .footer-section {
    padding: 0 40px;
  }
  
  .footer-section h1 {
    font-size: 48px !important;
  }
  
  .footer-section h2 {
    font-size: 36px !important;
  }
  
  .footer-section .footer-main-content {
    gap: 60px !important;
  }
  
  .footer-section .footer-contact-section {
    gap: 60px !important;
  }
}

/* 移动设备 */
@media (max-width: 768px) {
  .footer-section {
    padding: 0 20px;
    justify-content: flex-start;
    padding-top: 80px;
  }
  
  .footer-section h1 {
    font-size: 32px !important;
    text-align: center;
  }
  
  .footer-section h2 {
    font-size: 28px !important;
    text-align: center;
  }
  
  .footer-section .footer-main-content {
    gap: 40px !important;
  }
  
  .footer-section .footer-header-section {
    flex-direction: column !important;
    gap: 30px !important;
    text-align: center;
  }
  
  .footer-section .footer-contact-section {
    flex-direction: column !important;
    gap: 40px !important;
    align-items: center !important;
  }
  
  .footer-section .footer-contact-right {
    align-items: center !important;
    text-align: center !important;
  }
  
  .footer-section .footer-contact-right div {
    text-align: center !important;
  }
  
  .footer-section .footer-contact-right p {
    text-align: center !important;
  }
  
  .footer-section .footer-links {
    flex-direction: column !important;
    gap: 12px !important;
  }
}

/* 小屏手机 */
@media (max-width: 480px) {
  .footer-section {
    padding: 0 15px;
    padding-top: 60px;
  }
  
  .footer-section h1 {
    font-size: 24px !important;
  }
  
  .footer-section h2 {
    font-size: 24px !important;
  }
  
  .footer-section .footer-main-content {
    gap: 30px !important;
  }
  
  .footer-section .footer-qr-container {
    width: 120px !important;
    height: 120px !important;
  }
  
  .footer-section .footer-logo-container {
    width: 80px !important;
    height: 80px !important;
  }
}