/* =============================================================
 * /www/TDK/assets/sf-frame.css  (v1.2.0)
 * 站群通用"简约美观大气"模板框架
 *
 * v1.3.0: 精确删除"服务提供商"块（含 .platform-item）+ 移动端浮动 3 图 menu_mobile
 * v1.2.0: 隐藏供应商/赞助商 logo 墙（按用户要求一键移除）
 * v1.1.0: 裸 img 集群自动网格化
 * v1.0.0: 初版（设计令牌 + 图片比例盒 + 卡片系统）
 *
 * 设计令牌（深色金丝雀配色）：
 *   --sf-bg        #0b0b10   页面底色
 *   --sf-surface   #15151c   卡片/面板
 *   --sf-surface-2 #1d1d26   悬浮面板
 *   --sf-border    rgba(255,200,61,.18)
 *   --sf-accent    #ffc83d   主调金
 *   --sf-accent-2  #ffe39a   浅金
 *   --sf-text      #ececec
 *   --sf-muted     #9aa0a6
 *   --sf-radius    12px
 *   --sf-gap       16px
 *   --sf-container 1200px
 *   --sf-shadow    0 8px 24px rgba(0,0,0,.35)
 *
 * 载入顺序：base → baseline → 主题 style → sf-fallback → sf-nav → sf-frame
 * 依赖：sf-nav（权重确保在最后；包含 !important 以覆盖主题残留）
 * ============================================================= */

:root {
  --sf-bg: #0b0b10;
  --sf-surface: #15151c;
  --sf-surface-2: #1d1d26;
  --sf-border: rgba(255, 200, 61, .18);
  --sf-border-strong: rgba(255, 200, 61, .4);
  --sf-accent: #ffc83d;
  --sf-accent-2: #ffe39a;
  --sf-text: #ececec;
  --sf-muted: #9aa0a6;
  --sf-radius: 12px;
  --sf-radius-sm: 6px;
  --sf-gap: 16px;
  --sf-container: 1200px;
  --sf-shadow: 0 8px 24px rgba(0, 0, 0, .35);
  --sf-shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);
}

