::-webkit-scrollbar { display: none; width: 0!important; height: 0!important; -webkit-appearance: none; background: transparent; }
* { box-sizing: border-box; }
html { font-size: 52px; }
html, body { margin: 0; min-height: 100%; color: #303133; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { background-color: #f5f5f5; }
a { color: inherit; text-decoration: none; }
.page { max-width: 430px; min-height: 100vh; margin: 0 auto; background: #f5f5f5; padding-bottom: 64px; }
.header.fixed { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; padding: 6px 10px; height: 46px; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.04); }
.header .brand { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: #222; }
.header .report { display: flex; align-items: center; padding-left: 20px; font-size: 14px; color: #333; }
.header .report img { margin-left: 3px; }
.banner { overflow: hidden; background: #fff; }
.banner img { display: block; width: 100%; height: 250px; min-height: 250px; object-fit: cover; }
.notice { height: 34px; line-height: 34px; overflow: hidden; background: #fff7df; color: #d96d00; font-size: 13px; padding: 0 10px; }
.cat_nav_wrap { display: flex; font-size: 14px; background: #fff; padding: 6px 10px; position: relative; }
.cat_nav_list { flex: 1; width: 1px; overflow-x: auto; white-space: nowrap; margin-right: 10px; }
.cat_nav_item { display: inline-block; padding: 6px 13px; background: #f4f4f4; border: .5px solid #f4f4f4; border-radius: 14px; margin-right: 6px; font-size: 13px; color: #333; }
.cat_nav_item.active_nav { border-color: rgb(224,57,151); color: rgb(224,57,151); background: rgb(253,241,238); }
.zhankai_wrap { width: 29px; height: 29px; min-width: 29px; border-radius: 50%; background-color: #f4f4f4; display: flex; align-items: center; justify-content: center; }
.data_list_wrap { padding: 10px; }
.xiezhen_item { background: #fff; border-radius: 10px; padding: 10px; margin-bottom: 10px; display: block; color: #222; }
.xiezhen_title { font-size: 20px; line-height: 1.3; font-weight: 500; }
.xiezhen_tag { display: flex; flex-wrap: wrap; }
.xztag_item { border-radius: 50px; background-color: rgb(224,152,255); color: #fff; padding: 2px 6px; font-size: 10px; margin-right: 8px; margin-top: 6px; }
.xz_img_list { display: flex; margin-top: 10px; flex-wrap: wrap; }
.xz_img_item { width: calc((100% - 8px) / 3); margin-right: 4px; margin-bottom: 4px; text-align: center; height: 75px; border-radius: 8px; overflow: hidden; position: relative; background: #eee; }
.xz_img_item:nth-child(3n) { margin-right: 0; }
.xz_img_item .xz_img { width: 100%; height: 100%; border-radius: 8px; object-fit: cover; filter: blur(4px); transform: scale(1.04); }
.play_icon_wrap { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.shipin_intro { font-size: 14px; text-align: center; padding: 10px 0 20px; }
.shipin_intro p { color: #909399; margin: 0; }
.btn_kt { padding: 8px 30px; color: #fa3534!important; border: 1px solid #fab6b6!important; background-color: #fef0f0!important; display: inline-block; border-radius: 5px; margin-top: 10px; }
.shipin_item { position: relative; display: block; margin-bottom: 10px; height: 204px; overflow: hidden; border-radius: 8px; background: #eee; color: #222; }
.shipin_title { position: absolute; left: 7px; top: 7px; color: #e03997; background-color: #f9d7ea; border-radius: 10px; font-size: 15px; padding: 3px 8px; z-index: 1; max-width: calc(100% - 14px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shipin_img { width: 100%; height: 100%; border-radius: 8px; object-fit: cover; filter: blur(4px); transform: scale(1.04); }
.resource_meta { position: absolute; left: 8px; right: 8px; bottom: 8px; z-index: 2; display: flex; justify-content: space-between; color: #fff; font-size: 12px; text-shadow: 0 1px 4px rgba(0,0,0,.55); }
.loading { font-size: 14px; display: flex; justify-content: center; align-items: center; color: #aaa; min-height: 50px; }
.tabbar-hd { height: 54px; }
.tabbar { position: fixed; left: 50%; bottom: 0; z-index: 30; width: min(430px, 100%); transform: translateX(-50%); background: #fff; border-top: 1px solid #eee; }
.tabbar ul { display: flex; margin: 0; padding: 0; list-style: none; }
.tabbar li { flex: 1; text-align: center; }
.tabbar a { display: block; padding: 6px 0 5px; color: #555; font-size: 12px; }
.tabbar .icon { height: 22px; display: flex; align-items: center; justify-content: center; margin-bottom: 1px; }
.tabbar .icon img { max-width: 20px; max-height: 20px; }
.modal-collect { position: fixed; inset: 0; z-index: 99; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,.45); }
.modal-collect .box { width: 82%; max-width: 340px; overflow: hidden; border-radius: 10px; background: #fff; text-align: center; }
.modal-collect .title { min-height: 90px; line-height: 1.8; padding: 20px; color: red; font-size: 16px; white-space: pre-wrap; }
.modal-collect .btn { border-top: 1px solid #eee; }
.modal-collect .btn a { display: block; height: 44px; line-height: 44px; color: #e03997; }
.legacy-card { margin: 10px; padding: 14px; background: #fff; border-radius: 10px; }
.legacy-form { padding: 12px; }
.legacy-form input { width: 100%; height: 42px; margin-bottom: 10px; padding: 0 12px; border: 1px solid #eee; border-radius: 5px; font-size: 14px; }
.legacy-btn { width: 100%; height: 42px; border: 0; border-radius: 5px; background: #e03997; color: #fff; font-size: 15px; }
.empty { padding: 25px 0; color: #aaa; text-align: center; font-size: 14px; }
.detail-bg { min-height: 100vh; background: url('/static/index/images/bg.png') no-repeat center/100% 100%; }
.detail-back { height: 44px; background: #fff; display: flex; align-items: center; justify-content: center; padding: 0 10px 0 42px; font-size: 16px; position: relative; }
.detail-back .back-icon { position: absolute; left: 10px; top: 10px; width: 22px; }
.detail-back .detail-title { width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.detail-back .report { position: absolute; right: 10px; display: flex; align-items: center; font-size: 14px; }
.detail-app-box { overflow: auto; min-height: calc(100vh - 44px); background: url('/static/index/images/bg.png') no-repeat center/100% 100%; }
.detail-header-box { width: 90%; margin: 0 auto; display: flex; flex-direction: column; }
.detail-intro { color: #f18f8c; margin: 10px 0 20px; font-size: 13px; text-align: center; text-indent: 20px; letter-spacing: .5px; }
.detail-btn { color: #fff; border-radius: 25px; padding: 10px 5px; display: flex; align-items: center; justify-content: center; font-size: 16px; border: 0; width: 100%; }
.aloneBtn { width: 60%; margin: 10px auto; background-color: #fe728c; }
.detail-desc { color: #e981b4; font-size: 20px; margin: 20px 0 15px; font-weight: 700; text-align: center; }
.detail-text-item { display: flex; align-items: center; font-size: 17px; margin-bottom: 5px; }
.detail-text-item .l { color: #333; font-weight: 700; }
.detail-image-box { position: relative; display: flex; flex-direction: column; min-height: 260px; }
.detail-blur-img { width: 100%; height: 100%; min-height: 260px; object-fit: cover; filter: blur(10px); margin-bottom: 5px; }
.detail-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 51px; height: 51px; }
.detail-playicon-wrap { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.detail-bottom-box { background: #fff; width: 100%; padding: 10px 0; display: flex; align-items: center; }
.detail-bottom { width: 90%; margin: 0 auto; border: 2.5px dashed #e74591; border-radius: 13px; padding: 20px 10px; display: flex; align-items: center; }
.detail-bottom .alertIcon { margin: 0 5px 0 25px; width: 28px; }
.detail-bottom .title { font-size: 16px; color: #e74591; }
.popup-overlay { position: fixed; inset: 0; background-color: rgba(0,0,0,.5); z-index: 998; display: none; }
.popup-overlay.is-visible { display: block; }
.popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 15px; z-index: 999; width: 90%; overflow: hidden; }
.popup_header { background-color: #3da6f8; padding-bottom: 12px; }
.popup_header .close { color: #eee; font-size: 26px; text-align: right; padding-right: 10px; }
.gouwucheBox { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.gouwucheBox .gouwuche { width: 35px; height: 35px; }
.gouwucheBox .text { color: #fff; font-size: 17px; margin: 10px 0; }
.popup_bottom { background: #fff; padding: 10px; }
.readMore { background: #f7f7f7; padding: 10px; }
.bookBox { display: flex; align-items: center; }
.book_bg { display: flex; align-items: center; background: linear-gradient(to right,#fe80ce,#ef9047); border-radius: 4px; padding: 3px 5px; }
.book_text { color: #fff; font-weight: 700; font-size: 15px; }
.readMore_icon { width: 16px; height: 16px; margin-right: 5px; }
.goumai_text { font-size: 16px; color: #333; padding-left: 10px; flex: 1; }
.price_box { display: flex; align-items: center; justify-content: space-between; font-size: 16px; color: #ccc; margin-top: 10px; }
.popup_bottom .pay_text { font-size: 16px; color: #b5b5b5; margin: 10px 0; }
.selectBox { display: flex; align-items: center; }
.selectItem { display: flex; align-items: center; width: 50%; margin-right: 10px; border: 2px solid #ccc; border-radius: 2px; justify-content: center; padding: 7.5px 0; }
.selectItem:last-child { margin-right: 0; }
.selectItem .pay_icon { width: 35px; height: 35px; margin-right: 5%; }
.selectItemActive { border-color: #f592c0; }
.payBtn { margin-top: 20px; background-color: #fb3534; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 17px; color: #fff; padding: 10px 0; width: 100%; border: 0; }
.legacy-player .content-header { display: flex; font-size: .28rem; background-color: #fff; padding: .2rem .4rem; }
.legacy-player .content-header .back { flex: 0 0 1rem; height: .65rem; line-height: .65rem; }
.legacy-player .content-header .title { flex: 1; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: .65rem; line-height: .65rem; }
.legacy-player .content-header .other { flex: 0 0 1rem; }
.player-video { position: relative; min-height: 5rem; background: #000; }
.player-box { width: 100%; min-height: 5rem; display: flex; align-items: center; justify-content: center; background: #000; color: #fff; }
.player-box img { width: 100%; max-height: 5rem; object-fit: cover; }
#shikan { position: absolute; inset: 0; z-index: 10; display: none; }
#shikan.is-visible { display: block; }
#shikan .box { background-color: #0d1318; height: 100%; width: 100%; font-size: .32rem; display: flex; justify-content: center; align-items: center; }
#shikan .text { display: block; font-size: .32rem; color: #fff; margin-bottom: .4rem; width: 5rem; }
#shikan .btn { display: block; background-color: #fa436a; color: #fff; height: .8rem; line-height: .8rem; width: 5rem; text-align: center; border-radius: .1rem; margin: 0 auto; font-size: .28rem; }
.auth-logo { display: flex; align-items: center; justify-content: center; padding: 30px 0; }
.auth-logo img { width: 110px; }
.login-box .fields .item input { border-radius: 30px!important; }
.zhuce-tips { font-size: .35rem; margin-top: .63rem; color: #fa436a; width: 5rem; line-height: 1.6; }
.user_header { width: 100%; font-size: 18px; padding: 20px; color: #000; display: flex; align-items: center; position: relative; overflow: hidden; }
.header_bg { position: absolute; inset: 0 0 auto 0; width: 100%; height: 290px; background: url('/static/index/images/head.jpg') no-repeat center/100% 100%; filter: blur(4px); opacity: .5; }
.user_header .avatar { border-radius: 50%; border: 2px solid #fff; z-index: 2; position: relative; }
.cover_container { padding: 0 15px 10px; position: relative; background: #f5f5f5; }
.vip-card-box { display: flex; align-items: center; justify-content: space-between; color: #f7d680; background: linear-gradient(270deg,rgba(0,0,0,.7),rgba(0,0,0,.8)); border-radius: 8px 8px 0 0; overflow: hidden; position: relative; padding: 10px 12px; }
.vip-card-box .b-btn { padding: 0 20px; height: 25px; text-align: center; line-height: 25px; font-size: 14px; color: #36343c; border-radius: 20px; background: linear-gradient(270deg,#f9e6af,#ffd465); z-index: 1; }
.nav_item { display: flex; align-items: center; justify-content: space-between; font-size: 16px; background: #fff; border-bottom: 1px solid #e4e7ed; color: #606266; padding: 14px 12px; }
.nav_item_left, .nav_item_right { display: flex; align-items: center; }
.icon_wrap { margin-right: 8px; }
.model_wrap { position: fixed; inset: 0; display: none; z-index: 11111; }
.model_wrap.is-visible { display: block; }
.model_mask { position: absolute; inset: 0; background: rgba(0,0,0,.6); z-index: 11110; }
.dailitips_model { position: absolute; top: 50%; left: 50%; width: 80%; transform: translate(-50%,-50%); background: #fff; border-radius: 10px; z-index: 11112; }
.m_btn_item { flex: 1; padding: 15px 0; text-align: center; font-size: 14px; }

/* 旧打赏页 video_ds/book_ds 还原：保留旧类名，避免与新详情遮罩混用。 */
.legacy-ds-page { height: 100vh; background-position: center!important; background-size: cover!important; background-repeat: no-repeat!important; display: flex; justify-content: center; align-items: center; }
.legacy-ds-page .page { width: 100%; max-width: 390px; min-height: 0; margin: 0 auto; background: transparent; padding-bottom: 0; position: relative; }
.legacy-ds-page .ds-info { width: 5rem; padding: .3rem; font-size: .28rem; background-color: rgba(0,0,0,.39); border-radius: .1rem; margin: 0 auto; }
.legacy-ds-page .ds-info .title { margin-top: .1rem; font-size: .30rem; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.legacy-ds-page .ds-info .thumb { height: 2rem; }
.legacy-ds-page .ds-info .thumb img { width: 100%; height: 100%; object-fit: cover; }
.legacy-ds-page .ds-type { width: 5rem; margin: .4rem auto 0; }
.legacy-ds-page .ds-type .item { width: 100%; border: 0; font-size: .28rem; display: block; height: .9rem; line-height: .9rem; text-align: center; color: #d35b4d; font-weight: bold; margin-bottom: .15rem; background-color: #fae2b2; border-radius: .1rem; }
.legacy-ds-page .ds-type .more,
.legacy-ds-page .ds-type .tousu { margin-top: .4rem; font-size: .28rem; display: block; height: .9rem; line-height: .9rem; text-align: center; color: #fff; font-weight: bold; margin-bottom: .2rem; background-color: rgba(0,0,0,.73); border-radius: .1rem; }
.legacy-ds-page .ds-type .more + .more { margin-top: 0; }
.legacy-ds-page .ds-type .denglu { font-size: .8rem; color: #333; display: block; margin-top: .2rem; }
.legacy-ds-page .paytype { position: fixed; bottom: 0; left: 0; width: 100%; height: 158px; background: #fff; display: flex; justify-content: center; align-items: center; z-index: 50; }
.legacy-pay-inline { width: min(430px, 100%); display: flex; align-items: center; justify-content: center; gap: 12%; }
.pay-channel { width: 35%; height: 55px; padding: 0; border: 0; background: transparent; }
.pay-channel img { width: 100%; height: 55px; object-fit: contain; }
.ds-form-item { margin: 0; }
.ds-form-item .item { cursor: pointer; }

/* 登录/注册页沿用旧 public.css 的全屏居中布局，背景来自旧系统内联 body 图。 */
.auth-bg { min-height: 100vh; background-color: #f5f5f5; }
.auth-bg .page { background: transparent; padding-bottom: 0; }
.auth-bg .tabbar-hd { height: 1.1rem; }
.auth-bg .tabbar { padding-top: .16rem; }
.auth-logo { display: none; }
.auth-bg .login-box { display: flex; align-items: center; justify-content: center; min-height: calc(100vh - 1.1rem); flex-direction: column; }
.auth-bg .login-box .title { font-size: .4rem; margin-bottom: .6rem; }
.auth-bg .login-box .fields .item { margin-bottom: .4rem; }
.auth-bg .login-box .fields .item input { display: block; height: .8rem; line-height: .8rem; padding: 0 .4rem; border: solid 1px #e2e2e2; border-radius: .05rem!important; width: 5rem; outline: 0; background: #fff; }
.auth-bg .login-box .btns .login { display: block; font-size: .28rem; height: .8rem; line-height: .8rem; background-color: #fa436a!important; color: #fff; width: 5rem; text-align: center; border-radius: .05rem!important; margin-bottom: .2rem; }
.auth-bg .login-box .btns .register { display: block; font-size: .28rem; height: .8rem; line-height: .8rem; background-color: #fff; color: #bbb; border: solid 1px #e4e4e4; width: 5rem; text-align: center; border-radius: .05rem!important; }
.auth-bg .zhuce-tips { font-size: .35rem; margin-top: .63rem; color: #fa436a; width: 100vw; max-width: 430px; line-height: 1.6; }


.legacy-ds-page { font-size: 52px; }
.auth-bg { font-size: 52px; }

/* 2026-05-15：按线上旧系统继续收敛详情/登录/注册页面差异。 */
.legacy-auth-page {
  padding-bottom: 1.28rem;
  min-height: 100vh;
  background-color: transparent;
}
.legacy-auth-page .page {
  max-width: none;
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding-bottom: 0;
  background: transparent;
}
.legacy-auth-page .tabbar {
  left: 0;
  transform: none;
  width: 100%;
  max-width: none;
  height: 1.1rem;
  padding-top: .16rem;
  z-index: 9999;
  border-top: solid 1px #f5f5f5;
}
.legacy-auth-page .tabbar ul { display: flex; margin: 0; padding: 0; }
.legacy-auth-page .tabbar li { flex: 1; width: 20%; font-size: .26rem; }
.legacy-auth-page .tabbar a { display: block; padding: 0; color: #333; font-size: inherit; }
.legacy-auth-page .tabbar .icon { height: .4rem; margin: 0; }
.legacy-auth-page .tabbar .icon img { width: .4rem; height: .4rem; max-width: none; max-height: none; }
.legacy-auth-page .tabbar .title { font-size: .24rem; margin-top: .05rem; }
.legacy-auth-page .login-box { display: flex; align-items: center; justify-content: center; height: 100vh; flex-direction: column; }
.legacy-auth-page .login-box .title { font-size: .4rem; margin-bottom: .6rem; }
.legacy-auth-page .login-box .fields .item { margin-bottom: .4rem; }
.legacy-auth-page .login-box .fields .item input {
  display: block;
  height: .8rem;
  line-height: .8rem;
  padding: 0 .4rem;
  border: solid 1px #e2e2e2;
  border-radius: .05rem;
  width: 5rem;
  outline: 0;
  background: #fff;
}
.legacy-auth-page .login-box .btns .login {
  display: block;
  font-size: .28rem;
  height: .8rem;
  line-height: .8rem;
  background-color: #fa436a;
  color: #fff;
  width: 5rem;
  text-align: center;
  border-radius: .05rem;
  margin-bottom: .2rem;
}
.legacy-auth-page .login-box .btns .register {
  display: block;
  font-size: .28rem;
  height: .8rem;
  line-height: .8rem;
  background-color: #fff;
  color: #bbbbbb;
  border: solid 1px #e4e4e4;
  width: 5rem;
  text-align: center;
  border-radius: .05rem;
}
.legacy-login-page .login-box .fields .item input { border-radius: 30px!important; }

.register-page {
  min-height: 100vh!important;
  padding: 28px 15px 1.45rem!important;
  box-sizing: border-box;
  display: flex!important;
  align-items: flex-start;
  justify-content: center;
}
.register-page .login-box {
  width: 100%;
  max-width: 360px;
  height: auto!important;
  min-height: 0;
  justify-content: flex-start!important;
  padding: 22px 18px 20px;
  box-sizing: border-box;
  background: rgba(255,255,255,.72);
  border-radius: 16px;
  box-shadow: 0 8px 28px rgba(250,67,106,.08);
}
.register-page .login-box .title {
  margin-bottom: 22px!important;
  font-size: 20px!important;
  font-weight: 700;
  color: #222;
}
.register-page .fields,
.register-page .btns { width: 100%; }
.register-page .login-box .fields .item { margin-bottom: 14px!important; }
.register-page .login-box .fields .item input {
  width: 100%!important;
  height: 42px!important;
  line-height: 42px!important;
  box-sizing: border-box;
  border-radius: 22px!important;
  background: rgba(255,255,255,.9)!important;
}
.register-page .login-box .btns .login,
.register-page .login-box .btns .register {
  width: 100%!important;
  height: 42px!important;
  line-height: 42px!important;
  box-sizing: border-box;
  border-radius: 22px!important;
  font-size: 14px!important;
}
.register-page .zhuce-tips {
  width: 100%!important;
  box-sizing: border-box;
  margin: 0 0 14px!important;
  font-size: 13px!important;
  line-height: 1.65;
  color: #fa436a;
  text-align: left;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.register-page .btns + .zhuce-tips {
  margin: 16px 0 0!important;
  text-align: center;
}

.legacy-ds-page {
  padding-bottom: 1.28rem;
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;
}
.legacy-ds-page .page {
  width: 5rem!important;
  max-width: none!important;
  min-height: 0!important;
  margin: 0 auto!important;
  background: transparent!important;
  padding-bottom: 0!important;
}
.legacy-ds-page .ds-info { width: 5rem!important; margin: 0!important; }
.legacy-ds-page .ds-type { width: 5rem!important; margin: .4rem 0 0!important; }
.legacy-ds-page .ds-type .denglu {
  font-size: .8rem!important;
  color: #333!important;
  display: inline!important;
  margin-top: 0!important;
  width: auto!important;
  height: auto!important;
  line-height: normal!important;
  background: transparent!important;
  border-radius: 0!important;
  font-weight: normal!important;
}
.legacy-ds-page .tabbar {
  left: 0;
  transform: none;
  width: 100%;
  max-width: none;
  height: 1.1rem;
  padding-top: .16rem;
  z-index: 9999;
  border-top: solid 1px #f5f5f5;
}
.legacy-ds-page .tabbar ul { display: flex; margin: 0; padding: 0; }
.legacy-ds-page .tabbar li { flex: 1; width: 20%; font-size: .26rem; }
.legacy-ds-page .tabbar a { display: block; padding: 0; color: #333; font-size: inherit; }
.legacy-ds-page .tabbar .icon { height: .4rem; margin: 0; }
.legacy-ds-page .tabbar .icon img { width: .4rem; height: .4rem; max-width: none; max-height: none; }
.legacy-ds-page .tabbar .title { font-size: .24rem; margin-top: .05rem; }
.auth-bg-fix { background-color: transparent; }

.legacy-user-page {
  max-width: none!important;
  min-height: 0!important;
  background: transparent!important;
  padding-bottom: 0!important;
}
.legacy-user-page .tabbar {
  left: 0;
  transform: none;
  width: 100%;
  max-width: none;
  height: 1.1rem;
  padding-top: .16rem;
  z-index: 9999;
  border-top: solid 1px #f5f5f5;
}
.legacy-user-page .tabbar ul { display: flex; margin: 0; padding: 0; }
.legacy-user-page .tabbar li { flex: 1; width: 20%; font-size: .26rem; }
.legacy-user-page .tabbar a { display: block; padding: 0; color: #333; font-size: inherit; }
.legacy-user-page .tabbar .icon { height: .4rem; margin: 0; }
.legacy-user-page .tabbar .icon img { width: .4rem; height: .4rem; max-width: none; max-height: none; }
.legacy-user-page .tabbar .title { font-size: .24rem; margin-top: .05rem; }
.page > .tabbar {
  left: 0;
  transform: none;
  width: 100%;
  max-width: none;
  height: 1.1rem;
  padding-top: .16rem;
  z-index: 9999;
  border-top: solid 1px #f5f5f5;
}
.page > .tabbar ul { display: flex; margin: 0; padding: 0; }
.page > .tabbar li { flex: 1; width: 20%; font-size: .26rem; }
.page > .tabbar a { display: block; padding: 0; color: #333; font-size: inherit; }
.page > .tabbar .icon { height: .4rem; margin: 0; }
.page > .tabbar .icon img { width: .4rem; height: .4rem; max-width: none; max-height: none; }
.page > .tabbar .title { font-size: .24rem; margin-top: .05rem; }
.legacy-register-body .register-page {
  min-height: calc(100vh + 1px)!important;
}

.legacy-ds-page .ds-info .title {
  white-space: normal!important;
  overflow: visible!important;
  text-overflow: clip!important;
}
.legacy-ds-page .ds-info .title.short-title {
  white-space: nowrap!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
}

.legacy-ds-page .ds-info .title { margin-top: .1rem!important; }
.legacy-ds-page .ds-info { padding: .3rem!important; }

.legacy-ds-page .ds-type .item { margin-bottom: .15rem!important; }
.legacy-ds-page .ds-type .more { margin-top: .4rem!important; margin-bottom: .2rem!important; }
.legacy-ds-page .ds-type .more + .more { margin-top: 0!important; }
.legacy-ds-page .ds-info .title.short-title { margin-top: 0!important; }
.legacy-ds-page .ds-type .more + .more { margin-top: .4rem!important; }

/* 旧系统辅助页面：APP 下载、用户须知、投诉、已购记录、会员开通。 */
.legacy-simple-page { max-width: none; width: 100%; min-height: 100vh; margin: 0; background: #fff; padding-bottom: 0; }
.legacy-back { height: 44px; background-color: #fff; display: flex; align-items: center; justify-content: space-around; padding-left: 20px; font-size: 16px; position: relative; }
.legacy-back-icon { position: absolute; left: 10px; top: 10px; height: 22px; }
.legacy-app-header { width: 100%; height: 230px; background-color: #f6a0a5; font-size: 18px; color: #fff; display: flex; justify-content: center; padding-top: 30px; box-sizing: border-box; position: relative; overflow: hidden; }
.legacy-app-header .bg_img { position: absolute; bottom: 0; left: 0; width: 100%; }
.legacy-app-text { margin-top: 10px; position: relative; z-index: 11; padding-left: 20px; line-height: 1.45; }
.legacy-download-buttons { padding: 30px; text-align: center; padding-top: 100px; min-height: 485px; background: radial-gradient(circle at 58% 7%, rgba(255,255,255,.9) 0 20px, transparent 21px), radial-gradient(circle at 14% 54%, rgba(255,255,255,.75) 0 17px, transparent 18px), linear-gradient(125deg, #fff1e4 0%, #fff5f0 36%, #eff9f8 100%); position: relative; overflow: hidden; }
.legacy-download-buttons:before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,.9) 0 2px, transparent 3px); background-size: 68px 68px; opacity: .75; }
.legacy-download-buttons a { position: relative; z-index: 1; }
.legacy-download-buttons img { margin-bottom: 20px; }
.share-back { justify-content: space-around; }
.tixian_page { padding: 10px; padding-top: 0; }
.card_wrap { background: #fff; border-radius: 10px; padding: 10px; margin-top: 10px; font-size: 14px; line-height: 1.8; }
.card_wrap h3 { margin: 0 0 8px; font-size: 16px; }
.btn_yaoqing { display: block; width: 40%; text-align: center; padding: 7px 0; background: #19be6b; border-radius: 5px; color: #fff; font-size: 14px; margin: 10px auto 0; }
.btn_item { text-align: center; padding: 5px 12px; background: #19be6b; border-radius: 5px; color: #fff; font-size: 12px; display: inline-block; }
.flex { display: flex; }
.flex_center { align-items: center; }
.flex_between { justify-content: space-between; }
.flex_colcenter { justify-content: center; }
.flex_col { flex-direction: column; }
.flex1 { flex: 1; }
.m_btn_item { flex: 1; padding: 15px 0; text-align: center; font-size: 14px; }
.model_wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 11111; }
.model_mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 11110; }
.dailitips_model { position: absolute; top: 50%; left: 50%; width: 80%; transform: translate(-50%,-50%); background: #fff; border-radius: 10px; z-index: 11112; }
.bottom_model { position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; padding: 20px; border-radius: 10px 10px 0 0; font-size: 14px; z-index: 11112; }
.share-link-box { margin-top: 12px; padding-top: 8px; border-top: 1px dashed #eee; word-break: break-all; }
.share-link-label { color: #909399; font-size: 13px; }
.share-link-value { color: #303133; margin: 4px 0 8px; }
.swiper-container { width: 100%; height: 100%; padding: 0 10px; box-sizing: border-box; }
.swiper-slide { width: 200px !important; }
.legacy-tips-page { max-width: none; }
.legacy-tips-content { padding: 10px; font-size: 16px; line-height: 1.7; background: #fff; }
.legacy-tips-content p { margin: 0 0 10px; }

.legacy-complaint-body { padding-bottom: 1.28rem; width: 100vw; height: 100vh; background-color: #efeff4; font-family: '微软雅黑', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.legacy-complaint-body h1,
.legacy-complaint-body h2,
.legacy-complaint-body h3,
.legacy-complaint-body h4,
.legacy-complaint-body h5,
.legacy-complaint-body h6,
.legacy-complaint-body ul,
.legacy-complaint-body ol,
.legacy-complaint-body li,
.legacy-complaint-body p,
.legacy-complaint-body form,
.legacy-complaint-body dt,
.legacy-complaint-body dd,
.legacy-complaint-body input,
.legacy-complaint-body textarea,
.legacy-complaint-body th,
.legacy-complaint-body td,
.legacy-complaint-body fieldset,
.legacy-complaint-body legend,
.legacy-complaint-body dl,
.legacy-complaint-body figure { margin: 0; padding: 0; }
.legacy-complaint-provider { position: absolute; z-index: 1; top: 17px; font-size: 14px; height: 25px; line-height: 25px; text-align: center; width: 100%; color: rgb(105,106,108); font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif; }
.legacy-complaint-container { position: absolute; z-index: 2; background-color: #fff; width: 100%; height: 100%; transition: all 0s; transform: translate(0, 0); }
.legacy-complaint-body header { height: 12vw; padding: 0 5vw; font-size: 4vw; line-height: 12vw; color: #999; }
.legacy-complaint-body p { padding-left: 5vw; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background: #fff; color: #000; }
.legacy-complaint-body p a { display: block; height: 12vw; padding-right: 5vw; font-size: 4.5vw; line-height: 12vw; border-bottom: 1px solid #d9d9d9; color: #000; }
.legacy-complaint-body p a:last-child { border: 0; }
.legacy-complaint-body p a img { float: right; height: 4vw; margin: 4vw 0 0 0; }
.legacy-complaint-help { color: #0d7aff; margin-top: 30px; margin-left: 18px; z-index: 1; display: inline-block; font-size: 4vw; }
.legacy-complaint-body .footer { display: block; position: absolute; bottom: 12vw; left: 0; z-index: 1; width: 100vw; height: 12vw; text-align: center; font-size: 4vw; line-height: 12vw; color: #0d7aff; }
.legacy-complaint-body .tabbar { left: 0; bottom: 0; transform: none; width: 100%; max-width: none; height: 1.1rem; padding-top: .16rem; z-index: 9999; border-top: solid 1px #f5f5f5; }
.legacy-complaint-body .tabbar ul { display: flex; margin: 0; padding: 0; }
.legacy-complaint-body .tabbar li { flex: 1; width: 20%; font-size: .26rem; }
.legacy-complaint-body .tabbar a { display: block; padding: 0; color: #333; font-size: inherit; }
.legacy-complaint-body .tabbar .icon { height: .4rem; margin: 0; }
.legacy-complaint-body .tabbar .icon img { width: .4rem; height: .4rem; max-width: none; max-height: none; }
.legacy-complaint-body .tabbar .title { font-size: .24rem; margin-top: .05rem; }

.legacy-buyrecord-page { max-width: none; width: 100%; min-height: 100vh; margin: 0; background: #f5f5f5; padding-bottom: 0; }
.legacy-buyrecord-page .buyrecord-header { height: 250px; padding-top: 30px; }
.legacy-buyrecord-page .buyrecord-header .legacy-app-text { margin-left: 30px; padding-left: 0; padding-top: 10px; margin-top: 0; }
.legacy-buyrecord-page .user-list .type .item { width: 50%; }
.legacy-buyrecord-page .user-list ul { margin: 0; padding: 0; list-style: none; }
.legacy-buyrecord-page .user-list .list > .item { display: none; }
.legacy-buyrecord-page .user-list .list > .item.active { display: block; }
.legacy-buyrecord-page .user-list .video ul { display: flex; flex-wrap: wrap; }
.legacy-buyrecord-page .user-list .video ul li { flex: 0 0 50%; width: 50%; padding: .2rem; position: relative; }
.legacy-buyrecord-page .user-list .video ul li a { display: block; }
.legacy-buyrecord-page .user-list .video ul li .thumb { height: 2.4rem; }
.legacy-buyrecord-page .user-list .video ul li .thumb img { height: 2.4rem; width: 100%; object-fit: cover; border: 0; }
.legacy-buyrecord-page .user-list .video ul li .icon { position: absolute; z-index: 998; left: 42%; top: 29%; width: .5rem; height: .5rem; border-radius: 50%; background-color: rgba(226,226,226,.7); }
.legacy-buyrecord-page .user-list .video ul li .icon .play { position: absolute; left: 35%; top: 30%; z-index: 999; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-left: 12px solid rgba(255,255,255,.7); border-bottom: 6px solid transparent; }
.legacy-buyrecord-page .user-list .video ul li .title { font-size: .26rem; height: .6rem; line-height: .6rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.legacy-buyrecord-page .user-list .video ul li .desc { font-size: .24rem; color: #fa436a; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.legacy-buyrecord-page .user-list .book ul li { padding: .1rem .4rem; }
.legacy-buyrecord-page .user-list .book ul li a { display: flex; font-size: .28rem; height: .75rem; line-height: .75rem; }
.legacy-buyrecord-page .user-list .book ul li a .name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.legacy-buyrecord-page .user-list .book ul li a .time { flex: 0 0 1.5rem; width: 1.5rem; text-align: right; }

.legacy-vip-body { margin: 0; background: #f5f5f5; color: #303133; }
.legacy-vip-page { width: 100%; min-height: 100vh; background: #f5f5f5; }
.legacy-vip-page .content { padding: 7px 5px 80px; }
.legacy-vip-page .content .c1 { margin-bottom: 7px; background-color: #fff; border-radius: 7px; padding: 15px 10px; }
.legacy-vip-page .info_text { color: #999; font-size: 12px; margin-bottom: 20px; text-align: center; }
.legacy-vip-page .con { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.legacy-vip-page .con_item { display: flex; flex-direction: column; font-size: 16px; align-items: center; justify-content: center; padding: 10px 0; width: calc(50% - 5px); border: 1px solid #ccc; margin-right: 10px; margin-bottom: 10px; background: #fff; }
.legacy-vip-page .con_item:nth-child(2n) { margin-right: 0; }
.legacy-vip-page .con_item .price,
.legacy-vip-page .con_item .title { color: #ccc; }
.legacy-vip-page .con_item .price { margin-bottom: 5px; }
.legacy-vip-page .con_itemActive { border: 1px solid #fcb1b1!important; }
.legacy-vip-page .con_itemActive .price { color: #e5a950; }
.legacy-vip-page .con_itemActive .title { color: #fcb1b1; }
.legacy-vip-page .payBox { padding: 0 20px; }
.legacy-vip-page .pay_title { font-size: 16px; margin-bottom: 20px; }
.legacy-vip-page .selectBox { display: flex; align-items: center; }
.legacy-vip-page .selectItem { display: flex; align-items: center; width: 50%; margin-right: 20px; border: 2px solid #ccc; border-radius: 4px; justify-content: center; padding: 15px 0; }
.legacy-vip-page .selectItem:last-child { margin-right: 0; }
.legacy-vip-page .selectItem .pay_icon { width: 35px; height: 35px; margin-right: 10px; }
.legacy-vip-page .selectItem .pay_text { font-size: 19px; }
.legacy-vip-page .selectItemActive { border: 2px solid #f592c0; }
.legacy-vip-page .open_btn { width: 100%; border-radius: 4px; border: 1px solid #dc5e5d; background-color: #fef0f0; padding: 10px 0; font-size: 22px; color: #f84949; display: flex; align-items: center; justify-content: center; font-weight: 700; margin-bottom: 40px; }
.legacy-vip-page .infoBox { border-left: 1px solid #faf8ec; border-right: 1px solid #faf8ec; padding: 0 10px; }
.legacy-vip-page .info_title { display: flex; align-items: center; justify-content: center; }
.legacy-vip-page .info_title .left { width: 70px; height: 2px; background: linear-gradient(to right,#fff,#ede9d4); }
.legacy-vip-page .info_title .right { width: 70px; height: 2px; background: linear-gradient(to left,#fff,#ede9d4); }
.legacy-vip-page .info_title .radius { width: 5px; height: 5px; background-color: #e1dac8; margin: 0 10px; border-radius: 50%; }
.legacy-vip-page .info_title .text { font-size: 20px; font-weight: 700; color: #e3d07e; }
.legacy-vip-page .info_content { font-size: 14px; margin: 10px 0; text-align: center; }
.legacy-vip-page .payBtnBox { position: fixed; bottom: 0; background-color: #fff; padding: 20px 10px; width: 100%; }
.legacy-vip-page .payBtn { width: 100%; border: 0; background-color: #fb3534; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; padding: 10px 0; }

/* 2026-05-15：视频/写真列表页恢复旧系统 header + hot-catgory/book-list 结构，覆盖首页卡片样式的 max-width/sticky 差异。 */
.legacy-list-page {
  max-width: none;
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding-bottom: 0;
  background: transparent;
}
.legacy-list-page .header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 9998;
  display: flex;
  padding: .2rem 0;
  background-color: #fff;
  border-bottom: solid 1px #f5f5f5;
  box-shadow: none;
}
.legacy-list-page .header .collect,
.legacy-list-page .header .report {
  display: block;
  flex: 0 0 1.3rem;
  height: .65rem;
  padding-left: 0;
  font-size: .28rem;
  text-align: center;
  line-height: .65rem;
  position: relative;
  color: #333;
}
.legacy-list-page .header .collect::before {
  display: block;
  content: ' ';
  position: absolute;
  top: 3px;
  right: 10px;
  width: .18rem;
  height: .18rem;
  border-radius: .18rem;
  background-color: #f00;
}
.legacy-list-page .header .search {
  flex: 1;
  height: .65rem;
  background-color: #eee;
  color: #555;
  text-align: center;
  line-height: .65rem;
  font-size: .26rem;
  border: none;
  border-radius: .65rem;
  outline: 0;
}
.legacy-list-page .header-hd { margin-top: 1.05rem; }
.legacy-list-page .tabbar {
  left: 0;
  transform: none;
  width: 100%;
  max-width: none;
  height: 1.1rem;
  padding-top: .16rem;
  z-index: 9999;
  border-top: solid 1px #f5f5f5;
}
.legacy-list-page .tabbar ul { display: flex; margin: 0; padding: 0; }
.legacy-list-page .tabbar li { flex: 1; width: 20%; font-size: .26rem; }
.legacy-list-page .tabbar a { display: block; padding: 0; color: #333; font-size: inherit; }
.legacy-list-page .tabbar .icon { height: .4rem; margin: 0; }
.legacy-list-page .tabbar .icon img { width: .4rem; height: .4rem; max-width: none; max-height: none; }
.legacy-list-page .tabbar .title { font-size: .24rem; margin-top: .05rem; }
.legacy-list-page .video-list ul li .icon .bg { display: none; }
.legacy-list-page .video-list .loading { display: block; }

/* 首页轮播按旧系统首屏只显示当前 swiper-slide，避免三张兜底图纵向堆叠。 */
.legacy-banner-frame {
  height: 4rem;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.legacy-banner-frame .legacy-slide {
  display: none;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
}
.legacy-banner-frame .legacy-slide.is-active,
.legacy-banner-frame .legacy-slide:first-child:last-of-type { display: block; }
.legacy-swiper-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: .15rem;
  display: flex;
  justify-content: center;
  gap: 5px;
}
.legacy-swiper-pagination span {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(0,0,0,.22);
}
.legacy-swiper-pagination span.active { background: #007aff; }

/* 首页与旧系统一样铺满移动端视口，不保留左右居中栏。 */
.page.aaa {
  max-width: none;
  width: 100%;
  margin: 0;
}
.page.aaa .tabbar {
  left: 0;
  transform: none;
  width: 100%;
  max-width: none;
}
.page.aaa .header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: none;
}

/* 首页公告弹窗恢复旧 public.css 尺寸与按钮样式，不使用详情页大字号弹层。 */
.legacy-home-notice.modal-collect {
  background-color: rgba(0,0,0,.2);
  align-items: center;
  justify-content: center;
}
.legacy-home-notice.modal-collect .box {
  width: 5rem;
  max-width: none;
  border-radius: .1rem;
  overflow: hidden;
}
.legacy-home-notice.modal-collect .box .title {
  min-height: 0;
  height: auto;
  line-height: .58rem;
  padding: .2rem .25rem;
  text-align: center;
  font-size: .28rem;
  color: red;
  white-space: normal;
}
.legacy-home-notice.modal-collect .box .btn { border-top: solid 1px #f5f5f5; }
.legacy-home-notice.modal-collect .box .btn .close {
  display: block;
  height: .7rem;
  line-height: .7rem;
  text-align: center;
  font-size: .28rem;
  background-color: #f74550;
  color: #fff;
}