/* MIIGO_COMMUNITY_NINE_GRID_FIX_V1_20260704
   社区帖子图片统一最多 9 张，3×3 九宫格。 */

body[data-channel="community"] .miigo-community-nine-grid-fix-v1 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  width: 100% !important;
  margin: 8px 0 10px !important;
  box-sizing: border-box !important;
}

body[data-channel="community"] .miigo-community-nine-grid-fix-v1-item {
  position: relative !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #eef2f7 !important;
}

body[data-channel="community"] .miigo-community-nine-grid-fix-v1-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

body[data-channel="community"] .miigo-community-nine-grid-fix-v1-gif {
  position: absolute !important;
  left: 6px !important;
  bottom: 6px !important;
  border-radius: 999px !important;
  padding: 3px 7px !important;
  background: rgba(15, 23, 42, .78) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

/* MIIGO_COMMUNITY_NINE_GRID_STYLE_FORCE_V2_20260704
   强制社区图片 3×3 九宫格，修复被旧两列样式覆盖的问题。 */

.miigo-community-nine-grid-fix-v1,
[data-miigo-nine-grid-fix-v1="1"] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 8px 0 10px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  align-items: stretch !important;
}

.miigo-community-nine-grid-fix-v1 > *,
[data-miigo-nine-grid-fix-v1="1"] > * {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  aspect-ratio: 1 / 1 !important;
  float: none !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.miigo-community-nine-grid-fix-v1-item {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #eef2f7 !important;
  box-shadow: none !important;
}

.miigo-community-nine-grid-fix-v1-item img,
.miigo-community-nine-grid-fix-v1 > img,
[data-miigo-nine-grid-fix-v1="1"] img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* MIIGO_COMMUNITY_PC_NINE_GRID_FORCE_REBUILD_V3_20260704
   电脑手机壳 / iframe 下强制 3×3，不受旧两列样式影响。 */
.miigo-community-nine-grid-fix-v1[data-miigo-nine-grid-fix-v1="1"] {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-auto-flow: row !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.miigo-community-nine-grid-fix-v1[data-miigo-nine-grid-fix-v1="1"] .miigo-community-nine-grid-fix-v1-item {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: none !important;
  float: none !important;
}

.miigo-community-nine-grid-fix-v1[data-miigo-nine-grid-fix-v1="1"] .miigo-community-nine-grid-fix-v1-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
