.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-09f3a7fc] {
  background-color: #fff;
  color: #333;
}
.mode-day .chapter-title[data-v-09f3a7fc] {
  color: #333;
}
.mode-day .top-nav[data-v-09f3a7fc],
.mode-day .bottom-nav[data-v-09f3a7fc] {
  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-09f3a7fc] {
  width: 0.427rem;
  height: 0.427rem;
}
.skeleton-custom-row[data-v-09f3a7fc] {
  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-09f3a7fc] {
  width: 48%;
  height: 1.067rem;
}
.skeleton-custom-row .skeleton-item[data-v-09f3a7fc] .van-skeleton__row {
  height: 100%;
  width: 100% !important;
  margin: 0;
  border-radius: 0.32rem;
  background-color: rgba(153,153,153,0.2);
}
[data-v-09f3a7fc] .van-skeleton__content {
  background: rgba(153,153,153,0.2);
}
.skeleton-custom-column .skeleton-item-large[data-v-09f3a7fc] {
  margin: 0.267rem 0.533rem;
  height: 2.133rem;
}
.skeleton-custom-column .skeleton-item-large[data-v-09f3a7fc] .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-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  width: 7.92rem;
  height: 8rem;
  background-color: #fff;
  position: relative;
}
.block h1[data-v-09f3a7fc] {
  font-size: 0.427rem;
  color: #0f0e14;
  line-height: 0.533rem;
  text-align: center;
}
.block .agreement[data-v-09f3a7fc] {
  margin-top: 0.533rem;
  width: 100%;
  height: 6.933rem;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.block .agreement p[data-v-09f3a7fc] {
  font-size: 0.373rem;
  color: #56545f;
  line-height: 0.48rem;
  margin: 0.267rem 0;
}
.block .pay_zua[data-v-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  width: 1.12rem;
  margin-right: 0.267rem;
}
.block .sub_btn_dialog[data-v-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  margin: 0 0.107rem;
}
/* 中间章节文字样式 */
.current-chapter-info[data-v-09f3a7fc] {
  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-09f3a7fc] {
  background-color: #fff; /* 或者 #f9f9f9 稍微区分一下 */
  border-bottom: 0.027rem solid #eee; /* 分隔线 */
  color: #333;
}
.mode-day .action-btn[data-v-09f3a7fc] {
  background-color: #f5f5f5; /* 按钮浅灰底 */
}
/* 夜间模式 */
.mode-night .chapter-action-bar[data-v-09f3a7fc] {
  background-color: #2c2c2c;
  border-bottom: 0.027rem solid #333;
  color: #ccc;
}
.mode-night .action-btn[data-v-09f3a7fc] {
  background-color: #333; /* 按钮深灰底 */
  color: #aaa;
}
/* ==================== ❗重要：修改字体面板的位置 ==================== */
/* 如果你有 font-setting-panel，请修改它的 bottom */
.font-setting-panel[data-v-09f3a7fc] {
/* 原来是 60px，现在要改成 110px (60px nav + 50px action bar) */
  bottom: 2.933rem !important;
}
.catalog-list[data-v-09f3a7fc] {
  -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-09f3a7fc] .van-list__finished-text {
  color: #999;
  font-size: 0.32rem;
  line-height: 1.333rem;
}
.catalog-popup[data-v-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.book-title[data-v-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* 占据剩余空间 */
  overflow-y: auto; /* 开启滚动 */
  padding-bottom: 0.533rem;
}
.catalog-item[data-v-09f3a7fc] {
  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-09f3a7fc] {
  -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;
}
/* ==================== 🎨 颜色主题适配 ==================== */
/* --- 日间模式 (Day) --- */
.popup-day[data-v-09f3a7fc] {
  background-color: #fff !important;
  color: #333;
}
.popup-day .book-title[data-v-09f3a7fc] {
  color: #000;
}
.popup-day .catalog-bar[data-v-09f3a7fc] {
  color: #333;
}
.popup-day .item-name[data-v-09f3a7fc] {
  color: #333;
}
.popup-day .lock-icon[data-v-09f3a7fc] {
/* 灰色的锁 */
  color: #999;
}
.unlock-icon[data-v-09f3a7fc] {
  color: #999; /* 微信绿，代表通行/成功 */
  font-size: 0.427rem;
}
/* 灰色的锁 */
/* 日间模式的高亮章节 (红色/粉色) */
.popup-day .catalog-item.active .item-name[data-v-09f3a7fc] {
  color: #0f0e14; /* 你的主题色 */
  font-weight: bold;
}
.popup-day .catalog-item.active[data-v-09f3a7fc] {
  background-color: #fff5f2; /* 浅红色背景高亮 */
}
/* --- 夜间模式 (Night) --- */
.popup-night[data-v-09f3a7fc] {
  background-color: #1a1a1a !important;
  color: #a8a8a8;
}
.popup-night .book-title[data-v-09f3a7fc] {
  color: #eee;
}
.popup-night .catalog-bar[data-v-09f3a7fc] {
  color: #ccc;
}
.popup-night .item-name[data-v-09f3a7fc] {
  color: #999;
}
.popup-night .lock-icon[data-v-09f3a7fc] {
/* 深灰色的锁 */
  color: #666;
}
/* 深灰色的锁 */
/* 夜间模式的高亮章节 */
.popup-night .catalog-item.active .item-name[data-v-09f3a7fc] {
  color: #fa925e;
  font-weight: bold;
}
.popup-night .catalog-item.active[data-v-09f3a7fc] {
  background-color: #333; /* 深灰背景高亮 */
}
.font-setting-panel[data-v-09f3a7fc] {
  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-09f3a7fc] {
  font-weight: bold;
  color: #333;
}
.font-label.small[data-v-09f3a7fc] {
  font-size: 0.373rem;
  width: 0.8rem;
  text-align: left;
}
.font-label.big[data-v-09f3a7fc] {
  font-size: 0.587rem;
  width: 0.8rem;
  text-align: right;
}
/* 滑块容器 */
.slider-box[data-v-09f3a7fc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* 占据中间剩余空间 */
  padding: 0 0.4rem;
}
/* 自定义滑块按钮样式 (显示当前字号数字) */
.custom-button[data-v-09f3a7fc] {
  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-09f3a7fc] {
  background-color: #2c2c2c;
  border-bottom: 0.027rem solid #333; /* 分割线 */
}
/* 字体 A- A+ 变灰 */
.mode-night .font-label[data-v-09f3a7fc] {
  color: #ccc;
}
/* 滑块未激活部分的颜色适配 (Vant slider inactive-color 属性控制，或者这里强行覆盖) */
/* ==================== 动画效果 ==================== */
.fade-enter-active[data-v-09f3a7fc],
.fade-leave-active[data-v-09f3a7fc] {
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.fade-enter[data-v-09f3a7fc],
.fade-leave-to[data-v-09f3a7fc] {
  opacity: 0;
}
/* 夜间模式 */
.mode-night[data-v-09f3a7fc] {
  background-color: #1a1a1a;
  color: #a8a8a8;
}
.mode-night .chapter-title[data-v-09f3a7fc] {
  color: #888;
}
/* 夜间模式可能隐藏旧的面包屑，或者你需要为它写样式 */
.mode-night .top-nav[data-v-09f3a7fc],
.mode-night .bottom-nav[data-v-09f3a7fc] {
  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-09f3a7fc],
.mode-night .next_btn .right[data-v-09f3a7fc],
.mode-night .next_btn .center[data-v-09f3a7fc] {
  background-color: #333;
  color: #999;
}
/* ==================== 顶部导航栏 ==================== */
.top-nav[data-v-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  margin-top: 0.107rem;
}
/* ==================== 动画效果 (Vue Transition) ==================== */
/* 顶部下滑动画 */
.slide-down-enter-active[data-v-09f3a7fc],
.slide-down-leave-active[data-v-09f3a7fc] {
  -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-09f3a7fc],
.slide-down-leave-to[data-v-09f3a7fc] {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
/* 底部上滑动画 */
.slide-up-enter-active[data-v-09f3a7fc],
.slide-up-leave-active[data-v-09f3a7fc] {
  -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-09f3a7fc],
.slide-up-leave-to[data-v-09f3a7fc] {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
.reader[data-v-09f3a7fc] {
  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-09f3a7fc] {
  padding: 0 0.533rem;
  padding-bottom: 1.067rem; /* 防止内容被底部栏遮挡 */
  margin-top: 1.333rem;
}
.reader .chapterContent p[data-v-09f3a7fc] {
  margin-bottom: 0.427rem;
  text-align: justify;
}
.reader .next_btn[data-v-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] .van-loading__spinner {
  margin: 0.267rem;
}
.reader .read-content[data-v-09f3a7fc] {
  line-height: 0.427rem;
  z-index: 1;
  min-height: 20vh;
}
.reader .read-content .chapter-title[data-v-09f3a7fc] {
  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-09f3a7fc] {
  padding: 0.427rem 0.213rem;
}
.reader .read-content .chapterContent p[data-v-09f3a7fc] {
  padding-top: 0.16rem;
  text-align: left;
  word-wrap: break-word;
}
.reader .read-content .channel_vip .become_vip[data-v-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  font-size: 0.587rem;
}
.reader .read-content .channel_vip .vip_list li.active[data-v-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  margin-top: 0.533rem;
}
.reader .read-content .channel_vip .vip_list ul li[data-v-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.reader .read-content .channel_vip .vip_list ul li .price .first_month[data-v-09f3a7fc] {
  text-align: center;
}
.reader .read-content .channel_vip .vip_list ul li .price .first_month .p1[data-v-09f3a7fc] {
  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-09f3a7fc] {
  font-weight: 400;
  font-size: 0.32rem;
  color: #a9a1a1;
}
.reader .read-content .channel_vip .vip_list ul li .price .other_month[data-v-09f3a7fc] {
  text-align: center;
  margin: 0.853rem 0;
  font-size: 0.48rem;
  color: #7d7c83;
}
.reader .read-content .channel_vip .recharge_list li.active[data-v-09f3a7fc] {
  border-color: #fa925e;
  color: #0f0e14;
}
.reader .read-content .channel_vip .recharge_list[data-v-09f3a7fc] {
  margin: 0.533rem;
}
.reader .read-content .channel_vip .recharge_list ul[data-v-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  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-09f3a7fc] {
  font-size: 0.373rem;
  color: #0f0e14;
  vertical-align: middle;
}
.reader .read-content .channel_vip .sub_btns[data-v-09f3a7fc] {
  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;
}