/* 详情页/播放页暗黑模式：只改视觉，不改变支付、播放和详情业务链路。 */
html,
body.dark-detail-body {
  min-height: 100%;
  background: #050505 !important;
}

body.dark-detail-body {
  color: #f7f3ec;
  background:
    radial-gradient(circle at top, rgba(255, 122, 32, .18), transparent 32%),
    linear-gradient(180deg, #111114 0%, #070708 48%, #050505 100%) !important;
  padding-bottom: 1.28rem;
}

body.dark-detail-body a { color: inherit; }

body.dark-detail-body .page,
body.dark-detail-body .app {
  max-width: 7.5rem;
  min-height: 100vh;
  margin: 0 auto;
  background: transparent !important;
  overflow-x: hidden;
}

body.dark-detail-body .content-header,
body.dark-detail-body .back {
  position: sticky;
  top: 0;
  z-index: 20;
  min-height: .92rem;
  background: rgba(8, 8, 10, .96) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  color: #fff;
  box-shadow: 0 .12rem .36rem rgba(0, 0, 0, .28);
}

body.dark-detail-body .content-header {
  align-items: center;
  padding: .14rem .24rem;
}

body.dark-detail-body .content-header .back,
body.dark-detail-body .content-header .title,
body.dark-detail-body .content-header .other {
  height: .62rem;
  line-height: .62rem;
}

body.dark-detail-body .content-header .back {
  position: static;
  min-height: 0;
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 999px;
  text-align: center;
  color: #ffb16a;
  box-shadow: none;
}

body.dark-detail-body .content-header .title {
  color: #fff;
  font-weight: 700;
}

body.dark-detail-body .tabbar {
  left: 50%;
  width: 100%;
  max-width: 7.5rem;
  transform: translateX(-50%);
  border-top: 1px solid rgba(255, 255, 255, .08);
  background: rgba(10, 10, 12, .96);
  box-shadow: 0 -.12rem .36rem rgba(0, 0, 0, .35);
}

body.dark-detail-body .tabbar ul li .title { color: rgba(255, 255, 255, .7); }

body.dark-detail-body .backtop { filter: invert(1) hue-rotate(180deg); opacity: .78; }

/* 已解锁/免费播放页 */
body.dark-detail-body .player-video {
  width: calc(100% - .24rem);
  margin: .16rem auto 0;
  border-radius: .22rem;
  overflow: hidden;
  background: #000;
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 .18rem .46rem rgba(0, 0, 0, .4);
}

body.dark-detail-body #dplayer,
body.dark-detail-body .dplayer {
  background: #000;
}

body.dark-detail-body .video-meta-card,
body.dark-detail-body .video-tools,
body.dark-detail-body .video-info,
body.dark-detail-body .video-list,
body.dark-detail-body .video-about,
body.dark-detail-body .book-content {
  width: calc(100% - .24rem);
  margin: .16rem auto 0;
  border-radius: .22rem;
  border: 1px solid rgba(255, 255, 255, .07);
  background: rgba(16, 16, 19, .96) !important;
  box-shadow: 0 .14rem .36rem rgba(0, 0, 0, .24);
  color: rgba(255, 255, 255, .88);
}

body.dark-detail-body .video-meta-card {
  padding: .24rem .22rem;
}

body.dark-detail-body .video-meta-card .video-title {
  color: #fff;
  font-size: .34rem;
  line-height: 1.35;
}

body.dark-detail-body .video-meta-card .video-stats {
  gap: .12rem;
  margin-top: .16rem;
  color: rgba(255, 255, 255, .56);
}

body.dark-detail-body .video-meta-card .video-stats span,
body.dark-detail-body .video-meta-card .video-tags span {
  padding: .06rem .14rem;
  border-radius: 999px;
  background: rgba(255, 142, 45, .12);
  color: #ffb166;
}

body.dark-detail-body .video-meta-card .video-intro {
  color: rgba(255, 255, 255, .74);
}

body.dark-detail-body .video-list .loading,
body.dark-detail-body .loading { color: rgba(255, 255, 255, .56); }

/* 已解锁写真页 */
body.dark-detail-body .book-content {
  padding: .18rem;
  border-top: 0;
}

body.dark-detail-body .book-content .img_wrap {
  margin-bottom: .14rem;
  border-radius: .18rem;
  overflow: hidden;
  background: #111;
}

body.dark-detail-body .book-content img {
  display: block;
  width: 100% !important;
  border-radius: .18rem;
}

/* 未解锁详情页 */
body.dark-detail-body .appBox,
body.dark-detail-body .headerBox {
  background: transparent !important;
}

body.dark-detail-body .back {
  width: 100%;
  max-width: 7.5rem;
  margin: 0 auto;
  padding: .14rem .22rem;
  justify-content: center;
}

body.dark-detail-body .back > div:first-child {
  top: .22rem !important;
  left: .22rem !important;
  width: .54rem;
  height: .54rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  display: flex;
  align-items: center;
  justify-content: center;
}

body.dark-detail-body .back > div:first-child img { filter: invert(1); }

body.dark-detail-body .back .report {
  position: absolute;
  right: .18rem;
  top: .18rem;
  min-height: .48rem;
  padding: 0 .14rem;
  border-radius: 999px;
  background: rgba(255, 142, 45, .12);
  color: #ffb166;
}

body.dark-detail-body .headerBox {
  width: calc(100% - .24rem);
  height: auto;
  margin: .16rem auto 0;
  padding: .22rem;
  border-radius: .24rem;
  border: 1px solid rgba(255, 255, 255, .07);
  background: rgba(16, 16, 19, .96) !important;
  box-shadow: 0 .18rem .42rem rgba(0, 0, 0, .28);
}

body.dark-detail-body .headerBox .title {
  margin: 0 0 .2rem;
  padding: .18rem;
  border-radius: .18rem;
  background: rgba(255, 142, 45, .1);
  color: #ffd4a1;
  font-size: .24rem;
  line-height: 1.7;
  text-indent: 0;
}

body.dark-detail-body .btn,
body.dark-detail-body .aloneBtn,
body.dark-detail-body #buyvip,
body.dark-detail-body .payBtn,
body.dark-detail-body .popup .popup_bottom .readMore .book_bg {
  border: 0 !important;
  background: linear-gradient(135deg, #ffb04d 0%, #ff6d1d 100%) !important;
  color: #160c05 !important;
  font-weight: 700;
  box-shadow: 0 .12rem .26rem rgba(255, 109, 29, .24);
}

body.dark-detail-body .aloneBtn {
  width: 100%;
  margin: .1rem auto;
}

body.dark-detail-body #buyvip {
  width: 100%;
  margin-bottom: .2rem !important;
}

body.dark-detail-body .headerBox .textBox {
  padding: .16rem;
  border-radius: .18rem;
  background: rgba(255, 255, 255, .05);
}

body.dark-detail-body .headerBox .textBox .l,
body.dark-detail-body .headerBox .textBox .r,
body.dark-detail-body .headerBox .desc {
  color: rgba(255, 255, 255, .88);
}

body.dark-detail-body .headerBox .desc {
  margin: .18rem 0;
  font-size: .34rem;
  line-height: 1.35;
}

body.dark-detail-body .headerBox .imgBox {
  height: auto;
  margin-top: .16rem;
  gap: .12rem;
}

body.dark-detail-body .headerBox .img,
body.dark-detail-body .img_wrap {
  border-radius: .2rem;
  overflow: hidden;
  background: #111;
}

body.dark-detail-body .headerBox .img {
  height: auto;
  display: block;
  object-fit: cover;
}

body.dark-detail-body .headerBox .videoClass {
  width: 1.12rem;
  height: 1.12rem;
  padding: .24rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, .5);
  box-shadow: 0 0 .3rem rgba(255, 109, 29, .4);
}

