@charset "UTF-8";

/* 用户/创作者中心弹窗暗色主题（需在 common_*.css 之后加载） */

:root {
  --center-accent: #50dfbb;
  --center-accent-text: #081016;
  --center-orange: #ff7a45;
  --center-panel: #121c26;
  --center-panel-2: #101821;
  --center-line: rgba(95, 119, 132, .22);
  --center-text: #d8e3ea;
  --center-dim: #9fb0ba;
}

/* layui layer 容器 */
body.page-user .layui-layer-page,
body.p-index .layui-layer-page,
body.p-hall-index .layui-layer-page,
body.p-read .layui-layer-page,
body.p-author-index .layui-layer-page,
body.p-author-comic .layui-layer-page,
body.p-comic-info .layui-layer-page,
body.p-detail .layui-layer-page,
body.page-user .layui-layer-dialog,
body.p-index .layui-layer-dialog,
body.p-hall-index .layui-layer-dialog,
body.p-read .layui-layer-dialog,
body.p-author-index .layui-layer-dialog,
body.p-author-comic .layui-layer-dialog,
body.p-comic-info .layui-layer-dialog ,
body.p-detail .layui-layer-dialog {
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(80, 223, 187, .1), transparent 32%),
radial-gradient(circle at 82% 26%, rgba(255, 122, 69, .12), transparent 34%),
linear-gradient(145deg, rgba(18, 28, 38, .98), rgba(10, 14, 20, .98)) !important;
  color: var(--center-text) !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .46) !important;
  overflow: hidden !important;
  }
body.page-user .layui-layer-page .layui-layer-content,
body.p-index .layui-layer-page .layui-layer-content,
body.p-hall-index .layui-layer-page .layui-layer-content,
body.p-read .layui-layer-page .layui-layer-content,
body.p-author-index .layui-layer-page .layui-layer-content,
body.p-author-comic .layui-layer-page .layui-layer-content,
body.p-comic-info .layui-layer-page .layui-layer-content,
body.p-detail .layui-layer-page .layui-layer-content,
body.page-user .layui-layer-dialog .layui-layer-content,
body.p-index .layui-layer-dialog .layui-layer-content,
body.p-hall-index .layui-layer-dialog .layui-layer-content,
body.p-read .layui-layer-dialog .layui-layer-content,
body.p-author-index .layui-layer-dialog .layui-layer-content,
body.p-author-comic .layui-layer-dialog .layui-layer-content,
body.p-comic-info .layui-layer-dialog .layui-layer-content ,
body.p-detail .layui-layer-dialog .layui-layer-content {
  background: transparent !important;
  color: var(--center-text) !important;
  }
body.page-user .layui-layer-title,
body.p-index .layui-layer-title,
body.p-hall-index .layui-layer-title,
body.p-read .layui-layer-title,
body.p-author-index .layui-layer-title,
body.p-author-comic .layui-layer-title,
body.p-comic-info .layui-layer-title ,
body.p-detail .layui-layer-title {
  border-bottom: 1px solid var(--center-line) !important;
  background: rgba(255, 255, 255, .04) !important;
  color: #e8f2f6 !important;
  }
body.page-user .layui-layer-setwin .layui-layer-close,
body.p-index .layui-layer-setwin .layui-layer-close,
body.p-hall-index .layui-layer-setwin .layui-layer-close,
body.p-read .layui-layer-setwin .layui-layer-close,
body.p-author-index .layui-layer-setwin .layui-layer-close,
body.p-author-comic .layui-layer-setwin .layui-layer-close,
body.p-comic-info .layui-layer-setwin .layui-layer-close ,
body.p-detail .layui-layer-setwin .layui-layer-close {
  color: var(--center-dim) !important;
  }
body.page-user .layui-layer-setwin .layui-layer-close:hover,
body.p-index .layui-layer-setwin .layui-layer-close:hover,
body.p-hall-index .layui-layer-setwin .layui-layer-close:hover,
body.p-read .layui-layer-setwin .layui-layer-close:hover,
body.p-author-index .layui-layer-setwin .layui-layer-close:hover,
body.p-author-comic .layui-layer-setwin .layui-layer-close:hover,
body.p-comic-info .layui-layer-setwin .layui-layer-close:hover ,
body.p-detail .layui-layer-setwin .layui-layer-close:hover {
  color: var(--center-accent) !important;
  }
body.page-user .layui-layer-btn,
body.p-index .layui-layer-btn,
body.p-hall-index .layui-layer-btn,
body.p-read .layui-layer-btn,
body.p-author-index .layui-layer-btn,
body.p-author-comic .layui-layer-btn,
body.p-comic-info .layui-layer-btn ,
body.p-detail .layui-layer-btn {
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
  background: transparent !important;
  }
body.page-user .layui-layer-btn a,
body.p-index .layui-layer-btn a,
body.p-hall-index .layui-layer-btn a,
body.p-read .layui-layer-btn a,
body.p-author-index .layui-layer-btn a,
body.p-author-comic .layui-layer-btn a,
body.p-comic-info .layui-layer-btn a ,
body.p-detail .layui-layer-btn a {
  height: 34px !important;
  border-radius: 8px !important;
  border-color: rgba(255, 255, 255, .12) !important;
  background: rgba(255, 255, 255, .08) !important;
  color: var(--center-text) !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  }
body.page-user .layui-layer-btn .layui-layer-btn0,
body.p-index .layui-layer-btn .layui-layer-btn0,
body.p-hall-index .layui-layer-btn .layui-layer-btn0,
body.p-read .layui-layer-btn .layui-layer-btn0,
body.p-author-index .layui-layer-btn .layui-layer-btn0,
body.p-author-comic .layui-layer-btn .layui-layer-btn0,
body.p-comic-info .layui-layer-btn .layui-layer-btn0 ,
body.p-detail .layui-layer-btn .layui-layer-btn0 {
  border-color: rgba(80, 223, 187, .45) !important;
  background: var(--center-accent) !important;
  color: var(--center-accent-text) !important;
  }
body.page-user .layui-layer-msg,
body.p-index .layui-layer-msg,
body.p-hall-index .layui-layer-msg,
body.p-read .layui-layer-msg,
body.p-author-index .layui-layer-msg,
body.p-author-comic .layui-layer-msg,
body.p-comic-info .layui-layer-msg ,
body.p-detail .layui-layer-msg {
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, rgba(18, 28, 38, .98), rgba(10, 14, 20, .98)) !important;
  color: var(--center-text) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .42) !important;
  }
body.page-user .layui-layer-tips .layui-layer-content,
body.p-index .layui-layer-tips .layui-layer-content,
body.p-hall-index .layui-layer-tips .layui-layer-content,
body.p-read .layui-layer-tips .layui-layer-content,
body.p-author-index .layui-layer-tips .layui-layer-content,
body.p-author-comic .layui-layer-tips .layui-layer-content,
body.p-comic-info .layui-layer-tips .layui-layer-content ,
body.p-detail .layui-layer-tips .layui-layer-content {
  background: #121c26 !important;
  border: 1px solid rgba(95, 119, 132, .35) !important;
  color: #e8f2f6 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .35) !important;
  }
body.page-user .layui-layer-tips i.layui-layer-TipsG,
body.p-index .layui-layer-tips i.layui-layer-TipsG,
body.p-hall-index .layui-layer-tips i.layui-layer-TipsG,
body.p-read .layui-layer-tips i.layui-layer-TipsG,
body.p-author-index .layui-layer-tips i.layui-layer-TipsG,
body.p-author-comic .layui-layer-tips i.layui-layer-TipsG,
body.p-comic-info .layui-layer-tips i.layui-layer-TipsG ,
body.p-detail .layui-layer-tips i.layui-layer-TipsG {
  border-right-color: #121c26 !important;
  }
body.page-user .layui-layer-rim,
body.p-index .layui-layer-rim,
body.p-hall-index .layui-layer-rim,
body.p-read .layui-layer-rim,
body.p-author-index .layui-layer-rim,
body.p-author-comic .layui-layer-rim,
body.p-comic-info .layui-layer-rim ,
body.p-detail .layui-layer-rim {
  border-color: rgba(255, 255, 255, .12) !important;
  }
/* 充值 / VIP / 漫票 */
body.page-user .layui-layer-page:has(.dialog-pay),
body.p-index .layui-layer-page:has(.dialog-pay),
body.p-hall-index .layui-layer-page:has(.dialog-pay),
body.p-read .layui-layer-page:has(.dialog-pay),
body.p-author-index .layui-layer-page:has(.dialog-pay),
body.p-author-comic .layui-layer-page:has(.dialog-pay),
body.p-comic-info .layui-layer-page:has(.dialog-pay) ,
body.p-detail .layui-layer-page:has(.dialog-pay) {
  border: none !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  }
body.page-user .layui-layer-page:has(.dialog-pay) .layui-layer-content,
body.p-index .layui-layer-page:has(.dialog-pay) .layui-layer-content,
body.p-hall-index .layui-layer-page:has(.dialog-pay) .layui-layer-content,
body.p-read .layui-layer-page:has(.dialog-pay) .layui-layer-content,
body.p-author-index .layui-layer-page:has(.dialog-pay) .layui-layer-content,
body.p-author-comic .layui-layer-page:has(.dialog-pay) .layui-layer-content,
body.p-comic-info .layui-layer-page:has(.dialog-pay) .layui-layer-content ,
body.p-detail .layui-layer-page:has(.dialog-pay) .layui-layer-content {
  overflow: visible !important;
  }

body.page-user .dialog-pay,
body.p-index .dialog-pay,
body.p-hall-index .dialog-pay,
body.p-read .dialog-pay,
body.p-author-index .dialog-pay,
body.p-author-comic .dialog-pay,
body.p-comic-info .dialog-pay ,
body.p-detail .dialog-pay {
  border-radius: 8px;
  overflow: hidden;
}

body.page-user .dialog-pay_header,
body.p-index .dialog-pay_header,
body.p-hall-index .dialog-pay_header,
body.p-read .dialog-pay_header,
body.p-author-index .dialog-pay_header,
body.p-author-comic .dialog-pay_header,
body.p-comic-info .dialog-pay_header ,
body.p-detail .dialog-pay_header {
  background: var(--center-panel) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--center-line);
  border-radius: 8px 8px 0 0;
}

