/* --------------------------------------------------------------------------
   全站视频（首页「关于志铭」旁、视频中心各详情页正文）
   hover 播放 / 暂停由 /js/video-guard.js 负责；这里只解决三件事：
   ① 不画黑底，画面直接显示；② 首页视频尺寸保持不变；③ 详情页视频占 95% 宽。
   -------------------------------------------------------------------------- */

/* 统一：视频自身不铺黑底，宽度不超过容器 */
video.hover-video {
  display: block;
  background: transparent;
  max-width: 100%;
}

/* ---- 首页「关于志铭」旁的视频 ----
   主题 umtheme.css 给 .aboutPlay 加了 background:#111 + 1px #111 边框 + 2% 内边距，
   黑底把画面框成一块黑框。这里只把底色和边框改成透明（边框宽度保留），
   内边距与 video 宽度都不动，所以视频尺寸完全不变。 */
.about .aboutPlay,
.aboutLeft .aboutPlay {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.about .aboutPlay video,
.aboutLeft .aboutPlay video {
  background: transparent;
  display: block;
}

/* ---- 视频中心详情页：正文里的视频宽度取容器的 95% ----
   原站正文里是 <iframe width="420" height="280">，占位很小；
   生成时已换成 <video>，这里统一放大到 95% 宽、按原比例自适应高度。 */
.artUm video,
.artUm .hover-video {
  width: 95%;
  max-width: 95%;
  height: auto;
  display: block;
  margin: 0 auto 20px;
  background: transparent;
  border-radius: 4px;
}

/* ≤768px：窄屏再给足宽度，避免两侧留白过多 */
@media (max-width: 768px) {
  .artUm video,
  .artUm .hover-video {
    width: 100%;
    max-width: 100%;
    margin-bottom: 14px;
  }
}