*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#083f42;color:#101820;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}button,input,select{font:inherit}button{border:0;color:inherit;cursor:pointer}.page-shell{min-height:100vh;background:radial-gradient(circle at 16% 9%,rgba(255,224,150,.18),transparent 26%),linear-gradient(120deg,#06383c,#0c6b65 45%,#073d42)}.phone-frame{position:relative;width:min(100vw,430px);min-height:max(100vh,calc(min(100vw,430px) * 1672 / 941));margin:0 auto;padding:16px 16px 18px;overflow:hidden;background:var(--recharge-bg) top center / 100% auto no-repeat #fff8ee}.hero-nav{display:grid;grid-template-columns:56px 1fr 88px;align-items:center;gap:12px}.language-button,.history-button,.quick-actions button,.method-card,.nominal-row,.wallet-row,.notice-card,.sheet,.history-card,.stack-field input,.stack-field select{background:linear-gradient(180deg,#fffffff0,#fff9eef5);border:1.5px solid #e8c07f;box-shadow:inset 0 0 0 1px #ffffffc2,0 3px 9px #56350f1c}.language-button{display:flex;align-items:center;justify-content:center;gap:3px;width:52px;height:52px;border-radius:18px;color:#111820;font-size:13px;font-weight:900}.language-button span{min-width:18px;line-height:1}.top-tabs{display:grid;grid-template-columns:1fr 1fr;height:54px;padding:3px;border:1.5px solid #e8c07f;border-radius:999px;background:linear-gradient(180deg,#fffdf8,#fff6e8);box-shadow:inset 0 0 0 1px #ffffffd1}.top-tabs button{border-radius:999px;background:transparent;color:#77726d;font-size:18px;font-weight:800;line-height:1.05}.top-tabs button.active{color:#fff;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.2),transparent 34%),linear-gradient(160deg,#009978,#006c68 75%);box-shadow:inset 0 0 18px #01433d73,0 2px 4px #60390d24}.history-button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:86px;height:48px;border-radius:24px;color:#101820;font-size:18px;font-weight:700}.balance-panel{display:grid;grid-template-columns:1.1fr .68fr 1fr 1.15fr;align-items:center;min-height:92px;margin-top:24px;padding:15px 12px;border:1.5px solid #e8c07f;border-radius:22px;background:linear-gradient(105deg,#fffffff0,#fff8e8f5),linear-gradient(180deg,#fffdf8,#fff5e6);box-shadow:inset 0 0 0 1px #fffc,0 4px 11px #5235101f}.id-block,.saldo-block{min-width:0}.id-block span,.saldo-block span{display:flex;align-items:center;gap:4px;color:#7b7976;font-size:14px}.id-block strong,.saldo-block strong{display:block;color:#0d141b;font-size:20px;line-height:1.15;white-space:nowrap}.id-block strong.invalid{color:#b64b36;font-size:16px}.id-block small{display:block;max-width:112px;margin-top:4px;color:#a35a36;font-size:11px;line-height:1.2}.balance-crystal{justify-self:center;width:68px;height:72px;object-fit:contain;filter:drop-shadow(0 9px 8px rgba(118,67,16,.24))}.saldo-block strong{font-size:21px}.saldo-block span{margin-top:8px;white-space:nowrap}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-actions button{display:grid;place-items:center;min-height:67px;padding:6px 4px;border-radius:16px;color:#006f6d;font-size:13px;line-height:1.14;text-align:center}.quick-actions span{color:#111820}.payment-section{margin-top:24px}.payment-section h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:#101820;font-size:22px;line-height:1}.payment-section h2 svg{color:#008074}.method-scroll{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.method-card{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;gap:5px;width:max-content;min-width:0;height:44px;padding:0 13px;border-radius:22px;color:#182027;font-size:15px;font-weight:700;white-space:nowrap}.method-card.active{color:#fff;border-color:#eeb85e;background:radial-gradient(circle at 22% 14%,rgba(255,255,255,.22),transparent 28%),linear-gradient(160deg,#00a786,#007d77);box-shadow:inset 0 0 12px #00504c6b,0 3px 8px #4d311229}.method-card.active:after{content:"";position:absolute;left:50%;bottom:-15px;width:34px;height:6px;transform:translate(-50%);border-radius:999px;background:#007d77}.method-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;color:#1676ff}.method-icon svg{width:22px;height:22px}.method-card.active .method-icon{color:#fff}.amount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 12px;margin-top:28px}.amount-card{position:relative;display:grid;grid-template-rows:1fr auto;min-width:0;aspect-ratio:.62;padding:12px 7px 14px;overflow:hidden;border:1.4px solid #efc77e;border-radius:16px;background:radial-gradient(circle at 50% 40%,#fffffff5,#fff9ebf0 58%,#fff4defa),#fff8ec;box-shadow:inset 0 0 0 2px #ffffffb3,0 4px 9px #5f3a111a}.amount-card:before,.amount-card:after{content:"";position:absolute;width:46px;height:46px;opacity:.38;border:solid #efc77e}.amount-card:before{right:6px;bottom:7px;border-width:0 2px 2px 0;border-bottom-right-radius:18px}.amount-card:after{left:6px;bottom:7px;border-width:0 0 2px 2px;border-bottom-left-radius:18px}.amount-card.picked{border-color:#007a77;box-shadow:inset 0 0 0 2px #ffffffb8,0 0 0 1px #007a77,0 5px 10px #00655d29}.amount-card img{z-index:1;align-self:center;justify-self:center;width:min(88%,84px);height:82px;object-fit:contain;filter:drop-shadow(0 9px 8px rgba(118,67,16,.18))}.amount-card strong{z-index:1;color:#111820;font-size:clamp(16px,4.25vw,20px);line-height:1}.check-badge{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:33px;height:33px;border-radius:999px;background:#007d77;color:#fff}.bottom-form{margin-top:23px}.nominal-row,.wallet-row{display:grid;grid-template-columns:auto 1fr 50px;align-items:center;min-height:58px;gap:10px;padding:0 11px 0 19px;border-radius:13px}.wallet-row{grid-template-columns:auto 1fr 72px;margin-top:10px}.nominal-row span,.wallet-row span{color:#00746d;font-size:19px;font-weight:800}.nominal-row input,.wallet-row input{min-width:0;border:0;outline:0;background:transparent;color:#77726d;font-size:18px;font-weight:700;text-align:right}.nominal-row button{display:grid;place-items:center;width:43px;height:43px;border:1px solid #efc77e;border-radius:11px;background:#fff6e8;color:#008074}.wallet-row button{height:42px;border-radius:999px;background:#fff7e8;border:1px solid #efc77e;color:#00746d;font-size:13px;font-weight:800}.cost-line{margin:13px 0 0;color:#4a4744;text-align:center;font-size:17px;font-weight:700}.primary-action,.modal-action{width:100%;min-height:62px;border-radius:999px;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.18),transparent 28%),linear-gradient(160deg,#00a887,#006d68);border:2px solid #e7b860;box-shadow:inset 0 0 18px #004f4880,0 7px 14px #4e341233;font-size:24px;font-weight:800}.primary-action{margin-top:19px}.primary-action:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.62}.notice-card{position:relative;display:grid;grid-template-columns:62px 1fr;align-items:center;min-height:86px;margin-top:29px;padding:13px 16px 13px 20px;overflow:hidden;border-radius:15px}.notice-card:before{content:"";position:absolute;left:-6px;bottom:-13px;width:95px;height:80px;background:radial-gradient(circle at 35% 40%,#fff3d6 0 12px,transparent 13px),radial-gradient(circle at 56% 58%,#f28f84 0 14px,transparent 15px),linear-gradient(120deg,#0b8a75,#86c7a2);border-radius:48% 52% 42% 58%;opacity:.5}.notice-icon{z-index:1;display:grid;place-items:center;width:49px;height:49px;border:2px solid #edbe66;border-radius:999px;color:#fff7dd;background:linear-gradient(180deg,#0fa58d,#00766e);font-size:34px;font-family:Georgia,serif;font-weight:800}.notice-card p{z-index:1;margin:0;color:#4d4b4a;font-size:18px;line-height:1.34}.notice-card button{padding:0;color:#dc4b16;background:transparent;font-weight:800}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:18px;background:#04292a80}.sheet{width:min(100%,388px);max-height:calc(100vh - 36px);overflow:hidden;border-radius:20px}.sheet-header{display:grid;grid-template-columns:1fr 48px;min-height:52px;border-bottom:1px solid rgba(223,177,105,.56)}.sheet-header h2{align-self:center;justify-self:center;margin:0;color:#101820;font-size:22px}.sheet-header button{display:grid;place-items:center;background:transparent;border-left:1px solid rgba(223,177,105,.56);color:#333}.guide-list{margin:0;padding:24px 26px 30px 42px;color:#333;font-size:16px;line-height:1.42}.history-list{max-height:min(620px,calc(100vh - 120px));padding:12px;overflow:auto}.history-card{margin-bottom:10px;padding:10px 12px;border-radius:13px}.empty-history,.method-loading{margin:0;color:#6a5b45;font-weight:800}.history-head{display:flex;align-items:center;justify-content:space-between;color:#252525;font-size:15px;font-weight:800}.history-head strong{font-size:23px}.history-line{display:grid;grid-template-columns:72px 1fr auto;align-items:center;min-height:30px;border-top:1px solid rgba(214,188,148,.55);color:#333;font-size:14px}.history-line span{color:#5b5651}.history-line b{font-weight:500}.history-line button{min-width:42px;height:26px;border-radius:8px;background:#fff6e8;border:1px solid #e8c07f;color:#00756f;font-size:12px;font-weight:800}.history-line .appeal{min-width:64px}.wallet-sheet{padding-bottom:20px}.payment-sheet{padding-bottom:22px}.payment-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 22px 10px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#fff7df,#e7fff1);color:#1e2c2f}.payment-summary.paid{background:linear-gradient(135deg,#d9fff1,#f8ffe1)}.payment-summary strong{font-size:24px}.payment-summary span{color:#047a6e;font-size:14px;font-weight:900}.payment-success{margin:0 22px 12px;padding:10px 12px;border-radius:12px;background:#1491681f;color:#087454;font-size:14px;font-weight:900;text-align:center}.payment-sheet .history-line{margin:0 22px}.pay-link{display:grid;place-items:center;min-height:48px;margin:14px 22px 0;border-radius:12px;background:#0f8f81;color:#fff;font-weight:900;text-decoration:none}.qr-box,.bank-box,.usdt-box{margin:14px 22px 0;padding:12px;border:1px solid rgba(223,177,105,.56);border-radius:14px;background:#ffffffb8}.qr-box span{color:#5b5651;font-size:13px;font-weight:800}.qr-box p{max-height:110px;margin:8px 0 10px;overflow:auto;color:#202c2f;word-break:break-all;font-size:13px}.qr-image{display:block;width:190px;height:190px;margin:12px auto 10px;padding:10px;border-radius:16px;background:#fff;object-fit:contain;box-shadow:0 5px 16px #202c2f1f}.qr-box .qr-address{max-height:82px;text-align:center}.qr-box button{min-height:36px;padding:0 14px;border-radius:10px;background:#fff6e8;color:#00756f;font-weight:900}.stack-field{display:grid;gap:8px;margin:14px 24px 0;color:#222;font-size:17px;font-weight:800}.stack-field input,.stack-field select{width:100%;height:46px;border-radius:12px;color:#333;outline:0;padding:0 13px}.modal-action{display:block;width:calc(100% - 48px);min-height:54px;margin:22px 24px 0;font-size:20px}.toast{position:fixed;left:50%;bottom:28px;z-index:30;transform:translate(-50%);max-width:min(340px,calc(100vw - 32px));padding:10px 16px;border-radius:999px;background:#000000c2;color:#fff;font-size:14px}@media(max-width:390px){.phone-frame{padding-inline:14px}.hero-nav{grid-template-columns:50px 1fr 84px;gap:8px}.language-button{width:50px;height:50px;font-size:12px}.top-tabs button{font-size:16px}.history-button{min-width:84px;gap:5px;font-size:13px}.balance-panel{grid-template-columns:1.08fr 60px .95fr 1.08fr;padding-inline:10px}.id-block strong,.saldo-block strong{font-size:18px}.quick-actions button{font-size:12px}.method-scroll{gap:7px}.method-card{gap:4px;height:40px;padding:0 10px;font-size:13px}.method-icon,.method-icon svg{width:20px;height:20px}.amount-grid{gap:11px 9px}.amount-card{padding-inline:5px}.amount-card img{width:74px;height:76px}.notice-card p{font-size:16px}}