body.dark-detail-body .bottomBox {
  width: calc(100% - .24rem);
  margin: .16rem auto 0;
  padding: 0;
  background: transparent !important;
}

body.dark-detail-body .bottomBox .bottom {
  width: 100%;
  border: 1px dashed rgba(255, 142, 45, .34);
  background: rgba(255, 142, 45, .08);
  border-radius: .2rem;
  padding: .22rem;
}

body.dark-detail-body .bottomBox .bottom .title {
  color: #ffcb8f;
}

body.dark-detail-body .popup-overlay {
  background: rgba(0, 0, 0, .76);
  backdrop-filter: blur(4px);
}

body.dark-detail-body .popup {
  max-width: 6.8rem;
  border: 1px solid rgba(255, 255, 255, .08);
  background: #111114;
  box-shadow: 0 .2rem .7rem rgba(0, 0, 0, .5);
}

body.dark-detail-body .popup .popup_header {
  background: linear-gradient(135deg, #222 0%, #121214 100%);
}

body.dark-detail-body .popup .popup_header .close { color: rgba(255, 255, 255, .62); }

body.dark-detail-body .popup .popup_bottom,
body.dark-detail-body .popup .popup_bottom .readMore {
  background: #111114;
  color: rgba(255, 255, 255, .86);
}

body.dark-detail-body .popup .popup_bottom .readMore {
  border-radius: .16rem;
  border: 1px solid rgba(255, 255, 255, .07);
}

body.dark-detail-body .popup .popup_bottom .readMore .bookBox .goumai_text,
body.dark-detail-body .popup .popup_bottom .pay_text,
body.dark-detail-body .popup .popup_bottom .selectBox .selectItem .pay_text {
  color: rgba(255, 255, 255, .8);
}

body.dark-detail-body .popup .popup_bottom .price_box {
  color: rgba(255, 255, 255, .56);
}

body.dark-detail-body .popup .popup_bottom .price_box div:last-child { color: #ffb166 !important; }

body.dark-detail-body .popup .popup_bottom .selectBox .selectItem {
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .04);
  border-radius: .14rem;
}

body.dark-detail-body .popup .popup_bottom .selectBox .selectItemActive {
  border-color: #ff8b2f;
  background: rgba(255, 142, 45, .1);
}

/* 试看页：覆盖旧播放器页的浅色区域，保持试看倒计时和跳转业务不变。 */
body.dark-detail-body .player-video #video-app,
body.dark-detail-body .player-video .prism-player,
body.dark-detail-body .player-video video {
  background: #050505 !important;
}

body.dark-detail-body .player-video #shikan .box {
  background:
    radial-gradient(circle at center, rgba(255, 122, 32, .12), transparent 42%),
    rgba(5, 5, 6, .92) !important;
  backdrop-filter: blur(2px);
}