/* ---- 0. 基础色彩与字体 ---- */
html, body {
  background: var(--sf-bg) !important;
  color: var(--sf-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Sarabun",
               "Noto Sans Thai", "PingFang SC", "Helvetica Neue", Arial, sans-serif !important;
}
a { color: inherit; }
a:hover { color: var(--sf-accent); }

h1, h2, h3, h4 {
  color: var(--sf-text) !important;
  line-height: 1.3 !important;
  letter-spacing: .2px;
  margin: 0 0 .5em !important;
}
h1 { font-size: clamp(24px, 3vw, 36px) !important; }
h2 { font-size: clamp(20px, 2.2vw, 26px) !important; }
h3 { font-size: clamp(16px, 1.6vw, 18px) !important; }

p  { color: var(--sf-text); line-height: 1.7; }
small, .sf-muted { color: var(--sf-muted) !important; }

/* ---- 1. 全站图片盒子约束（核心） ---- */

/* 1a. 全局兜底：任何没有显式比例盒子的图片都不得超过画面 */
img {
  max-width: 100% !important;
  max-height: 480px !important;
  height: auto !important;
  object-fit: contain !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* 1b. 通用比例盒子（手动包装或 JS 自动包装） */
.sf-frame {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  background: var(--sf-surface);
  border: 1px solid var(--sf-border);
  border-radius: var(--sf-radius-sm);
}
.sf-frame::before {
  content: "";
  display: block;
  padding-top: 56.25%; /* 16:9 默认 */
}
.sf-frame > img,
.sf-frame > a > img,
.sf-frame > picture,
.sf-frame > picture > img,
.sf-frame > video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  max-height: none !important;
  border-radius: 0 !important;
}
.sf-frame--square::before { padding-top: 100%; }
.sf-frame--banner::before { padding-top: 42.85%; } /* 21:9 */
.sf-frame--logo {
  background: rgba(255, 255, 255, .04);
  border-color: var(--sf-border);
}
.sf-frame--logo::before { padding-top: 66.66%; } /* 3:2 */
.sf-frame--logo > img { object-fit: contain !important; padding: 10px; }
.sf-frame--icon::before { padding-top: 100%; }
.sf-frame--icon > img { object-fit: contain !important; padding: 6px; }

/* 1c. 热区：常见"图标 + 文字"的 CTA 方块 */
.cta.media-box,
div.media-box {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 72px !important;
  height: 72px !important;
  padding: 8px !important;
  margin: 4px !important;
  background: var(--sf-surface) !important;
  border: 1px solid var(--sf-border) !important;
  border-radius: var(--sf-radius-sm) !important;
  color: var(--sf-text) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  overflow: hidden;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.cta.media-box:hover,
div.media-box:hover {
  border-color: var(--sf-border-strong) !important;
  background: var(--sf-surface-2) !important;
  transform: translateY(-1px);
}
.cta.media-box > img,
div.media-box > img {
  width: 28px !important;
  height: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
  margin-bottom: 4px !important;
  display: block !important;
}
.cta.media-box > .box-text,
div.media-box > .box-text {
  display: block;
  font-size: 11px;
  color: var(--sf-muted);
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 1d. 原站原样布局残留（sf-original-layout）兜底 */
.sf-original-layout {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: stretch !important;
  justify-content: center !important;
  padding: 12px 0 !important;
}
.sf-original-layout img {
  max-height: 56px !important;
  object-fit: contain !important;
}

/* 1e. 侧栏/小工具区的大图兜底 */
aside img,
.widget img,
.widget-area img,
.sidebar img {
  max-height: 64px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* ---- 2. 主容器与节奏 ---- */
.sf-content,
#sf-content,
main.site-main,
.site-content {
  width: 100% !important;
  max-width: var(--sf-container) !important;
  margin: 24px auto !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}

.sf-section {
  width: 100%;
  margin: 0 auto 32px;
  padding: 24px;
  background: var(--sf-surface);
  border: 1px solid var(--sf-border);
  border-radius: var(--sf-radius);
  box-shadow: var(--sf-shadow-sm);
}
.sf-section > h2,
.sf-section > h3 {
  border-left: 3px solid var(--sf-accent);
  padding-left: 10px;
  margin-bottom: 16px !important;
}

/* ---- 3. Hero 英雄条 ---- */
.sf-hero {
  position: relative;
  padding: 48px 32px;
  margin: 0 0 32px;
  border-radius: var(--sf-radius);
  background:
    radial-gradient(ellipse at top right, rgba(255, 200, 61, .12), transparent 60%),
    linear-gradient(135deg, #141421 0%, #0b0b10 100%);
  border: 1px solid var(--sf-border);
  box-shadow: var(--sf-shadow);
  overflow: hidden;
}
.sf-hero::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,.3) 100%);
  pointer-events: none;
}
.sf-hero > * { position: relative; z-index: 1; }
.sf-hero h1 {
  color: var(--sf-accent-2) !important;
  margin: 0 0 12px !important;
}
.sf-hero p {
  color: var(--sf-muted);
  max-width: 720px;
  margin: 0;
}

/* ---- 4. 卡片系统 ---- */
.sf-card,
article.sf-card {
  display: flex !important;
  flex-direction: column !important;
  background: var(--sf-surface) !important;
  border: 1px solid var(--sf-border) !important;
  border-radius: var(--sf-radius) !important;
  overflow: hidden !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  transition: transform .15s ease, border-color .15s ease;
  box-shadow: var(--sf-shadow-sm);
}
.sf-card:hover {
  transform: translateY(-2px);
  border-color: var(--sf-border-strong) !important;
}
.sf-card > a {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 16px 18px;
}
.sf-card > a > h3 {
  margin: 0 0 6px !important;
  font-size: 16px !important;
  color: var(--sf-text) !important;
}
.sf-card > p {
  padding: 0 18px 16px !important;
  margin: 0 !important;
  color: var(--sf-muted) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* 卡片媒体区（如有） */
.sf-card__media,
.sf-card > figure {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin: 0 !important;
  background: rgba(255, 255, 255, .03);
}
.sf-card__media > img,
.sf-card > figure > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
}

/* ---- 5. 卡片网格 ---- */
.sf-grid {
  display: grid !important;
  gap: var(--sf-gap) !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
}
.sf-grid--2 { grid-template-columns: repeat(2, 1fr) !important; }
.sf-grid--3 { grid-template-columns: repeat(3, 1fr) !important; }
.sf-grid--4 { grid-template-columns: repeat(4, 1fr) !important; }
@media (max-width: 900px) {
  .sf-grid--3, .sf-grid--4 { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 560px) {
  .sf-grid--2, .sf-grid--3, .sf-grid--4 { grid-template-columns: 1fr !important; }
}

/* ---- 6. 按钮 ---- */
.sf-btn,
.button-box .shine,
.login .shine,
.register .shine {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 22px !important;
  min-height: 40px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--sf-accent), #f0a500) !important;
  color: #111 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(255, 200, 61, .25) !important;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
  white-space: nowrap !important;
}
.sf-btn:hover,
.button-box .shine:hover,
.login .shine:hover,
.register .shine:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.05) !important;
  box-shadow: 0 6px 16px rgba(255, 200, 61, .35) !important;
}
.sf-btn--ghost {
  background: transparent !important;
  border: 1px solid var(--sf-border-strong) !important;
  color: var(--sf-accent) !important;
  box-shadow: none !important;
}

