:root{--primary:#087f5b;--primary-dark:#066348;--ink:#17232b;--muted:#63717a;--line:#dfe5e8;--paper:#fff;--canvas:#f4f7f8;--accent:#ffb703;--danger:#c92a2a;--success:#2b8a3e;--radius:8px;--shadow:0 14px 42px rgba(22,35,43,.09)}
*{box-sizing:border-box;letter-spacing:0}
html{color-scheme:light;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;background:var(--canvas);color:var(--ink)}
body{margin:0;min-height:100vh;background:linear-gradient(180deg,#edf7f3 0,#f4f7f8 260px)}
button,input{font:inherit}button,a{touch-action:manipulation}.is-hidden{display:none!important}
.site-header{border-top:4px solid var(--primary);background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.header-inner{max-width:1120px;margin:auto;min-height:78px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px}.brand-link{color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:var(--primary);color:#fff;font-weight:800;font-size:21px}.brand-logo{width:42px;height:42px;object-fit:contain}.brand strong{display:block;font-size:18px}.brand small{display:block;color:var(--muted);margin-top:2px;font-size:12px}.return-link,.text-button{color:var(--primary);font-weight:700;text-decoration:none;background:none;border:0;cursor:pointer}.return-link:hover,.text-button:hover{text-decoration:underline}
.page-shell{max-width:1120px;margin:34px auto;padding:0 20px 54px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.recharge-panel,.info-band,.history-section,.checkout-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.recharge-panel{padding:30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}.section-heading.compact{align-items:center;margin:0 0 18px}.eyebrow{display:block;color:var(--primary);font-weight:800;font-size:11px;letter-spacing:1.3px}.section-heading h1,.section-heading h2{margin:5px 0 0;font-size:27px;line-height:1.25}.section-heading h2{font-size:20px}.secure-badge{padding:7px 10px;background:#e6fcf5;border:1px solid #b2f2dd;color:#087f5b;border-radius:6px;font-size:12px;font-weight:700}.notice{padding:13px 14px;background:#fff9db;border-left:4px solid var(--accent);white-space:pre-wrap;margin:-4px 0 24px;color:#5f4b00}.form-section{margin:0 0 24px;border:0;padding:0}.form-section>label,.form-section>legend{display:block;padding:0;margin:0 0 9px;font-size:15px;font-weight:800}.form-section label span{font-size:12px;color:var(--muted)}input{width:100%;height:50px;border:1px solid #cfd8dc;border-radius:7px;background:#fff;color:var(--ink);padding:0 14px;outline:none;transition:.18s}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(8,127,91,.12)}.input-action{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:9px}.money-input{position:relative}.money-input span{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:19px;font-weight:800;color:var(--primary)}.money-input input{padding-left:35px;font-size:18px;font-weight:700}.field-hint{font-size:12px;color:var(--muted);margin-top:7px}.field-hint.success{color:var(--success);font-weight:700}.field-hint.error{color:var(--danger)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border-radius:7px;padding:0 16px;border:1px solid transparent;font-weight:800;text-decoration:none;cursor:pointer;transition:.18s}.button:disabled{opacity:.56;cursor:not-allowed}.button.primary{background:var(--primary);color:#fff}.button.primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.button.secondary{background:#ecf8f4;border-color:#b2dfd1;color:var(--primary)}.button.wide{width:100%;min-height:52px}.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.channel-card{position:relative;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #d6dee1;border-radius:7px;cursor:pointer;background:#fff;min-height:68px;transition:.16s}.channel-card:hover{border-color:#93c8b7}.channel-card.selected{border:2px solid var(--primary);padding:12px;background:#f1fbf7}.channel-card input{position:absolute;opacity:0;width:1px;height:1px}.channel-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:7px;color:#fff;font-size:14px;font-weight:900}.channel-icon.alipay{background:#1677ff}.channel-icon.wechat{background:#07c160}.channel-icon.trc20{background:#e63946}.channel-icon.bep20{background:#f3ba2f;color:#1e2329}.channel-icon.okaypay{background:#6f42c1}.channel-card strong,.channel-card small{display:block}.channel-card strong{font-size:14px}.channel-card small{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.35}.loading-line,.empty-state{padding:24px;text-align:center;color:var(--muted);border:1px dashed #cfd8dc;border-radius:7px;grid-column:1/-1}.quote-box{background:#f7faf9;border:1px solid #d5e5df;border-radius:7px;margin:0 0 18px;padding:13px 15px}.quote-box>div{display:flex;justify-content:space-between;padding:6px 0;color:var(--muted);font-size:13px}.quote-box strong{color:var(--ink)}.quote-box .quote-total{border-top:1px solid #d5e5df;margin-top:5px;padding-top:12px;font-size:15px}.quote-box .quote-total strong{color:var(--primary);font-size:20px}.alert{padding:12px 14px;border-radius:7px;margin:0 0 14px;font-size:13px}.alert.error{color:#9f1717;background:#fff5f5;border:1px solid #ffc9c9}.submit-note{text-align:center;color:var(--muted);font-size:12px;margin:10px 0 0}.info-band{padding:24px}.info-band h2{margin:0 0 20px;font-size:18px}.info-band ol{list-style:none;padding:0;margin:0}.info-band li{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #edf0f2}.info-band li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e6fcf5;color:var(--primary);font-weight:800}.info-band li strong,.info-band li small{display:block}.info-band li strong{font-size:14px}.info-band li small{font-size:12px;color:var(--muted);margin-top:2px}.support-text{white-space:pre-wrap;color:var(--muted);font-size:13px;margin:18px 0 0}.history-section{grid-column:1/-1;padding:24px}.history-list{display:grid;gap:0}.history-item{display:grid;grid-template-columns:1.25fr .9fr .8fr .8fr auto;gap:14px;align-items:center;padding:14px 4px;border-top:1px solid #edf0f2;font-size:13px}.history-item:first-child{border-top:0}.history-item small{display:block;color:var(--muted);margin-top:3px}.status-pill{display:inline-block;padding:5px 8px;border-radius:5px;background:#fff3bf;color:#7a5b00;font-weight:700;font-size:11px}.status-pill.completed{background:#d3f9d8;color:#1b6d2a}.status-pill.manual_review{background:#ffe3e3;color:#a61e1e}.history-open{color:var(--primary);font-weight:700;text-decoration:none}footer{text-align:center;padding:24px;color:#7c898f;font-size:12px;border-top:1px solid var(--line);background:#fff}
.compact-header .header-inner{min-height:68px}.payment-body{background:#eef4f2}.checkout-shell{max-width:730px;margin:36px auto;padding:0 18px 50px}.checkout-panel{padding:28px}.checkout-status{display:flex;gap:15px;align-items:center;padding-bottom:22px}.status-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:#fff3bf;color:#8a6600;font-weight:900}.checkout-status h1{font-size:23px;margin:4px 0}.checkout-status p{margin:0;color:var(--muted);font-size:13px}.checkout-status.paid .status-icon{background:#d3f9d8;color:#237332}.checkout-status.failed .status-icon{background:#ffe3e3;color:#a61e1e}.countdown-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.countdown-row strong{color:var(--ink)}#countdown{font-weight:800;color:#b26b00}.pay-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 0}.pay-summary>div{padding:12px;background:#f7faf9;border-radius:7px}.pay-summary span,.pay-summary strong{display:block}.pay-summary span{color:var(--muted);font-size:11px;margin-bottom:5px}.pay-summary strong{font-size:14px;overflow-wrap:anywhere}.pay-summary .pay-total{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;background:#ecf8f4}.pay-summary .pay-total span{margin:0}.pay-summary .pay-total strong{font-size:24px;color:var(--primary)}.chain-payment{display:grid;gap:16px}.qr-wrap{display:flex;justify-content:center}.qr-wrap canvas{width:232px;height:232px;background:#fff;border:12px solid #fff;box-shadow:0 4px 20px rgba(0,0,0,.08)}.copy-group label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.copy-group>div{display:grid;grid-template-columns:minmax(0,1fr) 72px;border:1px solid #d5dde0;border-radius:7px;overflow:hidden}.copy-group code{padding:13px;background:#f7f9fa;overflow-wrap:anywhere;font-size:12px}.copy-group button{border:0;border-left:1px solid #d5dde0;background:#fff;color:var(--primary);font-weight:800;cursor:pointer}.network-warning{padding:14px;background:#fff4e6;border-left:4px solid #f08c00}.network-warning strong{color:#9c5700}.network-warning p{font-size:12px;color:#705536;line-height:1.65;margin:6px 0 0}.redirect-payment{text-align:center;padding:18px 0}.redirect-payment p{color:var(--muted);font-size:14px}.poll-note{text-align:center;color:var(--muted);font-size:12px;margin:18px 0 0}
@media (max-width:820px){.page-shell{grid-template-columns:1fr;margin-top:20px}.side-column{grid-row:3}.history-section{grid-column:1}.history-item{grid-template-columns:1fr 1fr}.history-item>a{justify-self:end}.recharge-panel{padding:22px}.header-inner{min-height:68px}.section-heading h1{font-size:23px}}
@media (max-width:560px){.header-inner,.page-shell{padding-left:14px;padding-right:14px}.return-link{font-size:12px}.brand small{display:none}.recharge-panel,.checkout-panel{padding:18px}.section-heading{margin-bottom:20px}.secure-badge{display:none}.input-action{grid-template-columns:1fr}.channel-grid{grid-template-columns:1fr}.history-item{grid-template-columns:1fr}.history-item>a{justify-self:start}.pay-summary{grid-template-columns:1fr 1fr}.pay-summary>div:first-child{grid-column:1/-1}.checkout-shell{margin-top:18px}.checkout-status h1{font-size:20px}.pay-summary .pay-total strong{font-size:21px}}