/* 
 * 视频部分背景颜色调整
 * 修改视频背景颜色为柔和的浅灰色
 */

/* 修改hero和视频容器背景颜色 */
.hero {
  background-color: #f5f7fa !important; /* 柔和的浅灰色替代纯白色 */
  color: #333333 !important; /* 保持深色文字 */
}

/* 确保视频容器继承新的背景色 */
.video-container {
  background-color: #f5f7fa !important;
}

/* 如果有专门的视频部分 */
.video-section {
  background-color: #f5f7fa !important;
}

/* 如果网站使用的是hero-section */
.hero-section {
  background: #f5f7fa !important;
  color: #333333 !important;
}

/* 如果hero-section使用渐变背景，调整为浅灰色 */
.hero-section {
  background: #f5f7fa !important;
}

/* 这个选择器用于渐变效果，在浅灰背景下可以保留柔和效果 */
.hero::after {
  background-image: linear-gradient(to right, rgba(245, 247, 250, 0), rgba(245, 247, 250, 0.8)) !important;
  display: block !important; /* 恢复渐变，但使用更柔和的效果 */
}