.compute-recharge{margin:20px 0;padding:22px;border:1px solid #dce4ef;border-radius:14px;background:#fff;color:#25374c;font:14px/1.6 "Microsoft YaHei",system-ui,sans-serif;min-width:0}.compute-recharge *{box-sizing:border-box}.cr-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.cr-heading h3{font-size:18px;font-weight:650;margin:0}.compute-recharge button,.compute-recharge a{cursor:pointer;border:1px solid #cbd9eb;border-radius:8px;padding:8px 12px;color:#2669ca;background:white;font:inherit}.compute-recharge a{text-decoration:none;white-space:nowrap}.compute-recharge button:disabled{cursor:not-allowed;opacity:.5}.compute-recharge button:focus-visible,.compute-recharge a:focus-visible{outline:3px solid #86b5fa;outline-offset:2px}.cr-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0 25px}.cr-packages button{text-align:left;padding:18px;display:flex;flex-direction:column;gap:7px}.cr-packages button:hover:not(:disabled){border-color:#4389ef;background:#f3f8ff}.cr-packages strong{font-size:25px;color:#273a57}.cr-packages b{font-size:13px;font-weight:500}.cr-packages small,.cr-note,.cr-orders small{font-size:12px;color:#75849a}.cr-orders article{display:flex;align-items:center;gap:18px;border-bottom:1px solid #e8edf5;padding:14px 0;flex-wrap:wrap}.cr-orders article>div{flex:1;min-width:180px}.cr-orders small{display:block;overflow-wrap:anywhere}.cr-orders strong{font-size:14px}.cr-pending{padding:12px;background:#fffbeb;border-radius:8px}.cr-pending button{margin:8px}.compute-recharge [data-cr-status]{color:#7c6580;margin:12px 0}.cr-note{margin-top:15px}@media(max-width:480px){.compute-recharge{padding:15px}.cr-packages{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cr-packages button{padding:12px}.cr-packages strong{font-size:22px}}

.cr-payment-channels{display:flex;flex-wrap:wrap;gap:12px;border:0;padding:0;margin:20px 0}.cr-payment-channels legend{font-weight:600;margin-bottom:10px}.cr-payment-channels label{display:flex;flex-direction:row;align-items:center;gap:9px;border:1px solid #d7e1ef;background:#f9fbff;border-radius:9px;padding:10px 15px;cursor:pointer;font-size:14px}.cr-payment-channels input{width:17px;height:17px;margin:0;accent-color:#3568ed}.cr-payment-channels label:has(input:checked){border-color:#6b96ed;background:#edf4ff;color:#2863c4}.cr-payment-dialog{box-sizing:border-box;border:1px solid #dce4ef;border-radius:18px;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;color:#25374c;background:#fff;font:14px/1.6 "Microsoft YaHei",system-ui,sans-serif;text-align:center;box-shadow:0 24px 100px #13274644}.cr-payment-dialog::backdrop{background:#182b465c}.cr-payment-dialog header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}.cr-payment-dialog h3{margin:0;font-size:18px}.cr-payment-dialog button{font:inherit;color:#2864c3;border:1px solid #cddbeb;border-radius:8px;background:#f7faff;padding:9px 14px;cursor:pointer}.cr-payment-dialog button:focus-visible{outline:3px solid #86b5fa;outline-offset:2px}.cr-payment-dialog [data-cr-close]{font-size:26px;line-height:1;border:0;background:transparent;padding:3px 8px;color:#7b8798}.cr-payment-dialog>p{overflow-wrap:anywhere}.cr-pay-amount{display:block;font-size:30px;color:#263d60}.cr-qr-area{min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:10px;background:white;border-radius:12px}.cr-qr-area img{width:240px;max-width:100%;height:auto;display:block;image-rendering:pixelated}.cr-payment-dialog [data-cr-paid]{width:100%;background:#3568ed;color:#fff;border-color:#3568ed}.cr-payment-dialog .cr-note{color:#7b8798;font-size:12px}@media(max-width:480px){.cr-payment-dialog{padding:20px 16px}.cr-payment-channels{gap:8px}.cr-payment-channels label{flex:1;justify-content:center;padding:10px}}