/* ---- 7. Header 视觉 ---- */
.site-header {
  background: rgba(11, 11, 16, .9) !important;
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--sf-border) !important;
}
.site-header .site-title a,
.site-header .site-branding a {
  color: var(--sf-accent) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  letter-spacing: .3px;
}

/* ---- 8. Footer 视觉 ---- */
.site-footer,
footer.site-footer,
footer#footer {
  background: #08080c !important;
  color: var(--sf-muted) !important;
  border-top: 1px solid var(--sf-border) !important;
  padding: 32px 0 !important;
  margin-top: 48px !important;
}
.site-footer a { color: var(--sf-muted); }
.site-footer a:hover { color: var(--sf-accent); }

/* 品牌 logo 网格（供应商）——简约大气 */
.providers,
.brand-wall,
.partners {
  max-width: var(--sf-container);
  margin: 0 auto;
  padding: 16px;
}
.providers ul,
.brand-wall ul,
.partners ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)) !important;
  gap: 10px !important;
}
.providers ul > li,
.brand-wall ul > li,
.partners ul > li {
  position: relative;
  aspect-ratio: 3 / 2 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px !important;
  background: var(--sf-surface) !important;
  border: 1px solid var(--sf-border) !important;
  border-radius: var(--sf-radius-sm) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  transition: border-color .15s ease, transform .15s ease;
}
.providers ul > li:hover,
.brand-wall ul > li:hover,
.partners ul > li:hover {
  border-color: var(--sf-border-strong) !important;
  transform: translateY(-1px);
}
.providers ul > li img,
.brand-wall ul > li img,
.partners ul > li img {
  max-width: 80% !important;
  max-height: 70% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 !important;
}

/* ---- 9. 输入与表单 ---- */
.sf-content input[type="text"],
.sf-content input[type="email"],
.sf-content input[type="tel"],
.sf-content input[type="search"],
.sf-content input:not([type]),
.sf-content textarea,
.sf-content select,
.input-field input,
.input-field select,
.text-field input {
  width: 100% !important;
  padding: 10px 12px !important;
  background: var(--sf-surface-2) !important;
  color: var(--sf-text) !important;
  border: 1px solid var(--sf-border) !important;
  border-radius: var(--sf-radius-sm) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  box-sizing: border-box !important;
  outline: none !important;
}
.sf-content input:focus,
.sf-content select:focus,
.sf-content textarea:focus {
  border-color: var(--sf-border-strong) !important;
  box-shadow: 0 0 0 3px rgba(255, 200, 61, .12) !important;
}
.input-field {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 12px !important;
  margin: 16px 0 !important;
}
.privacy-policy {
  font-size: 12px !important;
  color: var(--sf-muted) !important;
  line-height: 1.6 !important;
  padding: 12px !important;
  background: rgba(255, 255, 255, .02) !important;
  border-radius: var(--sf-radius-sm) !important;
  margin-bottom: 12px !important;
}

/* =============================================================
 * v1.1.0 追加：slotwallet 风格 "游戏商 logo 墙" 横排网格
 * 针对 .game-icons / .icons / ul.banks / .footer-platform / .ant-col.platform-item
 * 目标样式：像图二一样 — 每行 8 列（桌面）/ 6 / 4 / 3 / 2（响应式），等比卡片
 * ============================================================= */

/* 外层节 section 容器（承载 logo 墙） */
.game-icons,
.footer-platform,
.brand-wall,
.provider-wall {
  width: 100% !important;
  max-width: var(--sf-container) !important;
  margin: 24px auto !important;
  padding: 20px 16px !important;
  background: var(--sf-surface) !important;
  border: 1px solid var(--sf-border) !important;
  border-radius: var(--sf-radius) !important;
  box-shadow: var(--sf-shadow-sm) !important;
  box-sizing: border-box !important;
}

