/* ===== 第三屏（Mural Lesson） ===== */

.mural-hero {
  /* 和第二屏保持同系的背景，做到颜色顺滑承接 */
  min-height: clamp(560px, 92svh, 980px);
  margin-bottom: 400px;
  display: grid;
  place-items: center;
  /* background:
    radial-gradient(1200px 600px at 18% 28%, rgba(34,108,89,.08), transparent 60%),
    radial-gradient(1200px 600px at 82% 78%, rgba(34,108,89,.06), transparent 60%),
    linear-gradient(180deg, #f6efe6 0%, #efe6da 100%); */
  isolation: isolate;
  overflow: hidden;
}

.mh-wrap {
  --page-max: 1400px;
  --side-pad: clamp(16px, 4vw, 48px);
  width: min(var(--page-max), 100%);
  padding-inline: var(--side-pad);
  display: grid;
  place-items: center;
}

.mh-card {
  /* 这就是“人物+黑板+文字”的整图 */
  width: clamp(280px, 72vw, 1080px);
  height: auto;
  display: block;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, .18));
  will-change: transform, opacity, filter;
  user-select: none;
  pointer-events: none;
  /* 纯展示时可禁用交互 */
}

@media (prefers-reduced-motion: reduce) {
  .mh-card {
    filter: none;
  }
}