/* 四个新增产品页的视频弹层，复用现有播放器与签名接口。 */
html.product-video-open,
body.product-video-open { overflow:hidden!important; }
.video_wrapper.product-video-dialog {
  inset:0;
  width:100%;
  height:100%;
  height:100dvh;
  overflow:auto;
  background:rgba(8,20,38,.72);
  z-index:100000;
}
.video_wrapper.product-video-dialog .video_inner {
  box-sizing:border-box;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:min(1080px,calc(100vw - 48px),calc((100dvh - 120px)*16/9));
  height:auto;
  max-height:calc(100dvh - 48px);
  overflow:hidden;
  border-radius:4px;
  background:#fff;
  color:#10284a;
  box-shadow:0 24px 90px rgba(9,31,60,.28);
  text-align:left;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
}
.video_wrapper.product-video-dialog .close_video_btn { display:none; }
.product-video-header,
.product-video-stage { display:none; }
.product-video-dialog .product-video-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 24px;
  border-bottom:1px solid #dbe4ef;
}
.product-video-dialog .product-video-title {
  margin:0;
  padding:0;
  font-size:18px;
  font-weight:500;
  line-height:1.5;
}
.product-video-dialog .product-video-close {
  display:flex;
  flex:none;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#41556e;
  font:inherit;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.product-video-dialog .product-video-close:hover { color:#266dfb; }
.product-video-dialog .product-video-close:focus-visible { outline:2px solid #266dfb; outline-offset:3px; }
.product-video-dialog .product-video-stage {
  position:relative;
  display:block;
  aspect-ratio:16/9;
  background:#fff;
  line-height:0;
}
.product-video-dialog .product-video-stage video {
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  aspect-ratio:16/9;
  object-fit:contain;
}
.product-video-dialog .product-video-status {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  box-sizing:border-box;
  max-width:calc(100% - 32px);
  margin:0;
  padding:8px 14px;
  border-radius:4px;
  background:rgba(255,255,255,.94);
  color:#536b87;
  font-size:13px;
  line-height:1.5;
  text-align:center;
  pointer-events:none;
}
.product-video-dialog .product-video-status:empty { display:none; }
@media (max-width:760px) {
  .video_wrapper.product-video-dialog .video_inner {
    width:min(calc(100vw - 24px),calc((100dvh - 112px)*16/9));
    max-height:calc(100dvh - 32px);
  }
  .product-video-dialog .product-video-header { padding:12px 16px; gap:12px; }
  .product-video-dialog .product-video-title { font-size:16px; }
}