.main-video__cover-image {
  position: relative;
  /* margin-block-end: 20px; */
  animation-delay: 0s;
  animation-fill-mode: backwards;
  animation-iteration-count: 0;
  opacity: 1;
  transform: translateX(0);
  overflow: hidden;
}

/* PC端，一般宽度 >= 1025px */
@media (min-width: 1025px) {
  .main-video__cover-image {
    width: 100%;
    /* height: var(--video-height-pc); */
    margin: var(--margin-pc-top)
          var(--margin-pc-right)  
          var(--margin-pc-bottom)
          var(--margin-pc-left);
  }
  .main-video__cover-image .poster-pc img {
    height: var(--video-height-pc);
    object-fit: cover;
    object-position: center;
  }
  .main-video__cover-image::before {
    background-color: #000;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: var(--video-opacity, 100%);
  }
  .theme-video-media {
    width: 100%;
    height: var(--video-height-pc);
  }
  .video-mobile-wrapper {
    display: none;
  }

  /* 默认不显示阴影层 */
  .main-video__cover-image .theme-customers-video__group::before {
    content: none;
  }

  /* 当 text_shadow = true 时启用阴影层 */
  .main-video__cover-image[data-text-shadow="true"] .theme-customers-video__group::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -100px -200px;
    background: radial-gradient(rgba(0, 0, 0, .2) 0, transparent 60%);
    z-index: auto; /* 避免按钮被覆盖 */
    pointer-events: none; /* 阻止影响点击 */
  }
}

/* 平板，一般宽度在 768px ~ 1024px */
@media (max-width: 1024px) and (min-width: 769px) {
   .main-video__cover-image::before {
    background-color: #000;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: var(--video-opacity, 100%);
  }
  .main-video__cover-image {
    width: 100%;
    /* margin: var(--margin-pad-top)
            var(--margin-pad-right)
            var(--margin-pad-bottom)
            var(--margin-pad-left); */
    margin: var(--margin-pc-top)
          var(--margin-pc-right)
          var(--margin-pc-bottom)
          var(--margin-pc-left);
  }
  .main-video__cover-image .poster-pc img {
    height: var(--video-height-pc);
    object-fit: cover;
    object-position: center;
  }
  .video-mobile-wrapper {
    display: none;
  }
  /* 默认不显示阴影层 */
  .main-video__cover-image .theme-customers-video__group::before {
    content: none;
  }

  /* 当 text_shadow = true 时启用阴影层 */
  .main-video__cover-image[data-text-shadow="true"] .theme-customers-video__group::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -100px -200px;
    background: radial-gradient(rgba(0, 0, 0, .2) 0, transparent 60%);
    z-index: auto; /* 避免按钮被覆盖 */
    pointer-events: none; /* 阻止影响点击 */
  }
}

/* 移动端，一般宽度 <= 768px */
@media (max-width: 768px) {
  .main-video__cover-image::before {
    background-color: #000;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: var(--video-opacity, 100%);
  }
  .main-video__cover-image {
    width: 100%;
    height: var(--video-height-mobile);
    object-fit: cover;
    margin: var(--margin-mb-top)
          var(--margin-mb-right)
          var(--margin-mb-bottom)
          var(--margin-mb-left);
  }
  .main-video__cover-image .poster-mobile img {
    height: var(--video-height-mobile);
    object-fit: cover;
  }
  .theme-video-media {
    width: 100%;
    height: var(--video-height-mobile);
  }
  .theme-video-media .theme-video-media__media video, .theme-video-media .theme-video-media__media iframe {
    height: var(--video-height-mobile);
  }
  .video-pc-wrapper {
    display: none;
  }
  /* 默认不显示阴影层 */
  .main-video__cover-image .theme-customers-video__group::before {
    content: none;
  }

  /* 当 text_shadow = true 时启用阴影层 */
  .main-video__cover-image[data-text-shadow="true"] .theme-customers-video__group::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -100px -200px;
    background: radial-gradient(rgba(0, 0, 0, .2) 0, transparent 60%);
    z-index: auto; /* 避免按钮被覆盖 */
    pointer-events: none; /* 阻止影响点击 */
  }
}

/* 隐藏播放按钮 */
.theme-video-media__play-button {
  display: none !important;
}