body.page-user .dialog-pay_header--foundinfo,
body.p-index .dialog-pay_header--foundinfo,
body.p-hall-index .dialog-pay_header--foundinfo,
body.p-read .dialog-pay_header--foundinfo,
body.p-author-index .dialog-pay_header--foundinfo,
body.p-author-comic .dialog-pay_header--foundinfo,
body.p-comic-info .dialog-pay_header--foundinfo ,
body.p-detail .dialog-pay_header--foundinfo {
  color: var(--center-dim) !important;
}

body.page-user .dialog-pay_body,
body.p-index .dialog-pay_body,
body.p-hall-index .dialog-pay_body,
body.p-read .dialog-pay_body,
body.p-author-index .dialog-pay_body,
body.p-author-comic .dialog-pay_body,
body.p-comic-info .dialog-pay_body ,
body.p-detail .dialog-pay_body {
  margin: 0 !important;
  background: var(--center-panel-2) !important;
  border-radius: 0 0 8px 8px !important;
  min-height: 430px;
  color: var(--center-text);
  }
body.page-user .dialog-pay_body--tab-title,
body.p-index .dialog-pay_body--tab-title,
body.p-hall-index .dialog-pay_body--tab-title,
body.p-read .dialog-pay_body--tab-title,
body.p-author-index .dialog-pay_body--tab-title,
body.p-author-comic .dialog-pay_body--tab-title,
body.p-comic-info .dialog-pay_body--tab-title ,
body.p-detail .dialog-pay_body--tab-title {
  border-bottom: 1px solid var(--center-line) !important;
  background: var(--center-panel) !important;
  }
body.page-user .dialog-pay_body .layui-tab-title,
body.p-index .dialog-pay_body .layui-tab-title,
body.p-hall-index .dialog-pay_body .layui-tab-title,
body.p-read .dialog-pay_body .layui-tab-title,
body.p-author-index .dialog-pay_body .layui-tab-title,
body.p-author-comic .dialog-pay_body .layui-tab-title,
body.p-comic-info .dialog-pay_body .layui-tab-title ,
body.p-detail .dialog-pay_body .layui-tab-title {
  border-bottom-color: var(--center-line) !important;
  }
body.page-user .dialog-pay_body .layui-tab-title li,
body.p-index .dialog-pay_body .layui-tab-title li,
body.p-hall-index .dialog-pay_body .layui-tab-title li,
body.p-read .dialog-pay_body .layui-tab-title li,
body.p-author-index .dialog-pay_body .layui-tab-title li,
body.p-author-comic .dialog-pay_body .layui-tab-title li,
body.p-comic-info .dialog-pay_body .layui-tab-title li ,
body.p-detail .dialog-pay_body .layui-tab-title li {
  color: var(--center-dim) !important;
  background: transparent !important;
  }
body.page-user .dialog-pay_body .layui-tab-title .layui-this,
body.p-index .dialog-pay_body .layui-tab-title .layui-this,
body.p-hall-index .dialog-pay_body .layui-tab-title .layui-this,
body.p-read .dialog-pay_body .layui-tab-title .layui-this,
body.p-author-index .dialog-pay_body .layui-tab-title .layui-this,
body.p-author-comic .dialog-pay_body .layui-tab-title .layui-this,
body.p-comic-info .dialog-pay_body .layui-tab-title .layui-this ,
body.p-detail .dialog-pay_body .layui-tab-title .layui-this {
  color: var(--center-accent) !important;
  }
body.page-user .dialog-pay_body .layui-tab-title .layui-this:after,
body.p-index .dialog-pay_body .layui-tab-title .layui-this:after,
body.p-hall-index .dialog-pay_body .layui-tab-title .layui-this:after,
body.p-read .dialog-pay_body .layui-tab-title .layui-this:after,
body.p-author-index .dialog-pay_body .layui-tab-title .layui-this:after,
body.p-author-comic .dialog-pay_body .layui-tab-title .layui-this:after,
body.p-comic-info .dialog-pay_body .layui-tab-title .layui-this:after ,
body.p-detail .dialog-pay_body .layui-tab-title .layui-this:after {
  border-bottom-color: var(--center-accent) !important;
  }
body.page-user .dialog-pay .layui-tab-mkz > .layui-tab-title li,
body.p-index .dialog-pay .layui-tab-mkz > .layui-tab-title li,
body.p-hall-index .dialog-pay .layui-tab-mkz > .layui-tab-title li,
body.p-read .dialog-pay .layui-tab-mkz > .layui-tab-title li,
body.p-author-index .dialog-pay .layui-tab-mkz > .layui-tab-title li,
body.p-author-comic .dialog-pay .layui-tab-mkz > .layui-tab-title li,
body.p-comic-info .dialog-pay .layui-tab-mkz > .layui-tab-title li ,
body.p-detail .dialog-pay .layui-tab-mkz > .layui-tab-title li {
  min-width: 88px;
  height: 34px;
  margin-right: 10px;
  line-height: 34px;
  color: var(--center-dim) !important;
  background: var(--center-panel) !important;
  border-radius: 7px;
  }
body.page-user .dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this,
body.p-index .dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this,
body.p-hall-index .dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this,
body.p-read .dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this,
body.p-author-index .dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this,
body.p-author-comic .dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this,
body.p-comic-info .dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this ,
body.p-detail .dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this {
  color: var(--center-accent-text) !important;
  background: var(--center-accent) !important;
  }
body.page-user .dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this:after,
body.p-index .dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this:after,
body.p-hall-index .dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this:after,
body.p-read .dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this:after,
body.p-author-index .dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this:after,
body.p-author-comic .dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this:after,
body.p-comic-info .dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this:after ,
body.p-detail .dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this:after {
  display: none !important;
  }
body.page-user .dialog-pay_body--tab-body .item--title,
body.p-index .dialog-pay_body--tab-body .item--title,
body.p-hall-index .dialog-pay_body--tab-body .item--title,
body.p-read .dialog-pay_body--tab-body .item--title,
body.p-author-index .dialog-pay_body--tab-body .item--title,
body.p-author-comic .dialog-pay_body--tab-body .item--title,
body.p-comic-info .dialog-pay_body--tab-body .item--title ,
body.p-detail .dialog-pay_body--tab-body .item--title {
  color: var(--center-dim) !important;
  }
body.page-user .dialog-pay_body--tab-body .item--title-icon,
body.p-index .dialog-pay_body--tab-body .item--title-icon,
body.p-hall-index .dialog-pay_body--tab-body .item--title-icon,
body.p-read .dialog-pay_body--tab-body .item--title-icon,
body.p-author-index .dialog-pay_body--tab-body .item--title-icon,
body.p-author-comic .dialog-pay_body--tab-body .item--title-icon,
body.p-comic-info .dialog-pay_body--tab-body .item--title-icon ,
body.p-detail .dialog-pay_body--tab-body .item--title-icon {
  background-color: var(--center-accent) !important;
  }
body.page-user .dialog-pay_body--tab-body .item--pay-tip,
body.p-index .dialog-pay_body--tab-body .item--pay-tip,
body.p-hall-index .dialog-pay_body--tab-body .item--pay-tip,
body.p-read .dialog-pay_body--tab-body .item--pay-tip,
body.p-author-index .dialog-pay_body--tab-body .item--pay-tip,
body.p-author-comic .dialog-pay_body--tab-body .item--pay-tip,
body.p-comic-info .dialog-pay_body--tab-body .item--pay-tip ,
body.p-detail .dialog-pay_body--tab-body .item--pay-tip {
  color: #7a92a0 !important;
  }
body.page-user .dialog-pay_body--tab-body .item--btn,
body.p-index .dialog-pay_body--tab-body .item--btn,
body.p-hall-index .dialog-pay_body--tab-body .item--btn,
body.p-read .dialog-pay_body--tab-body .item--btn,
body.p-author-index .dialog-pay_body--tab-body .item--btn,
body.p-author-comic .dialog-pay_body--tab-body .item--btn,
body.p-comic-info .dialog-pay_body--tab-body .item--btn,
body.p-detail .dialog-pay_body--tab-body .item--btn,
body.page-user .dialog-pay_body--tab-body .item--paytype-btn,
body.p-index .dialog-pay_body--tab-body .item--paytype-btn,
body.p-hall-index .dialog-pay_body--tab-body .item--paytype-btn,
body.p-read .dialog-pay_body--tab-body .item--paytype-btn,
body.p-author-index .dialog-pay_body--tab-body .item--paytype-btn,
body.p-author-comic .dialog-pay_body--tab-body .item--paytype-btn,
body.p-comic-info .dialog-pay_body--tab-body .item--paytype-btn ,
body.p-detail .dialog-pay_body--tab-body .item--paytype-btn {
  border-color: var(--center-line) !important;
  background: var(--center-panel) !important;
  color: var(--center-text) !important;
  }
body.page-user .dialog-pay_body--tab-body .item--btn p,
body.p-index .dialog-pay_body--tab-body .item--btn p,
body.p-hall-index .dialog-pay_body--tab-body .item--btn p,
body.p-read .dialog-pay_body--tab-body .item--btn p,
body.p-author-index .dialog-pay_body--tab-body .item--btn p,
body.p-author-comic .dialog-pay_body--tab-body .item--btn p,
body.p-comic-info .dialog-pay_body--tab-body .item--btn p ,
body.p-detail .dialog-pay_body--tab-body .item--btn p {
  color: var(--center-orange) !important;
  }
body.page-user .dialog-pay_body--tab-body .item--paytype-btn,
body.p-index .dialog-pay_body--tab-body .item--paytype-btn,
body.p-hall-index .dialog-pay_body--tab-body .item--paytype-btn,
body.p-read .dialog-pay_body--tab-body .item--paytype-btn,
body.p-author-index .dialog-pay_body--tab-body .item--paytype-btn,
body.p-author-comic .dialog-pay_body--tab-body .item--paytype-btn,
body.p-comic-info .dialog-pay_body--tab-body .item--paytype-btn ,
body.p-detail .dialog-pay_body--tab-body .item--paytype-btn {
  color: var(--center-dim) !important;
  }