/* 内层 grid 容器 */
.game-icons > .icons,
.game-icons .icons {
  display: grid !important;
  grid-template-columns: repeat(8, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  justify-items: stretch !important;
  align-items: stretch !important;
}

@media (max-width: 1199.98px) {
  .game-icons > .icons,
  .game-icons .icons { grid-template-columns: repeat(6, 1fr) !important; }
}
@media (max-width: 899.98px) {
  .game-icons > .icons,
  .game-icons .icons { grid-template-columns: repeat(4, 1fr) !important; gap: 8px !important; }
}
@media (max-width: 599.98px) {
  .game-icons > .icons,
  .game-icons .icons { grid-template-columns: repeat(3, 1fr) !important; gap: 6px !important; }
}

/* === 裸 img 模式（.game-icons .icons 下 img 直接作为 grid item） === */
.game-icons > .icons > img,
.game-icons .icons > img,
.game-icons > .icons > img.icon,
.game-icons > .icons > img.hover-scale,
.game-icons .icons > a > img {
  display: flex !important;
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  max-width: 100% !important;
  max-height: none !important;
  height: auto !important;
  padding: 10px !important;
  margin: 0 !important;
  background: var(--sf-surface-2) !important;
  border: 1px solid var(--sf-border) !important;
  border-radius: var(--sf-radius-sm) !important;
  object-fit: contain !important;
  box-sizing: border-box !important;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.game-icons > .icons > img:hover,
.game-icons .icons > img:hover {
  transform: translateY(-2px) !important;
  border-color: var(--sf-border-strong) !important;
  background: var(--sf-surface) !important;
}

/* Ant Design col 项作为 grid item */
.footer-platform .ant-col,
.footer-platform .ant-col-3,
.footer-platform .platform-item {
  flex: unset !important;
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
.footer-platform .ant-col > img,
.footer-platform .platform-item > img {
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  height: auto !important;
  max-height: none !important;
  padding: 10px !important;
  background: var(--sf-surface-2) !important;
  border: 1px solid var(--sf-border) !important;
  border-radius: var(--sf-radius-sm) !important;
  object-fit: contain !important;
  box-sizing: border-box !important;
  display: block !important;
  transition: transform .15s ease, border-color .15s ease;
}
.footer-platform .ant-col > img:hover,
.footer-platform .platform-item > img:hover {
  transform: translateY(-2px) !important;
  border-color: var(--sf-border-strong) !important;
}

/* === ul.banks：银行 logo 横排网格 === */
ul.banks,
.banks-list,
ul.bank-list {
  list-style: none !important;
  margin: 20px auto !important;
  padding: 16px !important;
  width: 100% !important;
  max-width: var(--sf-container) !important;
  display: grid !important;
  grid-template-columns: repeat(10, 1fr) !important;
  gap: 10px !important;
  background: var(--sf-surface) !important;
  border: 1px solid var(--sf-border) !important;
  border-radius: var(--sf-radius) !important;
  box-sizing: border-box !important;
}
@media (max-width: 1199.98px) { ul.banks, .banks-list { grid-template-columns: repeat(8, 1fr) !important; } }
@media (max-width: 899.98px)  { ul.banks, .banks-list { grid-template-columns: repeat(6, 1fr) !important; gap: 8px !important; } }
@media (max-width: 599.98px)  { ul.banks, .banks-list { grid-template-columns: repeat(4, 1fr) !important; gap: 6px !important; } }

ul.banks > li,
ul.banks > li.bank {
  list-style: none !important;
  position: relative !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  padding: 6px !important;
  background: var(--sf-surface-2) !important;
  border: 1px solid var(--sf-border) !important;
  border-radius: var(--sf-radius-sm) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  transition: transform .15s ease, border-color .15s ease;
}
ul.banks > li:hover {
  transform: translateY(-1px) !important;
  border-color: var(--sf-border-strong) !important;
}
ul.banks > li > img,
ul.banks > li.bank > img {
  width: auto !important;
  height: auto !important;
  max-width: 80% !important;
  max-height: 70% !important;
  object-fit: contain !important;
  margin: 0 !important;
}

/* === 通用"logo 墙"：一组 <img> 作为块级兄弟，没有容器包裹时 === */
/* 覆盖常见的 .icons / .logos / .providers-wall 等裸 img 容器 */
.logos,
.logos-wall,
.providers-wall {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)) !important;
  gap: 10px !important;
  padding: 16px !important;
  margin: 16px auto !important;
  max-width: var(--sf-container) !important;
  background: var(--sf-surface) !important;
  border: 1px solid var(--sf-border) !important;
  border-radius: var(--sf-radius) !important;
  list-style: none !important;
  box-sizing: border-box !important;
}
.logos > img,
.logos-wall > img,
.providers-wall > img {
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  height: auto !important;
  max-height: none !important;
  padding: 10px !important;
  background: var(--sf-surface-2) !important;
  border: 1px solid var(--sf-border) !important;
  border-radius: var(--sf-radius-sm) !important;
  object-fit: contain !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* === 兜底：纯图兄弟（无 ul/li 且无 .icons 容器）也能感到被网格化 === */
.sf-logo-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
  gap: 10px !important;
  padding: 16px !important;
}
.sf-logo-grid > img,
.sf-logo-grid > a > img,
.sf-logo-grid > picture > img {
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  height: auto !important;
  max-height: none !important;
  padding: 10px !important;
  background: var(--sf-surface-2) !important;
  border: 1px solid var(--sf-border) !important;
  border-radius: var(--sf-radius-sm) !important;
  object-fit: contain !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* ---- 10. 自动包装 marker（配合 sf-frame.js） ---- */
img.sf-framed {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
}
.sf-wrap-auto {
  display: inline-block;
  width: 100%;
  max-width: 320px;
  margin: 4px;
  vertical-align: top;
}

/* ---- 11. 响应式 ---- */
@media (max-width: 767.98px) {
  .sf-hero { padding: 28px 18px; }
  .sf-section { padding: 16px; margin-bottom: 20px; }
  .sf-content, #sf-content { padding: 0 12px !important; margin: 16px auto !important; }
  .cta.media-box, div.media-box { width: 60px !important; height: 60px !important; }
  .cta.media-box > img, div.media-box > img { width: 24px !important; height: 24px !important; }
  .providers ul, .brand-wall ul, .partners ul {
    grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)) !important;
  }
}

