/* hero-placeholder.css — 首屏 1920×1080 动画占位
   老大即梦生成 MP4 后，替换 .hero-media 内部内容即可（追派嵌入）。 */
.hero-media {
  background: linear-gradient(135deg, #FFFCE8 0%, #E8F5EF 100%);
}
.hero-media::before {
  content: "";
  position: absolute; inset: 0;
  background-image:
    repeating-linear-gradient(90deg, rgba(7,102,70,0.10) 0 1px, transparent 1px 80px),
    repeating-linear-gradient(0deg, rgba(7,102,70,0.10) 0 1px, transparent 1px 80px);
}
.hero-media::after {
  content: "[ 1920 × 1080 · HERO MEDIA · 占位 ]";
  position: absolute; inset: 0;
  display: grid; place-items: center;
  font-family: "JetBrains Mono", monospace;
  font-size: clamp(0.7rem, 1.6vw, 1rem);
  letter-spacing: 0.2em; color: #076646; opacity: 0.55;
}