/* 视频背景页专用（body 带 data-banner-video）：
   视频为 fixed 全屏层（不随内容滚动），是该页唯一的背景来源。
   静态背景图已按 page.banner_video 条件移除：
     - 模板 banner.ejs 不再输出 #banner 的 background 图；
     - backgroundize.js 不再向 #web_bg 写入静态图；
   #banner 蒙版由 backgroundize.js 清空透明；
   内容面板 #board 已为半透明 + backdrop-blur（毛玻璃），背景视频可透出 */
video.banner-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  pointer-events: none;
  /* video 元素解码前自身透明，补深色兜底色，杜绝透出下层 */
  background-color: #000;
}

/* 视频首帧就绪前（body.video-pending，由 banner-video.js 控制）：
   给 #web_bg 铺深色底，避免首帧前透出页面浅色底色。
   注：视频页 #web_bg 已无静态背景图，此规则现仅提供深色兜底。 */
body.video-pending #web_bg {
  background-image: none !important;
  background-color: #000;
}

/* 系统"减少动态效果"时隐藏视频（该页此时将呈现深色底） */
@media (prefers-reduced-motion: reduce) {
  video.banner-video {
    display: none;
  }
}