/* ---- 12. 文章正文排版兜底 ---- */
.sf-content article,
.sf-content .entry-content,
.sf-content .post-content {
  background: var(--sf-surface);
  border: 1px solid var(--sf-border);
  border-radius: var(--sf-radius);
  padding: 24px;
  box-shadow: var(--sf-shadow-sm);
}
.sf-content article h1,
.sf-content .entry-content h1 { margin-top: 0 !important; }
.sf-content article h2 { margin-top: 1.6em !important; }
.sf-content article img,
.sf-content .entry-content img {
  border-radius: var(--sf-radius-sm);
  margin: 12px 0;
  max-height: 420px !important;
  object-fit: contain !important;
}

/* =============================================================
 * v1.2.0 追加：彻底删除"服务提供商 / 赞助商 / 合作伙伴"板块
 * 按用户明确要求一键移除（含前面 v1.1.0 刚做成网格的那块）
 * ============================================================= */
.game-icons,
section.game-icons,
div.game-icons,
.game-icons-wrap,
.game-icons-bg,
.home-sponsor,
.home-sponsor.offset-y,
section.home-sponsor,
div.home-sponsor,
.sponsor,
.sponsors,
.sponsor-wall,
.sponsors-wall,
.home-sponsors,
.providers,
.provider-wall,
.providers-wall,
.home-providers,
.footer-providers,
.partners,
.partner-wall,
.partners-wall,
.home-partners,
.footer-partners,
.brand-wall,
.brands-wall,
.home-brands,
.logos-wall,
.sf-logo-grid,
#providers,
#sponsors,
#partners,
#home-sponsor,
#home-providers,
[data-section="providers"],
[data-section="sponsors"],
[data-section="partners"],
[aria-label="服务提供商"],
[aria-label="赞助商"],
[aria-label="合作伙伴"],
section[class*="provider" i],
section[class*="sponsor" i],
section[class*="partner" i],
div[class*="home-sponsor" i],
div[class*="home-provider" i] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* =============================================================
 * v1.3.0 追加：
 *   (A) 删除"服务提供商"整块（第二个 .footer-platform，含 46 个 .platform-item）
 *   (B) 删除移动端浮动 3 图（Promotion/Play/Register，.menu_mobile）
 * ============================================================= */

/* (A) 服务提供商 — 精准识别 .footer-platform 下含 .platform-item 的那个 */
.platform-item,
.ant-col.platform-item,
.ant-col.ant-col-3.platform-item,
/* 现代浏览器 :has() 整块移除 */
.footer-platform:has(.platform-item),
.footer-platform-wrap:has(.platform-item),
/* 兜底：第二个 footer-platform 结构 = 直接子是 .pasth4 与 .ant-row
   (第一个 footer-platform 直接子都是 .ant-col 不会命中) */
.footer-platform > .pasth4,
.footer-platform > .ant-row {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* (B) 移动端浮动 3 图 Promotion/Login/Register —— 桌面端也错误显示的修复 */
.menu_mobile,
div.menu_mobile,
.menu_mobile.d-block,
.menu_mobile.d-block.d-md-none,
[class*="menu_mobile"],
[class~="menu_mobile"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
