/* ==========================================================================
   SF Fallback Layout & Images v1.0.7 (auto-injected)
   策略：
   - 顶部"只含 image 的 Elementor Section"全部隐藏（排版塌陷源头）
   - 404 图片区域自动隐藏，不留灰色空框
   - footer provider logo 栅格 + title 兜底文字（即使图 404 也显示品牌名）
   ========================================================================== */

/* ---- 基础全宽 ---- */
html, body {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  box-sizing: border-box;
}
*, *::before, *::after { box-sizing: border-box; }

/* ---- 所有布局父容器全宽 ---- */
.site,
.site-content,
.content-area,
.site-main,
.inside-article,
.entry-content,
.sf-original-layout,
#sf-home,
.sf-home,
main#main,
main.site-main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* sf-content: 唯一限宽居中容器 */
.sf-content,
#sf-content {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 16px auto !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  display: block !important;
  float: none !important;
}

/* ---- Header ---- */
.site-header { width: 100% !important; box-sizing: border-box; }
.inside-header {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 12px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}
.site-branding { display: inline-flex !important; align-items: center; gap: 8px; }
.site-branding img { max-height: 56px !important; width: auto !important; }

/* ---- Elementor wp-page: 回归块级流（不再尝试网格化） ---- */
[data-elementor-type="wp-page"],
.elementor.elementor-2 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* Section: 每个独占一行，内部横向排列 */
.e-con.e-parent {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* ===== 关键：隐藏所有"纯图片 Section"（排版塌陷的单列大图） ===== */
[data-elementor-type="wp-page"] > .e-con.e-parent:has(.elementor-widget-image):not(:has(.elementor-widget-heading)):not(:has(.elementor-widget-text-editor)):not(:has(.elementor-widget-button)):not(:has(.elementor-widget-toggle)):not(:has(.elementor-widget-html)):not(:has(.elementor-widget-video)):not(:has(.elementor-widget-shortcode)):not(:has(.elementor-widget-icon)) {
  display: none !important;
}
/* 兼容旧浏览器：若不支持 :has() 会不生效，再加 .sf-pure-image-section 兜底（JS 会加） */
.e-con.e-parent.sf-pure-image-section { display: none !important; }

/* Section 内部行列 */
.e-con.e-parent > .e-con-inner,
.e-con-boxed > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* 子列（column）平摊宽度 */
.e-con.e-child,
.e-con-full,
.elementor-column {
  flex: 1 1 240px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 6px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

.elementor-widget,
.elementor-widget-container,
.elementor-element {
  box-sizing: border-box !important;
  min-width: 0 !important;
  width: 100% !important;
}
.elementor-widget { margin: 0 0 12px !important; }

/* ---- Image Widget ---- */
.elementor-widget-image,
.elementor-widget-image > .elementor-widget-container { text-align: center !important; }
.elementor-widget-image img,
.elementor-image img,
.elementor-widget-container > img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
/* 404 失败的 widget-image 通过 JS 加 class 后隐藏 */
.elementor-widget-image.sf-img-fail,
.elementor-widget.sf-img-fail { display: none !important; }

/* ---- Heading ---- */
.elementor-widget-heading { text-align: center !important; }
.elementor-heading-title { margin: 0 0 .4em !important; line-height: 1.3 !important; }

/* ---- Button ---- */
.elementor-widget-button,
.elementor-widget-button > .elementor-widget-container,
.elementor-button-wrapper { text-align: center !important; }
.elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 20px !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  border-radius: 6px !important;
  background: #f0a500 !important;
  color: #111 !important;
  font-weight: 600 !important;
  min-width: auto !important;
  max-width: 100% !important;
  width: auto !important;
}
.elementor-button:hover { opacity: .9 !important; }
.elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.elementor-button-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  line-height: 0 !important;
}