body.page-user .dialog-pay_body--tab-body .paytype-box,
body.p-index .dialog-pay_body--tab-body .paytype-box,
body.p-hall-index .dialog-pay_body--tab-body .paytype-box,
body.p-read .dialog-pay_body--tab-body .paytype-box,
body.p-author-index .dialog-pay_body--tab-body .paytype-box,
body.p-author-comic .dialog-pay_body--tab-body .paytype-box,
body.p-comic-info .dialog-pay_body--tab-body .paytype-box ,
body.p-detail .dialog-pay_body--tab-body .paytype-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  }
body.page-user .dialog-pay_body--tab-body .paytype-box .item--paytype-btn,
body.p-index .dialog-pay_body--tab-body .paytype-box .item--paytype-btn,
body.p-hall-index .dialog-pay_body--tab-body .paytype-box .item--paytype-btn,
body.p-read .dialog-pay_body--tab-body .paytype-box .item--paytype-btn,
body.p-author-index .dialog-pay_body--tab-body .paytype-box .item--paytype-btn,
body.p-author-comic .dialog-pay_body--tab-body .paytype-box .item--paytype-btn,
body.p-comic-info .dialog-pay_body--tab-body .paytype-box .item--paytype-btn ,
body.p-detail .dialog-pay_body--tab-body .paytype-box .item--paytype-btn {
  float: none !important;
  flex: 1 1 calc(33.333% - 10px);
  min-width: 110px;
  max-width: 100%;
  margin-right: 0 !important;
  box-sizing: border-box;
  }
body.page-user .dialog-pay_body--tab-body .pay-empty-tip,
body.p-index .dialog-pay_body--tab-body .pay-empty-tip,
body.p-hall-index .dialog-pay_body--tab-body .pay-empty-tip,
body.p-read .dialog-pay_body--tab-body .pay-empty-tip,
body.p-author-index .dialog-pay_body--tab-body .pay-empty-tip,
body.p-author-comic .dialog-pay_body--tab-body .pay-empty-tip,
body.p-comic-info .dialog-pay_body--tab-body .pay-empty-tip ,
body.p-detail .dialog-pay_body--tab-body .pay-empty-tip {
  flex: 1 0 100%;
  margin: 0;
  color: var(--center-dim) !important;
  font-size: 13px;
  }
body.page-user .dialog-pay_body--tab-body .active.item--btn,
body.p-index .dialog-pay_body--tab-body .active.item--btn,
body.p-hall-index .dialog-pay_body--tab-body .active.item--btn,
body.p-read .dialog-pay_body--tab-body .active.item--btn,
body.p-author-index .dialog-pay_body--tab-body .active.item--btn,
body.p-author-comic .dialog-pay_body--tab-body .active.item--btn,
body.p-comic-info .dialog-pay_body--tab-body .active.item--btn,
body.p-detail .dialog-pay_body--tab-body .active.item--btn,
body.page-user .dialog-pay_body--tab-body .active.item--paytype-btn,
body.p-index .dialog-pay_body--tab-body .active.item--paytype-btn,
body.p-hall-index .dialog-pay_body--tab-body .active.item--paytype-btn,
body.p-read .dialog-pay_body--tab-body .active.item--paytype-btn,
body.p-author-index .dialog-pay_body--tab-body .active.item--paytype-btn,
body.p-author-comic .dialog-pay_body--tab-body .active.item--paytype-btn,
body.p-comic-info .dialog-pay_body--tab-body .active.item--paytype-btn ,
body.p-detail .dialog-pay_body--tab-body .active.item--paytype-btn {
  border-color: var(--center-orange) !important;
  background: rgba(255, 122, 69, .08) !important;
  }

body.page-user .dialog-pay_body--tab-body .active.item--btn .item--icon,
body.p-index .dialog-pay_body--tab-body .active.item--btn .item--icon,
body.p-hall-index .dialog-pay_body--tab-body .active.item--btn .item--icon,
body.p-read .dialog-pay_body--tab-body .active.item--btn .item--icon,
body.p-author-index .dialog-pay_body--tab-body .active.item--btn .item--icon,
body.p-author-comic .dialog-pay_body--tab-body .active.item--btn .item--icon,
body.p-comic-info .dialog-pay_body--tab-body .active.item--btn .item--icon,
body.p-detail .dialog-pay_body--tab-body .active.item--btn .item--icon,
body.page-user .dialog-pay_body--tab-body .active.item--paytype-btn .item--icon,
body.p-index .dialog-pay_body--tab-body .active.item--paytype-btn .item--icon,
body.p-hall-index .dialog-pay_body--tab-body .active.item--paytype-btn .item--icon,
body.p-read .dialog-pay_body--tab-body .active.item--paytype-btn .item--icon,
body.p-author-index .dialog-pay_body--tab-body .active.item--paytype-btn .item--icon,
body.p-author-comic .dialog-pay_body--tab-body .active.item--paytype-btn .item--icon,
body.p-comic-info .dialog-pay_body--tab-body .active.item--paytype-btn .item--icon ,
body.p-detail .dialog-pay_body--tab-body .active.item--paytype-btn .item--icon {
  color: var(--center-accent) !important;
}

body.page-user .dialog-pay_body--tab-body .item--btn .icon-ic_toast_yb,
body.p-index .dialog-pay_body--tab-body .item--btn .icon-ic_toast_yb,
body.p-hall-index .dialog-pay_body--tab-body .item--btn .icon-ic_toast_yb,
body.p-read .dialog-pay_body--tab-body .item--btn .icon-ic_toast_yb,
body.p-author-index .dialog-pay_body--tab-body .item--btn .icon-ic_toast_yb,
body.p-author-comic .dialog-pay_body--tab-body .item--btn .icon-ic_toast_yb,
body.p-comic-info .dialog-pay_body--tab-body .item--btn .icon-ic_toast_yb ,
body.p-detail .dialog-pay_body--tab-body .item--btn .icon-ic_toast_yb {
  color: var(--center-orange) !important;
}

body.page-user .dialog-pay_body--tab-body .item--price,
body.p-index .dialog-pay_body--tab-body .item--price,
body.p-hall-index .dialog-pay_body--tab-body .item--price,
body.p-read .dialog-pay_body--tab-body .item--price,
body.p-author-index .dialog-pay_body--tab-body .item--price,
body.p-author-comic .dialog-pay_body--tab-body .item--price,
body.p-comic-info .dialog-pay_body--tab-body .item--price ,
body.p-detail .dialog-pay_body--tab-body .item--price {
  color: var(--center-dim) !important;
  }
body.page-user .dialog-pay_body--tab-body .item--recome,
body.p-index .dialog-pay_body--tab-body .item--recome,
body.p-hall-index .dialog-pay_body--tab-body .item--recome,
body.p-read .dialog-pay_body--tab-body .item--recome,
body.p-author-index .dialog-pay_body--tab-body .item--recome,
body.p-author-comic .dialog-pay_body--tab-body .item--recome,
body.p-comic-info .dialog-pay_body--tab-body .item--recome ,
body.p-detail .dialog-pay_body--tab-body .item--recome {
  color: #db9537 !important;
  }
body.page-user .dialog-pay_body--tab-body .item--input,
body.p-index .dialog-pay_body--tab-body .item--input,
body.p-hall-index .dialog-pay_body--tab-body .item--input,
body.p-read .dialog-pay_body--tab-body .item--input,
body.p-author-index .dialog-pay_body--tab-body .item--input,
body.p-author-comic .dialog-pay_body--tab-body .item--input,
body.p-comic-info .dialog-pay_body--tab-body .item--input ,
body.p-detail .dialog-pay_body--tab-body .item--input {
  background: var(--center-panel) !important;
  border: 1px solid var(--center-line) !important;
  color: var(--center-orange) !important;
  }
body.page-user .dialog-pay_body--tab-body .item--input::-webkit-input-placeholder,
body.p-index .dialog-pay_body--tab-body .item--input::-webkit-input-placeholder,
body.p-hall-index .dialog-pay_body--tab-body .item--input::-webkit-input-placeholder,
body.p-read .dialog-pay_body--tab-body .item--input::-webkit-input-placeholder,
body.p-author-index .dialog-pay_body--tab-body .item--input::-webkit-input-placeholder,
body.p-author-comic .dialog-pay_body--tab-body .item--input::-webkit-input-placeholder,
body.p-comic-info .dialog-pay_body--tab-body .item--input::-webkit-input-placeholder ,
body.p-detail .dialog-pay_body--tab-body .item--input::-webkit-input-placeholder {
  color: #5a7080 !important;
  }
body.page-user .dialog-pay_body--tab-body .item--input-warning,
body.p-index .dialog-pay_body--tab-body .item--input-warning,
body.p-hall-index .dialog-pay_body--tab-body .item--input-warning,
body.p-read .dialog-pay_body--tab-body .item--input-warning,
body.p-author-index .dialog-pay_body--tab-body .item--input-warning,
body.p-author-comic .dialog-pay_body--tab-body .item--input-warning,
body.p-comic-info .dialog-pay_body--tab-body .item--input-warning ,
body.p-detail .dialog-pay_body--tab-body .item--input-warning {
  background: rgba(255, 122, 69, .12) !important;
  border-color: rgba(255, 122, 69, .45) !important;
  color: #ff9a78 !important;
  }
body.page-user .dialog-pay_body--tab-body .item--inline-title,
body.p-index .dialog-pay_body--tab-body .item--inline-title,
body.p-hall-index .dialog-pay_body--tab-body .item--inline-title,
body.p-read .dialog-pay_body--tab-body .item--inline-title,
body.p-author-index .dialog-pay_body--tab-body .item--inline-title,
body.p-author-comic .dialog-pay_body--tab-body .item--inline-title,
body.p-comic-info .dialog-pay_body--tab-body .item--inline-title,
body.p-detail .dialog-pay_body--tab-body .item--inline-title,
body.page-user .dialog-pay_body--tab-body .item--found,
body.p-index .dialog-pay_body--tab-body .item--found,
body.p-hall-index .dialog-pay_body--tab-body .item--found,
body.p-read .dialog-pay_body--tab-body .item--found,
body.p-author-index .dialog-pay_body--tab-body .item--found,
body.p-author-comic .dialog-pay_body--tab-body .item--found,
body.p-comic-info .dialog-pay_body--tab-body .item--found ,
body.p-detail .dialog-pay_body--tab-body .item--found {
  color: var(--center-dim) !important;
  }
body.page-user .dialog-pay_body--tab-body .item--num,
body.p-index .dialog-pay_body--tab-body .item--num,
body.p-hall-index .dialog-pay_body--tab-body .item--num,
body.p-read .dialog-pay_body--tab-body .item--num,
body.p-author-index .dialog-pay_body--tab-body .item--num,
body.p-author-comic .dialog-pay_body--tab-body .item--num,
body.p-comic-info .dialog-pay_body--tab-body .item--num ,
body.p-detail .dialog-pay_body--tab-body .item--num {
  color: var(--center-orange) !important;
  }
