/* Video home only: mobile H5 layout, independent of other video pages. */
.feature-page.feature-video-home {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: 480px !important;
  height: 100dvh !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box;
  background: #0c0c0e;
}
.feature-video-home > .feature-header,
.feature-video-home .video-home-status,
.feature-video-home .video-home-top {
  display: none !important;
}
.feature-video-home .video-home-screen,
.feature-video-home .video-home-shell {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0;
  padding-top: env(safe-area-inset-top, 0px);
  box-sizing: border-box;
  overflow: hidden;
}
.feature-video-home .video-home-scroll {
  flex: 1;
  width: 100%;
  height: 0;
  min-height: 0;
  min-width: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.feature-video-home .video-home-scroll::-webkit-scrollbar,
.feature-video-home .video-home-filter::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.feature-video-home .video-home-tabs {
  display: block;
  flex: 0 0 50px;
  height: 50px;
  line-height: 50px;
  width: 100%;
  white-space: nowrap;
  box-sizing: border-box;
}
.feature-video-home .video-home-tabs text,
.feature-video-home .video-home-tabs uni-text {
  display: inline-block;
  margin-right: 24px;
  vertical-align: top;
}
/* UniApp scroll-view scrolls its inner element, not the host. */
.feature-video-home .video-home-tabs .uni-scroll-view,
.feature-video-home .video-home-filter .uni-scroll-view {
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
.feature-video-home .video-home-tabs::-webkit-scrollbar,
.feature-video-home .video-home-tabs .uni-scroll-view::-webkit-scrollbar,
.feature-video-home .video-home-filter .uni-scroll-view::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.feature-video-home .video-home-filter {
  flex: 0 0 auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.feature-video-home .video-home-empty,
.feature-video-home .video-home-loading {
  display: block;
  grid-column: 1 / -1;
  padding: 28px 14px;
  color: #8a8a92;
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
}
.feature-video-home .video-home-body {
  padding-top: 12px;
  padding-bottom: 20px;
}
.feature-video-home .video-home-cover {
  width: 100%;
  height: auto !important;
  aspect-ratio: 171 / 216;
}
.feature-video-home .video-home-cover image,
.feature-video-home .video-home-cover uni-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.feature-video-home .video-home-tabbar {
  flex: 0 0 auto;
  width: 100%;
  min-height: calc(64px + env(safe-area-inset-bottom, 0px));
  padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
}