/* ---- Font Awesome SVG 图标尺寸 ---- */
.e-font-icon-svg,
svg.e-font-icon-svg {
  width: 1em !important;
  height: 1em !important;
  max-width: 1em !important;
  max-height: 1em !important;
  display: inline-block !important;
  vertical-align: -0.125em !important;
  flex: 0 0 auto !important;
}
.elementor-button-icon svg,
.elementor-button-icon .e-font-icon-svg {
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
}
.elementor-icon svg,
.elementor-widget-icon svg {
  width: 48px !important;
  height: 48px !important;
  max-width: 64px !important;
  max-height: 64px !important;
}

/* ---- Toggle / Accordion ---- */
.elementor-widget-toggle .elementor-toggle-item { margin-bottom: 8px !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 4px !important; }
.elementor-widget-toggle .elementor-tab-title { padding: 12px 16px !important; cursor: pointer; display: flex !important; align-items: center !important; justify-content: space-between !important; }
.elementor-widget-toggle .elementor-tab-title .elementor-toggle-icon { display: inline-flex !important; width: 14px !important; height: 14px !important; flex: 0 0 auto !important; }
.elementor-widget-toggle .elementor-tab-title .elementor-toggle-icon svg { width: 14px !important; height: 14px !important; max-width: 14px !important; max-height: 14px !important; }
.elementor-widget-toggle .elementor-tab-content { padding: 12px 16px !important; border-top: 1px solid rgba(255,255,255,.08) !important; }
.e-n-accordion-item-title-icon { display: inline-flex !important; width: 14px !important; height: 14px !important; flex: 0 0 auto !important; }
.e-n-accordion-item-title-icon svg { width: 14px !important; height: 14px !important; max-width: 14px !important; max-height: 14px !important; }

/* ==========================================================================
   Footer 品牌 logo 网格 + title 文字兜底
   ========================================================================== */
footer#footer { width: 100% !important; box-sizing: border-box; }
.comm-blc {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 24px 16px !important;
  box-sizing: border-box !important;
}
.providers { padding: 12px 0 !important; width: 100% !important; }

.providers > ul,
.provider-list,
.brand-grid {
  list-style: none !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)) !important;
  gap: 8px !important;
  justify-items: stretch !important;
  align-items: stretch !important;
  width: 100% !important;
}
.providers > ul > li {
  position: relative;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 1px solid rgba(255,200,61,.22) !important;
  border-radius: 6px !important;
  background: rgba(255,255,255,.03) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  transition: background .15s ease, border-color .15s ease;
}
.providers > ul > li:hover {
  background: rgba(255,200,61,.08) !important;
  border-color: rgba(255,200,61,.5) !important;
}
/* 兜底占位文字：用 li 的 title 属性 */
.providers > ul > li::before {
  content: attr(title);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 6px;
  color: #ffc83d;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  letter-spacing: .2px;
  pointer-events: none;
  z-index: 1;
  text-transform: uppercase;
}
/* 图片加载成功后隐藏占位文字 */
.providers > ul > li.sf-img-ok::before { display: none !important; }

.providers > ul > li > a {
  position: relative;
  z-index: 2;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.providers > ul > li img {
  max-width: 84% !important;
  max-height: 34px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: inline-block;
}

/* ---- Footer 导航 & 版权 ---- */
.f-nav { width: 100% !important; }
.f-nav > ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 16px 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 24px !important;
  justify-content: center !important;
}
.f-nav a { color: inherit; text-decoration: none; opacity: .85; }
.f-nav a:hover { opacity: 1 !important; }
.copyright {
  text-align: center !important;
  padding: 16px 0 !important;
  font-size: 13px !important;
  opacity: .75 !important;
  clear: both !important;
  width: 100% !important;
}
.copyright img {
  max-width: 24px !important;
  height: auto !important;
  float: none !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: 8px !important;
}

/* ---- Generic image safeguard ---- */
img { max-width: 100%; height: auto; }
img.lazyload { max-width: 100%; height: auto; }
img[data-src]:not([src]) { opacity: 0; min-height: 1px; }