body.page-user .dialog-pay_body--tab-body .item--warning,
body.p-index .dialog-pay_body--tab-body .item--warning,
body.p-hall-index .dialog-pay_body--tab-body .item--warning,
body.p-read .dialog-pay_body--tab-body .item--warning,
body.p-author-index .dialog-pay_body--tab-body .item--warning,
body.p-author-comic .dialog-pay_body--tab-body .item--warning,
body.p-comic-info .dialog-pay_body--tab-body .item--warning ,
body.p-detail .dialog-pay_body--tab-body .item--warning {
  color: var(--center-dim) !important;
  }
body.page-user .dialog-pay_body--tab-body .item--link,
body.p-index .dialog-pay_body--tab-body .item--link,
body.p-hall-index .dialog-pay_body--tab-body .item--link,
body.p-read .dialog-pay_body--tab-body .item--link,
body.p-author-index .dialog-pay_body--tab-body .item--link,
body.p-author-comic .dialog-pay_body--tab-body .item--link,
body.p-comic-info .dialog-pay_body--tab-body .item--link ,
body.p-detail .dialog-pay_body--tab-body .item--link {
  color: var(--center-orange) !important;
  }
body.page-user .dialog-pay_body--tab-body .item_pay-btn,
body.p-index .dialog-pay_body--tab-body .item_pay-btn,
body.p-hall-index .dialog-pay_body--tab-body .item_pay-btn,
body.p-read .dialog-pay_body--tab-body .item_pay-btn,
body.p-author-index .dialog-pay_body--tab-body .item_pay-btn,
body.p-author-comic .dialog-pay_body--tab-body .item_pay-btn,
body.p-comic-info .dialog-pay_body--tab-body .item_pay-btn ,
body.p-detail .dialog-pay_body--tab-body .item_pay-btn {
  border: none !important;
  background: var(--center-accent) !important;
  color: var(--center-accent-text) !important;
  border-radius: 8px !important;
  }
body.page-user .dialog-pay_body--tab-body .item_pay-btn:hover,
body.p-index .dialog-pay_body--tab-body .item_pay-btn:hover,
body.p-hall-index .dialog-pay_body--tab-body .item_pay-btn:hover,
body.p-read .dialog-pay_body--tab-body .item_pay-btn:hover,
body.p-author-index .dialog-pay_body--tab-body .item_pay-btn:hover,
body.p-author-comic .dialog-pay_body--tab-body .item_pay-btn:hover,
body.p-comic-info .dialog-pay_body--tab-body .item_pay-btn:hover ,
body.p-detail .dialog-pay_body--tab-body .item_pay-btn:hover {
  opacity: .92;
  }
body.page-user .dialog-pay_body--tab-body .item_pay-btn.disabled,
body.p-index .dialog-pay_body--tab-body .item_pay-btn.disabled,
body.p-hall-index .dialog-pay_body--tab-body .item_pay-btn.disabled,
body.p-read .dialog-pay_body--tab-body .item_pay-btn.disabled,
body.p-author-index .dialog-pay_body--tab-body .item_pay-btn.disabled,
body.p-author-comic .dialog-pay_body--tab-body .item_pay-btn.disabled,
body.p-comic-info .dialog-pay_body--tab-body .item_pay-btn.disabled ,
body.p-detail .dialog-pay_body--tab-body .item_pay-btn.disabled {
  background: #4a5568 !important;
  color: #9fb0ba !important;
  cursor: not-allowed;
  }
body.page-user .dialog-pay_body--tab-body .item_pay-btn.disabled:hover,
body.p-index .dialog-pay_body--tab-body .item_pay-btn.disabled:hover,
body.p-hall-index .dialog-pay_body--tab-body .item_pay-btn.disabled:hover,
body.p-read .dialog-pay_body--tab-body .item_pay-btn.disabled:hover,
body.p-author-index .dialog-pay_body--tab-body .item_pay-btn.disabled:hover,
body.p-author-comic .dialog-pay_body--tab-body .item_pay-btn.disabled:hover,
body.p-comic-info .dialog-pay_body--tab-body .item_pay-btn.disabled:hover ,
body.p-detail .dialog-pay_body--tab-body .item_pay-btn.disabled:hover {
  opacity: 1;
  }
body.page-user .dialog-pay_body--tab-body .qrcode-load_tip .qrcode-load_tip--wrapper,
body.p-index .dialog-pay_body--tab-body .qrcode-load_tip .qrcode-load_tip--wrapper,
body.p-hall-index .dialog-pay_body--tab-body .qrcode-load_tip .qrcode-load_tip--wrapper,
body.p-read .dialog-pay_body--tab-body .qrcode-load_tip .qrcode-load_tip--wrapper,
body.p-author-index .dialog-pay_body--tab-body .qrcode-load_tip .qrcode-load_tip--wrapper,
body.p-author-comic .dialog-pay_body--tab-body .qrcode-load_tip .qrcode-load_tip--wrapper,
body.p-comic-info .dialog-pay_body--tab-body .qrcode-load_tip .qrcode-load_tip--wrapper ,
body.p-detail .dialog-pay_body--tab-body .qrcode-load_tip .qrcode-load_tip--wrapper {
  border-color: var(--center-line) !important;
  background: var(--center-panel) !important;
  color: var(--center-dim) !important;
  }
body.page-user .dialog-pay_body--tab-body .item__coupon,
body.p-index .dialog-pay_body--tab-body .item__coupon,
body.p-hall-index .dialog-pay_body--tab-body .item__coupon,
body.p-read .dialog-pay_body--tab-body .item__coupon,
body.p-author-index .dialog-pay_body--tab-body .item__coupon,
body.p-author-comic .dialog-pay_body--tab-body .item__coupon,
body.p-comic-info .dialog-pay_body--tab-body .item__coupon ,
body.p-detail .dialog-pay_body--tab-body .item__coupon {
  border-color: var(--center-line) !important;
  background-color: var(--center-panel) !important;
  color: var(--center-text) !important;
  }
body.page-user .dialog-pay_body--tab-body .item__coupon--title,
body.p-index .dialog-pay_body--tab-body .item__coupon--title,
body.p-hall-index .dialog-pay_body--tab-body .item__coupon--title,
body.p-read .dialog-pay_body--tab-body .item__coupon--title,
body.p-author-index .dialog-pay_body--tab-body .item__coupon--title,
body.p-author-comic .dialog-pay_body--tab-body .item__coupon--title,
body.p-comic-info .dialog-pay_body--tab-body .item__coupon--title ,
body.p-detail .dialog-pay_body--tab-body .item__coupon--title {
  color: var(--center-text) !important;
  }
body.page-user .dialog-pay_body--tab-body .item__coupon.empty .item__coupon--title,
body.p-index .dialog-pay_body--tab-body .item__coupon.empty .item__coupon--title,
body.p-hall-index .dialog-pay_body--tab-body .item__coupon.empty .item__coupon--title,
body.p-read .dialog-pay_body--tab-body .item__coupon.empty .item__coupon--title,
body.p-author-index .dialog-pay_body--tab-body .item__coupon.empty .item__coupon--title,
body.p-author-comic .dialog-pay_body--tab-body .item__coupon.empty .item__coupon--title,
body.p-comic-info .dialog-pay_body--tab-body .item__coupon.empty .item__coupon--title,
body.p-detail .dialog-pay_body--tab-body .item__coupon.empty .item__coupon--title,
body.page-user .dialog-pay_body--tab-body .item__coupon.empty .item__coupon--more,
body.p-index .dialog-pay_body--tab-body .item__coupon.empty .item__coupon--more,
body.p-hall-index .dialog-pay_body--tab-body .item__coupon.empty .item__coupon--more,
body.p-read .dialog-pay_body--tab-body .item__coupon.empty .item__coupon--more,
body.p-author-index .dialog-pay_body--tab-body .item__coupon.empty .item__coupon--more,
body.p-author-comic .dialog-pay_body--tab-body .item__coupon.empty .item__coupon--more,
body.p-comic-info .dialog-pay_body--tab-body .item__coupon.empty .item__coupon--more ,
body.p-detail .dialog-pay_body--tab-body .item__coupon.empty .item__coupon--more {
  color: var(--center-dim) !important;
  }
body.page-user .j-paytype-card input#card,
body.p-index .j-paytype-card input#card,
body.p-hall-index .j-paytype-card input#card,
body.p-read .j-paytype-card input#card,
body.p-author-index .j-paytype-card input#card,
body.p-author-comic .j-paytype-card input#card,
body.p-comic-info .j-paytype-card input#card,
body.p-detail .j-paytype-card input#card,
body.page-user .j-paytype-card input[name="card"],
body.p-index .j-paytype-card input[name="card"],
body.p-hall-index .j-paytype-card input[name="card"],
body.p-read .j-paytype-card input[name="card"],
body.p-author-index .j-paytype-card input[name="card"],
body.p-author-comic .j-paytype-card input[name="card"],
body.p-comic-info .j-paytype-card input[name="card"] ,
body.p-detail .j-paytype-card input[name="card"] {
  background: var(--center-panel) !important;
  border: 1px solid var(--center-line) !important;
  color: var(--center-text) !important;
  border-radius: 4px;
  }
body.page-user .j-paytype-card .item--title,
body.p-index .j-paytype-card .item--title,
body.p-hall-index .j-paytype-card .item--title,
body.p-read .j-paytype-card .item--title,
body.p-author-index .j-paytype-card .item--title,
body.p-author-comic .j-paytype-card .item--title,
body.p-comic-info .j-paytype-card .item--title ,
body.p-detail .j-paytype-card .item--title {
  color: #ff7a78 !important;
  }
body.page-user .j-paytype-card .item--pay-tip,
body.p-index .j-paytype-card .item--pay-tip,
body.p-hall-index .j-paytype-card .item--pay-tip,
body.p-read .j-paytype-card .item--pay-tip,
body.p-author-index .j-paytype-card .item--pay-tip,
body.p-author-comic .j-paytype-card .item--pay-tip,
body.p-comic-info .j-paytype-card .item--pay-tip ,
body.p-detail .j-paytype-card .item--pay-tip {
  color: var(--center-accent) !important;
  }
body.page-user .vip-load .vip-load_tip--text,
body.p-index .vip-load .vip-load_tip--text,
body.p-hall-index .vip-load .vip-load_tip--text,
body.p-read .vip-load .vip-load_tip--text,
body.p-author-index .vip-load .vip-load_tip--text,
body.p-author-comic .vip-load .vip-load_tip--text,
body.p-comic-info .vip-load .vip-load_tip--text,
body.p-detail .vip-load .vip-load_tip--text,
body.page-user .vip-load .vip-load_tip--icon i,
body.p-index .vip-load .vip-load_tip--icon i,
body.p-hall-index .vip-load .vip-load_tip--icon i,
body.p-read .vip-load .vip-load_tip--icon i,
body.p-author-index .vip-load .vip-load_tip--icon i,
body.p-author-comic .vip-load .vip-load_tip--icon i,
body.p-comic-info .vip-load .vip-load_tip--icon i ,
body.p-detail .vip-load .vip-load_tip--icon i {
  color: var(--center-dim) !important;
  }
