/* ==========================================================================
   欧淘严选建站 outaoyanxuan.com - 响应式样式
   完美适配电脑、平板、手机
   ========================================================================== */

/* 大屏适配 */
@media (max-width: 1280px) {
  .container { padding: 0 24px; }
  .footer-grid { gap: 32px; }
}

/* 平板适配 */
@media (max-width: 1024px) {
  .main-nav { display: none; }
  .nav-cta { display: none; }
  .nav-toggle { display: flex; }

  .hero-grid { grid-template-columns: 1fr; gap: 36px; }
  .hero-quilt { max-width: 560px; }

  .advantage-grid { grid-template-columns: repeat(2, 1fr); }
  .adv-quadrant:nth-child(even) { transform: none; }
  .adv-quadrant:nth-child(even):hover { transform: translateY(-6px); }

  .service-matrix { grid-template-columns: repeat(2, 1fr); }
  .matrix-card:nth-child(3n+2) { transform: none; }
  .matrix-card:nth-child(3n+2):hover { transform: translateY(-6px); }

  .case-showcase { grid-template-columns: 1fr 1fr; }
  .case-featured { grid-column: 1 / -1; grid-row: auto; min-height: 320px; }

  .news-list-home { grid-template-columns: repeat(2, 1fr); }

  .about-story { grid-template-columns: 1fr; gap: 32px; }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .honor-wall { grid-template-columns: 1fr 1fr; }

  .service-detail-hero { grid-template-columns: 1fr; gap: 32px; }
  .process-flow { grid-template-columns: repeat(3, 1fr); }

  .case-grid { grid-template-columns: repeat(2, 1fr); }
  .case-detail-header { grid-template-columns: 1fr; }

  .solution-grid { grid-template-columns: 1fr; }
  .product-grid { grid-template-columns: repeat(2, 1fr); }
  .product-detail { grid-template-columns: 1fr; gap: 32px; }

  .news-layout { grid-template-columns: 1fr; }
  .news-sidebar { position: static; }

  .article-layout { grid-template-columns: 1fr; }
  .related-grid { grid-template-columns: repeat(2, 1fr); }

  .pricing-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }
  .pricing-card.featured { transform: none; }
  .pricing-card.featured:hover { transform: translateY(-6px); }

  .contact-layout { grid-template-columns: 1fr; }
  .download-grid { grid-template-columns: 1fr; }
  .partner-grid { grid-template-columns: repeat(4, 1fr); }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .cta-banner { flex-direction: column; text-align: center; padding: 40px 32px; }
}

/* 手机适配 */
@media (max-width: 640px) {
  .container { padding: 0 18px; }
  .section { padding: 60px 0; }
  .page-hero { padding: 120px 0 48px; }
  .hero-home { padding: 110px 0 56px; }

  h1 { font-size: 1.8rem; }
  h2 { font-size: 1.45rem; }

  .hero-stats { gap: 20px; flex-wrap: wrap; }
  .hero-stat .num { font-size: 1.5rem; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; justify-content: center; }

  .advantage-grid { grid-template-columns: 1fr; }
  .service-matrix { grid-template-columns: 1fr; }
  .news-list-home { grid-template-columns: 1fr; }
  .case-showcase { grid-template-columns: 1fr; }
  .case-item { min-height: 180px; }

  .team-grid { grid-template-columns: 1fr; }
  .honor-wall { grid-template-columns: 1fr; }
  .process-flow { grid-template-columns: 1fr 1fr; }

  .case-grid { grid-template-columns: 1fr; }
  .case-gallery { grid-template-columns: 1fr; }

  .product-grid { grid-template-columns: 1fr; }
  .product-thumbs { grid-template-columns: repeat(4, 1fr); gap: 8px; }
  .product-thumbs img { height: 60px; }

  .news-item-row { grid-template-columns: 1fr; }
  .news-item-row .ni-img { height: 180px; }
  .news-item-row .ni-body { padding: 18px; }

  .article-main { padding: 24px; }
  .related-grid { grid-template-columns: 1fr; }

  .form-grid-2 { grid-template-columns: 1fr; }

  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .footer-bottom { flex-direction: column; text-align: center; }

  .partner-grid { grid-template-columns: repeat(3, 1fr); }
  .download-card { flex-direction: column; text-align: center; }

  .offset-up, .offset-down, .offset-left, .offset-right {
    transform: none;
  }
  .offset-up:hover, .offset-down:hover,
  .offset-left:hover, .offset-right:hover {
    transform: translateY(-6px);
  }

  .counter-num { font-size: 2rem; }
  .cta-banner { padding: 32px 24px; }
}

/* 小屏手机 */
@media (max-width: 380px) {
  .process-flow { grid-template-columns: 1fr; }
  .partner-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-quilt { grid-template-columns: 1fr; }
}