/* ===== 蘑菇视频官网响应式样式 ===== */

/* 平板端 (≤1024px) */
@media (max-width: 1024px) {
  .hero-content { grid-template-columns: 1fr; gap: 40px; }
  .hero-image { order: -1; }
  .hero-title { font-size: 2.2rem; }
  .video-grid { grid-template-columns: repeat(2, 1fr); }
  .story-grid { grid-template-columns: 1fr; gap: 40px; }
  .story-image { order: -1; }
  .products-grid { grid-template-columns: repeat(2, 1fr); }
  .scenarios-grid { grid-template-columns: repeat(2, 1fr); }
  .reviews-grid { grid-template-columns: repeat(2, 1fr); }
  .media-grid { grid-template-columns: repeat(2, 1fr); }
  .guide-steps { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .content-grid { grid-template-columns: 1fr; }
  .sidebar { position: static; }
  .feature-list { grid-template-columns: 1fr; }
  .download-cards { grid-template-columns: repeat(2, 1fr); }
}

/* 移动端 (≤768px) */
@media (max-width: 768px) {
  section { padding: 50px 0; }
  .section-title { font-size: 1.6rem; }
  .hero-title { font-size: 1.8rem; }
  .hero-stats { gap: 20px; }
  .stat-item strong { font-size: 1.3rem; }
  .nav-menu { display: none; flex-direction: column; width: 100%; background: #fff; padding: 10px 0; border-top: 1px solid var(--border); }
  .nav-menu.open { display: flex; }
  .nav-menu a { padding: 10px 16px; border-radius: 0; }
  .nav-toggle { display: flex; }
  .video-grid { grid-template-columns: 1fr; }
  .products-grid { grid-template-columns: 1fr; }
  .scenarios-grid { grid-template-columns: 1fr; }
  .reviews-grid { grid-template-columns: 1fr; }
  .media-grid { grid-template-columns: 1fr; }
  .guide-steps { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 30px; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .footer-legal { justify-content: center; }
  .hero-actions { flex-direction: column; }
  .btn-primary, .btn-secondary { text-align: center; }
  .back-to-top { bottom: 20px; right: 20px; width: 40px; height: 40px; font-size: 1.2rem; }
  .download-cards { grid-template-columns: 1fr; }
  .social-grid { grid-template-columns: repeat(2, 1fr); }
  .page-hero-title { font-size: 1.6rem; }
}

/* 小屏手机 (≤480px) */
@media (max-width: 480px) {
  .container { padding: 0 14px; }
  .hero-title { font-size: 1.5rem; }
  .hero-stats { flex-wrap: wrap; gap: 16px; }
  .search-form { max-width: 100%; }
  .products-grid { grid-template-columns: 1fr; }
}