/* 支付结果 / 警告 */
body.page-user .mkz-pay-success.layui-layer,
body.p-index .mkz-pay-success.layui-layer,
body.p-hall-index .mkz-pay-success.layui-layer,
body.p-read .mkz-pay-success.layui-layer,
body.p-author-index .mkz-pay-success.layui-layer,
body.p-author-comic .mkz-pay-success.layui-layer,
body.p-comic-info .mkz-pay-success.layui-layer,
body.p-detail .mkz-pay-success.layui-layer,
body.page-user .mkz-pay-warning.layui-layer,
body.p-index .mkz-pay-warning.layui-layer,
body.p-hall-index .mkz-pay-warning.layui-layer,
body.p-read .mkz-pay-warning.layui-layer,
body.p-author-index .mkz-pay-warning.layui-layer,
body.p-author-comic .mkz-pay-warning.layui-layer,
body.p-comic-info .mkz-pay-warning.layui-layer ,
body.p-detail .mkz-pay-warning.layui-layer {
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, rgba(18, 28, 38, .98), rgba(10, 14, 20, .98)) !important;
  color: var(--center-text) !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .46) !important;
  }
body.page-user .dialog-pay-success p,
body.p-index .dialog-pay-success p,
body.p-hall-index .dialog-pay-success p,
body.p-read .dialog-pay-success p,
body.p-author-index .dialog-pay-success p,
body.p-author-comic .dialog-pay-success p,
body.p-comic-info .dialog-pay-success p ,
body.p-detail .dialog-pay-success p {
  color: var(--center-dim) !important;
  }
body.page-user .dialog-pay-success .content-title,
body.p-index .dialog-pay-success .content-title,
body.p-hall-index .dialog-pay-success .content-title,
body.p-read .dialog-pay-success .content-title,
body.p-author-index .dialog-pay-success .content-title,
body.p-author-comic .dialog-pay-success .content-title,
body.p-comic-info .dialog-pay-success .content-title ,
body.p-detail .dialog-pay-success .content-title {
  color: #e8f2f6 !important;
  }
body.page-user .dialog-pay-warning .tip-title,
body.p-index .dialog-pay-warning .tip-title,
body.p-hall-index .dialog-pay-warning .tip-title,
body.p-read .dialog-pay-warning .tip-title,
body.p-author-index .dialog-pay-warning .tip-title,
body.p-author-comic .dialog-pay-warning .tip-title,
body.p-comic-info .dialog-pay-warning .tip-title ,
body.p-detail .dialog-pay-warning .tip-title {
  color: #e8f2f6 !important;
  }
body.page-user .dialog-pay-warning .tip-title p,
body.p-index .dialog-pay-warning .tip-title p,
body.p-hall-index .dialog-pay-warning .tip-title p,
body.p-read .dialog-pay-warning .tip-title p,
body.p-author-index .dialog-pay-warning .tip-title p,
body.p-author-comic .dialog-pay-warning .tip-title p,
body.p-comic-info .dialog-pay-warning .tip-title p ,
body.p-detail .dialog-pay-warning .tip-title p {
  color: var(--center-dim) !important;
  }
body.page-user .mkz-pay-warning .dialog-pay_header--close i,
body.p-index .mkz-pay-warning .dialog-pay_header--close i,
body.p-hall-index .mkz-pay-warning .dialog-pay_header--close i,
body.p-read .mkz-pay-warning .dialog-pay_header--close i,
body.p-author-index .mkz-pay-warning .dialog-pay_header--close i,
body.p-author-comic .mkz-pay-warning .dialog-pay_header--close i,
body.p-comic-info .mkz-pay-warning .dialog-pay_header--close i ,
body.p-detail .mkz-pay-warning .dialog-pay_header--close i {
  color: var(--center-dim) !important;
  }
body.page-user .mkz-pay-coupon,
body.p-index .mkz-pay-coupon,
body.p-hall-index .mkz-pay-coupon,
body.p-read .mkz-pay-coupon,
body.p-author-index .mkz-pay-coupon,
body.p-author-comic .mkz-pay-coupon,
body.p-comic-info .mkz-pay-coupon ,
body.p-detail .mkz-pay-coupon {
  background: var(--center-panel-2) !important;
  }
body.page-user .mkz-pay-coupon .dialog-pay__coupon-header,
body.p-index .mkz-pay-coupon .dialog-pay__coupon-header,
body.p-hall-index .mkz-pay-coupon .dialog-pay__coupon-header,
body.p-read .mkz-pay-coupon .dialog-pay__coupon-header,
body.p-author-index .mkz-pay-coupon .dialog-pay__coupon-header,
body.p-author-comic .mkz-pay-coupon .dialog-pay__coupon-header,
body.p-comic-info .mkz-pay-coupon .dialog-pay__coupon-header ,
body.p-detail .mkz-pay-coupon .dialog-pay__coupon-header {
  background: var(--center-panel) !important;
  color: var(--center-text) !important;
  border-bottom: 1px solid var(--center-line);
  }
body.page-user .mkz-pay-coupon .dialog-pay__coupon-list--wrap,
body.p-index .mkz-pay-coupon .dialog-pay__coupon-list--wrap,
body.p-hall-index .mkz-pay-coupon .dialog-pay__coupon-list--wrap,
body.p-read .mkz-pay-coupon .dialog-pay__coupon-list--wrap,
body.p-author-index .mkz-pay-coupon .dialog-pay__coupon-list--wrap,
body.p-author-comic .mkz-pay-coupon .dialog-pay__coupon-list--wrap,
body.p-comic-info .mkz-pay-coupon .dialog-pay__coupon-list--wrap ,
body.p-detail .mkz-pay-coupon .dialog-pay__coupon-list--wrap {
  background: var(--center-panel-2) !important;
  }
body.page-user .mkz-pay-coupon .dialog-pay__coupon-item,
body.p-index .mkz-pay-coupon .dialog-pay__coupon-item,
body.p-hall-index .mkz-pay-coupon .dialog-pay__coupon-item,
body.p-read .mkz-pay-coupon .dialog-pay__coupon-item,
body.p-author-index .mkz-pay-coupon .dialog-pay__coupon-item,
body.p-author-comic .mkz-pay-coupon .dialog-pay__coupon-item,
body.p-comic-info .mkz-pay-coupon .dialog-pay__coupon-item ,
body.p-detail .mkz-pay-coupon .dialog-pay__coupon-item {
  border-bottom-color: var(--center-line) !important;
  }
body.page-user .mkz-pay-coupon .dialog-pay__coupon-item--con,
body.p-index .mkz-pay-coupon .dialog-pay__coupon-item--con,
body.p-hall-index .mkz-pay-coupon .dialog-pay__coupon-item--con,
body.p-read .mkz-pay-coupon .dialog-pay__coupon-item--con,
body.p-author-index .mkz-pay-coupon .dialog-pay__coupon-item--con,
body.p-author-comic .mkz-pay-coupon .dialog-pay__coupon-item--con,
body.p-comic-info .mkz-pay-coupon .dialog-pay__coupon-item--con ,
body.p-detail .mkz-pay-coupon .dialog-pay__coupon-item--con {
  color: var(--center-text) !important;
  }
body.page-user .mkz-pay-coupon .dialog-pay__coupon-item--des,
body.p-index .mkz-pay-coupon .dialog-pay__coupon-item--des,
body.p-hall-index .mkz-pay-coupon .dialog-pay__coupon-item--des,
body.p-read .mkz-pay-coupon .dialog-pay__coupon-item--des,
body.p-author-index .mkz-pay-coupon .dialog-pay__coupon-item--des,
body.p-author-comic .mkz-pay-coupon .dialog-pay__coupon-item--des,
body.p-comic-info .mkz-pay-coupon .dialog-pay__coupon-item--des,
body.p-detail .mkz-pay-coupon .dialog-pay__coupon-item--des,
body.page-user .mkz-pay-coupon .dialog-pay__coupon-item--date,
body.p-index .mkz-pay-coupon .dialog-pay__coupon-item--date,
body.p-hall-index .mkz-pay-coupon .dialog-pay__coupon-item--date,
body.p-read .mkz-pay-coupon .dialog-pay__coupon-item--date,
body.p-author-index .mkz-pay-coupon .dialog-pay__coupon-item--date,
body.p-author-comic .mkz-pay-coupon .dialog-pay__coupon-item--date,
body.p-comic-info .mkz-pay-coupon .dialog-pay__coupon-item--date ,
body.p-detail .mkz-pay-coupon .dialog-pay__coupon-item--date {
  color: var(--center-dim) !important;
  }
body.page-user .dialog-coupon-success,
body.p-index .dialog-coupon-success,
body.p-hall-index .dialog-coupon-success,
body.p-read .dialog-coupon-success,
body.p-author-index .dialog-coupon-success,
body.p-author-comic .dialog-coupon-success,
body.p-comic-info .dialog-coupon-success ,
body.p-detail .dialog-coupon-success {
  background-color: var(--center-panel-2) !important;
  }
body.page-user .dialog-coupon-success .dialog__coupon-title,
body.p-index .dialog-coupon-success .dialog__coupon-title,
body.p-hall-index .dialog-coupon-success .dialog__coupon-title,
body.p-read .dialog-coupon-success .dialog__coupon-title,
body.p-author-index .dialog-coupon-success .dialog__coupon-title,
body.p-author-comic .dialog-coupon-success .dialog__coupon-title,
body.p-comic-info .dialog-coupon-success .dialog__coupon-title ,
body.p-detail .dialog-coupon-success .dialog__coupon-title {
  color: #e8f2f6 !important;
  }
body.page-user .dialog-coupon-success .dialog__coupon-des,
body.p-index .dialog-coupon-success .dialog__coupon-des,
body.p-hall-index .dialog-coupon-success .dialog__coupon-des,
body.p-read .dialog-coupon-success .dialog__coupon-des,
body.p-author-index .dialog-coupon-success .dialog__coupon-des,
body.p-author-comic .dialog-coupon-success .dialog__coupon-des,
body.p-comic-info .dialog-coupon-success .dialog__coupon-des ,
body.p-detail .dialog-coupon-success .dialog__coupon-des {
  color: var(--center-dim) !important;
  }
