.support-payments.support-fixed-payment { display: flex; flex-direction: column; align-items: center; gap: 16px; }
html[lang="en"] .support-fixed-payment { display: none; }
.support-amount-options { border: 0; padding: 0; margin: 0; display: flex; gap: 10px; width: min(100%, 360px); min-width: 0; }
.support-amount-options legend { margin-bottom: 12px; color: #d9d5c8; font-size: 14px; }
.support-amount-options label { flex: 1; position: relative; cursor: pointer; display: flex; align-items: stretch; min-width: 0; }
.support-amount-options input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.support-amount-options span { display: block; padding: 12px 5px; text-align: center; font-size: 20px; font-weight: 700; border: 1px solid #625437; background: #151611; color: #e8dfc5; }
.support-amount-options label > span { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; min-height: 94px; min-width: 0; }
.support-amount-options input:checked + span { background: #573619; border-color: #efb855; color: #ffe6a8; }
.support-amount-options input:focus-visible + span { outline: 3px solid #fff; outline-offset: 3px; }
.support-fixed-payment .support-qr { width: min(100%, 360px); margin: 0; }
/* Crop presentation only; preserve original QR pixels and white quiet zone. */
.support-core-qr { position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; background: white; }
.support-core-qr > img.support-qr-original { position: absolute; width: 203.439803%; height: 276.167076%; max-width: none; left: -51.597052%; top: -78.378378%; border: 0; padding: 0; }
/* Cover only the existing avatar footprint, never adjacent QR modules. */
.support-qr-brand { position: absolute; left: 37.100737%; top: 38.083538%; width: 24.078624%; height: 24.078624%; display: grid; place-items: center; background: #fff; border-radius: 5px; }
.support-qr-brand img { width: 94%; height: 94%; object-fit: contain; }
.support-scan-note { margin: 0; color: #b9b8ae; font-size: 13px; text-align: center; }
.support-channel-select { width: min(100%, 360px); display: grid; gap: 8px; color: #d9d5c8; font-size: 14px; }
/* Keep the appended gift summary visible while the channel picker is paused. */
.support-channel-select > span, .support-channel-select > select { display: none !important; }
.support-channel-select select { width: 100%; min-height: 48px; padding: 10px 14px; background: #11110f; border: 1px solid #625437; color: #f0eadb; font: inherit; }
.support-channel-select select:focus-visible { outline: 2px solid #efb855; outline-offset: 3px; }
.support-fixed-payment [hidden] { display: none !important; }
.support-alipay-qr { display: block; width: 100%; height: auto; background: #fff; }
.support-amount-options .support-gift-amount { display:block; margin-top:5px; font:500 11px/1.5 sans-serif; color:#e9cd91; white-space:normal; }
.support-channel-select .support-gift-summary { display:block; font:400 12px/1.6 sans-serif; color:#e9cd91; overflow-wrap:anywhere; }
.page-support-banner .support-amount-options label > span { flex-direction:column; }
.support-gift-bonus{display:block;color:#ffcf70;font-style:normal;font-size:10px;line-height:1.6}
/* Reserve both caption lines even when a tier has no bonus. */
@media (min-width:601px) {
 .support-amount-options .support-gift-amount { min-height:32.5px; }
}