@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; }
}

/* 黑金主题中等宽度布局 */
@media (max-width: 1100px) {
  body.site-body .header-nav ul li a { padding-left: 11px; padding-right: 11px; }
  body.site-body .header-nav ul li a:after { left: 11px; right: 11px; }
  body.site-body .site-search-link { min-width: 62px; padding-left: 10px; padding-right: 10px; }
  body.site-body .home-focus { grid-template-columns: minmax(0, 1fr) minmax(240px, .72fr); }
  body.site-body .inter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 960px) {
  body.site-body .W_1200 { padding-left: 14px; padding-right: 14px; }
  body.site-body main.W_1200 { padding-top: 14px; }
  body.site-body .home-focus { grid-template-columns: 1fr; gap: 16px; }
  body.site-body .home-focus-match { min-height: 190px; }
  body.site-body .blackgold-grid.home-content-grid { grid-template-columns: 1fr; }
  body.site-body .news-list li.news-featured { grid-template-columns: 1fr; }
  body.site-body .topic-featured { grid-template-columns: 1fr; }
  body.site-body .detail-layout { gap: 14px; }
  body.site-body .detail-sidebar { width: 100%; }
}