/* ── 打赏按钮：底部常驻模块（.wap-ux-float）里的主按钮，比其它按钮更醒目 ── */
.wap-ux-float .wap-ux-btn.wap-rw-pay {
  border: 0; font-weight: 900; letter-spacing: .5px;
  color: #4a2b00 !important; padding: 11px 20px; font-size: 15px;
  background: linear-gradient(135deg, #ffd76a 0%, #ffb020 55%, #ff8f1f 100%);
  box-shadow: 0 8px 20px rgba(255, 150, 20, .45), inset 0 1px 0 rgba(255, 255, 255, .5);
  animation: wapRwPulse 2.8s ease-in-out infinite;
}
.wap-ux-float .wap-ux-btn.wap-rw-pay:hover {
  color: #3a2100 !important; filter: brightness(1.06);
  background: linear-gradient(135deg, #ffdd85 0%, #ffbb33 55%, #ff9c30 100%);
  border: 0;
}
@keyframes wapRwPulse {
  0%, 100% { box-shadow: 0 8px 20px rgba(255, 150, 20, .38), inset 0 1px 0 rgba(255, 255, 255, .5); }
  50%      { box-shadow: 0 11px 26px rgba(255, 150, 20, .62), inset 0 1px 0 rgba(255, 255, 255, .55); }
}
@media (prefers-reduced-motion: reduce) { .wap-ux-float .wap-ux-btn.wap-rw-pay { animation: none; } }

/* 深色模式：覆盖 wap-ux.css 里「悬浮栏按钮统一半透明」的高特异性规则，保住琥珀主色 */
html[data-wap-theme="dark"] body.single-post .wap-ux-float .wap-ux-btn.wap-rw-pay {
  background: linear-gradient(135deg, #ffd76a 0%, #ffb020 55%, #ff8f1f 100%) !important;
  color: #4a2b00 !important; border: 0 !important;
}
html[data-wap-theme="dark"] body.single-post .wap-ux-float .wap-ux-btn.wap-rw-pay:hover {
  background: linear-gradient(135deg, #ffdd85 0%, #ffbb33 55%, #ff9c30 100%) !important;
  color: #3a2100 !important;
}

/* ── 打赏弹窗 ─────────────────────────────────────────────────────── */
.wap-rw-pop {
  position: fixed; inset: 0; z-index: 100050; padding: 18px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(8, 15, 25, .55);
}
.wap-rw-pop[hidden] { display: none; }
.wap-rw-pop__card {
  position: relative; width: min(94vw, 400px); padding: 22px 22px 18px; text-align: center;
  background: #fff; border-radius: 18px; box-shadow: 0 24px 60px rgba(6, 20, 40, .40);
}
.wap-rw-pop__x {
  position: absolute; top: 8px; right: 10px; width: 30px; height: 30px; padding: 0;
  border: 0; border-radius: 8px; background: transparent; color: #98a2b3;
  font-size: 22px; line-height: 1; cursor: pointer;
}
.wap-rw-pop__x:hover { background: #f1f3f7; color: #1f2328; }
.wap-rw-pop__badge { font-size: 40px; line-height: 1.2; }
.wap-rw-pop__t { display: block; font-size: 18px; font-weight: 800; color: #1f2328; margin-top: 2px; }
.wap-rw-pop__s { font-size: 13.5px; color: #6b7280; margin: 6px 0 14px; }
.wap-rw-pop__qr {
  width: 200px; height: 200px; margin: 0 auto; border-radius: 14px;
  display: grid; place-items: center; overflow: hidden;
  border: 1px dashed #cfd6e0; background: #fafbfd;
}
.wap-rw-pop__qr img { width: 100%; height: 100%; object-fit: contain; }
.wap-rw-pop__qr.is-empty { color: #98a2b3; font-size: 13px; }
.wap-rw-pop__hint { font-size: 12.5px; color: #98a2b3; margin: 12px 0 0; }
.wap-rw-pop__foot { margin-top: 14px; display: flex; justify-content: center; }
.wap-rw-pay-close {
  cursor: pointer; font: inherit; font-weight: 700; padding: 10px 22px;
  border-radius: 12px; border: 1px solid #d7dce5; background: #fff; color: #243b53;
}
.wap-rw-pay-close:hover { border-color: #005a9c; color: #005a9c; }

/* 深色模式（弹窗） */
html[data-wap-theme="dark"] .wap-rw-pop__card { background: #1a212b; box-shadow: 0 24px 60px rgba(0, 0, 0, .55); }
html[data-wap-theme="dark"] .wap-rw-pop__t { color: #eaf2ff; }
html[data-wap-theme="dark"] .wap-rw-pop__s,
html[data-wap-theme="dark"] .wap-rw-pop__hint { color: #9aa7b6; }
html[data-wap-theme="dark"] .wap-rw-pop__qr { background: #141a22; border-color: #2c3d52; }
html[data-wap-theme="dark"] .wap-rw-pay-close { background: #1c2632; border-color: #2c3d52; color: #eaf2ff; }

@media print { .wap-rw-pop { display: none !important; } }