body.page-user .dialog-coupon-success .dialog__coupon-btn,
body.p-index .dialog-coupon-success .dialog__coupon-btn,
body.p-hall-index .dialog-coupon-success .dialog__coupon-btn,
body.p-read .dialog-coupon-success .dialog__coupon-btn,
body.p-author-index .dialog-coupon-success .dialog__coupon-btn,
body.p-author-comic .dialog-coupon-success .dialog__coupon-btn,
body.p-comic-info .dialog-coupon-success .dialog__coupon-btn ,
body.p-detail .dialog-coupon-success .dialog__coupon-btn {
  background: transparent !important;
  border-color: var(--center-orange) !important;
  color: var(--center-orange) !important;
  }
body.page-user .dialog-chapter-buy .dialog-pay_header--close i,
body.p-index .dialog-chapter-buy .dialog-pay_header--close i,
body.p-hall-index .dialog-chapter-buy .dialog-pay_header--close i,
body.p-read .dialog-chapter-buy .dialog-pay_header--close i,
body.p-author-index .dialog-chapter-buy .dialog-pay_header--close i,
body.p-author-comic .dialog-chapter-buy .dialog-pay_header--close i,
body.p-comic-info .dialog-chapter-buy .dialog-pay_header--close i ,
body.p-detail .dialog-chapter-buy .dialog-pay_header--close i {
  color: var(--center-dim) !important;
  }
/* 账户设置弹窗 */
body.page-user .dialog-setting-userinfo,
body.p-index .dialog-setting-userinfo,
body.p-hall-index .dialog-setting-userinfo,
body.p-read .dialog-setting-userinfo,
body.p-author-index .dialog-setting-userinfo,
body.p-author-comic .dialog-setting-userinfo,
body.p-comic-info .dialog-setting-userinfo ,
body.p-detail .dialog-setting-userinfo {
  color: var(--center-text);
  }
body.page-user .dialog-setting-userinfo .layui-form-label,
body.p-index .dialog-setting-userinfo .layui-form-label,
body.p-hall-index .dialog-setting-userinfo .layui-form-label,
body.p-read .dialog-setting-userinfo .layui-form-label,
body.p-author-index .dialog-setting-userinfo .layui-form-label,
body.p-author-comic .dialog-setting-userinfo .layui-form-label,
body.p-comic-info .dialog-setting-userinfo .layui-form-label ,
body.p-detail .dialog-setting-userinfo .layui-form-label {
  color: var(--center-dim) !important;
  }
body.page-user .dialog-setting-userinfo .tip-info,
body.p-index .dialog-setting-userinfo .tip-info,
body.p-hall-index .dialog-setting-userinfo .tip-info,
body.p-read .dialog-setting-userinfo .tip-info,
body.p-author-index .dialog-setting-userinfo .tip-info,
body.p-author-comic .dialog-setting-userinfo .tip-info,
body.p-comic-info .dialog-setting-userinfo .tip-info ,
body.p-detail .dialog-setting-userinfo .tip-info {
  color: var(--center-dim) !important;
  }
body.page-user .dialog-setting-userinfo .layui-input,
body.p-index .dialog-setting-userinfo .layui-input,
body.p-hall-index .dialog-setting-userinfo .layui-input,
body.p-read .dialog-setting-userinfo .layui-input,
body.p-author-index .dialog-setting-userinfo .layui-input,
body.p-author-comic .dialog-setting-userinfo .layui-input,
body.p-comic-info .dialog-setting-userinfo .layui-input ,
body.p-detail .dialog-setting-userinfo .layui-input {
  background: var(--center-panel) !important;
  border-color: var(--center-line) !important;
  color: var(--center-text) !important;
  }
body.page-user .dialog-setting-userinfo .layui-input::placeholder,
body.p-index .dialog-setting-userinfo .layui-input::placeholder,
body.p-hall-index .dialog-setting-userinfo .layui-input::placeholder,
body.p-read .dialog-setting-userinfo .layui-input::placeholder,
body.p-author-index .dialog-setting-userinfo .layui-input::placeholder,
body.p-author-comic .dialog-setting-userinfo .layui-input::placeholder,
body.p-comic-info .dialog-setting-userinfo .layui-input::placeholder ,
body.p-detail .dialog-setting-userinfo .layui-input::placeholder {
  color: #5a7080 !important;
  }
/* 上传头像 */
body.page-user .dialog__upload-avatar,
body.p-index .dialog__upload-avatar,
body.p-hall-index .dialog__upload-avatar,
body.p-read .dialog__upload-avatar,
body.p-author-index .dialog__upload-avatar,
body.p-author-comic .dialog__upload-avatar,
body.p-comic-info .dialog__upload-avatar ,
body.p-detail .dialog__upload-avatar {
  color: var(--center-text);
  }
body.page-user .dialog__upload-avatar .upload-body h3,
body.p-index .dialog__upload-avatar .upload-body h3,
body.p-hall-index .dialog__upload-avatar .upload-body h3,
body.p-read .dialog__upload-avatar .upload-body h3,
body.p-author-index .dialog__upload-avatar .upload-body h3,
body.p-author-comic .dialog__upload-avatar .upload-body h3,
body.p-comic-info .dialog__upload-avatar .upload-body h3 ,
body.p-detail .dialog__upload-avatar .upload-body h3 {
  color: #e8f2f6;
  }
body.page-user .dialog__upload-avatar .upload--tips,
body.p-index .dialog__upload-avatar .upload--tips,
body.p-hall-index .dialog__upload-avatar .upload--tips,
body.p-read .dialog__upload-avatar .upload--tips,
body.p-author-index .dialog__upload-avatar .upload--tips,
body.p-author-comic .dialog__upload-avatar .upload--tips,
body.p-comic-info .dialog__upload-avatar .upload--tips ,
body.p-detail .dialog__upload-avatar .upload--tips {
  color: var(--center-dim) !important;
  }
body.page-user .dialog__upload-avatar .preview--large,
body.p-index .dialog__upload-avatar .preview--large,
body.p-hall-index .dialog__upload-avatar .preview--large,
body.p-read .dialog__upload-avatar .preview--large,
body.p-author-index .dialog__upload-avatar .preview--large,
body.p-author-comic .dialog__upload-avatar .preview--large,
body.p-comic-info .dialog__upload-avatar .preview--large,
body.p-detail .dialog__upload-avatar .preview--large,
body.page-user .dialog__upload-avatar .preview--w100,
body.p-index .dialog__upload-avatar .preview--w100,
body.p-hall-index .dialog__upload-avatar .preview--w100,
body.p-read .dialog__upload-avatar .preview--w100,
body.p-author-index .dialog__upload-avatar .preview--w100,
body.p-author-comic .dialog__upload-avatar .preview--w100,
body.p-comic-info .dialog__upload-avatar .preview--w100,
body.p-detail .dialog__upload-avatar .preview--w100,
body.page-user .dialog__upload-avatar .preview--w45,
body.p-index .dialog__upload-avatar .preview--w45,
body.p-hall-index .dialog__upload-avatar .preview--w45,
body.p-read .dialog__upload-avatar .preview--w45,
body.p-author-index .dialog__upload-avatar .preview--w45,
body.p-author-comic .dialog__upload-avatar .preview--w45,
body.p-comic-info .dialog__upload-avatar .preview--w45 ,
body.p-detail .dialog__upload-avatar .preview--w45 {
  border-color: var(--center-line) !important;
  background: var(--center-panel) !important;
  }
body.page-user .dialog__upload-avatar .cover-upload-btn,
body.p-index .dialog__upload-avatar .cover-upload-btn,
body.p-hall-index .dialog__upload-avatar .cover-upload-btn,
body.p-read .dialog__upload-avatar .cover-upload-btn,
body.p-author-index .dialog__upload-avatar .cover-upload-btn,
body.p-author-comic .dialog__upload-avatar .cover-upload-btn,
body.p-comic-info .dialog__upload-avatar .cover-upload-btn,
body.p-detail .dialog__upload-avatar .cover-upload-btn,
body.page-user .dialog__upload-avatar .upload-submit,
body.p-index .dialog__upload-avatar .upload-submit,
body.p-hall-index .dialog__upload-avatar .upload-submit,
body.p-read .dialog__upload-avatar .upload-submit,
body.p-author-index .dialog__upload-avatar .upload-submit,
body.p-author-comic .dialog__upload-avatar .upload-submit,
body.p-comic-info .dialog__upload-avatar .upload-submit ,
body.p-detail .dialog__upload-avatar .upload-submit {
  background: var(--center-accent) !important;
  border-color: var(--center-accent) !important;
  color: var(--center-accent-text) !important;
  }
/* 反馈弹窗 */
body.page-user .dialog--feed,
body.p-index .dialog--feed,
body.p-hall-index .dialog--feed,
body.p-read .dialog--feed,
body.p-author-index .dialog--feed,
body.p-author-comic .dialog--feed,
body.p-comic-info .dialog--feed ,
body.p-detail .dialog--feed {
  background: var(--center-panel-2) !important;
  color: var(--center-text);
  }
body.page-user .dialog--feed .dialog__head,
body.p-index .dialog--feed .dialog__head,
body.p-hall-index .dialog--feed .dialog__head,
body.p-read .dialog--feed .dialog__head,
body.p-author-index .dialog--feed .dialog__head,
body.p-author-comic .dialog--feed .dialog__head,
body.p-comic-info .dialog--feed .dialog__head ,
body.p-detail .dialog--feed .dialog__head {
  background: var(--center-panel) !important;
  color: #e8f2f6;
  border-top-color: var(--center-orange) !important;
  }
body.page-user .dialog--feed .head-nav,
body.p-index .dialog--feed .head-nav,
body.p-hall-index .dialog--feed .head-nav,
body.p-read .dialog--feed .head-nav,
body.p-author-index .dialog--feed .head-nav,
body.p-author-comic .dialog--feed .head-nav,
body.p-comic-info .dialog--feed .head-nav ,
body.p-detail .dialog--feed .head-nav {
  color: var(--center-dim);
  }
body.page-user .dialog--feed .head-nav.active,
body.p-index .dialog--feed .head-nav.active,
body.p-hall-index .dialog--feed .head-nav.active,
body.p-read .dialog--feed .head-nav.active,
body.p-author-index .dialog--feed .head-nav.active,
body.p-author-comic .dialog--feed .head-nav.active,
body.p-comic-info .dialog--feed .head-nav.active ,
body.p-detail .dialog--feed .head-nav.active {
  color: var(--center-orange) !important;
  }
