/* Shared by the official website and the game. All rules are scoped to the dialog. */
.recharge-modal-overlay{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:24px;background:#092e30ad;backdrop-filter:blur(9px);font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#294b41;overscroll-behavior:contain}.recharge-modal-overlay[hidden]{display:none!important}.recharge-modal-overlay *{box-sizing:border-box}.recharge-modal-overlay button,.recharge-modal-overlay input{font:inherit}.recharge-modal-overlay button{cursor:pointer}.recharge-modal-container{width:860px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;display:grid;grid-template-columns:32% 68%;background:#f7f2e7;border:1px solid #bea36f;box-shadow:0 30px 100px #041d3166;position:relative;isolation:isolate;animation:treasury-enter .25s ease}.recharge-modal-container:before{content:"";position:absolute;inset:6px;border:1px solid #b8a57840;pointer-events:none;z-index:3}.recharge-modal-close{position:absolute;right:16px;top:14px;z-index:5;width:32px;height:32px;border:1px solid #a3a99155;background:#f7f2e7;color:#697665;font:25px/1 Georgia!important}.recharge-modal-close:hover{background:#e9e5d4}.recharge-art{position:relative;overflow:hidden;min-height:650px;background:linear-gradient(0deg,#153d38 5%,#153d3870 55%,#153d3840),url('image/shanhe-world-v1.webp') 72% center/auto 100%;color:#ebd9ae}.recharge-art-top{position:absolute;top:40px;left:32px;z-index:2}.recharge-art-top>span{display:block;font:30px "Songti SC","STSong",serif;letter-spacing:6px}.recharge-art-top small{display:block;margin-top:10px;font-size:10px;letter-spacing:5px}.recharge-art-circle{position:absolute;left:20px;top:130px;width:250px;height:250px;border-radius:50%;border:1px solid #d3bc8680;box-shadow:0 0 0 12px #d3bc8612,0 0 0 13px #d3bc8633}.recharge-character{position:absolute!important;width:340px;max-width:none!important;height:auto;right:-70px;top:133px;filter:drop-shadow(0 10px 20px #163c3850);mask-image:linear-gradient(#000 60%,transparent 100%)}.recharge-art-copy{position:absolute;bottom:48px;left:32px;right:20px}.recharge-art-copy small{font:7px Georgia;letter-spacing:2px;opacity:.7}.recharge-art-copy h3{font:30px/1.5 "Songti SC","STSong",serif;letter-spacing:4px;margin:19px 0 12px}.recharge-art-copy p{font-size:11px;letter-spacing:2px;opacity:.65}.recharge-form{padding:32px 35px 24px;min-width:0}.recharge-modal-header>p{font:8px Georgia;letter-spacing:2px;color:#9c8555;margin:0 0 10px}.recharge-modal-header h2{font:30px "Songti SC","STSong",serif;letter-spacing:4px;margin:0 0 10px;color:#264a3f;display:flex;align-items:center;gap:15px}.recharge-modal-header h2 span{font:10px "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:2px;border-left:1px solid #b5a475;padding-left:15px;color:#8d977f}.recharge-modal-header>div{font-size:11px;color:#8a9180;letter-spacing:1px}.recharge-role{margin:24px 0 22px;padding:12px 14px;display:flex;align-items:center;gap:12px;border:1px solid #afb49650;background:#e9edde88}.role-emblem{display:grid;width:32px;height:36px;place-items:center;font:20px "Songti SC","STSong",serif;border:1px solid #9aa88877;color:#6b8362}.recharge-role>div{min-width:0;flex:1}.recharge-role small{display:block;font-size:9px;color:#83927c;margin-bottom:5px}.recharge-role strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.role-status{font-size:9px;border:1px solid #a6ae8d88;padding:4px 7px;white-space:nowrap;color:#7c8b71}.recharge-selection-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.recharge-selection-heading h3{font-size:12px;font-weight:500;margin:0;letter-spacing:1px}.recharge-selection-heading>span{font-size:10px;color:#9c814b}.quick-amount-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-amount-btn{position:relative;height:73px;border:1px solid #c6c6ae;background:#fffaf066;color:#385546;padding:8px;transition:background .15s,border-color .15s}.quick-amount-btn strong{display:block;font:25px Georgia}.quick-amount-btn strong small{font-size:13px}.quick-amount-btn>span{display:block;font-size:9px;margin-top:6px;color:#919780}.quick-amount-btn i{display:none;position:absolute;bottom:0;right:0;font:9px sans-serif;background:#4c7059;color:#fff;padding:2px 4px}.quick-amount-btn:hover{border-color:#718b68;background:#ecedde}.quick-amount-btn[aria-pressed=true]{border:1px solid #547758;background:#e5ebda;box-shadow:inset 0 0 0 1px #547758}.quick-amount-btn[aria-pressed=true] i{display:block}.custom-label{display:flex;justify-content:space-between;font-size:11px;margin:19px 0 9px;color:#576b54}.custom-label span{font-size:9px;color:#9c9e8d}.custom-amount-input-wrapper{position:relative;display:flex;align-items:center}.custom-amount-input{width:100%;height:43px;border:1px solid #c3c4ac;border-radius:0;color:#294b41;background:#fffcf5;padding:10px 38px;font-size:16px!important;-moz-appearance:textfield}.custom-amount-input::-webkit-inner-spin-button,.custom-amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-amount-input::placeholder{font-size:11px;color:#a3a594}.custom-amount-input:focus{outline:1px solid #5b8062;outline-offset:0}.custom-amount-input[aria-invalid=true]{border-color:#a34731;outline-color:#a34731}.currency-symbol{position:absolute;left:15px;font:16px Georgia;color:#8b947d}.custom-amount-input-wrapper>span:last-child{position:absolute;right:15px;font-size:10px;color:#909983}.recharge-help{font-size:9px;color:#929984;margin:7px 0 16px}.recharge-summary{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #b7b69770;border-bottom:1px solid #b7b69770;padding:14px 0;gap:15px}.recharge-summary small{font-size:9px;color:#92917a}.recharge-summary p{font-size:11px;margin:6px 0 0;color:#677b5e}.recharge-summary p strong{font-size:14px;font-weight:500;color:#7e713c}.summary-price{text-align:right;flex-shrink:0}.summary-price>strong{display:block;font:28px Georgia;color:#947138;margin-top:4px}.recharge-message{color:#a14d36;font-size:11px;line-height:1.6;min-height:13px;margin:10px 0}.recharge-modal-footer{display:flex;gap:12px}.recharge-modal-footer button{height:45px;font-size:13px;letter-spacing:2px}.recharge-btn-cancel{flex:1;background:transparent;border:1px solid #b5b69c;color:#76826a}.recharge-btn-confirm{flex:1.85;border:1px solid #ac945f;background:#234d41;color:#f3e1b4;outline:1px solid #638064;outline-offset:-4px}.recharge-btn-confirm:hover{background:#356452}.recharge-btn-cancel:hover{background:#e7e9dc}.recharge-disclaimer{font-size:9px;line-height:1.7;color:#969d8a;text-align:center;margin:13px 0 0}.recharge-modal-overlay button:disabled{opacity:.55;cursor:wait}.recharge-modal-overlay :focus-visible{outline:2px solid #ac7839;outline-offset:3px}@keyframes treasury-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.recharge-modal-overlay{padding:16px}.recharge-modal-container{display:block;max-width:480px;max-height:calc(100dvh - 32px)}.recharge-art{display:none}.recharge-form{padding:30px 24px 24px}.recharge-modal-header>p{font-size:7px;letter-spacing:1.4px}.recharge-modal-header h2{font-size:28px}.recharge-modal-header h2 span{font-size:9px;padding-left:10px;letter-spacing:1px}.recharge-modal-close{right:12px;top:12px;width:27px;height:27px;font-size:22px!important}.recharge-role{margin:22px 0 20px}.quick-amount-btn{height:70px}.recharge-disclaimer{font-size:8px}.recharge-art-copy h3{font-size:24px}}
@media(max-width:370px){.recharge-modal-overlay{padding:10px}.recharge-form{padding:30px 18px 20px}.recharge-modal-header h2{font-size:25px;letter-spacing:2px}.recharge-modal-header>p{font-size:6px}.quick-amount-buttons{gap:8px}.recharge-summary{gap:5px}.summary-price>strong{font-size:24px}.recharge-modal-footer button{font-size:12px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.recharge-modal-container{animation:none}.recharge-modal-overlay *{transition:none}}