:root{color-scheme:light;--bg:#f7f6f2;--paper:#fff;--ink:#253128;--sub:#70776f;--line:#e5e8df;--soft:#eff1e9;--brand:#b94b35;--blush:#f9e9df;--green:#38694b;--greenbg:#e9f2e9;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:#eceee7;font-size:14px;line-height:1.6}
*{box-sizing:border-box}body,h1,h2,p{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #b94b3560;outline-offset:3px}[hidden]{display:none!important}button{color:inherit}h1,h2,strong{font-weight:650}h1{font-size:29px;letter-spacing:-.7px;line-height:1.3}h2{font-size:16px;line-height:1.5}button{border:0}ul{padding:0;margin:0;list-style:none}.account-app{max-width:560px;min-height:100vh;margin:0 auto;background:var(--bg);box-shadow:0 0 70px #25312808}.stage-strip{display:flex;gap:9px;align-items:flex-start;padding:12px 24px;background:#edf3e7;border-bottom:1px solid #dfe7d8;font-size:11px;color:#426047}.stage-strip strong{font-weight:650}.stage-strip p{color:#63745e;margin-top:1px;line-height:1.7}.stage-dot{width:6px;height:6px;border-radius:50%;background:#668267;margin-top:6px;flex:none}.account-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 24px 20px}.brand{display:flex;align-items:center;gap:10px}.brand>span>strong{font-size:21px;letter-spacing:-.4px;display:block;line-height:1.25}.brand small{font-size:9px;display:block;color:var(--sub);margin-top:3px;letter-spacing:.8px}.brand-symbol{position:relative;width:35px;height:35px;border-radius:11px;background:var(--brand);display:block;flex:none}.brand-symbol i,.brand-symbol b{position:absolute;border-radius:5px;display:block}.brand-symbol i{width:16px;height:13px;background:#e6b9a6;left:13px;top:8px}.brand-symbol b{width:17px;height:13px;background:#fffaf3;left:6px;top:13px}.brand-symbol b:after{content:"";position:absolute;left:2px;bottom:-4px;border-top:6px solid #fffaf3;border-right:5px solid transparent}.home-link{font-size:11px;color:var(--sub);padding:9px 0;white-space:nowrap}.home-link span{font-size:14px;margin-left:4px}main{padding:0 24px}.page-heading{padding:7px 0 23px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--brand);margin-bottom:8px}.page-heading>p:last-child{font-size:12px;color:var(--sub);margin-top:9px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:21px;margin-bottom:18px}.connection-card{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:1px solid var(--line);border-radius:19px;background:var(--paper);text-align:center}.connection-card h2{margin-top:15px}.connection-card p{font-size:12px;color:var(--sub);line-height:1.8;margin:8px 0 0}.connection-card .secondary-button{width:auto;min-width:135px;margin-top:18px}.loading-dot{width:24px;height:24px;border:3px solid #e9dfd8;border-top-color:var(--brand);border-radius:50%;animation:rotate .8s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.page-message{font-size:12px;border-radius:12px;background:var(--greenbg);color:var(--green);padding:12px 14px;line-height:1.8;margin:0 0 18px;overflow-wrap:anywhere}.page-message.error{background:#fff0e9;color:#9c4533}.auth-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:-3px 0 23px}.auth-tabs button{position:relative;background:none;padding:10px 0 13px;color:var(--sub);font-size:13px}.auth-tabs button[aria-selected="true"]{color:var(--brand);font-weight:650}.auth-tabs button[aria-selected="true"]:after{content:"";height:2px;background:var(--brand);position:absolute;bottom:-1px;left:0;right:0;border-radius:2px}.auth-panel h2{font-size:22px;letter-spacing:-.4px}.section-description{font-size:11px;color:var(--sub);line-height:1.8;margin-top:6px}.auth-panel form{margin-top:20px}.auth-panel label{display:block;font-size:12px;margin:16px 0 7px}.auth-panel input{width:100%;height:46px;padding:10px 13px;background:#fbfbf8;border:1px solid #dfe3d9;border-radius:11px;color:var(--ink);min-width:0}.auth-panel input::placeholder{font-size:12px;color:#9ba191}.field-help{font-size:10px;color:#8d9586;margin:6px 1px 0}.primary-button,.secondary-button{width:100%;border:0;border-radius:12px;min-height:46px;padding:12px 14px;font-size:13px;font-weight:600;text-align:center;line-height:1.5}.primary-button{background:var(--brand);color:#fff}.primary-button:disabled{background:#ddc9c0;color:#80675e}.secondary-button{background:var(--soft);color:var(--ink)}.secondary-button:disabled{background:#eff0eb;color:#919789}.auth-panel .primary-button{margin-top:20px}.auth-footnote{font-size:10px;line-height:1.9;color:#8b927f;text-align:center;margin-top:15px}.form-error{font-size:11px;color:#a34230;line-height:1.8;background:#fff2ec;border-radius:9px;padding:9px 11px;margin-top:13px}.member-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 14px}.member-heading p{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.member-heading strong{font-size:13px;overflow-wrap:anywhere}.member-label{font-size:9px;padding:1px 6px;background:#e9eee0;color:#718061;border-radius:5px}.member-avatar{display:grid;place-items:center;font-size:8px;color:#78916d;width:26px;height:26px;background:#e6eddd;border-radius:50%;flex:none}.quiet-button{background:none;border:0;padding:7px 0;font-size:11px;color:var(--sub);white-space:nowrap}.wallet-panel{background:#e9efe0;border:1px solid #dbe4d1;border-radius:19px;padding:21px;margin-bottom:18px}.wallet-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.wallet-top h2{font-size:12px;font-weight:500;color:#657357}.wallet-unit{font-size:9px;color:#7d896e;padding:2px 7px;border:1px solid #cfdac3;border-radius:10px}.wallet-value{display:flex;align-items:baseline;gap:7px;margin:13px 0 2px}.wallet-value>span{font-size:20px;color:#526548}.wallet-value strong{font-size:40px;letter-spacing:-1px;line-height:1.3;font-variant-numeric:tabular-nums}.wallet-panel>p{font-size:10px;color:#819071;line-height:1.8}.wallet-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #d4dfc9;margin-top:18px;padding-top:12px;font-size:10px;color:#6b7a5b}.wallet-bottom button{font-size:11px;color:#536b44;background:none;padding:3px 0;white-space:nowrap}.wallet-bottom button:disabled{opacity:.5}.wallet-bottom button span{font-size:16px;vertical-align:middle;margin-left:4px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-tag{font-size:9px;color:#8d7868;background:var(--blush);padding:3px 7px;border-radius:5px;white-space:nowrap}.amount-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.amount-button{border:1px solid var(--line);background:#fcfcfa;border-radius:12px;padding:14px 8px;color:var(--ink);text-align:center;min-width:0}.amount-button strong{display:block;font-size:23px;letter-spacing:-.7px;line-height:1.4}.amount-button strong small{font-size:13px;margin-right:3px}.amount-button>small{display:block;font-size:9px;color:var(--sub);line-height:1.7;margin-top:4px}.amount-button[aria-pressed="true"]{border-color:var(--brand);background:#fff4ec;color:var(--brand);box-shadow:0 0 0 1px #b94b3515}.amount-button[aria-pressed="true"]>small{color:#a1775d}.amount-button:disabled{opacity:.65}.order-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding:15px 0;font-size:11px;color:var(--sub)}.order-summary strong{color:var(--brand);font-size:20px;font-variant-numeric:tabular-nums}.recharge-notice{background:#f2f4ed;border-radius:10px;padding:11px 12px;font-size:10px;line-height:1.9;color:#6a785e;margin-bottom:15px}.action-message{font-size:11px;line-height:1.9;color:#66765a;margin-top:11px;overflow-wrap:anywhere}.action-message.error{color:#a34230}.current-order{border-top:1px solid var(--line);margin-top:18px;padding-top:17px}.current-order>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.current-order>div>strong{font-size:12px}.order-status{font-size:9px;line-height:1.5;padding:3px 7px;border-radius:5px;white-space:nowrap}.order-status.pending{background:#fbefdb;color:#9a7543}.order-status.paid{background:#e9f2e6;color:#4d7441}.order-status.closed{background:#f0f0ec;color:#8a8d82}.order-id{font-size:10px;line-height:1.8;color:#868e7c;word-break:break-all;margin:7px 0}.order-context{font-size:10px;color:var(--sub);line-height:1.9;margin-bottom:13px}.result-button{display:block;margin:8px auto 0;font-size:10px}.records-panel{padding-bottom:9px}.record-count{font-size:10px;color:#89927f}.list-state{font-size:11px;text-align:center;color:#909786;padding:24px 0 25px;line-height:1.9}.list-state.error{color:#a34230}.record-item{padding:15px 0;border-top:1px solid #eef0e8}.record-list .record-item:first-child{margin-top:16px}.record-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.record-top strong{font-variant-numeric:tabular-nums;font-size:15px}.record-description{font-size:11px;overflow-wrap:anywhere}.record-meta{font-size:9px;color:#8a9380;line-height:1.9;margin-top:7px;overflow-wrap:anywhere}.record-reference{display:block;font-size:9px;word-break:break-all;color:#969e8d;margin-top:3px}.record-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:9px}.record-actions button{font-size:10px;background:none;padding:5px 0;color:var(--brand)}.record-actions button:disabled{color:#a0a597}.ledger-amount.positive{color:#4f7942}.ledger-amount.negative{color:#9d6651}.account-footer{padding:23px 24px 28px;color:#909786;text-align:center;font-size:9px;line-height:1.9;margin-top:7px}.account-footer>span{font-size:10px;letter-spacing:.4px}.account-footer p{margin-top:4px}@media(max-width:360px){main{padding:0 16px}.account-header{padding-left:16px;padding-right:16px}.stage-strip{padding-left:16px;padding-right:16px}.panel,.wallet-panel{padding:17px}.brand small{letter-spacing:0}.home-link{font-size:10px}.wallet-value strong{font-size:35px}}@media(prefers-reduced-motion:reduce){.loading-dot{animation:none}}
.auth-panel .password-field{position:relative;display:flex;align-items:stretch;gap:0;border:1px solid #dfe3d9;border-radius:11px;background:#fbfbf8;min-width:0}.auth-panel .password-field input{margin:0;border:0;background:none;min-width:0;padding-right:6px}.password-field button{min-width:47px;background:none;border:0;font-size:11px;color:#768569;padding:9px 10px;flex:none}.auth-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0}.auth-panel .remember-option{display:flex;align-items:center;gap:7px;margin:0;font-size:11px;color:#748666}.auth-panel .remember-option input{margin:0;width:15px;height:15px;padding:0;accent-color:#b94b35;flex:none}.auth-test-notice{font-size:11px;line-height:1.8;color:#8b927e;padding:10px 12px;background:#f0f3e8;border-radius:10px}.auth-context{padding:11px 32px 11px 13px;background:#f9e9df;border-radius:10px;font-size:12px;color:#a86445;line-height:1.8;margin-bottom:18px}.visitor-topup h2{font-size:23px;letter-spacing:-.5px}.account-nav{display:flex;gap:10px;justify-content:space-around;align-items:center;margin:20px 24px 0;border-top:1px solid #e1e6d8;padding:14px 5px 0;color:#79866b;font-size:12px}.account-nav a{padding:8px 12px}.account-nav [aria-current]{color:#b94b35}.account-auth-dialog{width:calc(100% - 28px);max-width:520px;max-height:90vh;max-height:90dvh;padding:0;border:1px solid #e1e6d8;border-radius:22px;background:#fff;box-shadow:0 20px 80px #24331e30;color:#253128;overflow:auto}.account-auth-dialog::backdrop{background:#25312870}.account-auth-dialog .auth-panel{border:0;border-radius:22px;margin:0;padding:28px 22px 22px}.auth-dialog-close{position:absolute;top:9px;right:10px;z-index:1;background:#edf1e7;color:#6c7c5d;width:30px;height:30px;border-radius:50%;border:0;font-size:22px;line-height:1}.auth-dialog-close:disabled{opacity:.4}.auth-panel input[aria-invalid="true"]{outline:1px solid #c36c50}.auth-panel .password-field:has(input[aria-invalid="true"]){border-color:#c36c50}@media(pointer:coarse){.auth-panel input:not([type="checkbox"]){font-size:16px}.password-field button,.auth-dialog-close{min-height:44px;min-width:44px}.auth-options{min-height:44px}}@media(max-width:360px){.account-auth-dialog .auth-panel{padding:27px 17px 19px}.auth-tabs{gap:15px}.auth-panel h2{font-size:21px}}