.personal-recharge[data-v-2aa3612a]{background-color:#f7f8fa;min-height:100vh;padding-bottom:80px}.wrapper[data-v-2aa3612a]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff}.usewater-info-card[data-v-2aa3612a]{margin:10px;background-color:#1574e3;border-radius:8px 8px 0 0;padding:15px}.usewater-info-card .info-content[data-v-2aa3612a]{display:flex;flex-direction:column}.usewater-info-card .info-line[data-v-2aa3612a]{display:flex;align-items:flex-start;line-height:1.6;margin-bottom:8px}.usewater-info-card .info-line[data-v-2aa3612a]:last-child{margin-bottom:0}.usewater-info-card .info-line .info-icon[data-v-2aa3612a]{font-size:16px;color:#fff;width:16px;height:16px;margin-right:5px;flex-shrink:0;margin-top:2px}.usewater-info-card .info-line .info-label[data-v-2aa3612a]{color:#fff;margin-right:5px;flex-shrink:0;white-space:nowrap}.usewater-info-card .info-line .info-value[data-v-2aa3612a]{color:#fff;word-break:break-all;line-height:1.6;min-width:0}.usewater-info-card .address-line[data-v-2aa3612a]{padding-left:21px}.recharge-section[data-v-2aa3612a]{margin:10px}.section-header[data-v-2aa3612a]{padding:15px;background-color:#fff;border-radius:8px 8px 0 0;border-bottom:1px solid #ebedf0}.section-header h3[data-v-2aa3612a]{margin-top:2px;font-size:14px;font-weight:700;color:#323233;text-align:left}.custom-amount-input[data-v-2aa3612a]{background-color:#fff;padding:0 15px}.custom-amount-input .amount-input-wrapper[data-v-2aa3612a]{display:flex;align-items:center}.custom-amount-input .amount-input-wrapper .currency-symbol[data-v-2aa3612a]{margin-top:2px;font-size:18px;font-weight:700;color:#323233;margin-right:8px;flex-shrink:0}.custom-amount-input .van-field[data-v-2aa3612a]{font-size:16px;flex:1}.custom-amount-input .van-field[data-v-2aa3612a] .van-field__control{color:#323233;font-size:14px}.custom-amount-input .van-field[data-v-2aa3612a] .van-field__control::-moz-placeholder{color:#ee0a24;font-weight:400}.custom-amount-input .van-field[data-v-2aa3612a] .van-field__control::placeholder{color:#ee0a24;font-weight:400}.preset-amounts[data-v-2aa3612a]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px;background-color:#fff;border-radius:0 0 8px 8px}.amount-button[data-v-2aa3612a]{height:44px;font-size:16px;font-weight:500;border-radius:6px}.amount-button.van-button--primary[data-v-2aa3612a]{background-color:#0094ff;border-color:#0094ff}.amount-button.van-button--default[data-v-2aa3612a]{border-color:#e1e2eb;color:#323233}.pay-button-container[data-v-2aa3612a]{position:fixed;bottom:0;left:0;right:0;padding:15px;background-color:#fff;border-top:1px solid #ebedf0}.pay-button[data-v-2aa3612a]{height:44px;font-size:16px;font-weight:500;background-color:#0094ff;border-color:#0094ff}.pay-result-content[data-v-2aa3612a]{text-align:center;padding:20px}.pay-result-content .result-message[data-v-2aa3612a]{margin:15px 0;font-size:16px;color:#323233}.pay-result-content .result-details[data-v-2aa3612a]{margin-top:15px;text-align:left}.pay-result-content .result-details p[data-v-2aa3612a]{margin:5px 0;font-size:14px;color:#646566}.payment-steps[data-v-2aa3612a]{margin-top:2rem;display:flex;justify-content:center;gap:2rem}.step[data-v-2aa3612a]{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:4rem}.step .step-number[data-v-2aa3612a]{width:2rem;height:2rem;border-radius:50%;background-color:hsla(0,0%,100%,.3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.step .step-name[data-v-2aa3612a]{font-size:.75rem;color:hsla(0,0%,100%,.8);text-align:center}.step .step-status[data-v-2aa3612a]{height:1rem;display:flex;align-items:center;justify-content:center}.step-active .step-number[data-v-2aa3612a]{background-color:#0094ff;color:#fff}.step-active .step-name[data-v-2aa3612a]{color:#fff}.step-completed .step-number[data-v-2aa3612a]{background-color:#07c160;color:#fff}.step-completed .step-name[data-v-2aa3612a]{color:#07c160}.step-error .step-number[data-v-2aa3612a]{background-color:#ee0a24;color:#fff}.step-error .step-name[data-v-2aa3612a]{color:#ee0a24}.payment-error[data-v-2aa3612a]{margin:1rem;border-radius:.5rem;overflow:hidden}