@charset "UTF-8";

/**
 * 全站支付弹窗暗色主题（最后加载，覆盖 common_home/user/author 旧橙色样式）
 * 不依赖 body 类名，首页 / 榜单 / 预览 / 阅读 / 用户中心 均生效
 */

#dialog-pay .dialog-pay,
.layui-layer-page #dialog-pay .dialog-pay,
.layui-layer-content .dialog-pay,
.dialog-pay {
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #101821 !important;
  color: #d8e3ea !important;
}

.layui-layer-page:has(#dialog-pay),
.layui-layer-page:has(.dialog-pay) {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

#dialog-pay .dialog-pay_header,
.dialog-pay .dialog-pay_header,
.dialog-pay_header {
  height: 50px !important;
  line-height: 50px !important;
  padding: 0 20px !important;
  background: #121c26 !important;
  background-image: none !important;
  background-color: #121c26 !important;
  border-bottom: 1px solid rgba(95, 119, 132, .22) !important;
  border-radius: 8px 8px 0 0 !important;
  overflow: hidden !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

#dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this,
.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,
.dialog-pay .layui-tab-mkz > .layui-tab-title .layui-this:after {
  display: none !important;
}

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

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

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

#dialog-pay .dialog-pay_body--tab-body .item--btn,
#dialog-pay .dialog-pay_body--tab-body .item--paytype-btn,
.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 .dialog-pay_body--tab-body .item--btn p,
.dialog-pay_body--tab-body .item--btn p {
  color: #ff7a45 !important;
}

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

#dialog-pay .dialog-pay_body--tab-body .active.item--btn,
#dialog-pay .dialog-pay_body--tab-body .active.item--paytype-btn,
.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 .dialog-pay_body--tab-body .active.item--btn .item--icon,
#dialog-pay .dialog-pay_body--tab-body .active.item--paytype-btn .item--icon,
.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 .dialog-pay_body--tab-body .item--price,
.dialog-pay_body--tab-body .item--price {
  color: #ff7a45 !important;
}

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

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

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

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

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

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

#dialog-pay .dialog-pay_body--tab-body .item_pay-btn:hover,
.dialog-pay_body--tab-body .item_pay-btn:hover,
.dialog-pay .item_pay-btn.layui-btn-danger:hover {
  opacity: .92;
  background: #50dfbb !important;
}

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

#dialog-pay .j-paytype-card input#card,
#dialog-pay .j-paytype-card input[name="card"],
.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 !important;
}

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

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