/* ========== 响应式样式 ========== */

/* Tablet (768px - 1023px) */
@media (max-width: 1023px) {
  .features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .products-grid {
    grid-template-columns: 1fr;
  }
  
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .module-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .channels-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .tech-grid {
    grid-template-columns: 1fr;
  }
  
  .cases-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .footer-content {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .about-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .contact-methods {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile (<768px) */
@media (max-width: 767px) {
  /* 导航栏 */
  .navbar-links {
    display: none;
  }
  
  .navbar-cta {
    display: none;
  }
  
  .mobile-menu-button {
    display: block;
  }
  
  .mobile-menu.active {
    display: block;
  }
  
  /* Hero */
  .hero {
    padding: var(--spacing-16) var(--spacing-4);
  }
  
  .hero-title {
    font-size: var(--font-size-4xl);
  }
  
  .hero-subtitle {
    font-size: var(--font-size-xl);
  }
  
  .hero-slogan {
    font-size: var(--font-size-lg);
  }
  
  .hero-description {
    font-size: var(--font-size-base);
  }
  
  .hero-cta {
    flex-direction: column;
    gap: var(--spacing-4);
  }
  
  .btn-primary,
  .btn-secondary {
    width: 100%;
  }
  
  /* Grids */
  .features-grid,
  .products-grid,
  .stats-grid,
  .module-features,
  .module-grid,
  .channels-grid,
  .tech-grid,
  .cases-grid {
    grid-template-columns: 1fr;
  }
  
  /* Footer */
  .footer-content {
    grid-template-columns: 1fr;
    gap: var(--spacing-6);
  }
  
  .footer-bottom {
    flex-direction: column;
    gap: var(--spacing-3);
    text-align: center;
  }
  
  /* 页面Header */
  .page-header {
    padding: var(--spacing-16) 0 var(--spacing-8);
  }
  
  .page-title {
    font-size: var(--font-size-3xl);
  }
  
  .page-subtitle {
    font-size: var(--font-size-lg);
  }
  
  /* 联系表单 */
  .contact-grid {
    grid-template-columns: 1fr;
  }
  
  /* 关于我们 */
  .about-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .mission-vision {
    grid-template-columns: 1fr;
  }
  
  .history-item {
    flex-direction: column;
    gap: var(--spacing-3);
  }
  
  .history-date {
    min-width: auto;
  }
  
  /* 联系我们 */
  .contact-methods {
    grid-template-columns: 1fr;
  }
  
  .social-links {
    grid-template-columns: 1fr;
  }
  
  /* 通知 */
  .notification {
    top: var(--spacing-4);
    right: var(--spacing-4);
    left: var(--spacing-4);
    width: auto;
  }
  
  /* 容器padding调整 */
  .container {
    padding: 0 var(--spacing-4);
  }
}

/* 小屏幕手机 (<480px) */
@media (max-width: 479px) {
  .hero-title {
    font-size: var(--font-size-3xl);
  }
  
  .section-title {
    font-size: var(--font-size-2xl);
  }
  
  .about-grid {
    grid-template-columns: 1fr;
  }
  
  /* 字体大小调整 */
  .feature-title,
  .product-title,
  .case-title,
  .module-title,
  .business-title,
  .channel-title {
    font-size: var(--font-size-lg);
  }
  
  .stat-number {
    font-size: var(--font-size-2xl);
  }
}

/* 大屏 (>1280px) */
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
  
  .features-grid {
    gap: var(--spacing-12);
  }
  
  .products-grid {
    gap: var(--spacing-12);
  }
}

/* 超大屏 (>1536px) */
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
  
  .hero-title {
    font-size: 5rem;
  }
}

/* 打印样式 */
@media print {
  .navbar,
  .footer,
  .mobile-menu-button {
    display: none;
  }
  
  .hero {
    min-height: auto;
    padding: var(--spacing-8);
  }
  
  body {
    background: white;
    color: black;
  }
  
  .btn-primary,
  .btn-secondary {
    border: 1px solid black;
    background: white;
    color: black;
  }
}

/* 高分辨率屏幕 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* 可以在这里添加高分辨率图片的样式 */
}