@media (max-width: 1200px) {
  .W_1200 { width: auto; margin: 0 12px; }
}

@media (max-width: 1100px) {
  .seo-nav-grid { grid-template-columns: repeat(2, 1fr); }
  .inter-section ul li { width: calc(25% - 8px); }
}

@media (max-width: 960px) {
  .pc-hide { display: none; }
  .m-show { display: block; }
  body { padding-bottom: 58px; }
  .detail-layout { flex-direction: column; }
  .detail-main,
  .detail-sidebar { width: 100%; }
  .site-intro-title { font-size: 24px; }
  .site-intro-section,
  .seo-nav-section,
  .hot-live,
  .today-live,
  .video-section,
  .news-section,
  .inter-section,
  .detail-match-card,
  .detail-info-box,
  .detail-inter-box,
  .sidebar-box,
  .detail-article { border-radius: 4px; }
  .news-list li { flex-direction: column; }
  .news-img { width: 100%; height: auto; }
  .news-img img { width: 100%; height: auto; }
  .detail-teams { flex-direction: column; gap: 20px; }
  .detail-team,
  .detail-vs { width: 100%; }
  .article-nav { flex-direction: column; }
  .inter-section ul li { width: calc(33.333% - 7px); }
  .sidebar-box ul,
  .video-list,
  .news-list { padding-left: 0; padding-right: 0; }
  .seo-nav-grid { grid-template-columns: 1fr; }
  .seo-nav-two-col { grid-template-columns: 1fr; gap: 20px; }
}