/* SceneGrid —— 主功能五入口（Figma 1887:1470..1482）。
   每项 68.6×62 = 图标框 36 + 间距 6 + 文字 20；5×68.6 = 343 正好铺满卡片。

   ⚠️ 图标是「大图放进小框裁切」：素材按 42–46px 渲染，却装在 36×36 且
   overflow-clip 的框里 —— 设计稿就是这么做的（连带把图标自带的投影也裁掉了）。
   按原样复刻，不做「修正」。每项的实际渲染尺寸由页面数据给（--scene-icon-size）。 */

.mzh-scene-grid {
  position: absolute;
  left: 0;
  top: var(--master-card-row-top);
  display: flex;
  align-items: center;
  width: 100%;
  /* 每项图标渲染尺寸由页面数据内联覆盖；给个默认值让本文件自洽 */
  --scene-icon-size: 44px;
}

.mzh-scene-grid__item {
  flex: 1 1 0;
  min-width: 0;
  height: var(--master-card-item-h);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--master-card-item-gap);
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  /* 5 项均分 343 → 68.6；与设计稿 item-w 一致 */
  width: var(--master-card-item-w);
}

.mzh-scene-grid__icon-box {
  flex: none;
  width: var(--master-card-icon-box);
  height: var(--master-card-icon-box);
  overflow: clip;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mzh-scene-grid__icon {
  flex: none;
  width: var(--scene-icon-size);
  height: var(--scene-icon-size);
  object-fit: cover;
  /* ⚠️ 不写 box-shadow：设计稿虽给了 0 1px 2px rgba(66,102,82,0.18)，
     但图标 42–46px 装进 36px 且 overflow-clip 的框 → 投影落在 42~47px 处，
     被框整个裁掉，**渲染结果就是没有投影**。
     若给一个小于框的图标（如防水修缮 35px）加上它，投影的 35~38px 段会露进框内，
     在图标背后形成一圈淡灰方框（实测 (242,244,243)，用户当"线框"反馈过）。
     按时值渲染 = 不渲染它。 */
}

.mzh-scene-grid__label {
  flex: none;
  font-size: var(--typography-caption-font-size);
  line-height: var(--typography-caption-line-height);
  color: var(--color-text-secondary);
  white-space: nowrap;
}