/* ---- 响应式 ---- */
@media (max-width: 1199.98px) {
  .sf-content, #sf-content, .comm-blc, .inside-header { max-width: 100% !important; }
  .e-con.e-parent > .e-con-inner, .e-con-boxed > .e-con-inner { max-width: 100% !important; }
}
@media (max-width: 767.98px) {
  .e-con.e-parent { gap: 10px !important; padding: 8px !important; }
  .e-con.e-parent > .e-con-inner, .e-con-boxed > .e-con-inner { gap: 10px !important; }
  .e-con.e-child { flex-basis: 100% !important; padding: 4px !important; }
  .inside-header { padding: 10px 12px !important; }
  .providers > ul { grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)) !important; gap: 6px !important; }
  .providers > ul > li { height: 38px !important; }
  .providers > ul > li::before { font-size: 10px !important; }
  .providers > ul > li img { max-height: 26px !important; }
  .f-nav > ul { gap: 8px 16px !important; font-size: 14px !important; }
  .elementor-button { padding: 9px 16px !important; font-size: 14px !important; }
}

/* ==========================================================================
   v1.0.6 追加：Bootstrap 风格 navbar + dropdown（siamsport 类采集模板）
   对没有 .navbar-nav 的 Elementor 站点不产生影响
   ========================================================================== */

