.recharge-page{min-height:100vh;padding-bottom:80px;background:#f7f8fa}.recharge-banner{background:linear-gradient(135deg,#1a3fba,#2F54EB 60%,#5b8cff);padding:60px 0 48px;text-align:center;color:#fff}.recharge-banner .recharge-banner-title{font-size:36px;font-weight:700;margin:0 0 12px;color:#fff}.recharge-banner .recharge-banner-sub{font-size:16px;opacity:.85;margin:0}.recharge-container{max-width:1100px;margin:-24px auto 0;padding:0 24px;display:flex;gap:24px;align-items:flex-start}.recharge-main{flex:1;background:#fff;border-radius:12px;padding:32px 36px 40px;box-shadow:0 2px 12px rgba(0,0,0,.06);min-width:0}.recharge-main .recharge-tabs .ant-tabs-nav{margin-bottom:28px}.recharge-main .recharge-tabs .ant-tabs-tab{font-size:16px;font-weight:500}.recharge-single-title{font-size:18px;font-weight:700;color:#1f2329;padding-bottom:20px;margin-bottom:28px;border-bottom:1px solid #eef0f4}.recharge-section{margin-bottom:28px}.recharge-label{font-size:15px;font-weight:600;color:#1f2329;margin:0 0 14px}.recharge-amount-wrap{display:flex;flex-direction:column;gap:16px}.recharge-amount-list{display:flex;gap:14px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.recharge-amount-item{position:relative;width:130px;height:56px;border:1.5px solid #e9e9e9;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;cursor:pointer;transition:all .2s;background:#fff;color:#1f2329;overflow:hidden}.recharge-amount-item.active,.recharge-amount-item:hover{border-color:#2f54eb;color:#2f54eb}.recharge-amount-item.active{background:#f0f4ff}.recharge-amount-check{position:absolute;top:0;right:0;width:22px;height:22px;background:#2f54eb;border-radius:0 8px 0 8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px}.recharge-custom{width:300px}.recharge-custom .ant-input-affix-wrapper{border-radius:8px;height:44px}.recharge-custom input{font-size:15px}.recharge-pay-method{display:flex;gap:12px}.recharge-pay-method-item{display:flex;align-items:center;gap:8px;padding:10px 24px;border:1.5px solid #e9e9e9;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s}.recharge-pay-method-item.active{border-color:#1677ff;background:#e8f3ff;color:#1677ff}.recharge-pay-icon{font-size:24px}.recharge-pay-icon.alipay{color:#1677ff}.recharge-summary{display:flex;align-items:baseline;gap:4px;margin-bottom:24px;padding:16px 20px;background:#f7f8fa;border-radius:8px}.recharge-summary .recharge-total-label{font-size:14px;color:#595959}.recharge-summary .recharge-total-price{font-size:28px;font-weight:700;color:#e6361a}.recharge-summary .recharge-total-unit{font-size:14px;color:#595959}.recharge-pay-btn.ant-btn{width:200px;height:48px;font-size:16px;font-weight:600}.package-include-tip{display:flex;align-items:center;gap:8px;margin-bottom:16px}.package-include-tip .package-include-label{font-size:14px;color:#595959}.package-include-tip .package-exclude-btn{padding:2px 10px;border:1px solid #2f54eb;border-radius:4px;color:#2f54eb;font-size:13px;background:rgba(0,0,0,0);cursor:pointer;transition:all .2s}.package-include-tip .package-exclude-btn:hover{background:#2f54eb;color:#fff}.package-include-tip .package-include-note{font-size:13px;color:#595959}.package-excluded-list{background:#fffbf0;border:1px solid #ffe58f;border-radius:8px;padding:12px 16px;margin-bottom:16px}.package-excluded-list .package-excluded-title{font-size:13px;color:#8c6900;margin:0 0 8px;font-weight:600}.package-excluded-list ul{margin:0;padding-left:20px}.package-excluded-list ul li{font-size:13px;color:#614700;line-height:1.8}.package-section-label{font-size:14px;color:#595959;margin-bottom:12px}.package-list{display:flex;gap:14px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.package-item{position:relative;width:148px;min-height:80px;border:1.5px solid #e9e9e9;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 10px;cursor:pointer;transition:all .2s;overflow:hidden;text-align:center}.package-item:hover{border-color:#2f54eb}.package-item.active{border-color:#2f54eb;background:#f0f4ff}.package-item .package-price{font-size:15px;font-weight:700;color:#1f2329;margin:0 0 6px}.active .package-item .package-price{color:#2f54eb}.package-item .package-unit{font-size:12px;color:#595959;margin:0}.package-validity{display:flex;align-items:center;gap:12px}.package-validity .package-validity-label{font-size:14px;color:#595959}.package-validity .package-validity-btn{padding:6px 20px;border:1.5px solid #2f54eb;border-radius:6px;background:#f0f4ff;color:#2f54eb;font-size:14px;font-weight:500;cursor:default}.recharge-steps{width:260px;flex-shrink:0;background:#fff;border-radius:12px;padding:28px 24px 32px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.recharge-steps .recharge-steps-title{font-size:16px;font-weight:700;color:#1f2329;margin:0 0 24px}.recharge-steps-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}.recharge-steps-item{display:flex;gap:14px;align-items:flex-start}.recharge-steps-num{width:28px;height:28px;border-radius:50%;background:#2f54eb;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.recharge-steps-step{font-size:14px;font-weight:600;color:#1f2329;margin:0 0 4px}.recharge-steps-desc{font-size:13px;color:#595959;margin:0;line-height:1.5}.recharge-login-tip{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.recharge-login-tip p{font-size:16px;color:#595959}