body.dark-detail-body .player-video #shikan .box .tips {
  width: calc(100% - .72rem);
  max-width: 6.2rem;
  padding: .34rem .28rem;
  border-radius: .22rem;
  border: 1px solid rgba(255, 142, 45, .2);
  background: rgba(14, 14, 18, .94);
  box-shadow: 0 .18rem .5rem rgba(0, 0, 0, .45);
}

body.dark-detail-body .player-video #shikan .box .text {
  width: auto;
  margin: 0 0 .28rem;
  color: rgba(255, 255, 255, .9);
  font-size: .3rem;
  line-height: 1.6;
}

body.dark-detail-body .player-video #shikan .box .btn {
  width: 100%;
  height: .82rem;
  line-height: .82rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #ffb04d 0%, #ff6d1d 100%) !important;
  color: #160c05 !important;
  font-weight: 700;
  box-shadow: 0 .12rem .28rem rgba(255, 109, 29, .3);
}

body.dark-detail-body .video-tools {
  padding: .18rem;
}

body.dark-detail-body .video-tools .item a {
  display: block;
  padding: .16rem .08rem;
  border-radius: .18rem;
  background: rgba(255, 255, 255, .04);
}

body.dark-detail-body .video-tools .item .icon img {
  filter: invert(1) sepia(.35) saturate(1.4) hue-rotate(335deg);
  opacity: .88;
}

body.dark-detail-body .video-tools .item .title {
  color: rgba(255, 255, 255, .78);
}

body.dark-detail-body .video-info {
  width: calc(100% - .24rem);
  margin: .16rem auto 0;
  padding: .22rem;
  border-radius: .22rem;
  border: 1px solid rgba(255, 255, 255, .07);
  background: rgba(16, 16, 19, .96) !important;
  color: rgba(255, 255, 255, .8);
}

body.dark-detail-body .video-info .author,
body.dark-detail-body .video-info .like {
  color: rgba(255, 255, 255, .88);
}

body.dark-detail-body .video-about > .title {
  color: #ffb166;
  font-weight: 700;
}

body.dark-detail-body .video-about ul li .thumb {
  border-radius: .16rem;
  overflow: hidden;
  background: #0c0c10;
}

body.dark-detail-body .video-about ul li .title {
  color: #fff;
}

body.dark-detail-body .video-about ul li .desc {
  color: rgba(255, 255, 255, .56);
}

/* 打赏落地页：修复试看/单片按钮在暗黑背景中发白、文字发虚的问题。 */
body.ds-bg {
  background-color: #050505;
  background-image:
    radial-gradient(circle at top, rgba(255, 122, 32, .16), transparent 34%),
    linear-gradient(180deg, #111114 0%, #050505 58%, #050505 100%) !important;
}

body.ds-bg .page {
  width: 100%;
  max-width: 7.5rem;
  min-height: 100vh;
  padding: .36rem .28rem 1.45rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.ds-bg .ds-info {
  width: 100%;
  padding: .24rem;
  border-radius: .24rem;
  border: 1px solid rgba(255, 255, 255, .07);
  background: rgba(16, 16, 19, .94);
  box-shadow: 0 .18rem .46rem rgba(0, 0, 0, .38);
}

body.ds-bg .ds-info .thumb {
  height: 2.3rem;
  border-radius: .18rem;
  overflow: hidden;
  background: #0c0c10;
}

body.ds-bg .ds-info .thumb img {
  display: block;
}

body.ds-bg .ds-info .title {
  color: rgba(255, 255, 255, .9);
  line-height: 1.45;
}

body.ds-bg .ds-type {
  width: 100%;
  margin-top: .24rem;
}

body.ds-bg .ds-type .item,
body.ds-bg .ds-type .more {
  height: .86rem;
  line-height: .86rem;
  margin-bottom: .16rem;
  border-radius: .18rem;
  font-size: .28rem;
  box-shadow: 0 .12rem .28rem rgba(0, 0, 0, .28);
}

body.ds-bg .ds-type .item {
  border: 0;
  background: linear-gradient(135deg, #ffb04d 0%, #ff6d1d 100%) !important;
  color: #160c05 !important;
  font-weight: 700;
}

body.ds-bg .ds-type .item span {
  color: #160c05 !important;
}

body.ds-bg .ds-type .more {
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(17, 17, 20, .96) !important;
  color: rgba(255, 255, 255, .9) !important;
}

body.ds-bg .paytype {
  max-width: 7.5rem;
  left: 50% !important;
  transform: translateX(-50%);
  background: rgba(12, 12, 15, .98) !important;
  border-top: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 -.16rem .42rem rgba(0, 0, 0, .38);
}