theme-video-media {
  position: relative;
  display: block;
  width: 100%;
}

.theme-video-media video,
.theme-video-media iframe {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  object-fit: cover;
}

.theme-video-media__poster {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.theme-video-media__poster img,
.theme-video-media__poster svg {
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.theme-video-media__play-button {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  z-index: 5;
  display: flex;
  width: 15%;
  min-width: 36px;
  max-width: 88px;
  aspect-ratio: 1;
  padding: 0;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  transition: transform 0.2s;
  transform: translate(-50%, -50%);
}

.theme-video-media__play-button.right-bottom{
  inset-block-start: unset;
  inset-inline-start: unset;
  transform: none;
  inset-block-end: 10px;
  inset-inline-end: 20px;
}

[data-autoplay="true"] .theme-video-media__play-button{
  display: none;
}

theme-video-media[data-flag="true"][data-is-button-always="true"] .theme-video-media__play-button.play {
  display: none;
}
theme-video-media[data-flag="false"][data-is-button-always="true"] .theme-video-media__play-button.play {
  display: flex;
}
theme-video-media[data-flag="true"][data-is-button-always="true"] .theme-video-media__play-button.pause {
  display: flex;
}
theme-video-media[data-flag="false"][data-is-button-always="true"] .theme-video-media__play-button.pause {
  display: none;
}

.theme-video-media__play-button:hover {
  transform: translate(-50%, -50%) scale(1.11);
}
.theme-video-media__play-button.right-bottom{
  transform: none;
}

.theme-video-media__play-button-icon {
  z-index: 2;
  width: 100%;
  height: 100%;
}

.theme-video-media__media {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.theme-video-media--empty {
  width: 100%;
  /* height: 848px; */
}

@media (max-width: 959px) {
  .theme-video-media--empty {
    /* height: 188px; */
    height: 100%;
  }
}


.video-media-wistia-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.wistia_embed iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  object-fit: cover; /* ⚠️ 对 iframe 无效，只对 video/img 生效 */
}

.video-pc {
  height: 100%;
}

.poster-pc {
  display: block;
}
.poster-mobile {
  display: none;
}


/* 默认：PC端显示，隐藏平板和移动元素 */
.video-pc,
.poster-pc {
  display: block;
}
.video-tablet,
.video-mobile,
.poster-tablet,
.poster-mobile {
  display: none;
}

/* 平板端适配 */
@media (min-width: 766px) and (max-width: 1024px) {
  .video-pc,
  .poster-pc {
    display: block;
    height: 100%;
  }
  .video-tablet,
  .poster-tablet {
    display: block;
  }
  .video-mobile,
  .poster-mobile {
    display: none;
  }
}

/* 移动端适配 */
@media (max-width: 765px) {
  .video-pc,
  .video-tablet,
  .poster-pc,
  .poster-tablet {
    display: none;
  }
  .video-mobile,
  .poster-mobile {
    display: block;
  }
}