.van-skeleton{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 0.427rem}.van-skeleton__avatar{-ms-flex-negative:0;flex-shrink:0;width:0.853rem;height:0.853rem;margin-right:0.427rem;background-color:#f2f3f5}.van-skeleton__avatar--round{border-radius:26.64rem}.van-skeleton__content{width:100%}.van-skeleton__avatar+.van-skeleton__content{padding-top:0.213rem}.van-skeleton__row,.van-skeleton__title{height:0.427rem;background-color:#f2f3f5}.van-skeleton__title{width:40%;margin:0}.van-skeleton__row:not(:first-child){margin-top:0.32rem}.van-skeleton__title+.van-skeleton__row{margin-top:0.533rem}.van-skeleton--animate{-webkit-animation:van-skeleton-blink 1.2s ease-in-out infinite;animation:van-skeleton-blink 1.2s ease-in-out infinite}.van-skeleton--round .van-skeleton__row,.van-skeleton--round .van-skeleton__title{border-radius:26.64rem}@-webkit-keyframes van-skeleton-blink{50%{opacity:.6}}@keyframes van-skeleton-blink{50%{opacity:.6}}
.van-loading{position:relative;color:#c8c9cc;font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:0.8rem;max-width:100%;height:0.8rem;max-height:100%;vertical-align:middle;-webkit-animation:van-rotate .8s linear infinite;animation:van-rotate .8s linear infinite}.van-loading__spinner--spinner{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.van-loading__spinner--spinner i{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__spinner--spinner i::before{display:block;width:0.053rem;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:' '}.van-loading__spinner--circular{-webkit-animation-duration:2s;animation-duration:2s}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{-webkit-animation:van-circular 1.5s ease-in-out infinite;animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:0.213rem;color:#969799;font-size:0.373rem;vertical-align:middle}.van-loading--vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.van-loading--vertical .van-loading__text{margin:0.213rem 0 0}@-webkit-keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__spinner--spinner i:nth-of-type(1){-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);opacity:1}.van-loading__spinner--spinner i:nth-of-type(2){-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}.van-loading__spinner--spinner i:nth-of-type(3){-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}.van-loading__spinner--spinner i:nth-of-type(4){-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}.van-loading__spinner--spinner i:nth-of-type(5){-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}.van-loading__spinner--spinner i:nth-of-type(6){-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}.van-loading__spinner--spinner i:nth-of-type(7){-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}.van-loading__spinner--spinner i:nth-of-type(8){-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}.van-loading__spinner--spinner i:nth-of-type(9){-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}.van-loading__spinner--spinner i:nth-of-type(10){-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}.van-loading__spinner--spinner i:nth-of-type(11){-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}.van-loading__spinner--spinner i:nth-of-type(12){-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);opacity:.3125}
.van-list__error-text,.van-list__finished-text,.van-list__loading{color:#969799;font-size:0.373rem;line-height:1.333rem;text-align:center}.van-list__placeholder{height:0;pointer-events:none}
.van-slider{position:relative;width:100%;height:0.053rem;background-color:#ebedf0;border-radius:26.64rem;cursor:pointer}.van-slider::before{position:absolute;top:-0.213rem;right:0;bottom:-0.213rem;left:0;content:''}.van-slider__bar{position:relative;width:100%;height:100%;background-color:#1989fa;border-radius:inherit;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.van-slider__button{width:0.64rem;height:0.64rem;background-color:#fff;border-radius:50%;-webkit-box-shadow:0 0.027rem 0.053rem rgba(0,0,0,.5);box-shadow:0 0.027rem 0.053rem rgba(0,0,0,.5)}.van-slider__button-wrapper,.van-slider__button-wrapper-right{position:absolute;top:50%;right:0;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0);cursor:-webkit-grab;cursor:grab}.van-slider__button-wrapper-left{position:absolute;top:50%;left:0;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);cursor:-webkit-grab;cursor:grab}.van-slider--disabled{cursor:not-allowed;opacity:.5}.van-slider--disabled .van-slider__button-wrapper,.van-slider--disabled .van-slider__button-wrapper-left,.van-slider--disabled .van-slider__button-wrapper-right{cursor:not-allowed}.van-slider--vertical{display:inline-block;width:0.053rem;height:100%}.van-slider--vertical .van-slider__button-wrapper,.van-slider--vertical .van-slider__button-wrapper-right{top:auto;right:50%;bottom:0;-webkit-transform:translate3d(50%,50%,0);transform:translate3d(50%,50%,0)}.van-slider--vertical .van-slider__button-wrapper-left{top:0;right:50%;left:auto;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0)}.van-slider--vertical::before{top:0;right:-0.213rem;bottom:0;left:-0.213rem}
.van-toast{position:fixed;top:50%;left:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:content-box;box-sizing:content-box;width:2.347rem;max-width:70%;min-height:2.347rem;padding:0.427rem;color:#fff;font-size:0.373rem;line-height:0.533rem;white-space:pre-wrap;text-align:center;word-break:break-all;background-color:rgba(0,0,0,.7);border-radius:0.213rem;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-toast--unclickable{overflow:hidden}.van-toast--unclickable *{pointer-events:none}.van-toast--html,.van-toast--text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:2.56rem;min-height:0;padding:0.213rem 0.32rem}.van-toast--html .van-toast__text,.van-toast--text .van-toast__text{margin-top:0}.van-toast--top{top:20%}.van-toast--bottom{top:auto;bottom:20%}.van-toast__icon{font-size:0.96rem}.van-toast__loading{padding:0.107rem;color:#fff}.van-toast__text{margin-top:0.213rem}
.mode-day[data-v-78ee656c] {
  background-color: #fff;
  color: #333;
}
.mode-day .chapter-title[data-v-78ee656c] {
  color: #333;
}
.mode-day .top-nav[data-v-78ee656c],
.mode-day .bottom-nav[data-v-78ee656c] {
  background-color: #fff;
  -webkit-box-shadow: 0 0.053rem 0.267rem rgba(0,0,0,0.1);
          box-shadow: 0 0.053rem 0.267rem rgba(0,0,0,0.1);
  color: #333;
}
.unlock_icon[data-v-78ee656c] {
  width: 0.427rem;
  height: 0.427rem;
}
.skeleton-custom-row[data-v-78ee656c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0;
}
.skeleton-custom-row .skeleton-item[data-v-78ee656c] {
  width: 48%;
  height: 1.067rem;
}
.skeleton-custom-row .skeleton-item[data-v-78ee656c] .van-skeleton__row {
  height: 100%;
  width: 100% !important;
  margin: 0;
  border-radius: 0.32rem;
  background-color: rgba(153,153,153,0.2);
}
[data-v-78ee656c] .van-skeleton__content {
  background: rgba(153,153,153,0.2);
}
.skeleton-custom-column .skeleton-item-large[data-v-78ee656c] {
  margin: 0.267rem 0.533rem;
  height: 2.133rem;
}
.skeleton-custom-column .skeleton-item-large[data-v-78ee656c] .van-skeleton__row {
  height: 100%;
  width: 100% !important;
  margin: 0;
  border-radius: 0.427rem;
  background-color: rgba(153,153,153,0.2);
}
.chapter-action-bar[data-v-78ee656c] {
  position: fixed;
  bottom: 1.6rem; /* 紧贴在底部导航栏(60px)的上方 */
  left: 0;
  width: 100%;
  height: 1.333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.427rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 990; /* 层级比底部导航低一点，或者一样 */
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.wrapper[data-v-78ee656c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.block[data-v-78ee656c] {
  width: 7.92rem;
  height: 8rem;
  background-color: #fff;
  position: relative;
}
.block h1[data-v-78ee656c] {
  font-size: 0.427rem;
  color: #0f0e14;
  line-height: 0.533rem;
  text-align: center;
}
.block .agreement[data-v-78ee656c] {
  margin-top: 0.533rem;
  width: 100%;
  height: 6.933rem;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.block .agreement p[data-v-78ee656c] {
  font-size: 0.373rem;
  color: #56545f;
  line-height: 0.48rem;
  margin: 0.267rem 0;
}
.block .pay_zua[data-v-78ee656c] {
  width: 3.627rem;
  height: 3.68rem;
  background: url(../img/pay_zuan.png) no-repeat center;
  background-size: contain;
  margin: 0.4rem auto;
}
.block .sub_success[data-v-78ee656c] {
  text-align: center;
  vertical-align: middle;
  font-size: 0.48rem;
  color: #28344d;
  line-height: 0.64rem;
  font-style: italic;
}
.block .sub_success img[data-v-78ee656c] {
  width: 1.12rem;
  margin-right: 0.267rem;
}
.block .sub_btn_dialog[data-v-78ee656c] {
  width: 6.4rem;
  height: 1.28rem;
  background: #ff8533;
  border-radius: 0.64rem;
  margin: 0.8rem auto;
  font-size: 0.427rem;
  color: #fff;
  text-align: center;
  line-height: 1.28rem;
}
.block .close_btn[data-v-78ee656c] {
  position: absolute;
  right: 0.267rem;
  top: 0.267rem;
  width: 0.533rem;
  height: 0.533rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEIElEQVR4AeyW6WsTXRTGm6WWt68oRlxwRUURQfygfhBbMF21WBCFCiKIgo1at7pb0YpQcAMVxSV/gB8KolIJdq8WKyquRJGIiOCXaquoGBObxd8dk+E6Nr2TREQh4Zy555x7zznPfe5kZqxZf/kvAzDdA8owmGEwXQbSzf/378GOjo55bW1t14S2t7cvSJeRpqamOdS6hDa2tLQsVNVTMhiJRPZRZJTQaDR6mKKLsVMScvNtNtspkiegDqvVuo9N27ETihKgIdNG0f3sfpkhrnTJKQTcEYvFMkhe7PP5LLJvtJUAYe0oSSE0LlZiu2m4Ih5Qja2trYtYU0deNqMm2FGM4y6Xq48xoSgBFhYW3iR7D/oN1QQWxK6rAblGCwxw4QiXMH0QtaGaAC5CjbqCgoKrWmCAixKgyKXQDe7FHdgBVJb13Fcb5IBsA245eTWA0fsALsxtUktNJThRS08UzkBaVFR0m/mtqB/VhWarYbJaD8QMgK8C3HbACba1KODEcdY4nc7rWsDExTRAUYtd36fpJpp+Fr6kKwC5FwAaGOxKgG9knebH1gXxd3LLtMV8U0NSAEVFmHzCKI71I6MsS3lmHoC5LQTXoroA/Cu6jQ3e0oMmjaQBiroc0XMautD3wo8r/mKYWxn3xUjsSzgc3gxzd4WfrKYEUDSh4UvGSgC8ZexXmPvEsVaVlJQ86neBiWDKAEVtQL7mnlyPrT+CsDUBXJS5rRzrUy2Q4iUtgDxG7LwdNtL7p7cDfhbMWZiramhoyBV+qpoyQK/XOwiGjtPYiSaS2bm5uWfYyOBEC1TxlADW19f/193dfRKW5ssNONY3qE+OsWYmGznX3Nw8VI6btZMG2NjY+L/D4ThN47lyE/xXwWCwMicnZx0gvYa56Rz3ha6uLoccN2MnBdDj8Qyh0VkeJbPk4gB6YbfbXWVlZe/y8vI++/3+KuYfoLJMCQQCbjY4Ug6qbNMAOzs7h8HOecDNMBR9FgwG1+Xn53+Ix8vLy/0wKh7Yd+Kx2DgxOzvbzUfrmJivHEwBhLkRoVDoAk2nGio+7uvr2wBznwzxLB7mgZ6enm2w22mYGwvbbu5J8dFqmPrVVQLkHzga5tw0mmRIvweATaWlpV8Mcd2tqKj4BuO7yG3Vgz+MUWzWzWtx8g838VUJkH/gIYqNk0vg3+J+qgbAVznenw2TIR7WNcx5UF0APpw6x/RAAkMJkCLT5FzY6OAzfSfHGpTjA9nUiAD0ILlXDOvGi0eWIfaTqwQIg5elDE9vb+8e1We6tF43ARnl1VhH4CJAxee+eNtcV52CEiCfV6covlooR1VLwTBNUhZqnADgSr5wKrFrVYWUAEUBp9PpFSrs36Fs2ldcXPyQWhqTjAnFFMCE2X9gIgMwXZIzDGYYTJeBdPO/AwAA//9UFuu0AAAABklEQVQDAEoBmmCFFbrIAAAAAElFTkSuQmCC) no-repeat center;
  background-size: contain;
}
/* 按钮样式 */
.action-btn[data-v-78ee656c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.373rem;
  padding: 0.213rem 0.427rem;
  border-radius: 0.533rem;
  cursor: pointer;
}
.action-btn span[data-v-78ee656c] {
  margin: 0 0.107rem;
}
/* 中间章节文字样式 */
.current-chapter-info[data-v-78ee656c] {
  font-size: 0.32rem;
  opacity: 0.6;
  max-width: 40%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
/* ==================== 颜色适配 ==================== */
/* 日间模式 */
.mode-day .chapter-action-bar[data-v-78ee656c] {
  background-color: #fff; /* 或者 #f9f9f9 稍微区分一下 */
  border-bottom: 0.027rem solid #eee; /* 分隔线 */
  color: #333;
}
.mode-day .action-btn[data-v-78ee656c] {
  background-color: #f5f5f5; /* 按钮浅灰底 */
}
/* 夜间模式 */
.mode-night .chapter-action-bar[data-v-78ee656c] {
  background-color: #2c2c2c;
  border-bottom: 0.027rem solid #333;
  color: #ccc;
}
.mode-night .action-btn[data-v-78ee656c] {
  background-color: #333; /* 按钮深灰底 */
  color: #aaa;
}
/* ==================== ❗重要：修改字体面板的位置 ==================== */
/* 如果你有 font-setting-panel，请修改它的 bottom */
.font-setting-panel[data-v-78ee656c] {
/* 原来是 60px，现在要改成 110px (60px nav + 50px action bar) */
  bottom: 2.933rem !important;
}
.catalog-list[data-v-78ee656c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* 占据剩余空间 */
  overflow-y: auto; /* 关键：必须开启垂直滚动 */
  padding-bottom: 0.533rem;
  -webkit-overflow-scrolling: touch; /* 优化 iOS 滚动体验 */
}
/* 只是为了美观，给 finished-text 设个颜色 */
[data-v-78ee656c] .van-list__finished-text {
  color: #999;
  font-size: 0.32rem;
  line-height: 1.333rem;
}
.catalog-popup[data-v-78ee656c] {
  width: 75%; /* 宽度占屏幕 75 */
  height: 100%; /* 高度占满 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
/* --- 1. 顶部书籍头部 --- */
.catalog-header[data-v-78ee656c] {
  padding: 0.533rem 0.427rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0; /* 防止被压缩 */
}
.book-cover img[data-v-78ee656c] {
  width: 1.333rem;
  height: 1.76rem;
  border-radius: 0.107rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 0.32rem;
  background-color: #eee;
}
.book-info[data-v-78ee656c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.book-title[data-v-78ee656c] {
  font-size: 0.427rem;
  font-weight: bold;
  line-height: 1.4;
/* 限制显示2行 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* --- 2. 统计栏 --- */
.catalog-bar[data-v-78ee656c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.267rem 0.427rem;
  font-size: 0.373rem;
  font-weight: bold;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
/* --- 3. 列表区域 --- */
.catalog-list[data-v-78ee656c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* 占据剩余空间 */
  overflow-y: auto; /* 开启滚动 */
  padding-bottom: 0.533rem;
}
.catalog-item[data-v-78ee656c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.373rem 0.427rem;
  font-size: 0.4rem;
  cursor: pointer;
}
.item-name[data-v-78ee656c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  margin-right: 0.267rem;
}
.item-status[data-v-78ee656c] {
  width: 0.533rem;
  min-height: 0.533rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.catalog-status-icon[data-v-78ee656c] {
  width: 0.427rem;
  height: 0.427rem;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
/* ==================== 🎨 颜色主题适配 ==================== */
/* --- 日间模式 (Day) --- */
.popup-day[data-v-78ee656c] {
  background-color: #fff !important;
  color: #333;
}
.popup-day .book-title[data-v-78ee656c] {
  color: #000;
}
.popup-day .catalog-bar[data-v-78ee656c] {
  color: #333;
}
.popup-day .item-name[data-v-78ee656c] {
  color: #333;
}
.popup-day .lock-icon[data-v-78ee656c] {
/* 灰色的锁 */
  color: #999;
}
.unlock-icon[data-v-78ee656c] {
  color: #999; /* 微信绿，代表通行/成功 */
  font-size: 0.427rem;
}
/* 灰色的锁 */
/* 日间模式的高亮章节 (红色/粉色) */
.popup-day .catalog-item.active .item-name[data-v-78ee656c] {
  color: #0f0e14; /* 你的主题色 */
  font-weight: bold;
}
.popup-day .catalog-item.active[data-v-78ee656c] {
  background-color: #fff5f2; /* 浅红色背景高亮 */
}
/* --- 夜间模式 (Night) --- */
.popup-night[data-v-78ee656c] {
  background-color: #1a1a1a !important;
  color: #a8a8a8;
}
.popup-night .book-title[data-v-78ee656c] {
  color: #eee;
}
.popup-night .catalog-bar[data-v-78ee656c] {
  color: #ccc;
}
.popup-night .item-name[data-v-78ee656c] {
  color: #999;
}
.popup-night .lock-icon[data-v-78ee656c] {
/* 深灰色的锁 */
  color: #666;
}
/* 深灰色的锁 */
/* 夜间模式的高亮章节 */
.popup-night .catalog-item.active .item-name[data-v-78ee656c] {
  color: #fa925e;
  font-weight: bold;
}
.popup-night .catalog-item.active[data-v-78ee656c] {
  background-color: #333; /* 深灰背景高亮 */
}
.font-setting-panel[data-v-78ee656c] {
  position: fixed;
  bottom: 1.547rem; /* 必须大于底部导航栏的高度(60px) */
  left: 0;
  width: 100%;
  height: 1.6rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0.533rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 998; /* 比底部导航栏低一点点，或者一样 */
  -webkit-box-shadow: 0 -0.053rem 0.267rem rgba(0,0,0,0.05);
          box-shadow: 0 -0.053rem 0.267rem rgba(0,0,0,0.05);
}
/* 左右两侧的 A- A+ 图标 */
.font-label[data-v-78ee656c] {
  font-weight: bold;
  color: #333;
}
.font-label.small[data-v-78ee656c] {
  font-size: 0.373rem;
  width: 0.8rem;
  text-align: left;
}
.font-label.big[data-v-78ee656c] {
  font-size: 0.587rem;
  width: 0.8rem;
  text-align: right;
}
/* 滑块容器 */
.slider-box[data-v-78ee656c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* 占据中间剩余空间 */
  padding: 0 0.4rem;
}
/* 自定义滑块按钮样式 (显示当前字号数字) */
.custom-button[data-v-78ee656c] {
  width: 0.693rem;
  color: #fff;
  font-size: 0.32rem;
  line-height: 0.48rem;
  text-align: center;
  background-color: #fa925e;
  border-radius: 2.667rem;
  padding: 0.053rem 0;
  -webkit-box-shadow: 0 0.027rem 0.08rem rgba(0,0,0,0.3);
          box-shadow: 0 0.027rem 0.08rem rgba(0,0,0,0.3);
}
/* ==================== 夜间模式适配 ==================== */
/* 字体面板背景变黑 */
.mode-night .font-setting-panel[data-v-78ee656c] {
  background-color: #2c2c2c;
  border-bottom: 0.027rem solid #333; /* 分割线 */
}
/* 字体 A- A+ 变灰 */
.mode-night .font-label[data-v-78ee656c] {
  color: #ccc;
}
/* 滑块未激活部分的颜色适配 (Vant slider inactive-color 属性控制，或者这里强行覆盖) */
/* ==================== 动画效果 ==================== */
.fade-enter-active[data-v-78ee656c],
.fade-leave-active[data-v-78ee656c] {
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.fade-enter[data-v-78ee656c],
.fade-leave-to[data-v-78ee656c] {
  opacity: 0;
}
/* 夜间模式 */
.mode-night[data-v-78ee656c] {
  background-color: #1a1a1a;
  color: #a8a8a8;
}
.mode-night .chapter-title[data-v-78ee656c] {
  color: #888;
}
/* 夜间模式可能隐藏旧的面包屑，或者你需要为它写样式 */
.mode-night .top-nav[data-v-78ee656c],
.mode-night .bottom-nav[data-v-78ee656c] {
  background-color: #2c2c2c;
  -webkit-box-shadow: 0 0.053rem 0.267rem rgba(0,0,0,0.5);
          box-shadow: 0 0.053rem 0.267rem rgba(0,0,0,0.5);
  color: #ccc;
}
/* 夜间模式下的按钮样式修正 */
.mode-night .next_btn .left[data-v-78ee656c],
.mode-night .next_btn .right[data-v-78ee656c],
.mode-night .next_btn .center[data-v-78ee656c] {
  background-color: #333;
  color: #999;
}
/* ==================== 顶部导航栏 ==================== */
.top-nav[data-v-78ee656c] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.427rem;
  z-index: 999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.nav-title[data-v-78ee656c] {
  font-size: 0.427rem;
  font-weight: bold;
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
/* ==================== 底部设置栏 ==================== */
.bottom-nav[data-v-78ee656c] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; /* 均分排列 */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.menu-item[data-v-78ee656c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.32rem;
}
.menu-item span[data-v-78ee656c] {
  margin-top: 0.107rem;
}
/* ==================== 动画效果 (Vue Transition) ==================== */
/* 顶部下滑动画 */
.slide-down-enter-active[data-v-78ee656c],
.slide-down-leave-active[data-v-78ee656c] {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.slide-down-enter[data-v-78ee656c],
.slide-down-leave-to[data-v-78ee656c] {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
/* 底部上滑动画 */
.slide-up-enter-active[data-v-78ee656c],
.slide-up-leave-active[data-v-78ee656c] {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.slide-up-enter[data-v-78ee656c],
.slide-up-leave-to[data-v-78ee656c] {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
.reader[data-v-78ee656c] {
  width: 100%;
  min-height: 100vh;
  position: relative;
  -webkit-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
/* ==================== 核心布局与主题 ==================== */
/* 白天模式 (默认) */
/* ==================== 原有样式的必要修正 ==================== */
/* 简单样式以适应demo，你可以保留你原本的 button css */
}
.reader .read-content[data-v-78ee656c] {
  padding: 0 0.533rem;
  padding-bottom: 1.067rem; /* 防止内容被底部栏遮挡 */
  margin-top: 1.333rem;
}
.reader .chapterContent p[data-v-78ee656c] {
  margin-bottom: 0.427rem;
  text-align: justify;
}
.reader .next_btn[data-v-78ee656c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.8rem;
}
.reader .next_btn .left[data-v-78ee656c] {
  width: 2.133rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.reader .next_btn .right[data-v-78ee656c] {
  width: 2.133rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.reader .next_btn div[data-v-78ee656c] {
  padding: 0.213rem 0.4rem;
  background: #f5f5f5;
  border-radius: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.373rem;
}
.reader .loading[data-v-78ee656c] {
  width: 2.667rem;
  height: 4rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -1.333rem;
  margin-top: -2rem;
  z-index: 99;
}
.reader .loading[data-v-78ee656c] .van-loading__spinner {
  margin: 0.267rem;
}
.reader .read-content[data-v-78ee656c] {
  line-height: 0.427rem;
  z-index: 1;
  min-height: 20vh;
}
.reader .read-content .chapter-title[data-v-78ee656c] {
  font-size: 0.48rem;
  letter-spacing: 0.053rem;
  padding-bottom: 0.133rem;
  padding-top: 0.4rem;
  text-align: center;
  line-height: 0.667rem;
}
.reader .read-content .chapterContent[data-v-78ee656c] {
  padding: 0.427rem 0.213rem;
}
.reader .read-content .chapterContent p[data-v-78ee656c] {
  padding-top: 0.16rem;
  text-align: left;
  word-wrap: break-word;
}
.reader .read-content .channel_vip .become_vip[data-v-78ee656c] {
  width: 5.04rem;
  height: 0.853rem;
  background: url(../img/become_vip.png) no-repeat center;
  background-size: contain;
  margin: 0 auto;
  position: relative;
}
.reader .read-content .channel_vip .become_vip .question[data-v-78ee656c] {
  width: 0.48rem;
  height: 0.48rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAFA0lEQVR4AbRXXUhbZxg2J/6wQLDqpqwTrYquuFIsm2hXUHFKEMWbKps3wvxnsnmzCy8EpUPECYJ4o8afwX5QrDIYo8Oxjg7tNmkGc1VRESdIjVi1ErSkiUmf52DkmOacfCdtQ16+n/d5n/f5vvN+30mkMJ2fhoYGU21tbXJTU9O1xsbGvPr6egvmSmnsc44+YjBn0kkfJirIUFNTcxFJbkiSVBgeHn7V6/UmIlk0xpEGg0Gisc85+ojBuJAxjMW8ARb0G1QQVvkmVpwfERHxPpLEIpkQMTMTyxjGkoNcnNcyVUEdHR1SXV3dVaz8OojNWiQiPnKQi5zkVosJKKiysjJya2vrhtFoTFYLDHWenORmjkAcLwgiMC4u7kMEXggU8CrmyM0czOXPd04QtzI6OjqH2+sPfNVj5mAu5lRynxOErbxC9UrA6+wzF3Mqc5wJ4gkAQHfNJCUlmQsLC1NKSkrezc7OvohTdcapTKTWZ07m9vl9wQbcGVd8kyItRbS3t3/R0tLSUVZW9nlxcXFjVVXVl52dnbdwxC046kYRHmJOc8vXiSwIF9fbfKZ0ihiKMau0tPQz1MAll8vl2N3dXdjZ2fnn+PjYDiGmjIwMS2tra21UVJTMH4yTuamBODkA90MKByKWmZkZm5OT8wlijBsbG79jl251dXV9093d/V1bW9vX8/Pz33vxiYmJuYwduy7CSQz4ZA0Snp8Jq4rhpIgVFRXlYYsjj46Otvr7+39yOp0eZdz4+LjNbrfbOJeSkvIBWxGjBmqRTk5O3sKC5OcnEhgfH59B3PLy8hzbQLa+vv6Q8yaTKZ6tiFEDtUhQFisS4MOgLmT89vb2Y9+cf4sdlBeIxyC3/n61MbVIUKbrPWW1WrthX83Ozv6vRpyamppJn8PhsLMVNWqRPB7PG6IBxK2urh7gcR24XK4Tjv0NV8DlhIQEuXbW1tb+8vdrjamFv2PCtUB6fBSTn5//KR8VroJ/JyYm5vXEIy5cPvZ6gtSw5eXl7xUUFNTi5o1AfT3o7e39FkWqBledZw25Vb2Cjtzc3Hfy8vKqUczGzc3NP3p6en5w+l0HIlSoITc4pKciYC2MxWK5CaIIPKb/+vr6ftTCavnA8ZQ15NACBfOlp6dfMJvNl4ibmZm5wzZUQw05JJyW/VAJGJecnByHlYXhhDhtNpuuY854pVGLhCLchTKv0qGnjwJ+srKycmdxcfEXPXH+WGqgFmloaOgYyg78AaJjCNkbHBz8dWxs7J5oTCAcNVCLfOxR3RuBQCJzeIGam5ubS6urq/mfTderQsnv0yALGh0d3caWhVTc+InxcVpa2kdZWVk3KyoqrimTiPaZmxqIlwWh40VRym9o9HV9jUajjyMMxMK/EpVJTnPLdXxGhuf3GDfrphJ42tdspqambuOH+n28336enp5+oAkO4GRO5va5zgRxIjEx8SEAT9gXtaWlpX28Jm5brdbfUJjyKkVjmYs5lfhzgvAfyXN4ePg3tj6kelISB+szB3MxpxJ7ThAdk5OTz/b29u5TPcevw8jNHMzlz/+CIAIIxFbOIVB3TTFey8hJbuYIhAsoiEBu5fDw8ALuhz+5vZx7GSMHuchJbjUuVUG+AJ6AgYGBeyhYm9vt3gexcOESyxjGkoNcPl61Nqig00AvLq5HIyMjc7gz7iLJApJtwXeI8TOs3ENjn3P0EYPxXcYwFvNCC3kOAAD//8cg6GwAAAAGSURBVAMADkQ2DdaD1IkAAAAASUVORK5CYII=) no-repeat center;
  background-size: contain;
  position: absolute;
  right: -0.533rem;
}
.reader .read-content .channel_vip .read_for_free[data-v-78ee656c] {
  width: 9.067rem;
  height: 1.067rem;
  background: url(../img/vip_tips.png) no-repeat center;
  background-size: contain;
  margin: 0.267rem auto;
  font-weight: 500;
  font-size: 0.48rem;
  color: #8d8d8d;
  text-align: center;
  line-height: 1.067rem;
}
.reader .read-content .channel_vip .read_for_free i[data-v-78ee656c] {
  font-size: 0.587rem;
}
.reader .read-content .channel_vip .vip_list li.active[data-v-78ee656c] {
  background: -webkit-gradient(linear, left top, right top, from(#ff8a38), to(#ffc28b));
  background: -o-linear-gradient(left, #ff8a38 0%, #ffc28b 100%);
  background: linear-gradient(90deg, #ff8a38 0%, #ffc28b 100%);
  color: #0f0e14;
}
.reader .read-content .channel_vip .corner_mark[data-v-78ee656c] {
  position: absolute; /* 绝对定位 */
  top: -0.053rem;
  right: -0.053rem;
  z-index: 1;
/* 颜色：参考你之前的导航栏渐变色，或者直接取设计图的橙色 */
  background: -o-linear-gradient(315deg, #ff9242 0%, #ff5360 100%);
  background: linear-gradient(135deg, #ff9242 0%, #ff5360 100%);
  color: #fff;
/* 字体与大小 */
  font-size: 0.267rem;
  padding: 0.053rem 0.213rem; /* 上下2px，左右8px */
  font-weight: 500;
/* 【关键】圆角设置：只设置左下角圆角，右上角跟随父级，形成贴合效果 */
  border-bottom-left-radius: 0.213rem;
  border-top-right-radius: 0.427rem; /* 如果父级有圆角，这里设为0或者跟随父级都可以，看overflow是否生效 */
}
.reader .read-content .channel_vip .vip_list[data-v-78ee656c] {
  margin-top: 0.533rem;
}
.reader .read-content .channel_vip .vip_list ul li[data-v-78ee656c] {
  margin: 0.267rem 0.533rem;
  height: 2.133rem;
  background: rgba(153,153,153,0.2);
  border-radius: 0.427rem;
  border: 0.053rem solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
}
.reader .read-content .channel_vip .vip_list ul li .vip_title[data-v-78ee656c] {
  width: 3.733rem;
  font-size: 0.48rem;
  color: #0f0e14;
  text-align: center;
  line-height: 2.133rem;
  font-weight: bold;
}
.reader .read-content .channel_vip .vip_list ul li .price[data-v-78ee656c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.reader .read-content .channel_vip .vip_list ul li .price .first_month[data-v-78ee656c] {
  text-align: center;
}
.reader .read-content .channel_vip .vip_list ul li .price .first_month .p1[data-v-78ee656c] {
  font-size: 0.48rem;
  color: #a9a1a1;
  margin: 0.533rem 0 0.267rem 0;
}
.reader .read-content .channel_vip .vip_list ul li .price .first_month .p2[data-v-78ee656c] {
  font-weight: 400;
  font-size: 0.32rem;
  color: #a9a1a1;
}
.reader .read-content .channel_vip .vip_list ul li .price .other_month[data-v-78ee656c] {
  text-align: center;
  margin: 0.853rem 0;
  font-size: 0.48rem;
  color: #7d7c83;
}
.reader .read-content .channel_vip .recharge_list li.active[data-v-78ee656c] {
  border-color: #fa925e;
  color: #0f0e14;
}
.reader .read-content .channel_vip .recharge_list[data-v-78ee656c] {
  margin: 0.533rem;
}
.reader .read-content .channel_vip .recharge_list ul[data-v-78ee656c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.reader .read-content .channel_vip .recharge_list ul li[data-v-78ee656c] {
  width: 40%;
  height: 1.067rem;
  background: rgba(153,153,153,0.2);
  border-radius: 0.32rem;
  border: 0.053rem solid transparent;
  position: relative;
}
.reader .read-content .channel_vip .recharge_list ul li img[data-v-78ee656c] {
  width: 0.533rem;
  height: 0.533rem;
  display: inline-block;
  margin: 0.267rem;
  vertical-align: middle;
}
.reader .read-content .channel_vip .recharge_list ul li span[data-v-78ee656c] {
  font-size: 0.373rem;
  color: #0f0e14;
  vertical-align: middle;
}
.reader .read-content .channel_vip .sub_btns[data-v-78ee656c] {
  width: 7.467rem;
  height: 1.28rem;
  background: #ff8533;
  border-radius: 0.64rem;
  margin: 0.533rem auto;
  color: #fff;
  text-align: center;
  line-height: 1.28rem;
  font-size: 0.427rem;
}
.reader .read-content .channel_vip[data-v-78ee656c] {
  margin: 0.32rem -0.053rem 0;
  padding: 0.48rem 0.427rem 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(76%, #fff), to(#fafafd));
  background: -o-linear-gradient(top, #fff 0%, #fff 76%, #fafafd 100%);
  background: linear-gradient(180deg, #fff 0%, #fff 76%, #fafafd 100%);
  border: 0.027rem solid #f0edf2;
  border-radius: 0.373rem;
  -webkit-box-shadow: 0 0.213rem 0.64rem rgba(15,14,20,0.06);
          box-shadow: 0 0.213rem 0.64rem rgba(15,14,20,0.06);
  color: #0f0e14;
  overflow: hidden;
}
.reader .read-content .channel_vip .paywall-header[data-v-78ee656c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.32rem;
  padding-bottom: 0.427rem;
  border-bottom: 0.027rem solid #f1eef2;
}
.reader .read-content .channel_vip .paywall-eyebrow[data-v-78ee656c] {
  margin-bottom: 0.107rem;
  font-size: 0.32rem;
  line-height: 0.427rem;
  color: #ff7f4d;
  font-weight: 700;
}
.reader .read-content .channel_vip .paywall-title[data-v-78ee656c] {
  font-size: 0.427rem;
  line-height: 0.64rem;
  color: #17151c;
  font-weight: 800;
}
.reader .read-content .channel_vip .secure-badge[data-v-78ee656c] {
  height: 0.64rem;
  padding: 0 0.267rem;
  border-radius: 0.32rem;
  background: #fff3ec;
  color: #ff7f4d;
  font-size: 0.32rem;
  line-height: 0.64rem;
  font-weight: 700;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.reader .read-content .channel_vip .payment-title[data-v-78ee656c],
.reader .read-content .channel_vip .topup-title[data-v-78ee656c] {
  font-size: 0.4rem;
  line-height: 0.587rem;
  color: #292733;
  font-weight: 700;
}
.reader .read-content .channel_vip .payment-title[data-v-78ee656c] {
  margin-top: 0.48rem;
}
.reader .read-content .channel_vip .topup-title[data-v-78ee656c] {
  margin-top: 0.48rem;
}
.reader .read-content .channel_vip .payment-mode-list[data-v-78ee656c] {
  margin: 0.267rem -0.427rem 0 0;
  overflow-x: auto;
  padding-bottom: 0.053rem;
}
.reader .read-content .channel_vip .payment-mode-list ul[data-v-78ee656c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.267rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  padding-right: 0.427rem;
}
.reader .read-content .channel_vip .payment-mode-list li[data-v-78ee656c] {
  width: 3.307rem;
  height: 1.28rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 0.32rem;
  background: #fbfafb;
  border: 0.027rem solid #ece5e1;
  border-radius: 0.267rem;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.reader .read-content .channel_vip .payment-mode-list li img[data-v-78ee656c] {
  width: 0.64rem;
  height: 0.64rem;
  margin-right: 0.267rem;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.reader .read-content .channel_vip .payment-mode-list li span[data-v-78ee656c] {
  min-width: 0;
  padding-right: 0.267rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  font-size: 0.4rem;
  color: #0f0e14;
  white-space: nowrap;
}
.reader .read-content .channel_vip .payment-mode-list li .channel-badge[data-v-78ee656c] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 0.853rem;
  max-width: 1.547rem;
  height: 0.427rem;
  padding: 0 0.133rem;
  border-bottom-left-radius: 0.187rem;
  color: #fff;
  font-style: normal;
  font-size: 0.267rem;
  font-weight: 700;
  line-height: 0.427rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.reader .read-content .channel_vip .payment-mode-list li.active[data-v-78ee656c] {
  border: 0.053rem solid #ff8a58;
  background: #fff9f6;
  -webkit-box-shadow: 0 0.16rem 0.427rem rgba(255,138,88,0.12);
          box-shadow: 0 0.16rem 0.427rem rgba(255,138,88,0.12);
}
.reader .read-content .channel_vip .payment-mode-list li.active[data-v-78ee656c]::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 0.48rem solid transparent;
  border-bottom: 0.48rem solid #ff8a58;
}
.reader .read-content .channel_vip .payment-mode-list li.active[data-v-78ee656c]::before {
  content: '';
  position: absolute;
  right: 0.027rem;
  bottom: 0.107rem;
  width: 0.213rem;
  height: 0.107rem;
  border-left: 0.053rem solid #fff;
  border-bottom: 0.053rem solid #fff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  z-index: 1;
}
.reader .read-content .channel_vip .charge-list[data-v-78ee656c] {
  margin: 0.267rem -0.427rem 0 0;
}
.reader .read-content .channel_vip .charge-list ul[data-v-78ee656c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.267rem;
  overflow-x: auto;
  padding: 0 0.427rem 0.107rem 0;
}
.reader .read-content .channel_vip .charge-list li[data-v-78ee656c] {
  width: 2.987rem;
  height: 2.987rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  overflow: hidden;
  border: 0.027rem solid #f3e1d7;
  border-radius: 0.32rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(58%, #fff), color-stop(59%, #fff5ee), to(#f8eee8));
  background: -o-linear-gradient(top, #fff 0%, #fff 58%, #fff5ee 59%, #f8eee8 100%);
  background: linear-gradient(180deg, #fff 0%, #fff 58%, #fff5ee 59%, #f8eee8 100%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  -webkit-box-shadow: 0 0.133rem 0.373rem rgba(15,14,20,0.04);
          box-shadow: 0 0.133rem 0.373rem rgba(15,14,20,0.04);
}
.reader .read-content .channel_vip .charge-list li.active[data-v-78ee656c] {
  border: 0.053rem solid #ff8a58;
  -webkit-box-shadow: 0 0.24rem 0.48rem rgba(255,138,88,0.16);
          box-shadow: 0 0.24rem 0.48rem rgba(255,138,88,0.16);
}
.reader .read-content .channel_vip .charge-list li.active[data-v-78ee656c]::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 0.48rem solid transparent;
  border-bottom: 0.48rem solid #ff8a58;
}
.reader .read-content .channel_vip .charge-list li.active[data-v-78ee656c]::before {
  content: '';
  position: absolute;
  right: 0.027rem;
  bottom: 0.107rem;
  width: 0.213rem;
  height: 0.107rem;
  border-left: 0.053rem solid #fff;
  border-bottom: 0.053rem solid #fff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  z-index: 1;
}
.reader .read-content .channel_vip .charge-list .corner_mark[data-v-78ee656c] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 1.28rem;
  height: 0.587rem;
  padding: 0 0.213rem;
  border-radius: 0;
  border-bottom-left-radius: 0.213rem;
  background: #ff7900;
  color: #fff;
  font-size: 0.32rem;
  line-height: 0.587rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.reader .read-content .channel_vip .charge-list .coin-row[data-v-78ee656c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.16rem;
  margin-top: 0.587rem;
  font-size: 0.533rem;
  color: #0f0e14;
  font-weight: 800;
}
.reader .read-content .channel_vip .charge-list .voucher-row[data-v-78ee656c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.08rem;
  margin-top: 0.107rem;
  padding: 0 0.16rem;
  font-size: 0.32rem;
  color: #ff7900;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.reader .read-content .channel_vip .charge-list .voucher-icon[data-v-78ee656c] {
  width: 0.347rem;
  height: 0.347rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.reader .read-content .channel_vip .charge-list .charge-price[data-v-78ee656c] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.4rem;
  font-size: 0.373rem;
  font-weight: 700;
  color: #615e67;
}
.reader .read-content .channel_vip .charge-list .charge-empty[data-v-78ee656c] {
  height: 2.56rem;
  margin-right: 0.427rem;
  border: 0.027rem dashed #e7dfdb;
  border-radius: 0.32rem;
  background: #fbfafb;
  color: #9e99a3;
  font-size: 0.347rem;
  line-height: 2.56rem;
  text-align: center;
}
.reader .read-content .channel_vip .coin-icon[data-v-78ee656c],
.reader .read-content .channel_vip .bonus-icon[data-v-78ee656c] {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}
.reader .read-content .channel_vip .coin-icon[data-v-78ee656c] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACbVBMVEUAAADmmQvhnQLjpA///4LfnQLbnAzhnQP//qb//6ThnQL//6f//6HhnQPhnAP9/aPosjr//5z03A7hnQPingP7+5f//5b//I7jlwDy0S//8hv35Wvtw0jmsATnrzD//57hngL99yj//6X9+UT++43vy1LmsDX+/ZfinQL//5fqugb//6L89iH++DD//6X+/I7hnQLhnALz4Vf47GP99ST89yvxzkf89G3rvgj55xXmsC7//3v69Rr//5fpxBLoxxHoyxD79BToyhDw42z79BD+/qL//p/t3E3w42n89yX89iD89Rzs0hT78w3+/qTy53Xx5XLx52rv4Vru4Ffu31Tu3lHw2RbqzBLXmQrTlgj//qf+/JTx42/x5m7v5WXv5GLtw17v4V39+DL89yr79Rjx3hfv2xbqyhLpxhH//qX+/Zz//pj+/pX+/ZH+/o3+/Yb07H3w53Hw4Gnw5mjw32Xwx2Hv5F/rwVr8+C726Rvu1RTozRDy1Q3hnQP+/pz174P+/X7y6nn+/Hjx6HTw6G79+239+mfx0mTu41zhrjjq0yrx3Bn25hTr0BPpzxLrzhLpyBHswgv59Y7++4X484X69378+X3383r9+3Lw6HH2zmf48WXx4GXzymTxz1/9+l3tyljpvlbnu1Pqx1Ht20ns1z7r1T3irjP47Cz78yj78hfz4BP57hLwzxDkvg/guA/46Q3bqg3ZmwrhnwP59pL8+or46mf37Vrv41n131Px1FD9+UX9+Tzq1THw3jDksTD69C7vziT46yLy4iD57x/txRXpuhLYoQvWngv03QrlrQnuyQftxQfpuAbmrQVrV3CfAAAAPnRSTlMACuUfDTQQ/vvv5NTOyqqLfW9oYllIQCUbEwn98u/s6+nk4NnX1NTR0MzMwsG5s7N4d21saWReW1pWPTgxFgj6/IYAAAJzSURBVDjLrZHnW1JxFIAR3LNyt/fee95BSCEXy0pQaSAImMwMAhHcMwXEPXObe2R7711/U+feC4QPfel5fL++7/2d85zLWFISYiLDQkPDImMS/qnjI7Kzb6alpaRwufnb4v104F7QtM3PV6nE+wIX+8QIUj8s0ZeV6UuaxGKxZnOirz+zEXRTWUVFxQWKFo22eVOyT7ArLYVb0tl5C7hIoW9+Id3z1y+H0frKysprJFdJCl5LzeYj3gXXcYtb0oGzHgruYh/Msg0rPQ8UF4vTbwPnaQrAY9i4jHfYHexQqdqvk/R0ddUYegwG0rPrebzd7glqtTr9BklNb6/RWGN4BZrNFvFSU+kZp9SaR3eAnJx7RqNEInkzUwQBin5M5Z+mgmMabWttbW0OBBKJyXT/QeaMCDxayM89QQWHtNr2SxT9JtMA+KxZQkQHK6jgoE7Xepmif2CwLjMzK8tusbPRvMJcnA6O6nRtVyiGButAzxNyob0RQSZw/DgVnGwrLX2aQTIE/isqlysszjzEieNTQVQQvKq0vPscyej8l1mFXCEknEoEmcQ51mDQwJby8o4M8CNFDkKhEFoIJQxQ4hzBTgbNsscdVd3DwyNFGOYgLIRImYcgSANH8O2AO0heXVVV/WSUPA8mEikbUfCTHI5gDUxwP/G8urpvzAEBeSD394Kf+xkeArY+63spfVuPobQXTsEC1u0BDC+ste+kUrNsvFAuFNY3TODgf6xnMXwIYn4ek8l48AP5/Fzwc7+YcANfkqIWPr33+DnXQlTSYg/Ehtu+u6at1mnXb1t4rJ8GAuKimSE2WwgzOs67nn/EYoH8L/4A1GjtCBvb2cMAAAAASUVORK5CYII=);
}
.reader .read-content .channel_vip .bonus-icon[data-v-78ee656c] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAC61BMVEUAAAD8r8T8sLasCVz+0bmuC17/37H/3q6zHGq+MHavC1+xDmL/4a/jNqysCV/9u77+07KuC1+uC16uC17/17OuC175Zrz+2bKvC1+5K3OvC177Zb3bKpHxrKb+y7zmkp7EQYC6LnT4V8LJHIn7n8b+x7zZc5L4Zr36ebX8qcetDF//xb79uMD/4bDCP379rsT/37L8wL2tC17IHob2SsP4rLqtCFr3R8j1lXHcNmuuDF/2OM32Pcz4VMP4WsH/3rLbMG32QMr3Q8n3TMb4Yb75aLv9y67XInPZK2/lVV++Y0P3UMT5brn5dLf+2Lb+2rP+17D6toz5rHz7sHnVH3P8r3H6p3H7rHDeOml3CjmBEjCHGCv9t8LvNML+zbv6erX9v7H+0K/6tZrvkI/1nYLdMXvUGXnxhXTUG3TzjnH4n3DkTmrfP2fhRGW2XU18Djb7pcb+x7z8pLb9xbH/3a/tWpXzmJToRJDuZY3ykYX2ooHgOHv8tHXufHT2m3PyinL+u3H+t3HXJ3D9s2/5o2/JcW3iSWTijF+pTUumRkqtUki3W0ScOUCNHCj0RML9vsD7l7r8nrn+1Lj6hbf8rLb9t7T6gbH+1LD7tq3qN6juW6X1ppriLZb+x5L1opHuc4jiNYj/xIfrh4bzl4XEHn/8tnzcK3zqX3q+FnfoVXb9t3X4o3TvgXO+H3Paj3LqY3LYJXH3m2/hQm22EGvSa2TYeGPoXWPjTWK2PFeuVVGHE0XzP8L9wr7mLLb8srX+17P6q7LsNrLeLajkf5/9vprYRZL2q5H9vY/vrYzpTYzLHYzxgIrjYILra4H3pn3mTX3hP3jaK3fsa3Taa3PPfXLsdXHclGvUPGXdgmHXRGDGW17Mel3ZTFqyVUWYIEH6pr/tVLD5l67vhqz3dqz6p6T0oKH9x6DmaZ7qTZnZaZTpnov3qYH+vHfwoGvEQmrNe2m8KGizEWXej2PKdF/Ea1y8RFiyN0KbNDeaJDUYncwDAAAAN3RSTlMA/g4M/vflSET+v5F3Xzf77Ongz8iakYyBc3A3Efzx7eTg2dnV1cXBu7Wvop6aioF4YVpUNyUfaEm0ggAAAx9JREFUOMtl0mVcU1EYBvADCIrdIGB3t2MXNhgxaoOBoNRgYwyQ7gYB6Ua6u0RCSkJCUkqQbru7/ei5F5CBz9f/c8773t89gCMrBbZuXKG36+Dxs9zg/3Cf4VNWvrlCT8/G5l7EhhMXl/tKPolFj9DV5Tq91NdKSKhAJ7e1GRgkbNCFBa6jnHNOos5Mzc29rKb20NUwrZmLy9r6APeS802pH265z7lhtovjY2vr6CP/5ttLqNAyvaDDwntXV1hwYUVG61O3z+/PZ6/SNOe5qjAdHWmOrKzS51QqRXhugL0KLdXL213jY8C30dGSkpJ3ycmOgwqFVIrsYazAR6MxvbxvaFwNUISxhPF72VNq5u8gKysjjG1Ai89E/QosTE19/2FZWzuUnm9mUS4rI4NuIUCLZ2JeFKAY8sAgLTur9ncNLJhrJskQ98HC1njmK8yLxkNgIdmRFRr207mwXBPvRCQQRADYyCR3Qvc19RwPmfk8POwXFBbW69xfjpd0IxKULgBAJpM7MfesmgkODgwMDdOpcXboH8BLsglK0uvQgp0q6qKiVcHBfn6Tv/7oaNc4dLlJyucpSeNggWFnp+prekdU9FpVYCCLNVhtNqtd5+DkJu+TJ41DCzvtGAaYX68MCsrq6csvnLXSeuPELpNLkcaRzgOwm8FIwNy4Mih0KL2v95OVVp1TxiM59UScFH09AIcYsbGGqN+uDNXR0da2stLS4s/Ik1M3CpcSb+EB4FRCbOML1D0mUYdc94UNz5ukSJHE9gMAVrU2xsS4QB9RmJ6emBgbw+Ml5cvUTYzqSeL0NQBmT3OMra2xx0i1gsJdfwtzzXm/TxIX616PFna8tbWNeurB4T5yJkaJ0BtWAzQ8e1ujoiLjSjkdO0+vwC6AW/A/i4yO03c2W3D1FPgBYmIF2AbYEP7Xcfr6VEpS14Abm52RGI6DTi+AAxayBmmHToEvhEiAfwj1hootImAxQkhxEgU+MSIRcxK9GznGAzizajNS3P5kzutbchBeQbAsPEKbEeRrcU5OQQWC8G67tNyxWwRXb+Ll3bRl2zmO2/8C6EdacHbSYvwAAAAASUVORK5CYII=);
}
.reader .read-content .channel_vip .sub_btns[data-v-78ee656c] {
  width: 100%;
  height: 1.173rem;
  margin: 0.48rem auto 0.427rem;
  border-radius: 0.587rem;
  background: -webkit-gradient(linear, left top, right top, from(#ff9d62), to(#ff7f4d));
  background: -o-linear-gradient(left, #ff9d62 0%, #ff7f4d 100%);
  background: linear-gradient(90deg, #ff9d62 0%, #ff7f4d 100%);
  color: #fff;
  font-size: 0.427rem;
  font-weight: 800;
  line-height: 1.173rem;
  text-align: center;
  -webkit-box-shadow: 0 0.267rem 0.48rem rgba(255,127,77,0.22);
          box-shadow: 0 0.267rem 0.48rem rgba(255,127,77,0.22);
}
.reader .read-content .channel_vip .sub_btns.disabled[data-v-78ee656c] {
  background: #d9d7dc;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.reader .read-content .channel_vip .reader-balance[data-v-78ee656c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 0.213rem;
  height: 1.12rem;
  margin: 0 -0.427rem;
  background: #f6f7fb;
  border-top: 0.027rem solid #eeeff5;
  color: #a3a1a8;
  font-size: 0.347rem;
}
.reader .read-content .channel_vip .reader-balance span[data-v-78ee656c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.107rem;
  line-height: 0.4rem;
  white-space: nowrap;
}
.reader .read-content .chapterContent.paid-preview[data-v-78ee656c] {
  max-height: 2.533rem;
  overflow: hidden;
  position: relative;
}
.reader .read-content .chapterContent.paid-preview[data-v-78ee656c]::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.44rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(84%, #fff));
  background: -o-linear-gradient(top, rgba(255,255,255,0), #fff 84%);
  background: linear-gradient(180deg, rgba(255,255,255,0), #fff 84%);
  pointer-events: none;
}
.mode-night .read-content .chapterContent.paid-preview[data-v-78ee656c]::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(26,26,26,0)), color-stop(84%, #1a1a1a));
  background: -o-linear-gradient(top, rgba(26,26,26,0), #1a1a1a 84%);
  background: linear-gradient(180deg, rgba(26,26,26,0), #1a1a1a 84%);
}
.mode-night .read-content .channel_vip[data-v-78ee656c] {
  background: -webkit-gradient(linear, left top, left bottom, from(#242424), color-stop(76%, #242424), to(#202127));
  background: -o-linear-gradient(top, #242424 0%, #242424 76%, #202127 100%);
  background: linear-gradient(180deg, #242424 0%, #242424 76%, #202127 100%);
  border-color: #34343a;
  color: #f4f2f0;
  -webkit-box-shadow: 0 0.267rem 0.747rem rgba(0,0,0,0.28);
          box-shadow: 0 0.267rem 0.747rem rgba(0,0,0,0.28);
}
.mode-night .read-content .channel_vip .paywall-header[data-v-78ee656c] {
  border-bottom-color: #37373d;
}
.mode-night .read-content .channel_vip .paywall-title[data-v-78ee656c],
.mode-night .read-content .channel_vip .payment-title[data-v-78ee656c],
.mode-night .read-content .channel_vip .topup-title[data-v-78ee656c] {
  color: #f4f2f0;
}
.mode-night .read-content .channel_vip .secure-badge[data-v-78ee656c] {
  background: rgba(255,127,77,0.16);
  color: #ff9d62;
}
.mode-night .read-content .channel_vip .payment-mode-list li[data-v-78ee656c] {
  background: #2c2c31;
  border-color: #3d3a3d;
}
.mode-night .read-content .channel_vip .payment-mode-list li span[data-v-78ee656c] {
  color: #f4f2f0;
}
.mode-night .read-content .channel_vip .payment-mode-list li.active[data-v-78ee656c] {
  background: #322a27;
  border-color: #ff8a58;
}
.mode-night .read-content .channel_vip .charge-list li[data-v-78ee656c] {
  border-color: #433934;
  background: -webkit-gradient(linear, left top, left bottom, from(#2b2b30), color-stop(58%, #2b2b30), color-stop(59%, #332a26), to(#332a26));
  background: -o-linear-gradient(top, #2b2b30 0%, #2b2b30 58%, #332a26 59%, #332a26 100%);
  background: linear-gradient(180deg, #2b2b30 0%, #2b2b30 58%, #332a26 59%, #332a26 100%);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mode-night .read-content .channel_vip .charge-list li.active[data-v-78ee656c] {
  border-color: #ff8a58;
  -webkit-box-shadow: 0 0.24rem 0.48rem rgba(255,138,88,0.12);
          box-shadow: 0 0.24rem 0.48rem rgba(255,138,88,0.12);
}
.mode-night .read-content .channel_vip .charge-list .coin-row[data-v-78ee656c] {
  color: #f7f3ee;
}
.mode-night .read-content .channel_vip .charge-list .charge-price[data-v-78ee656c] {
  color: #d8d2cc;
}
.mode-night .read-content .channel_vip .charge-list .charge-empty[data-v-78ee656c] {
  background: #2c2c31;
  border-color: #3d3a3d;
  color: #a9a3a0;
}
.mode-night .read-content .channel_vip .reader-balance[data-v-78ee656c] {
  background: #202127;
  border-top-color: #303139;
  color: #aaa6af;
}