:root{color-scheme:light;--bg:#f7f9fa;--card:#fff;--text:#253247;--muted:#96a0af;--border:#dfe4ec;--accent:#10b6a5;--accent-deep:#09958b;--soft:#effcf8;--danger:#f34856;--shadow:0 1px 2px #17233b12;--tab:#f0f2f5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 20% 0%,#d7f0ee 0,transparent 62%),var(--bg);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text)}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #14b8a655;outline-offset:3px}.shell{width:min(100%,760px);padding:24px 40px 20px;margin:auto}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:3px;background:var(--tab);border-radius:10px;margin-bottom:18px;height:38px}.tab{border:0;background:none;color:var(--text);border-radius:8px;font-size:12px}.tab.active{background:var(--card);box-shadow:0 0 0 1px #0000000b,0 1px 2px #0000000a}.tab:disabled{color:var(--muted)}.soon{font-size:10px;margin-left:5px}.card{background:var(--card);border:1px solid #e9edf180;border-radius:13px;box-shadow:var(--shadow);padding:18px;margin-bottom:17px}.account{padding:13px 16px;min-height:62px}.caption{display:block;font-size:11px}.muted{color:var(--muted)}.balance{color:#14b34f;font-size:12px;margin-top:1px}.balance strong{font-weight:500;font-variant-numeric:tabular-nums}.account-label{color:var(--muted);font-size:10px;margin-left:10px;overflow-wrap:anywhere}h2{font-size:12px;font-weight:500;margin:0 0 12px}.amount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.amount{position:relative;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);min-height:51px;padding:8px 4px 6px;text-align:center;transition:background .15s,border-color .15s}.amount strong{font-weight:500;display:block;font-size:13px;font-variant-numeric:tabular-nums}.amount small{display:block;font-size:10px;color:var(--muted);margin-top:1px}.amount.selected{background:var(--soft);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.field-label{display:block;font-size:12px;margin:11px 0 5px}.input-wrap{display:flex;align-items:center;gap:8px;min-height:36px;border:1px solid var(--border);border-radius:10px;padding:5px 11px;color:var(--muted)}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #10b6a512}.input-wrap input{background:transparent;border:0;outline:0;color:var(--text);width:100%;font-size:12px}.hint{font-size:11px;color:var(--muted);margin:8px 0 0}.methods h2{margin-bottom:9px}.method{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:153px;min-height:46px;padding:10px 18px;border:1px solid var(--accent);border-radius:7px;background:var(--soft);color:var(--text);font-size:13px;font-weight:500}.coin{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#6650f6;color:#fff;font-size:14px;font-weight:700}.check{font-size:11px;color:var(--accent-deep);margin-left:4px}.method-hint{font-size:10px}.summary{padding:15px 18px}.summary>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.summary strong{font-weight:500;font-variant-numeric:tabular-nums}.credit-line{margin-top:7px;font-size:11px!important}.credit-line>span:last-child{color:var(--accent-deep)}.pay-button{width:100%;padding:10px;border:0;border-radius:10px;background:linear-gradient(110deg,var(--accent),var(--accent-deep));color:#fff;box-shadow:0 3px 5px #0c9f8e30;font-size:13px;min-height:40px}.pay-button:disabled{opacity:.55;box-shadow:none}.notice{border:1px solid #f0dba3;background:#fff9e9;color:#936b1b;font-size:12px;padding:10px 13px;border-radius:9px;margin-bottom:17px;overflow-wrap:anywhere}.notice.error{border-color:#ffc1c6;background:#fff1f2;color:#bc3347}.result,.history{margin-top:17px}.result p{font-size:12px;overflow-wrap:anywhere}.checkout{display:inline-block;text-decoration:none;background:var(--accent-deep);padding:9px 14px;border-radius:7px;color:#fff;font-size:12px;margin-top:8px}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header h2{margin:0}.text-button{background:none;border:0;font-size:11px;color:var(--accent-deep)}.order-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;border-top:1px solid var(--border);padding-top:11px;margin-top:11px;font-size:12px}.order-row small{font-size:10px;color:var(--muted)}.order-state{color:var(--accent-deep)}footer{text-align:center;font-size:10px;color:var(--muted);margin:16px 0 0}[hidden]{display:none!important}html.dark{color-scheme:dark;--bg:#101820;--card:#19232e;--text:#e0e6ee;--muted:#8592a2;--border:#344151;--accent:#14b8a6;--accent-deep:#10a99b;--soft:#153931;--shadow:0 1px 3px #0003;--tab:#14202a}html.dark body{background:radial-gradient(ellipse at 20% 0%,#143d3b 0,transparent 60%),var(--bg)}html.dark .card{border-color:#34415155}html.dark .notice{background:#332c1b;color:#e3c77b;border-color:#645432}html.dark .notice.error{background:#39232b;color:#ff9aaa;border-color:#6d3c45}@media(max-width:540px){.shell{padding:16px}.card{padding:16px;margin-bottom:14px}.account{padding:12px 14px}.amount-grid{gap:10px}.amount{min-height:57px}.tabs{margin-bottom:14px}.method{width:100%}.account-label{display:block;margin-left:0}.hint{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}