/* 分站页面表面：首页会员卡 / 升级弹窗 / 商品下单页
 * 依赖各主题 shopfront CSS 注入的 --shop-* 变量
 */
.content-page {
  background: var(--shop-canvas, #f7f6f3) !important;
}

/* ========== 首页会员余额卡 ========== */
.home-user-stats-card,
.home-user-stats-card--member {
  background: var(--shop-panel, #fff) !important;
  border: 1px solid var(--shop-line, #e6e2d8) !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 28px rgba(20, 20, 20, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.home-user-stats-card:hover,
.home-user-stats-card.home-user-stats-card--member:hover {
  background: var(--shop-panel, #fff) !important;
  border-color: var(--shop-gold, #b8975a) !important;
  box-shadow: 0 14px 36px rgba(20, 20, 20, 0.09) !important;
  transform: translateY(-2px);
}
.home-user-stats-card::after {
  display: none !important;
}
.home-user-stats-card:before,
.home-user-stats-card--member::before {
  height: 2px !important;
  border-radius: 6px 6px 0 0 !important;
  background: linear-gradient(
    90deg,
    var(--shop-accent, #1a1a1a),
    var(--shop-gold, #b8975a) 45%,
    var(--shop-gold-mid, #c9a96e) 75%,
    transparent
  ) !important;
  animation: none !important;
  box-shadow: none !important;
}
.home-user-stats-title {
  color: var(--shop-muted, #8a857c) !important;
  letter-spacing: 0.08em !important;
}
.home-user-stats-level-badge,
.home-user-stats-level-badge.level-normal {
  border-radius: 4px !important;
  border-color: var(--shop-gold, #b8975a) !important;
  background: var(--shop-accent-soft, #f3eee4) !important;
  color: var(--shop-ink, #141414) !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}
.home-user-stats-level-badge.level-gold {
  border-color: var(--shop-gold, #b8975a) !important;
  background: linear-gradient(180deg, var(--shop-accent-soft, #fff9ec) 0%, var(--shop-canvas, #f5ebd5) 100%) !important;
  color: var(--shop-ink, #7a5a22) !important;
}
.home-user-stats-level-badge.level-platinum,
.home-user-stats-level-badge.level-diamond {
  border-color: var(--shop-line, #e6e2d8) !important;
  background: #f7f8fa !important;
  color: var(--shop-slate, #3a3835) !important;
  box-shadow: none !important;
}
.home-user-stats-level-badge.level-agent {
  border-color: var(--shop-line, #e6e2d8) !important;
  background: var(--shop-accent-soft, #f3eee4) !important;
  color: var(--shop-ink, #141414) !important;
  box-shadow: none !important;
}
.home-user-stats-balance-num {
  color: var(--shop-ink, #141414) !important;
}
.home-user-stats-balance-unit {
  color: var(--shop-muted, #8a857c) !important;
}
.home-user-stats-recharge-btn {
  background: var(--shop-accent, #1a1a1a) !important;
  border: 1px solid var(--shop-accent-deep, #0d0d0d) !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 12px rgba(20, 20, 20, 0.12) !important;
}
.home-user-stats-recharge-btn:hover {
  background: var(--shop-accent-deep, #0d0d0d) !important;
}
.home-user-stats-upgrade-btn {
  border-radius: 4px !important;
  border: 1px solid var(--shop-gold, #b8975a) !important;
  background: #fff !important;
  color: var(--shop-ink, #141414) !important;
  box-shadow: none !important;
}
.home-user-stats-upgrade-btn:hover,
.home-user-stats-upgrade-btn:focus {
  color: var(--shop-ink, #141414) !important;
  border-color: var(--shop-gold, #b8975a) !important;
  background: var(--shop-accent-soft, #f3eee4) !important;
}
.home-user-stats-card--member .home-user-stats-hero {
  border-bottom-color: var(--shop-line, #e6e2d8) !important;
  background: transparent !important;
}
.home-user-stats-item,
.home-user-stats-card--member .home-user-stats-item {
  border-radius: 4px !important;
  background: #faf9f6 !important;
  border: 1px solid var(--shop-line, #e6e2d8) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.home-user-stats-item:hover,
.home-user-stats-card--member .home-user-stats-item:hover {
  background: #fff !important;
  border-color: var(--shop-gold, #b8975a) !important;
  box-shadow: none !important;
}
.home-user-stats-label {
  color: var(--shop-muted, #8a857c) !important;
}
.home-user-stats-label .uil {
  color: var(--shop-gold, #b8975a) !important;
}
.home-user-stats-val {
  color: var(--shop-ink, #141414) !important;
}
.home-user-stats-val--accent {
  color: var(--shop-price, #9a4d3c) !important;
}
.home-user-stats-val--email:hover {
  color: var(--shop-accent-deep, #0d0d0d) !important;
}

/* 访客卡按钮 */
.home-guest-btn-login {
  background: var(--shop-accent, #1a1a1a) !important;
  border-color: var(--shop-accent-deep, #0d0d0d) !important;
  color: #fff !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 14px rgba(20, 20, 20, 0.14) !important;
}
.home-guest-btn-register {
  border: 1px solid var(--shop-gold, #b8975a) !important;
  background: #fff !important;
  color: var(--shop-ink, #141414) !important;
  border-radius: 4px !important;
}
.home-guest-hint {
  background: var(--shop-accent-soft, #f5f5f5) !important;
  border: 1px solid var(--shop-line, #e6e2d8) !important;
  color: var(--shop-slate, #3a3835) !important;
}
.home-guest-hint .uil,
.home-guest-hint-icon {
  color: inherit;
}
.home-guest-hint-icon {
  background: var(--shop-accent, #1a1a1a) !important;
  color: #fff !important;
}
.home-guest-hint-icon .uil {
  color: #fff !important;
}

/* 升级条件弹窗 */
.member-upgrade-modal {
  border: 1px solid var(--shop-line, #e6e2d8) !important;
  border-radius: 8px !important;
}
.member-upgrade-modal .modal-header {
  background: #faf9f6 !important;
  border-bottom: 1px solid var(--shop-line, #e6e2d8) !important;
}
.member-upgrade-modal .modal-title {
  color: var(--shop-ink, #141414) !important;
  letter-spacing: 0.04em;
}
.member-upgrade-tip {
  color: var(--shop-muted, #8a857c) !important;
}
.member-upgrade-list li {
  border: 1px solid var(--shop-line, #e6e2d8) !important;
  border-radius: 4px !important;
  background: #faf9f6 !important;
}
.member-upgrade-list .lv {
  color: var(--shop-ink, #141414) !important;
}
.member-upgrade-list .cond,
.member-upgrade-list .cond-threshold {
  color: var(--shop-muted, #8a857c) !important;
}
.member-upgrade-list .cond-discount {
  border: 1px solid var(--shop-gold, #c9a45b) !important;
  background: var(--shop-accent-soft, #f3eee4) !important;
  color: var(--shop-ink, #141414) !important;
  border-radius: 4px !important;
}
.member-upgrade-note {
  color: var(--shop-muted, #8a857c) !important;
}

/* ========== 商品详情 / 下单页 ========== */
.buy-page .buy-page-heading-line {
  background: linear-gradient(
    90deg,
    transparent,
    var(--shop-gold, #c9a45b),
    transparent
  ) !important;
}
.buy-page .buy-page-heading-title {
  color: var(--shop-ink, #141414) !important;
  letter-spacing: 0.06em;
}
.buy-page .card.buy-checkout-card,
.buy-page .card.buy-product {
  background: var(--shop-panel, #fff) !important;
  border: 1px solid var(--shop-line, #e6e2d8) !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 28px rgba(20, 20, 20, 0.05) !important;
}
.buy-page .buy-checkout-card h3,
.buy-page .buy-checkout-card h3.buy-product-title {
  color: var(--shop-ink, #141414) !important;
}
.buy-page .buy-price {
  color: var(--shop-price, #9a4d3c) !important;
}
.buy-page .buy-price-breakdown {
  border: 1px solid var(--shop-line, #e6e2d8) !important;
  background: #faf9f6 !important;
  border-radius: 4px !important;
  color: var(--shop-slate, #3a3835) !important;
}
.buy-page .buy-price-breakdown .v-discount {
  color: var(--shop-price, #9a4d3c) !important;
}
.buy-page .buy-price-breakdown .v-final {
  color: var(--shop-ink, #141414) !important;
}
.buy-page .buy-price-breakdown .final-card {
  border: 1px solid var(--shop-gold, #c9a45b) !important;
  background: var(--shop-accent-soft, #f3eee4) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.buy-page .buy-price-breakdown .final-card .label {
  color: var(--shop-muted, #8a857c) !important;
}
.buy-page .buy-price-breakdown .final-card .amount {
  color: var(--shop-ink, #141414) !important;
}
.buy-page .buy-title {
  color: var(--shop-muted, #8a857c) !important;
  letter-spacing: 0.04em;
}
.buy-page .buy-checkout-card .form-control {
  border-radius: 4px !important;
  border-color: var(--shop-line, #e6e2d8) !important;
  background: #fcfbf9;
}
.buy-page .buy-checkout-card .form-control:focus {
  border-color: var(--shop-gold, #b8975a) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--shop-gold, #c9a45b) 25%, transparent) !important;
}
.buy-page .buy-wholesale {
  border-radius: 4px !important;
  border-color: var(--shop-line, #e6e2d8) !important;
  background: #faf9f6 !important;
  color: var(--shop-slate, #3a3835) !important;
}
.buy-page .pay-type.btn {
  border-radius: 4px !important;
  border: 1px solid var(--shop-line, #e6e2d8) !important;
  background: #faf9f6 !important;
  color: var(--shop-ink, #141414) !important;
}
.buy-page .pay-type.btn:hover {
  border-color: var(--shop-gold, #c9a45b) !important;
  background: #fff !important;
}
.buy-page .pay-type.btn.active {
  border-color: var(--shop-accent, #1a1a1a) !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(26, 26, 26, 0.06) !important;
}
.buy-page .bootstrap-touchspin .btn,
.buy-page .input-group .btn {
  border-radius: 4px !important;
  border-color: var(--shop-line, #e6e2d8) !important;
  color: var(--shop-ink, #141414) !important;
  background: #faf9f6 !important;
}
.buy-page .bootstrap-touchspin .btn:hover {
  background: var(--shop-accent-soft, #f3eee4) !important;
  border-color: var(--shop-gold, #c9a45b) !important;
}
.buy-page .bootstrap-touchspin input,
.buy-page .input-group input[name="by_amount"] {
  border-radius: 4px !important;
  border-color: var(--shop-line, #e6e2d8) !important;
}
.buy-page .buy-submit-btn {
  border-radius: 4px !important;
  border: 1px solid var(--shop-accent-deep, #0d0d0d) !important;
  background: var(--shop-accent, #1a1a1a) !important;
  box-shadow: 0 6px 18px rgba(20, 20, 20, 0.14) !important;
}
.buy-page .buy-submit-btn:hover:not(:disabled) {
  background: var(--shop-accent-deep, #0d0d0d) !important;
  box-shadow: 0 8px 22px rgba(20, 20, 20, 0.18) !important;
  filter: none !important;
}
.buy-page .buy-submit-btn.is-submitting {
  background: var(--shop-accent, #1a1a1a) !important;
  box-shadow: 0 6px 18px rgba(20, 20, 20, 0.14) !important;
}
.buy-page .buy-checkout-card .badge-soft-danger,
.buy-page .badge.badge-outline-danger {
  border-color: rgba(154, 77, 60, 0.35) !important;
  color: var(--shop-price, #9a4d3c) !important;
  background: rgba(154, 77, 60, 0.06) !important;
}
.buy-page .buy-checkout-card .badge-soft-primary,
.buy-page .badge.badge-outline-primary {
  border-color: var(--shop-gold, #c9a45b) !important;
  color: var(--shop-ink, #141414) !important;
  background: var(--shop-accent-soft, #f3eee4) !important;
}