/* Playback-only visual layer. Business state and player behavior stay in the compiled page chunk. */
html.player-immersive,
html.player-immersive body,
html.player-immersive #app,
html.player-immersive uni-page-body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #050505;
}

.swiper-container[data-v-25253e2e],
.swiper[data-v-25253e2e],
.single[data-v-25253e2e],
.single .videos[data-v-25253e2e] {
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 520px;
  background: #050505 !important;
}

.mui-player-h5[data-v-25253e2e] {
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin-top: 0 !important;
  background: #050505 !important;
}

.single .videos .zhezhao[data-v-25253e2e] {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.44) 0, transparent 20%, transparent 56%, rgba(0, 0, 0, 0.84) 100%) !important;
}

.single .videos .top1[data-v-25253e2e] {
  top: max(12px, env(safe-area-inset-top)) !important;
  left: 12px !important;
  width: 44px;
  height: 44px;
  border-radius: 50% !important;
  background: rgba(8, 8, 8, 0.46);
  backdrop-filter: blur(10px);
}

.single .videos .top1 uni-image[data-v-25253e2e] {
  width: 24px !important;
  height: 24px !important;
}

html.miniapp-player .single .videos .top1[data-v-25253e2e] {
  display: none !important;
}

.single .videos .bottom[data-v-25253e2e] {
  inset: 0 !important;
  width: 100% !important;
  pointer-events: none;
}

.single .videos .bottom .menu[data-v-25253e2e] {
  position: absolute !important;
  right: 10px;
  bottom: calc(136px + env(safe-area-inset-bottom));
  width: 58px !important;
  margin: 0 !important;
  pointer-events: auto;
}

.single .videos .bottom .menu .right_menu[data-v-25253e2e] {
  width: 58px;
  padding: 0 !important;
}

.single .videos .bottom .menu .right_menu:empty {
  display: none !important;
}

.single .videos .bottom .menu .right_menu .menu_single[data-v-25253e2e],
.single .videos .bottom .menu .right_menu .report-btn[data-v-25253e2e] {
  width: 58px !important;
  min-height: 66px;
  margin: 0 0 14px !important;
}

.single .videos .bottom .menu .right_menu .menu_single uni-image[data-v-25253e2e],
.single .videos .bottom .menu .right_menu .report-btn uni-image[data-v-25253e2e] {
  width: 42px !important;
  height: 42px !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.48));
}

.single .videos .bottom .menu .right_menu .menu_single uni-text[data-v-25253e2e] {
  margin-top: 5px !important;
  font-size: 12px !important;
  line-height: 17px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.72) !important;
}

.single .videos .bottom .intro[data-v-25253e2e] {
  position: absolute !important;
  right: 84px;
  bottom: calc(22px + env(safe-area-inset-bottom));
  left: 16px;
  width: auto !important;
  margin: 0 !important;
  pointer-events: auto;
}

.single .videos .bottom .intro .title[data-v-25253e2e] {
  min-width: 0;
  padding-right: 8px;
}

