/* 确保视频可以自适应屏幕大小 */
video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保持宽高比的同时填充容器 */
}

/* 如果需要，你可以添加一个 div 容器来控制视频的显示区域 */
.banner-container {
  position: relative;
  width: 100%;
  height: 60vh; /* 视频高度占视窗的 60% */
  overflow: hidden;
}

/* 新增的样式用于视频背景的全屏适配 */
.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保持宽高比的同时填充容器 */
  z-index: -1; /* 将视频置于内容之下 */
}