body.page-user .dialog--feed .feed-input-wr,
body.p-index .dialog--feed .feed-input-wr,
body.p-hall-index .dialog--feed .feed-input-wr,
body.p-read .dialog--feed .feed-input-wr,
body.p-author-index .dialog--feed .feed-input-wr,
body.p-author-comic .dialog--feed .feed-input-wr,
body.p-comic-info .dialog--feed .feed-input-wr ,
body.p-detail .dialog--feed .feed-input-wr {
  border-color: var(--center-line) !important;
  background: var(--center-panel) !important;
  }
body.page-user .dialog--feed .feed-type,
body.p-index .dialog--feed .feed-type,
body.p-hall-index .dialog--feed .feed-type,
body.p-read .dialog--feed .feed-type,
body.p-author-index .dialog--feed .feed-type,
body.p-author-comic .dialog--feed .feed-type,
body.p-comic-info .dialog--feed .feed-type ,
body.p-detail .dialog--feed .feed-type {
  border-bottom-color: var(--center-line) !important;
  }
body.page-user .dialog--feed .type-item,
body.p-index .dialog--feed .type-item,
body.p-hall-index .dialog--feed .type-item,
body.p-read .dialog--feed .type-item,
body.p-author-index .dialog--feed .type-item,
body.p-author-comic .dialog--feed .type-item,
body.p-comic-info .dialog--feed .type-item ,
body.p-detail .dialog--feed .type-item {
  background: var(--center-panel) !important;
  border-color: var(--center-line) !important;
  color: var(--center-dim) !important;
  }
body.page-user .dialog--feed .type-item.active,
body.p-index .dialog--feed .type-item.active,
body.p-hall-index .dialog--feed .type-item.active,
body.p-read .dialog--feed .type-item.active,
body.p-author-index .dialog--feed .type-item.active,
body.p-author-comic .dialog--feed .type-item.active,
body.p-comic-info .dialog--feed .type-item.active ,
body.p-detail .dialog--feed .type-item.active {
  background: rgba(255, 122, 69, .15) !important;
  border-color: var(--center-orange) !important;
  color: var(--center-orange) !important;
  }
body.page-user .dialog--feed .tips,
body.p-index .dialog--feed .tips,
body.p-hall-index .dialog--feed .tips,
body.p-read .dialog--feed .tips,
body.p-author-index .dialog--feed .tips,
body.p-author-comic .dialog--feed .tips,
body.p-comic-info .dialog--feed .tips ,
body.p-detail .dialog--feed .tips {
  color: var(--center-dim) !important;
  }
body.page-user .dialog--feed .feed-input,
body.p-index .dialog--feed .feed-input,
body.p-hall-index .dialog--feed .feed-input,
body.p-read .dialog--feed .feed-input,
body.p-author-index .dialog--feed .feed-input,
body.p-author-comic .dialog--feed .feed-input,
body.p-comic-info .dialog--feed .feed-input,
body.p-detail .dialog--feed .feed-input,
body.page-user .dialog--feed .feed-email,
body.p-index .dialog--feed .feed-email,
body.p-hall-index .dialog--feed .feed-email,
body.p-read .dialog--feed .feed-email,
body.p-author-index .dialog--feed .feed-email,
body.p-author-comic .dialog--feed .feed-email,
body.p-comic-info .dialog--feed .feed-email ,
body.p-detail .dialog--feed .feed-email {
  background: transparent !important;
  color: var(--center-text) !important;
  }
body.page-user .dialog--feed .feed-input::placeholder,
body.p-index .dialog--feed .feed-input::placeholder,
body.p-hall-index .dialog--feed .feed-input::placeholder,
body.p-read .dialog--feed .feed-input::placeholder,
body.p-author-index .dialog--feed .feed-input::placeholder,
body.p-author-comic .dialog--feed .feed-input::placeholder,
body.p-comic-info .dialog--feed .feed-input::placeholder,
body.p-detail .dialog--feed .feed-input::placeholder,
body.page-user .dialog--feed .feed-email::placeholder,
body.p-index .dialog--feed .feed-email::placeholder,
body.p-hall-index .dialog--feed .feed-email::placeholder,
body.p-read .dialog--feed .feed-email::placeholder,
body.p-author-index .dialog--feed .feed-email::placeholder,
body.p-author-comic .dialog--feed .feed-email::placeholder,
body.p-comic-info .dialog--feed .feed-email::placeholder ,
body.p-detail .dialog--feed .feed-email::placeholder {
  color: #5a7080 !important;
  }
body.page-user .dialog--feed .feed-history,
body.p-index .dialog--feed .feed-history,
body.p-hall-index .dialog--feed .feed-history,
body.p-read .dialog--feed .feed-history,
body.p-author-index .dialog--feed .feed-history,
body.p-author-comic .dialog--feed .feed-history,
body.p-comic-info .dialog--feed .feed-history ,
body.p-detail .dialog--feed .feed-history {
  background: var(--center-panel) !important;
  border-color: var(--center-line) !important;
  }
body.page-user .dialog--feed .feed-content,
body.p-index .dialog--feed .feed-content,
body.p-hall-index .dialog--feed .feed-content,
body.p-read .dialog--feed .feed-content,
body.p-author-index .dialog--feed .feed-content,
body.p-author-comic .dialog--feed .feed-content,
body.p-comic-info .dialog--feed .feed-content,
body.p-detail .dialog--feed .feed-content,
body.page-user .dialog--feed .feed-reply,
body.p-index .dialog--feed .feed-reply,
body.p-hall-index .dialog--feed .feed-reply,
body.p-read .dialog--feed .feed-reply,
body.p-author-index .dialog--feed .feed-reply,
body.p-author-comic .dialog--feed .feed-reply,
body.p-comic-info .dialog--feed .feed-reply ,
body.p-detail .dialog--feed .feed-reply {
  color: var(--center-text) !important;
  border-color: var(--center-line) !important;
  }
body.page-user .dialog--feed .feed-content .time,
body.p-index .dialog--feed .feed-content .time,
body.p-hall-index .dialog--feed .feed-content .time,
body.p-read .dialog--feed .feed-content .time,
body.p-author-index .dialog--feed .feed-content .time,
body.p-author-comic .dialog--feed .feed-content .time,
body.p-comic-info .dialog--feed .feed-content .time,
body.p-detail .dialog--feed .feed-content .time,
body.page-user .dialog--feed .feed-reply .time,
body.p-index .dialog--feed .feed-reply .time,
body.p-hall-index .dialog--feed .feed-reply .time,
body.p-read .dialog--feed .feed-reply .time,
body.p-author-index .dialog--feed .feed-reply .time,
body.p-author-comic .dialog--feed .feed-reply .time,
body.p-comic-info .dialog--feed .feed-reply .time ,
body.p-detail .dialog--feed .feed-reply .time {
  color: var(--center-dim) !important;
  }
/* 作者回复评论 */
body.page-user .reply-dialog,
body.p-index .reply-dialog,
body.p-hall-index .reply-dialog,
body.p-read .reply-dialog,
body.p-author-index .reply-dialog,
body.p-author-comic .reply-dialog,
body.p-comic-info .reply-dialog ,
body.p-detail .reply-dialog {
  color: var(--center-text);
  }
body.page-user .reply-dialog .layui-textarea,
body.p-index .reply-dialog .layui-textarea,
body.p-hall-index .reply-dialog .layui-textarea,
body.p-read .reply-dialog .layui-textarea,
body.p-author-index .reply-dialog .layui-textarea,
body.p-author-comic .reply-dialog .layui-textarea,
body.p-comic-info .reply-dialog .layui-textarea ,
body.p-detail .reply-dialog .layui-textarea {
  background: var(--center-panel) !important;
  border-color: var(--center-line) !important;
  color: var(--center-text) !important;
  }
body.page-user .reply-dialog .reply-btn-box .face,
body.p-index .reply-dialog .reply-btn-box .face,
body.p-hall-index .reply-dialog .reply-btn-box .face,
body.p-read .reply-dialog .reply-btn-box .face,
body.p-author-index .reply-dialog .reply-btn-box .face,
body.p-author-comic .reply-dialog .reply-btn-box .face,
body.p-comic-info .reply-dialog .reply-btn-box .face ,
body.p-detail .reply-dialog .reply-btn-box .face {
  color: var(--center-dim) !important;
  }
body.page-user .reply-dialog .reply-btn-box .face .ift-face,
body.p-index .reply-dialog .reply-btn-box .face .ift-face,
body.p-hall-index .reply-dialog .reply-btn-box .face .ift-face,
body.p-read .reply-dialog .reply-btn-box .face .ift-face,
body.p-author-index .reply-dialog .reply-btn-box .face .ift-face,
body.p-author-comic .reply-dialog .reply-btn-box .face .ift-face,
body.p-comic-info .reply-dialog .reply-btn-box .face .ift-face ,
body.p-detail .reply-dialog .reply-btn-box .face .ift-face {
  color: var(--center-orange) !important;
  }
body.page-user .reply-dialog .reply-btn-box .submit,
body.p-index .reply-dialog .reply-btn-box .submit,
body.p-hall-index .reply-dialog .reply-btn-box .submit,
body.p-read .reply-dialog .reply-btn-box .submit,
body.p-author-index .reply-dialog .reply-btn-box .submit,
body.p-author-comic .reply-dialog .reply-btn-box .submit,
body.p-comic-info .reply-dialog .reply-btn-box .submit ,
body.p-detail .reply-dialog .reply-btn-box .submit {
  background: var(--center-accent) !important;
  color: var(--center-accent-text) !important;
  }
/* 封面上传 layer */
body.page-user .layui-layer.m-cover-upload,
body.p-index .layui-layer.m-cover-upload,
body.p-hall-index .layui-layer.m-cover-upload,
body.p-read .layui-layer.m-cover-upload,
body.p-author-index .layui-layer.m-cover-upload,
body.p-author-comic .layui-layer.m-cover-upload,
body.p-comic-info .layui-layer.m-cover-upload ,
body.p-detail .layui-layer.m-cover-upload {
  border: 1px solid rgba(255, 255, 255, .12) !important;
  background: linear-gradient(145deg, rgba(18, 28, 38, .98), rgba(10, 14, 20, .98)) !important;
  color: var(--center-text) !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .46) !important;
  }
