/* A.116 (2026-08-08) iPad 横屏场景马赛克网格塌条修复 —— 纯 CSS 版（不依赖 JS 执行）
   事故：首页「我们塑造的场景」网格列数/行高只定义在方向断点变体里，
   iPad Pro 13 横屏 1376px 一个变体都不命中（tablet-landscape 上限 1368、desktop 要求 fine 指针），
   落到基础态单列无行高 → 8 卡塌成细条。
   选择器用 class 属性子串匹配，不吃构建 hash；卡片 span 用 nth-child（场景顺序固定）。 */
@media (max-width: 1440px) and (orientation: landscape) {
  div[class*="tablet-landscape:grid-cols-4"][class*="tablet-landscape:auto-rows"] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: 300px !important;
  }
  /* 还原设计布局：表演艺术 2×2 大卡、录音棚 2×1（SSR sectors 数组顺序固定） */
  div[class*="tablet-landscape:grid-cols-4"][class*="tablet-landscape:auto-rows"] > :nth-child(1) {
    grid-column: span 2 !important;
    grid-row: span 2 !important;
  }
  div[class*="tablet-landscape:grid-cols-4"][class*="tablet-landscape:auto-rows"] > :nth-child(2) {
    grid-column: span 2 !important;
  }
}
/* 竖屏兜底上限与原生 tablet-portrait（max-width:1079）对齐，避免覆盖原生已命中设备的行高 */
@media (min-width: 768px) and (max-width: 1079px) and (orientation: portrait) {
  div[class*="tablet-landscape:grid-cols-4"][class*="tablet-landscape:auto-rows"] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: 300px !important;
  }
  div[class*="tablet-landscape:grid-cols-4"][class*="tablet-landscape:auto-rows"] > :nth-child(1) {
    grid-column: span 2 !important;
    grid-row: span 2 !important;
  }
  div[class*="tablet-landscape:grid-cols-4"][class*="tablet-landscape:auto-rows"] > :nth-child(2) {
    grid-column: span 2 !important;
  }
}
@media (max-width: 767px) {
  div[class*="tablet-landscape:grid-cols-4"][class*="tablet-landscape:auto-rows"] > * {
    min-height: 220px;
  }
}