.wechat-payment{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:26px;align-items:center;margin:28px 0;padding:25px;border:1px solid #cfe5da;border-radius:24px;background:linear-gradient(135deg,#f2fcf7,#eef7ff);box-shadow:0 18px 42px rgba(22,103,77,.08);text-align:left}
.wechat-payment-copy>span{color:#16866a;font-size:9px;font-weight:900;letter-spacing:2px}
.wechat-payment-copy h2{margin:7px 0;font-size:24px}
.wechat-payment-copy>p{max-width:600px;margin:0;color:#6b7f78;font-size:11px;line-height:1.8}
.payment-timer{display:flex;align-items:center;justify-content:space-between;max-width:390px;margin:17px 0 10px;padding:12px 14px;border-radius:13px;background:#fff;border:1px solid #d5e8e0}
.payment-timer small{color:#738780;font-size:10px}.payment-timer b{color:#0c7b63;font-size:25px;font-variant-numeric:tabular-nums}
.wechat-payment.is-urgent .payment-timer{border-color:#f1c692;background:#fff9ef}.wechat-payment.is-urgent .payment-timer b{color:#d57425}
.payment-binding-state{margin-bottom:15px;color:#56736a;font-size:10px}.payment-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.payment-actions form{margin:0}.open-miniprogram{display:inline-flex}.cancel-order{border:1px solid #d9a8ae!important;background:#fff!important;color:#a63a47!important;box-shadow:none!important;cursor:pointer}.cancel-order:hover,.cancel-order:focus-visible{background:#fff1f3!important;border-color:#c76b78!important;outline:3px solid rgba(196,74,90,.12);outline-offset:2px}.cancel-order:active{transform:translateY(1px)}
.miniprogram-code{display:grid;justify-items:center;padding:15px;border-radius:20px;background:#fff;border:1px solid #d8e7e1}
.miniprogram-code img{display:block;width:210px;height:210px;object-fit:contain}.miniprogram-code small{margin-top:7px;color:#267b68;font-size:10px;font-weight:800}
.miniprogram-code p{margin:8px 0 0;color:#8c6b36;font-size:9px;line-height:1.6;text-align:center}
@media(max-width:760px){.wechat-payment{grid-template-columns:1fr;padding:19px}.wechat-payment-copy h2{font-size:20px}.payment-actions{display:grid}.payment-actions form{width:100%}.open-miniprogram,.cancel-order{display:flex;justify-content:center;width:100%;box-sizing:border-box}.miniprogram-code{order:-1}.miniprogram-code img{width:190px;height:190px}}