.single .videos .bottom .intro .title uni-text[data-v-25253e2e] {
  overflow: hidden;
  font-size: 17px !important;
  font-weight: 600;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.single .videos .bottom .intro .title .arrow-right[data-v-25253e2e] {
  width: 7px !important;
  height: 12px !important;
  margin-left: 8px !important;
}

.single .videos .bottom .intro .chapnum[data-v-25253e2e] {
  min-height: 38px;
  margin: 10px 0 0 !important;
  padding: 0 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px !important;
  background: rgba(16, 16, 16, 0.68) !important;
  backdrop-filter: blur(12px);
}

.single .videos .bottom .intro .chapnum .chapnum_left uni-text[data-v-25253e2e] {
  font-size: 13px !important;
  line-height: 20px;
}

.single .videos .bottom .intro .chapnum .chapnum_right[data-v-25253e2e] {
  width: 12px !important;
  height: 7px !important;
}

.unlock-popup[data-v-25253e2e] {
  min-width: 230px;
  margin: 0 !important;
  padding: 24px 22px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(13, 13, 13, 0.78);
  backdrop-filter: blur(16px);
}

.unlock-popup .tips[data-v-25253e2e] {
  font-size: 14px !important;
  line-height: 20px;
}

.unlock-popup .btn[data-v-25253e2e] {
  min-width: 150px;
  min-height: 44px;
  margin-top: 18px !important;
  padding: 0 22px !important;
  border-radius: 6px !important;
  background: #f04f45 !important;
  align-items: center;
  justify-content: center;
}

.unlock-popup .btn uni-text[data-v-25253e2e] {
  font-size: 15px !important;
}

.chapter_pop[data-v-25253e2e] {
  background: rgba(0, 0, 0, 0.54);
  backdrop-filter: blur(3px);
}

.chapter_pop .chapter[data-v-25253e2e] {
  box-sizing: border-box;
  max-height: 72vh;
  max-height: 72dvh;
  padding: 12px 0 calc(18px + env(safe-area-inset-bottom)) !important;
  overflow: hidden;
  border-radius: 8px 8px 0 0 !important;
  background: #f7f7f8 !important;
  color: #141414;
}

/* Keep the existing uni-scroll-view bounded when its grid grows past the sheet. */
.chapter_pop .chapter .chapter_poster[data-v-25253e2e] {
  flex-shrink: 1;
  min-height: 0;
  overflow: hidden;
}

.chapter_pop .chapter .chapter_poster > uni-scroll-view[data-v-25253e2e] {
  min-height: 0;
  flex-shrink: 1;
}

.chapter_pop .chapter .chapter_top[data-v-25253e2e] {
  width: calc(100% - 32px) !important;
}

.chapter_pop .chapter .chapter_top .chapnum[data-v-25253e2e] {
  margin-top: 0 !important;
}

.chapter_pop .chapter .chapter_top .chapnum .left[data-v-25253e2e] {
  width: 58px !important;
  height: 78px !important;
  margin-right: 12px !important;
  border-radius: 6px !important;
}

.chapter_pop .chapter .chapter_top .chapnum .left uni-image[data-v-25253e2e] {
  border-radius: 6px !important;
}

.chapter_pop .chapter .chapter_top .chapnum .right .title uni-text[data-v-25253e2e] {
  overflow: hidden;
  font-size: 16px !important;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chapter_pop .chapter .chapter_top .chapnum .right .intro[data-v-25253e2e] {
  display: -webkit-box !important;
  margin-top: 6px !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.chapter_pop .chapter .chapter_top .chapnum .right .intro uni-text[data-v-25253e2e] {
  font-size: 12px !important;
  line-height: 18px !important;
}

.chapter_pop .chapter .chap-title[data-v-25253e2e] {
  margin: 18px 16px 10px !important;
}

.chapter_pop .chapter .chap-title uni-text[data-v-25253e2e] {
  font-size: 17px !important;
}

.chapter_pop .chapter .chapter_num[data-v-25253e2e] {
  width: calc(100% - 32px) !important;
}

.chapter_pop .chapter .chapter_num uni-text[data-v-25253e2e] {
  margin-right: 22px !important;
  font-size: 13px !important;
  line-height: 36px !important;
}

.video-group[data-v-25253e2e] {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  height: auto !important;
  padding: 12px 16px 28px !important;
}

.video-group .unchecked-video[data-v-25253e2e] {
  box-sizing: border-box;
  width: auto !important;
  height: 48px !important;
  margin: 0 !important;
  border: 1px solid #e4e4e6;
  border-radius: 6px !important;
  align-items: center;
  justify-content: center;
  background: #ffffff !important;
}

.video-group .unchecked-video .text[data-v-25253e2e] {
  height: auto !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}

.video-group .checked-video[data-v-25253e2e] {
  border-color: #f04f45 !important;
  background: #f04f45 !important;
}

.video-group .checked-video .text[data-v-25253e2e] {
  color: #ffffff !important;
}

.pay_pop[data-v-25253e2e] .u-popup__content {
  padding-bottom: env(safe-area-inset-bottom);
  border-radius: 8px 8px 0 0 !important;
  background: #f4f5f6 !important;
}

.pay_pop .pay_middle .top[data-v-25253e2e] {
  min-height: 48px;
}

.pay_pop .pay_middle .bottom_btn[data-v-25253e2e] {
  min-height: 48px;
  border-radius: 6px !important;
  background: #177b62 !important;
}

[data-v-25253e2e] .xgplayer-loading,
[data-v-25253e2e] .xgplayer-error {
  z-index: 20 !important;
  max-width: calc(100vw - 48px);
  color: #ffffff !important;
  text-align: center;
}

@media (max-height: 620px) {
  .single .videos .bottom .menu[data-v-25253e2e] {
    bottom: calc(108px + env(safe-area-inset-bottom));
  }

  .single .videos .bottom .menu .right_menu .menu_single[data-v-25253e2e] {
    min-height: 56px;
    margin-bottom: 8px !important;
  }

  .single .videos .bottom .menu .right_menu .menu_single uni-image[data-v-25253e2e] {
    width: 36px !important;
    height: 36px !important;
  }

  .single .videos .bottom .intro[data-v-25253e2e] {
    bottom: calc(12px + env(safe-area-inset-bottom));
  }
}