/* 业务范围区块 Grid 布局 - 最终版 */
/* 使用最高优先级选择器 + !important */

/* 父容器：强制 12 列网格 */
#business-scope .scope-mosaic-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 2rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 子网格：右列内部 2×2 */
#business-scope .region-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.5rem !important;
}

/* 左列占 8 列 */
#business-scope .col-span-8 {
  grid-column: span 8 / span 8 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 右列占 4 列 */
#business-scope .col-span-4 {
  grid-column: span 4 / span 4 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 移动端：改为单列 */
@media (max-width: 768px) {
  #business-scope .scope-mosaic-grid {
    grid-template-columns: 1fr !important;
  }
  #business-scope .region-grid {
    grid-template-columns: 1fr !important;
  }
  #business-scope .col-span-8,
  #business-scope .col-span-4 {
    grid-column: span 1 / span 1 !important;
  }
}

/* 图片尺寸统一 */
#business-scope .region-frame img,
#business-scope .country-flag-img {
  max-width: 1.5rem !important;
  max-height: 1.5rem !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  vertical-align: middle !important;
}

#business-scope .region-major-list li img,
#business-scope .country-icon-list li img {
  display: inline-block !important;
  margin-right: 0.25rem !important;
  vertical-align: middle !important;
}