/**
 * 仅：手机浏览器打开案例「视频」详情，且横持时，视频铺满。
 * 不作用于首页、图集、图文、桌面端。
 */

html.mia-video-landscape body.mia-solution-video-page .mia-navbar.sticky-top,
html.mia-video-landscape body.mia-solution-video-page .mia-topbar,
html.mia-video-landscape body.mia-solution-video-page footer.mia-footer,
html.mia-video-landscape body.mia-solution-video-page .mia-solution-chrome {
  display: none !important;
}

html.mia-video-landscape body.mia-solution-video-page .mia-home-band {
  border: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 100dvh;
  background: #000;
}

html.mia-video-landscape body.mia-solution-video-page .mia-home-band > .container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html.mia-video-landscape body.mia-solution-video-page .mia-solution-media-card {
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.mia-video-landscape body.mia-solution-video-page .mia-solution-video-wrap {
  --mia-solution-video-max-h: 100dvh;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  max-height: none !important;
  border-radius: 0 !important;
}

html.mia-video-landscape body.mia-solution-video-page .mia-solution-video {
  width: 100% !important;
  height: 100dvh !important;
  max-width: 100vw !important;
  max-height: 100dvh !important;
  object-fit: contain !important;
}