.billing-page,.checkout-page{--bill-ink:#202b3c;--bill-muted:#647084;--bill-border:#e5e9ef;--bill-surface:#fff;--bill-soft:#f6f8fb;--bill-accent:#4f46e5;--bill-success:#087f52;color:var(--bill-ink);font-size:14px;line-height:1.6}.billing-page{max-width:1200px;margin:0 auto;padding-bottom:24px}.billing-page button,.checkout-page button{cursor:pointer;transition:background .16s,border-color .16s,color .16s}.billing-page button:disabled,.checkout-page button:disabled{cursor:not-allowed;opacity:.55}.billing-page :is(button,a,input):focus-visible,.checkout-page :is(button,a):focus-visible{outline-offset:3px;outline:3px solid #a5b4fc}.billing-page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.billing-page-heading h1{letter-spacing:-.04em;margin:3px 0 6px;font-size:28px;font-weight:650}.billing-page-heading p{color:var(--bill-muted);margin:0;font-size:13px}.billing-page-heading .billing-eyebrow{color:var(--bill-accent);letter-spacing:.08em;font-size:11px;font-weight:600}.billing-history-link{border:1px solid var(--bill-border);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:9px 14px;font-size:12px;display:inline-flex}.billing-history-link:hover{background:var(--bill-soft)}.billing-balance-bar{border:1px solid var(--bill-border);background:var(--bill-surface);border-radius:12px;align-items:center;gap:16px;margin-bottom:30px;padding:23px 28px;display:flex}.billing-wallet-icon{width:48px;height:48px;color:var(--bill-accent);background:#f0efff;border-radius:12px;place-items:center;display:grid}.billing-balance-bar>div>span{color:var(--bill-muted);font-size:12px;display:block}.billing-balance-bar strong{font-variant-numeric:tabular-nums;font-size:29px;font-weight:650;line-height:1.4;display:block}.billing-balance-bar strong small{color:var(--bill-muted);margin-left:8px;font-size:12px;font-weight:400}.billing-balance-bar>p{border-left:1px solid var(--bill-border);margin:0 0 0 auto;padding-left:22px;font-size:13px}.billing-balance-bar>p span{color:var(--bill-muted);font-size:12px;display:block}.billing-method-heading{align-items:baseline;gap:14px;margin-bottom:12px;display:flex}.billing-method-heading h2{margin:0;font-size:15px;font-weight:650}.billing-method-heading>span{color:var(--bill-muted);font-size:12px}.billing-channel-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.billing-channel-list>button{border:1px solid var(--bill-border);background:var(--bill-surface);text-align:left;color:var(--bill-ink);border-radius:10px;align-items:center;gap:12px;padding:17px 18px;display:flex}.billing-channel-list>button:hover{border-color:#b9bfd4}.billing-channel-list>button[aria-pressed=true]{border-color:var(--bill-accent);box-shadow:0 0 0 1px var(--bill-accent);background:#f8f8ff}.billing-channel-icon{border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.billing-channel-icon.bank{color:#515bd2;background:#eef0ff}.billing-channel-icon.wechat{color:#0b9253;background:#eaf8f0}.billing-balance-bar h1{color:var(--bill-muted);margin:0;font-size:13px;font-weight:500}.billing-balance-bar .billing-history-link{margin-left:16px}.billing-channel-copy{flex:1;min-width:0}.billing-channel-copy strong{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.billing-channel-copy small{color:var(--bill-muted);margin-top:3px;font-size:11px;display:block}.billing-channel-copy em{color:#667085;background:#f0f1f4;border-radius:4px;padding:1px 5px;font-size:10px;font-style:normal;font-weight:400}.billing-radio{border:1px solid #cdd3df;border-radius:50%;flex-shrink:0;place-items:center;width:17px;height:17px;display:grid}[aria-pressed=true]>.billing-radio{background:var(--bill-accent);border-color:var(--bill-accent);color:#fff}.billing-panel{border:1px solid var(--bill-border);background:var(--bill-surface);border-radius:12px;min-width:0;padding:26px}.billing-recharge-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);align-items:start;gap:20px;display:grid}.billing-section-heading{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.billing-step{width:29px;height:29px;color:var(--bill-muted);background:var(--bill-soft);border-radius:8px;flex-shrink:0;place-items:center;font-size:11px;font-weight:600;display:grid}.billing-section-heading h2{margin:0;font-size:16px;font-weight:650}.billing-section-heading p{color:var(--bill-muted);margin:4px 0 0;font-size:12px}.billing-amount-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.billing-amount-options button{border:1px solid var(--bill-border);color:var(--bill-ink);background:#fff;border-radius:9px;justify-items:center;gap:6px;padding:22px 8px;display:grid;position:relative}.billing-amount-options button>span{font-variant-numeric:tabular-nums;font-size:24px;font-weight:650;line-height:1.3}.billing-amount-options button small{margin-right:4px;font-size:14px;font-weight:400}.billing-amount-options button em{color:var(--bill-muted);font-size:11px;font-style:normal}.billing-amount-options button>svg{position:absolute;top:7px;right:7px}.billing-amount-options button:hover{border-color:#b6bbd3}.billing-amount-options button[aria-pressed=true]{border-color:var(--bill-accent);color:var(--bill-accent);background:#f8f8ff}.billing-custom-amount{gap:9px;margin-top:26px;font-size:13px;display:grid}.billing-custom-amount>div{border:1px solid var(--bill-border);border-radius:8px;align-items:center;gap:12px;min-height:50px;padding:0 14px;display:flex}.billing-custom-amount>div:focus-within{border-color:var(--bill-accent)}.billing-custom-amount input{width:100%;min-width:0;color:var(--bill-ink);background:0 0;border:0;padding:9px 0;font-size:20px;font-weight:550}.billing-custom-amount input:focus-visible{outline:none}.billing-custom-amount>div>span{white-space:nowrap;color:var(--bill-muted)}.billing-custom-amount>small{color:var(--bill-muted);font-size:11px}.billing-channel-note{border-top:1px solid var(--bill-border);color:var(--bill-muted);gap:10px;margin-top:28px;padding-top:22px;display:flex}.billing-channel-note>svg{flex-shrink:0;margin-top:2px}.billing-channel-note strong{color:var(--bill-ink);font-size:12px;font-weight:550}.billing-channel-note p{margin:4px 0 0;font-size:12px}.billing-cost-list{gap:13px;margin:0;font-size:13px;display:grid}.billing-cost-list>div{justify-content:space-between;gap:16px;display:flex}.billing-cost-list dt{color:var(--bill-muted)}.billing-cost-list dd{font-variant-numeric:tabular-nums;margin:0}.billing-cost-list .billing-total{border-top:1px solid var(--bill-border);align-items:baseline;margin-top:5px;padding-top:16px}.billing-total dd{font-size:30px;font-weight:650;line-height:1.3}.billing-total dd small{margin-right:4px;font-size:16px;font-weight:400}.billing-points-receipt{color:var(--bill-success);background:#eff8f3;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 10px;padding:11px 13px;font-size:12px;display:flex}.billing-points-receipt strong{font-variant-numeric:tabular-nums;font-size:18px}.billing-points-receipt small{margin-left:5px;font-size:11px;font-weight:400}.billing-fee-note,.billing-action-hint,.billing-muted{color:var(--bill-muted);font-size:11px;line-height:1.8}.billing-fee-note{margin:0}.billing-pay-button{background:var(--bill-accent);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px;font-size:14px;font-weight:550;display:flex}.billing-pay-button:hover:not(:disabled){background:#4338ca}.billing-action-hint{text-align:center;margin:8px 0 0}.billing-page .billing-agreement{border-color:var(--bill-border);margin:18px 0;padding-top:16px}.billing-page .billing-agreement-document{border:0;border-radius:0;padding:0}.billing-page .billing-agreement-document summary{color:var(--bill-accent);font-size:12px;font-weight:500}.billing-page .billing-agreement-document summary span{color:var(--bill-muted);font-size:10px}.billing-page .billing-agreement-check{padding-bottom:0;font-size:12px;line-height:1.8}.billing-page .billing-agreement-check input{width:16px;height:16px;accent-color:var(--bill-accent)}.billing-page .billing-agreement-hint{color:var(--bill-muted);margin-bottom:0;font-size:10px}.billing-page .billing-agreement-text{font-size:13px}.billing-loading{min-height:260px;color:var(--bill-muted);justify-content:center;align-items:center;gap:12px;display:flex}.billing-unavailable{text-align:center;padding:65px 24px}.billing-unavailable>svg{color:var(--bill-muted);margin:0 auto 16px}.billing-unavailable h2{font-size:18px}.billing-unavailable p{color:var(--bill-muted);margin:12px 0 24px}.billing-success-notice{color:var(--bill-success);background:#eff9f3;border:1px solid #bde3cd;border-radius:10px;align-items:center;gap:14px;margin-bottom:22px;padding:18px 22px;display:flex}.billing-success-notice p{margin:3px 0 0;font-size:13px}.billing-success-notice button{width:40px;height:40px;color:inherit;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.billing-page .corporate-recharge-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.billing-page .corporate-recharge-layout .dash-card{border-color:var(--bill-border);box-shadow:none;border-radius:12px}.billing-page .corporate-amount-content{gap:20px;padding:24px}.billing-page .corporate-step-heading{border-bottom:1px solid var(--bill-border);padding:24px}.billing-page .corporate-amount-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-page .corporate-selected-amount{background:var(--bill-soft);color:var(--bill-ink)}.billing-page .corporate-selected-amount span{color:var(--bill-muted)}.billing-page .corporate-payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-page .corporate-payment-summary>div:last-child{border-left:0;border-top:1px solid var(--bill-border);grid-column:1/-1}.billing-page .corporate-payment-notice ol,.billing-page .corporate-rule-list p{font-size:12px;line-height:1.8}.checkout-page{--dash-accent:var(--bill-accent);--dash-muted:var(--bill-muted);--dash-border:var(--bill-border);background:#f5f7fa;min-height:100dvh}.checkout-header{justify-content:space-between;align-items:center;gap:20px;max-width:1100px;min-height:80px;margin:auto;padding:20px 32px;display:flex}.checkout-brand{color:var(--bill-ink);align-items:center;gap:10px;display:flex}.checkout-brand>svg{color:var(--bill-accent)}.checkout-brand strong{letter-spacing:-.025em;font-size:18px}.checkout-brand span{color:var(--bill-muted);border-left:1px solid #d4dae5;margin-left:5px;padding-left:15px;font-size:14px}.checkout-back{min-height:44px;color:var(--bill-muted);align-items:center;gap:7px;font-size:13px;display:flex}.checkout-content{width:min(940px,100%);margin:0 auto;padding:20px 24px 40px}.checkout-steps{justify-content:center;align-items:center;gap:0;margin:8px 0 30px;padding:0;list-style:none;display:flex}.checkout-steps li{color:#717d8e;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.checkout-steps li+li:before{content:"";background:#dfe4ed;width:64px;height:1px;margin:0 20px 0 12px}.checkout-steps li>span,.checkout-steps li>svg{text-align:center;background:#e8ecf2;border-radius:50%;width:22px;height:22px;padding:3px}.checkout-steps .current{color:var(--bill-ink);font-weight:600}.checkout-steps .current>span{background:var(--bill-ink);color:#fff}.checkout-steps .done{color:var(--bill-success)}.checkout-steps .done>svg{background:#e2f3e9}.checkout-card{border:1px solid var(--bill-border);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 12px 36px #182b4910}.checkout-order-bar{border-bottom:1px solid var(--bill-border);justify-content:space-between;align-items:center;gap:15px;padding:20px 30px;font-size:13px;display:flex}.checkout-order-bar code{color:var(--bill-muted);overflow-wrap:anywhere;font-size:11px}.checkout-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);display:grid}.checkout-scan-panel{text-align:center;min-width:0;padding:32px 30px}.checkout-method{justify-content:center;align-items:center;gap:9px;display:flex}.checkout-method.wechat{color:#118544}.checkout-method.alipay{color:#147fc2}.checkout-method h1{margin:0;font-size:18px;font-weight:600}.checkout-amount{letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:44px;font-weight:650;line-height:1.4}.checkout-amount small{margin-right:7px;font-size:24px;font-weight:400}.checkout-amount-caption{color:var(--bill-muted);margin:0 0 20px;font-size:11px}.checkout-qr-frame{border:1px solid var(--bill-border);background:#fff;border-radius:12px;place-items:center;width:252px;max-width:100%;height:252px;margin:0 auto;padding:15px;display:grid}.checkout-qr-frame .recharge-qr{border-radius:0;width:220px;max-width:100%;height:220px;display:block}.checkout-qr-placeholder{color:var(--bill-muted);justify-items:center;gap:8px;font-size:12px;display:grid}.checkout-qr-placeholder strong{color:var(--bill-ink);font-size:14px}.checkout-qr-placeholder button{color:var(--bill-accent);background:0 0;border:0;padding:8px;font-size:12px}.checkout-scan-hint{justify-content:center;align-items:center;gap:10px;margin:18px 0 10px;display:flex}.checkout-scan-hint>svg{color:#8b96a6}.checkout-scan-hint p{text-align:left;margin:0;font-size:13px}.checkout-scan-hint span{color:var(--bill-muted);margin-top:2px;font-size:11px;display:block}.checkout-countdown{color:var(--bill-muted);justify-content:center;align-items:center;gap:5px;margin:12px 0 6px;font-size:11px;display:flex}.checkout-countdown strong{color:var(--bill-ink);font-variant-numeric:tabular-nums;font-weight:550}.checkout-query{min-height:40px;color:var(--bill-accent);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;display:inline-flex}.checkout-summary{border-left:1px solid var(--bill-border);background:#fafbfd;padding:38px 30px}.checkout-summary h2{margin:0 0 26px;font-size:15px;font-weight:600}.checkout-summary dl{gap:18px;margin:0;font-size:13px;display:grid}.checkout-summary dl>div{justify-content:space-between;gap:14px;display:flex}.checkout-summary dt{color:var(--bill-muted)}.checkout-summary dd{font-variant-numeric:tabular-nums;margin:0}.checkout-summary-total{border-top:1px solid var(--bill-border);padding-top:18px}.checkout-summary-total dd{font-weight:650}.checkout-credit{color:var(--bill-success);background:#f0f8f3;border:1px solid #dcebe2;border-radius:9px;gap:5px;margin:26px 0;padding:20px;display:grid}.checkout-credit>span{font-size:12px}.checkout-credit>strong{font-variant-numeric:tabular-nums;font-size:27px;font-weight:650;line-height:1.4}.checkout-credit small{margin-left:7px;font-size:12px;font-weight:400}.checkout-summary ul{color:var(--bill-muted);gap:9px;margin:0;padding-left:15px;font-size:12px;display:grid}.checkout-security{color:var(--bill-muted);border-top:1px solid var(--bill-border);align-items:center;gap:8px;margin-top:24px;padding-top:24px;font-size:11px;display:flex}.checkout-cancel{min-height:40px;color:var(--bill-muted);text-underline-offset:3px;background:0 0;border:0;margin-top:18px;padding:0;font-size:12px;text-decoration:underline}.checkout-cancel-confirm{margin-top:18px;font-size:12px}.checkout-cancel-confirm>div{gap:8px;display:flex}.checkout-cancel-confirm button{border:1px solid var(--bill-border);background:#fff;border-radius:6px;min-height:40px;padding:8px}.checkout-cancel-confirm button:first-child{color:#b42318}.checkout-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:480px;padding:28px;display:flex}.checkout-state h1{margin:0;font-size:24px;font-weight:600}.checkout-state p{color:var(--bill-muted);margin:0;font-size:13px}.checkout-state>span{color:var(--bill-muted);font-size:12px}.checkout-state>a{color:var(--bill-accent);padding:10px;font-size:13px}.checkout-state>svg{color:#8a96a7}.checkout-paid>svg{color:#13a069;margin-bottom:8px}.checkout-paid p strong{color:var(--bill-success);font-size:24px}.checkout-error{color:#a43b22;text-align:left;background:#fff4ef;border-radius:7px;margin:12px 0 0;padding:12px;font-size:12px}.checkout-footer{text-align:center;color:var(--bill-muted);padding:24px 15px 0;font-size:11px}.checkout-footer>span{margin-top:5px;display:block}.checkout-spinning{animation:1s linear infinite dash-spin}@media (min-width:1920px){.checkout-page{font-size:16px}.checkout-content{width:min(1040px,100%);padding-top:44px}.checkout-scan-panel{padding-block:44px}}@media (max-width:1080px){.billing-recharge-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.billing-panel{padding:22px}.billing-amount-options{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-channel-list>button{gap:9px;padding:15px 12px}.billing-radio{display:none}.billing-page .corporate-recharge-layout{grid-template-columns:1fr}}@media (max-width:720px){.billing-recharge-grid{grid-template-columns:1fr}.billing-balance-bar{gap:12px;margin-bottom:24px;padding:18px}.billing-balance-bar strong{font-size:25px}.billing-balance-bar>p{display:none}.billing-page-heading h1{font-size:25px}.billing-page-heading{gap:12px}.billing-history-link{padding:8px}.billing-channel-list{gap:8px}.billing-channel-list>button{text-align:center;flex-direction:column;padding:14px 7px}.billing-channel-copy strong{flex-wrap:wrap;justify-content:center;gap:4px;font-size:13px}.billing-channel-copy small{display:none}.billing-channel-icon{width:38px;height:38px}.billing-amount-options{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-amount-options button{padding:20px 6px}.billing-amount-options button>span{font-size:21px}.billing-custom-amount input{font-size:18px}.checkout-header{min-height:72px;padding:14px 20px}.checkout-brand{gap:7px}.checkout-brand strong{font-size:16px}.checkout-brand span{padding-left:10px;font-size:12px}.checkout-back{font-size:12px}.checkout-content{padding:12px 16px 25px}.checkout-layout{grid-template-columns:1fr}.checkout-order-bar{flex-wrap:wrap;gap:4px;padding:16px 20px}.checkout-order-bar code{font-size:10px}.checkout-steps{margin-bottom:22px}.checkout-steps li{gap:5px;font-size:11px}.checkout-steps li+li:before{width:18px;margin-inline:9px}.checkout-scan-panel{padding:26px 20px}.checkout-summary{border-left:0;border-top:1px solid var(--bill-border);padding:24px}.checkout-summary h2{margin-bottom:18px}.checkout-credit{margin:22px 0;padding:15px 18px}.checkout-state{min-height:390px}.checkout-page .checkout-footer{font-size:11px}.billing-success-notice{gap:10px;padding:16px}.billing-success-notice p{font-size:12px}}@media (max-width:400px){.billing-panel{padding:18px}.billing-amount-options{gap:8px}.billing-amount-options button>span{font-size:18px}.billing-page .corporate-amount-content{padding:16px}.billing-page .corporate-amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-brand span{display:none}}@media (prefers-reduced-motion:reduce){.billing-page *,.checkout-page *{transition:none!important;animation:none!important}}
