/* ��綺�綣�垸� */

/* 紊у�綛� (>=1200px) */
@media (min-width: 1200px) {
  .container {
    padding: 0 var(--space-4);
  }
}

/* 綛恰�水��絨��镾��� (992px-1199px) */
@media (max-width: 1199px) {
  .banner-content h2 {
    font-size: var(--text-4xl);
  }
  
  .section-title {
    font-size: var(--text-2xl);
  }
  
  .footer-content {
    grid-template-columns: 1fr 1.5fr 1fr;
  }
}

/* 綛恰�粋�紊� (768px-991px) */
@media (max-width: 991px) {
  .banner-content h2 {
    font-size: var(--text-3xl);
  }
  
  .banner-content p {
    font-size: var(--text-lg);
  }
  
  .module-grid,
  .hot-content-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .footer-content {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
  }
  
  .footer-logo {
    grid-column: 1 / -1;
    margin-bottom: var(--space-3);
    text-align: center;
  }
}

/* 紊у������ (576px-767px) */
@media (max-width: 767px) {
  :root {
    --text-5xl: 2.5rem;
    --text-4xl: 2rem;
    --text-3xl: 1.75rem;
    --text-2xl: 1.5rem;
  }
  
  .hero-banner {
    height: 60vh;
  }
  
  .main-nav {
    display: none;
    position: absolute;
    top: 4.5rem;
    left: 0;
    width: 100%;
    background-color: var(--color-white);
    box-shadow: var(--shadow-md);
    padding: var(--space-2);
  }
  
  .main-nav.active {
    display: block;
  }
  
  .main-nav ul {
    flex-direction: column;
    gap: var(--space-2);
  }
  
  .main-nav li {
    width: 100%;
    text-align: center;
    padding: var(--space-1) 0;
  }
  
  .mobile-menu-toggle {
    display: block;
  }
  
  .module-grid,
  .hot-content-grid,
  .testimonials {
    grid-template-columns: 1fr;
  }
  
  .advantages-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .footer-content {
    grid-template-columns: 1fr;
  }
  
  .footer-links {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-2);
  }
  
  .subscribe-form {
    flex-direction: column;
  }
  
  .subscribe-form input {
    border-radius: var(--radius-md);
    margin-bottom: var(--space-2);
  }
  
  .subscribe-form .cta-button {
    border-radius: var(--radius-md);
  }
  
  .section-title::after {
    width: 3rem;
  }
}

/* 絨������ (<=575px) */
@media (max-width: 575px) {
  .hero-banner {
    height: 50vh;
  }
  
  .banner-content {
    text-align: center;
    padding: var(--space-2);
  }
  
  .banner-content h2 {
    font-size: var(--text-2xl);
  }
  
  .banner-content p {
    font-size: var(--text-base);
  }
  
  .intro-text {
    font-size: var(--text-base);
  }
  
  .advantages-grid {
    grid-template-columns: 1fr;
  }
  
  .footer-links {
    grid-template-columns: 1fr;
  }
  
  .content-module,
  .hot-item,
  .advantage-item,
  .testimonial {
    box-shadow: var(--shadow-sm);
  }
  
  .section-title {
    font-size: var(--text-xl);
  }
  
  .hot-item-content h3 {
    font-size: var(--text-lg);
  }
  
  .cert-logos,
  .partner-logos {
    gap: var(--space-2);
  }
  
  .cert-logos img,
  .partner-logos img {
    max-height: 40px;
  }
}

/* 霡糸�����JavaScript�推撮 - 篏睡��CSS�丞ず/���� */
#mobile-menu-checkbox {
  display: none;
}

#mobile-menu-checkbox:checked ~ .main-nav {
  display: block;
}

/* 蕭�DPI絮鎶�篌��� */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-banner,
  .content-module img,
  .hot-item img {
    image-rendering: -webkit-optimize-contrast;
  }
}

/* ��罔≦����� (����) */
@media (prefers-color-scheme: dark) {
  body {
    background-color: var(--color-dark);
    color: var(--color-gray-300);
  }
  
  .header,
  .content-module,
  .hot-item,
  .advantage-item,
  .testimonial {
    background-color: var(--color-gray-900);
  }
  
  .intro-section,
  .advantages,
  .trust-section {
    background-color: var(--color-gray-800);
  }
  
  .hot-content,
  .content-modules {
    background-color: var(--color-gray-900);
  }
  
  .module-content p,
  .excerpt,
  .advantage-item p {
    color: var(--color-gray-400);
  }
  
  .hot-item-content h3 {
    color: var(--color-gray-200);
  }
  
  .quote {
    color: var(--color-gray-300);
  }
  
  .footer {
    background-color: var(--color-dark);
  }
}

/* ���井�桁�篌��� */
@media print {
  .hero-banner,
  .subscribe-section,
  .trust-section,
  .footer,
  .cta-button {
    display: none;
  }
  
  body {
    background-color: white;
    color: black;
  }
  
  .content-module,
  .hot-item,
  .advantage-item {
    break-inside: avoid;
    box-shadow: none;
    border: 1px solid #eee;
  }
  
  .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
}

/* 絎����阪������ (��絲�iPhone X��篁ヤ���羌桁�莅上�) */
@supports (padding: max(0px)) {
  .header,
  .footer {
    padding-left: max(var(--space-2), env(safe-area-inset-left));
    padding-right: max(var(--space-2), env(safe-area-inset-right));
  }
  
  .footer {
    padding-bottom: max(var(--space-3), env(safe-area-inset-bottom));
  }
}

/* 羌���羯������ */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}