/* Bootstrap grid 兜底 */
.container-custom, .menu-container > .container, nav .container {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
}
.menu-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 10px 16px !important;
  box-sizing: border-box !important;
}
.menu-container .row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  margin: 0 !important;
}
.menu-container .col-12 {
  flex: 1 1 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

/* 主 navbar 容器 */
nav.navbar, nav.navbar-expand-lg {
  position: relative !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  box-sizing: border-box !important;
}
nav.navbar > a.logo img,
nav.navbar .logo img {
  max-height: 48px !important;
  width: auto !important;
  height: auto !important;
}

/* navbar-collapse：桌面默认展开 */
@media (min-width: 992px) {
  .navbar-collapse {
    display: flex !important;
    flex-basis: auto !important;
    flex-grow: 1 !important;
    align-items: center !important;
  }
  .hamburger-lines { display: none !important; }
}
@media (max-width: 991.98px) {
  .navbar-collapse {
    display: none !important;
    width: 100% !important;
    flex-basis: 100% !important;
  }
  .menu-container.opened .navbar-collapse,
  .navbar-collapse[style*="display: block"] {
    display: block !important;
  }
  .hamburger-lines {
    display: flex !important;
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
    padding: 8px;
  }
  .hamburger-lines .line {
    display: block;
    width: 24px;
    height: 3px;
    background: #fff;
    border-radius: 2px;
  }
}

/* navbar-nav 顶层横排 */
ul.navbar-nav {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
  width: auto !important;
}
ul.navbar-nav > li.nav-item {
  position: relative !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
ul.navbar-nav > li.nav-item > a.nav-link {
  display: inline-flex !important;
  align-items: center !important;
  padding: 12px 14px !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
ul.navbar-nav > li.nav-item > a.nav-link:hover,
ul.navbar-nav > li.nav-item.active > a.nav-link {
  color: #ffc83d !important;
}
ul.navbar-nav > li.nav-item > a.dropdown-toggle::after {
  content: " ▾" !important;
  font-size: 10px !important;
  margin-left: 4px !important;
  opacity: .7 !important;
}

/* === 下拉菜单：默认隐藏，hover / focus-within / show 才展开 === */
.navbar-nav .dropdown-menu,
.navbar-nav .navbar-submenu {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  min-width: 280px !important;
  max-width: 720px !important;
  background: #1a1a1a !important;
  border: 1px solid rgba(255,200,61,.25) !important;
  border-radius: 6px !important;
  padding: 12px !important;
  margin: 0 !important;
  z-index: 1000 !important;
  list-style: none !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.5) !important;
}
.navbar-nav > li.nav-item:hover > .dropdown-menu,
.navbar-nav > li.nav-item:hover > .navbar-submenu,
.navbar-nav > li.nav-item:focus-within > .dropdown-menu,
.navbar-nav > li.nav-item:focus-within > .navbar-submenu,
.navbar-nav > li.nav-item.show > .dropdown-menu,
.navbar-nav > li.nav-item.show > .navbar-submenu,
.navbar-nav > li.nav-item.open > .dropdown-menu {
  display: block !important;
}

/* 下拉菜单内部结构 */
.dropdown-menu .container-custom,
.dropdown-menu > .container {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.dropdown-menu .row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  width: 100% !important;
}
.dropdown-menu .col-12,
.dropdown-menu .col-6,
.dropdown-menu .primary-cat {
  flex: 1 1 240px !important;
  width: 100% !important;
  padding: 0 !important;
}
.dropdown-menu ul.submenu,
.dropdown-menu .primary-cat > ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important;
  gap: 2px 8px !important;
}
.dropdown-menu ul.submenu > li,
.dropdown-menu .primary-cat > ul > li {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.dropdown-menu ul.submenu a,
.dropdown-menu .primary-cat a {
  display: block !important;
  padding: 6px 10px !important;
  color: #e0e0e0 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  border-radius: 3px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.dropdown-menu ul.submenu a:hover,
.dropdown-menu .primary-cat a:hover {
  background: rgba(255,200,61,.1) !important;
  color: #ffc83d !important;
}
.dropdown-menu ul.social {
  list-style: none !important;
  margin: 8px 0 0 !important;
  padding: 8px 0 0 !important;
  border-top: 1px solid rgba(255,255,255,.1) !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 12px !important;
  grid-template-columns: none !important;
}
.dropdown-menu ul.social > li {
  padding: 0 !important;
  list-style: none !important;
}
.dropdown-menu ul.social a {
  padding: 4px 6px !important;
  color: #ffc83d !important;
}

/* Bootstrap display helpers 兜底 */
@media (min-width: 992px) {
  .d-lg-none { display: none !important; }
  .d-lg-block { display: block !important; }
}
@media (max-width: 991.98px) {
  .d-none.d-lg-block { display: none !important; }
  .d-block.d-lg-none { display: block !important; }
}
.d-flex { display: flex !important; }
.justify-content-between { justify-content: space-between !important; }
.align-items-center { align-items: center !important; }
.flex-wrap { flex-wrap: wrap !important; }

/* 文章列表缩略图 404 彻底兜底：JS 没处理时也尽量无痕 */
img[src$="/img"], img[src$=".png?1"] { background: transparent; }
/* 已被 JS 标记失败的 img/容器 */
img.sf-img-fail { display: none !important; }

/* 隐藏 font icon 库缺失时出现的空图标占位（icon-xxx 字体没加载） */
i[class^="icon-"]:empty { font-style: normal; }

/* siamsport 风格 footer 基础 */
footer .container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 20px 16px !important;
  box-sizing: border-box;
}
footer .row.contact {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  align-items: center !important;
}
footer .row.contact > [class^="col-"] { flex: 1 1 240px !important; min-width: 0 !important; }
footer .social {
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 0 !important;
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
footer .social > li { list-style: none !important; }
footer .social a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px; height: 32px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
  color: #fff !important;
}
footer .copyright {
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  opacity: .75;
  font-size: 13px;
}
footer .privacy-menu {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  gap: 16px !important;
}
footer .privacy-menu > li { list-style: none !important; }
footer .privacy-menu a { color: inherit !important; text-decoration: none !important; }

/* ==========================================================================
   v1.0.7 追加：siamsport 文章列表 / 卡片 / figure 缩略图兜底
   ========================================================================== */

/* 文章卡片列表 */
.main-highlight-rank-1,
.card,
article.card,
.news-list .card {
  display: block !important;
  margin: 12px 0 !important;
  padding: 12px !important;
  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  overflow: hidden;
}

/* figure.object-fit 缩略图：限制高度，避免 404 时撑出 300px 黑框 */
figure.object-fit,
figure.thumbnail {
  position: relative !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 4px !important;
  background: transparent !important;
  max-height: 240px !important;
  line-height: 0 !important;
}
figure.object-fit img,
figure.thumbnail img {
  width: 100% !important;
  height: auto !important;
  max-height: 240px !important;
  object-fit: cover !important;
  display: block !important;
}
/* 404 时 figure 被 JS 置为 display:none；但保险起见，如果 figure 高度为 0 且无 naturalWidth：隐藏 */
figure.object-fit:empty,
figure.thumbnail:empty { display: none !important; }

/* 卡片元信息 */
.card-meta {
  padding: 4px 0 !important;
}
.card-meta h3,
.card-meta > h3[data-tb-title] {
  margin: 4px 0 6px !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #fff !important;
}
.card-category,
.news-category {
  display: inline-block !important;
  padding: 2px 8px !important;
  background: rgba(255,200,61,.15) !important;
  color: #ffc83d !important;
  border-radius: 3px !important;
  font-size: 12px !important;
  text-decoration: none !important;
  margin-right: 4px !important;
}

/* news-list / columnist 等列表容器 */
.news-list,
.column-list,
.highlight-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 16px !important;
  padding: 16px 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Siamsport 主黄色标题栏 */
h1.offscreen { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* 去掉破图的 alt 文字显示（不显示"Loading image..."这类） */
img { color: transparent; font-size: 0; }

/* ============================================================
 * v1.0.8  Ant Design 栅格 / 菜单 / FUN88-TLC 主题兜底
 * 命中站点示例：joker123netmlogin.com
 * ============================================================ */

/* --- 全局容器撑开 --- */
html, body { min-width: 320px !important; }
body { background: #111 !important; color: #ddd !important; }
.sf-content, .sf-home, .sf-card, .sf-original-layout,
.tlc-container-wrapper, .ant-spin-nested-loading, .ant-spin-container,
.layout-prepare, .common-distance, .common-distance-wrap, .header-warp {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* --- Ant Design Row --- */
.ant-row {
  display: flex !important;
  flex-wrap: wrap !important;
  box-sizing: border-box !important;
}
.ant-row-no-wrap { flex-wrap: nowrap !important; }

/* --- Ant Design Col: 24 栅格 --- */
.ant-col { box-sizing: border-box !important; display: block !important; flex: 0 0 auto !important; min-height: 1px !important; }
.ant-col-1  { width: 4.16666667% !important; }
.ant-col-2  { width: 8.33333333% !important; }
.ant-col-3  { width: 12.5% !important; }
.ant-col-4  { width: 16.66666667% !important; }
.ant-col-5  { width: 20.83333333% !important; }
.ant-col-6  { width: 25% !important; }
.ant-col-7  { width: 29.16666667% !important; }
.ant-col-8  { width: 33.33333333% !important; }
.ant-col-9  { width: 37.5% !important; }
.ant-col-10 { width: 41.66666667% !important; }
.ant-col-11 { width: 45.83333333% !important; }
.ant-col-12 { width: 50% !important; }
.ant-col-13 { width: 54.16666667% !important; }
.ant-col-14 { width: 58.33333333% !important; }
.ant-col-15 { width: 62.5% !important; }
.ant-col-16 { width: 66.66666667% !important; }
.ant-col-17 { width: 70.83333333% !important; }
.ant-col-18 { width: 75% !important; }
.ant-col-19 { width: 79.16666667% !important; }
.ant-col-20 { width: 83.33333333% !important; }
.ant-col-21 { width: 87.5% !important; }
.ant-col-22 { width: 91.66666667% !important; }
.ant-col-23 { width: 95.83333333% !important; }
.ant-col-24 { width: 100% !important; }

/* --- 窄屏降级：小于 768 全部变 100% --- */
@media (max-width: 767px) {
  [class*="ant-col-"] { width: 100% !important; }
}

/* --- Ant Menu 横向导航 --- */
.ant-menu { background: transparent !important; border: 0 !important; line-height: 46px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; }
.ant-menu-horizontal,
.ant-menu.ant-menu-horizontal {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 14px !important;
  color: #ddd !important;
  cursor: pointer;
  position: relative !important;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected { color: #ffc83d !important; }
.ant-menu-submenu-title { display: inline-flex !important; align-items: center !important; gap: 4px; }
.ant-menu-submenu-arrow { display: inline-block !important; width: 0; height: 0; border-top: 4px solid currentColor; border-left: 4px solid transparent; border-right: 4px solid transparent; margin-left: 4px; }

/* Ant Menu 下拉默认隐藏，hover 展开 */
.ant-menu-submenu-popup,
.ant-menu-submenu .ant-menu-sub,
.ant-menu-submenu > .ant-menu {
  display: none !important;
  position: absolute !important;
  top: 100% !important; left: 0 !important;
  min-width: 200px !important;
  background: #1a1a1a !important;
  border: 1px solid rgba(255,200,61,.25) !important;
  padding: 8px 0 !important;
  z-index: 1000 !important;
}
.ant-menu-horizontal > .ant-menu-submenu:hover > .ant-menu-sub,
.ant-menu-horizontal > .ant-menu-submenu:focus-within > .ant-menu-sub,
.ant-menu-horizontal > .ant-menu-submenu.ant-menu-submenu-open > .ant-menu-sub,
.ant-menu-horizontal > .ant-menu-submenu.ant-menu-submenu-active > .ant-menu-sub {
  display: block !important;
}
.ant-menu-submenu .ant-menu-sub .ant-menu-item {
  display: block !important;
  padding: 6px 16px !important;
  color: #ddd !important;
  line-height: 1.5 !important;
  list-style: none !important;
}
.ant-menu-submenu .ant-menu-sub .ant-menu-item:hover { background: rgba(255,200,61,.1) !important; color: #ffc83d !important; }

/* --- footer platform 游戏厂商 --- */
.footer-platform,
.ant-row.footer-platform {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
  gap: 8px !important;
  padding: 16px !important;
}
.platform-item,
.ant-col.platform-item {
  width: auto !important;
  height: 56px !important;
  border: 1px solid rgba(255,200,61,.2) !important;
  border-radius: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,.02) !important;
  overflow: hidden !important;
}
.platform-item img { max-width: 80% !important; max-height: 40px !important; height: auto !important; width: auto !important; object-fit: contain !important; }
.platform-item:has(img.sf-broken) { display: none !important; }
.footer-platform-wrap-bg { display: none !important; }

/* --- bank 银行图标 (background-image 驱动) 隐藏 UL，因为图标基本 404 --- */
ul.banks, ul[class*="bank-list"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)) !important;
  gap: 6px !important;
  list-style: none !important;
  padding: 8px !important;
  margin: 0 !important;
}
li.bank {
  list-style: none !important;
  height: 40px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 4px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* --- 当 img 本身出 404 (由 JS 加 .sf-broken) 时的容器隐藏 --- */
img.sf-broken { display: none !important; }
.game-icons img.sf-broken,
.logo-wrap img.sf-broken { display: none !important; }

/* --- header / logo-wrap --- */
.header-warp, .next-header-bar-wrap {
  width: 100% !important;
  padding: 8px 16px !important;
  background: #0a0a0a !important;
  box-sizing: border-box !important;
}
.header-Row { align-items: center !important; }
.logo-wrap { display: flex !important; align-items: center !important; gap: 8px; }
.logo-wrap img { max-height: 36px !important; width: auto !important; }

/* --- Content-List / games-nav --- */
.Content-List {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 8px !important;
  margin: 0 !important;
}
.Content-List > li, .Content-List > a {
  display: inline-flex !important;
  padding: 4px 10px !important;
  color: #ddd !important;
  background: rgba(255,255,255,.04) !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
}

/* --- 兜底：让文章主体区有 max-width 不要贴最边 --- */
.sf-content > *, .sf-home > * { max-width: 100%; }
article, .sf-card {
  max-width: 1200px !important;
  margin: 16px auto !important;
  padding: 16px !important;
  background: rgba(255,255,255,.02) !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}

/* --- 兜底链接颜色 --- */
a { color: #ffc83d; }
a:hover { color: #fff; }