/* 仅移动端视频首页。覆盖旧V5排版，不修改其他屏。 */
.m-page section.hero.lv4-active { min-height: 100dvh; }
.m-page section.hero.lv4-active > .top {
  top: env(safe-area-inset-top, 0px) !important;
  height: clamp(58px, 9dvh, 88px) !important;
  padding-inline: clamp(18px, 5vw, 32px) !important;
  z-index: 5 !important;
}
.m-page section.hero.lv4-active > .hero-bottom {
  position: absolute !important;
  top: clamp(94px, 15dvh, 155px) !important;
  bottom: max(18px, env(safe-area-inset-bottom, 0px)) !important;
  left: 0 !important; right: 0 !important;
  height: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 clamp(16px, 5vw, 32px) !important;
  gap: 0 !important;
  z-index: 4 !important;
}
.m-page section.hero.lv4-active > .hero-bottom > .theme {
  align-self: stretch !important;
  width: 100% !important;
  height: min(45%, 340px) !important;
  min-height: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: clamp(14px, 3dvh, 30px) !important;
}
.m-page section.hero.lv4-active .theme .theme-title,
.m-page section.hero.lv4-active .theme .theme-title .hl {
  font-size: clamp(26px, 7.3vw, 36px) !important;
  line-height: 1.25 !important;
}
.m-page section.hero.lv4-active .theme .theme-desc {
  font-size: clamp(13px, 3.5vw, 16px) !important;
  line-height: 1.65 !important;
  max-width: 100% !important;
}
.m-page section.hero.lv4-active .hero-bottom > .dots { display: none !important; }
.m-page section.hero.lv4-active .hero-bottom > .download-block {
  margin-top: auto !important;
  width: 100% !important;
  gap: clamp(10px, 1.7dvh, 20px) !important;
  padding-top: clamp(18px, 4dvh, 42px) !important;
}
.m-page section.hero.lv4-active .hero-bottom .ctas {
  margin-top: 0 !important;
  gap: clamp(8px, 1.5dvh, 16px) !important;
}
/* 小屏时优先保证所有操作按钮可见 */
@media (max-height: 700px) {
  .m-page section.hero.lv4-active > .hero-bottom { top: 80px !important; bottom: 10px !important; }
  .m-page section.hero.lv4-active > .hero-bottom > .theme { height: 39% !important; }
  .m-page section.hero.lv4-active > .hero-bottom > .download-block { padding-top: 8px !important; gap: 7px !important; }
}