.issuedCard{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:12px 0;padding:12px;border:1px solid #355a4a;border-radius:8px;background:#0a1c17}
.issuedCard span{grid-column:1/-1;color:#8bd8b2;font-size:13px;font-weight:800}
.issuedCard code{min-width:0;overflow-wrap:anywhere;color:#fff;font-size:16px}
.issuedCard button{margin:0;border-radius:8px}
.issuedCard.hidden{display:none}
.buyGrid{display:block}.buyGrid .payBox{position:static;width:min(100%,920px);margin:0 auto;padding:20px}.payBox h2{margin:0 0 16px}.paymentLayout{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:24px;align-items:center}.paymentQr{display:flex;justify-content:center}.paymentQr img{display:block;width:min(100%,320px);height:auto;max-height:500px;object-fit:contain;border:1px solid #334158;border-radius:8px;background:#fff}.paymentDetails p{margin:0 0 14px;color:#dce8ff}.paymentDetails code{overflow-wrap:anywhere;color:#c8d6ef}.payAmount{display:block;margin-top:6px;color:#ffe28a;font-size:32px}.paymentState{margin:16px 0;padding:12px 14px;border:1px solid #5f5135;border-radius:8px;background:#201a10;color:#e5c47d;font-weight:900}.paymentState.paid{border-color:#37634f;background:#0d2119;color:#8de0b4}.paymentState.failed{border-color:#77454a;background:#291417;color:#ff9ca4}.paymentHint{color:#9eadc5!important;font-size:13px;line-height:1.7}
@media(max-width:760px){.paymentLayout{grid-template-columns:1fr}.paymentQr img{width:min(100%,300px)}}
@media(max-width:520px){.issuedCard{grid-template-columns:1fr}.issuedCard button{width:100%}.buyGrid .payBox{padding:14px}.payAmount{font-size:27px}}
.paymentQr img{width:min(100%,256px);max-height:none;image-rendering:pixelated}
.paymentQr.hidden,.officialPayLink.hidden{display:none}
@media(max-width:760px){.paymentQr img{width:min(100%,256px)}}