body.page-user .layui-layer.m-cover-upload .layui-layer-content,
body.p-index .layui-layer.m-cover-upload .layui-layer-content,
body.p-hall-index .layui-layer.m-cover-upload .layui-layer-content,
body.p-read .layui-layer.m-cover-upload .layui-layer-content,
body.p-author-index .layui-layer.m-cover-upload .layui-layer-content,
body.p-author-comic .layui-layer.m-cover-upload .layui-layer-content,
body.p-comic-info .layui-layer.m-cover-upload .layui-layer-content ,
body.p-detail .layui-layer.m-cover-upload .layui-layer-content {
  background: transparent !important;
  color: var(--center-text) !important;
  }
body.page-user .m-cover-upload .tip,
body.p-index .m-cover-upload .tip,
body.p-hall-index .m-cover-upload .tip,
body.p-read .m-cover-upload .tip,
body.p-author-index .m-cover-upload .tip,
body.p-author-comic .m-cover-upload .tip,
body.p-comic-info .m-cover-upload .tip ,
body.p-detail .m-cover-upload .tip {
  color: var(--center-dim) !important;
  }
body.page-user .m-cover-upload .handle-box .cancel,
body.p-index .m-cover-upload .handle-box .cancel,
body.p-hall-index .m-cover-upload .handle-box .cancel,
body.p-read .m-cover-upload .handle-box .cancel,
body.p-author-index .m-cover-upload .handle-box .cancel,
body.p-author-comic .m-cover-upload .handle-box .cancel,
body.p-comic-info .m-cover-upload .handle-box .cancel ,
body.p-detail .m-cover-upload .handle-box .cancel {
  background: #4a5568 !important;
  color: #d8e3ea !important;
  }
/* 商城商品详情 */
body.page-user .good-detail-dialog,
body.p-index .good-detail-dialog,
body.p-hall-index .good-detail-dialog,
body.p-read .good-detail-dialog,
body.p-author-index .good-detail-dialog,
body.p-author-comic .good-detail-dialog,
body.p-comic-info .good-detail-dialog ,
body.p-detail .good-detail-dialog {
  background: var(--center-panel-2) !important;
  color: var(--center-text);
  }
body.page-user .good-detail-dialog .good-title,
body.p-index .good-detail-dialog .good-title,
body.p-hall-index .good-detail-dialog .good-title,
body.p-read .good-detail-dialog .good-title,
body.p-author-index .good-detail-dialog .good-title,
body.p-author-comic .good-detail-dialog .good-title,
body.p-comic-info .good-detail-dialog .good-title ,
body.p-detail .good-detail-dialog .good-title {
  color: #e8f2f6 !important;
  }
body.page-user .good-detail-dialog .good-intro p font,
body.p-index .good-detail-dialog .good-intro p font,
body.p-hall-index .good-detail-dialog .good-intro p font,
body.p-read .good-detail-dialog .good-intro p font,
body.p-author-index .good-detail-dialog .good-intro p font,
body.p-author-comic .good-detail-dialog .good-intro p font,
body.p-comic-info .good-detail-dialog .good-intro p font,
body.p-detail .good-detail-dialog .good-intro p font,
body.page-user .good-detail-dialog .good-intro b font,
body.p-index .good-detail-dialog .good-intro b font,
body.p-hall-index .good-detail-dialog .good-intro b font,
body.p-read .good-detail-dialog .good-intro b font,
body.p-author-index .good-detail-dialog .good-intro b font,
body.p-author-comic .good-detail-dialog .good-intro b font,
body.p-comic-info .good-detail-dialog .good-intro b font ,
body.p-detail .good-detail-dialog .good-intro b font {
  color: var(--center-dim) !important;
  }
body.page-user .good-detail-dialog .good-intro,
body.p-index .good-detail-dialog .good-intro,
body.p-hall-index .good-detail-dialog .good-intro,
body.p-read .good-detail-dialog .good-intro,
body.p-author-index .good-detail-dialog .good-intro,
body.p-author-comic .good-detail-dialog .good-intro,
body.p-comic-info .good-detail-dialog .good-intro ,
body.p-detail .good-detail-dialog .good-intro {
  color: var(--center-text);
  }
body.page-user .good-detail-dialog .good-price .del,
body.p-index .good-detail-dialog .good-price .del,
body.p-hall-index .good-detail-dialog .good-price .del,
body.p-read .good-detail-dialog .good-price .del,
body.p-author-index .good-detail-dialog .good-price .del,
body.p-author-comic .good-detail-dialog .good-price .del,
body.p-comic-info .good-detail-dialog .good-price .del ,
body.p-detail .good-detail-dialog .good-price .del {
  color: #5a7080 !important;
  }
body.page-user .good-detail-dialog .sell-out,
body.p-index .good-detail-dialog .sell-out,
body.p-hall-index .good-detail-dialog .sell-out,
body.p-read .good-detail-dialog .sell-out,
body.p-author-index .good-detail-dialog .sell-out,
body.p-author-comic .good-detail-dialog .sell-out,
body.p-comic-info .good-detail-dialog .sell-out ,
body.p-detail .good-detail-dialog .sell-out {
  color: var(--center-dim) !important;
}
/* ========== 全站支付弹窗（不依赖 body 类，覆盖旧版橙色样式） ========== */
.layui-layer-page:has(.dialog-pay),
.layui-layer-page:has(#dialog-pay) {
  border: none !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.layui-layer-page:has(.dialog-pay) .layui-layer-content,
.layui-layer-page:has(#dialog-pay) .layui-layer-content {
  overflow: visible !important;
  background: transparent !important;
}

.dialog-pay {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.dialog-pay_header {
  background: #121c26 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(95, 119, 132, .22) !important;
  border-radius: 8px 8px 0 0 !important;
}

.dialog-pay_header--username {
  color: #d8e3ea !important;
}

.dialog-pay_header--foundinfo {
  color: #9fb0ba !important;
}

.dialog-pay_header--foundinfo em,
.dialog-pay_header--foundinfo .j-user-gold {
  color: #ff7a45 !important;
}

.dialog-pay_header--close i {
  color: #9fb0ba !important;
}

.dialog-pay_header--close:hover i {
  color: #50dfbb !important;
}

.dialog-pay_body {
  margin: 0 !important;
  background: #101821 !important;
  border-radius: 0 0 8px 8px !important;
  min-height: 430px !important;
  color: #d8e3ea !important;
}

.dialog-pay_body--tab-title {
  border-bottom: 1px solid rgba(95, 119, 132, .22) !important;
  background: #121c26 !important;
}

.dialog-pay_body .layui-tab-title {
  border-bottom-color: rgba(95, 119, 132, .22) !important;
}

.dialog-pay_body .layui-tab-title li {
  color: #9fb0ba !important;
  background: transparent !important;
}

.dialog-pay_body .layui-tab-title .layui-this {
  color: #50dfbb !important;
}

.dialog-pay_body .layui-tab-title .layui-this:after {
  border-bottom-color: #50dfbb !important;
}

.dialog-pay .layui-tab-mkz > .layui-tab-title li {
  min-width: 88px;
  height: 34px;
  margin-right: 10px;
  line-height: 34px;
  color: #9fb0ba !important;
  background: #121c26 !important;
  border-radius: 7px;
}

.dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this {
  color: #081016 !important;
  background: #50dfbb !important;
}

.dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this:after {
  display: none !important;
}

.dialog-pay_body--tab-body .item--title {
  color: #9fb0ba !important;
}

.dialog-pay_body--tab-body .item--title-icon {
  background-color: #50dfbb !important;
}

.dialog-pay_body--tab-body .item--pay-tip {
  color: #7a92a0 !important;
}

.dialog-pay_body--tab-body .item--btn,
.dialog-pay_body--tab-body .item--paytype-btn {
  border-color: rgba(95, 119, 132, .22) !important;
  background: #121c26 !important;
  color: #d8e3ea !important;
}

.dialog-pay_body--tab-body .item--btn p {
  color: #ff7a45 !important;
}

.dialog-pay_body--tab-body .item--paytype-btn {
  color: #9fb0ba !important;
}

.dialog-pay_body--tab-body .paytype-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.dialog-pay_body--tab-body .paytype-box .item--paytype-btn {
  float: none !important;
  margin: 0 !important;
}

.dialog-pay_body--tab-body .pay-empty-tip {
  color: #9fb0ba !important;
}

.dialog-pay_body--tab-body .active.item--btn,
.dialog-pay_body--tab-body .active.item--paytype-btn {
  border-color: #50dfbb !important;
  background: rgba(80, 223, 187, .08) !important;
}

.dialog-pay_body--tab-body .active.item--btn .item--icon,
.dialog-pay_body--tab-body .active.item--paytype-btn .item--icon {
  color: #50dfbb !important;
}

.dialog-pay_body--tab-body .item--price {
  color: #ff7a45 !important;
}

.dialog-pay_body--tab-body .item--recome {
  color: #7a92a0 !important;
}

.dialog-pay_body--tab-body .item--input {
  background: #0b141c !important;
  border-color: rgba(95, 119, 132, .22) !important;
  color: #d8e3ea !important;
}

.dialog-pay_body--tab-body .item--input::-webkit-input-placeholder {
  color: #7a92a0 !important;
}

.dialog-pay_body--tab-body .item--inline-title,
.dialog-pay_body--tab-body .item--found {
  color: #9fb0ba !important;
}

.dialog-pay_body--tab-body .item--num {
  color: #ff7a45 !important;
}

.dialog-pay_body--tab-body .item--warning {
  color: #ff7a45 !important;
}

.dialog-pay_body--tab-body .item--link {
  color: #ff7a45 !important;
}

.dialog-pay_body--tab-body .item_pay-btn {
  border: none !important;
  background: #50dfbb !important;
  color: #081016 !important;
  border-radius: 8px !important;
}

.dialog-pay_body--tab-body .item_pay-btn:hover {
  opacity: .92;
}

.dialog-pay_body--tab-body .item_pay-btn.disabled {
  background: #4a5568 !important;
  color: #9fb0ba !important;
  cursor: not-allowed;
}

.dialog-pay_body--tab-body .item_pay-btn.disabled:hover {
  opacity: 1;
}

.j-paytype-card input#card,
.j-paytype-card input[name="card"] {
  background: #0b141c !important;
  border: 1px solid rgba(95, 119, 132, .22) !important;
  color: #d8e3ea !important;
  border-radius: 6px;
}

.j-paytype-card .item--title {
  color: #ff7a45 !important;
}

.j-paytype-card .item--pay-tip {
  color: #50dfbb !important;
}