.change-phone-page[data-v-5755fe03]{width:100%;min-height:526px;display:flex;flex-direction:column;padding:24px;background-color:#fff}.page-header[data-v-5755fe03]{margin-bottom:32px;padding-bottom:24px;border-bottom:1px dashed #e5e5e5}.back-button[data-v-5755fe03]{display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.back-icon-img[data-v-5755fe03]{width:24px;height:24px}.page-title[data-v-5755fe03]{font-family:PingFang SC;font-weight:500;font-size:20px;color:#333;margin:0}.step-indicator[data-v-5755fe03]{display:flex;align-items:center;justify-content:center;margin-bottom:48px;gap:8px}.step-item[data-v-5755fe03]{display:flex;flex-direction:row;align-items:center;gap:8px}.step-circle[data-v-5755fe03]{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:PingFang SC;font-weight:500;font-size:16px;color:#999;background:#f5f5f5;border:1px solid #e8e8e8;transition:all .3s ease}.step-item.active .step-circle[data-v-5755fe03],.step-item.completed .step-circle[data-v-5755fe03]{background:#1890ff;border-color:#1890ff;color:#fff}.step-label[data-v-5755fe03]{font-family:PingFang SC;font-weight:400;font-size:14px;color:#999;transition:all .3s ease}.step-item.active .step-label[data-v-5755fe03],.step-item.completed .step-label[data-v-5755fe03]{color:#1890ff}.step-line[data-v-5755fe03]{width:120px;height:1px;background:#e8e8e8;margin:0 8px;transition:all .3s ease}.step-line.active[data-v-5755fe03]{background:#1890ff}.step-content[data-v-5755fe03]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.form-container[data-v-5755fe03]{width:100%;max-width:480px;display:flex;flex-direction:column;gap:24px;margin-bottom:34px}.form-item[data-v-5755fe03]{display:flex;align-items:flex-start;gap:16px}.form-item .form-label[data-v-5755fe03]{margin-top:10px}.form-label[data-v-5755fe03]{text-align:right;min-width:80px}.form-input[data-v-5755fe03],.form-label[data-v-5755fe03]{font-family:PingFang SC;font-weight:400;font-size:16px;color:#333}.form-input[data-v-5755fe03]{width:380px;height:40px;background:#f8f8f8;border-radius:8px;border:none;padding:0 12px;outline:none;transition:all .3s ease}.form-input[data-v-5755fe03]:focus{border-color:#1890ff}.form-input.readonly[data-v-5755fe03]{background:#f5f5f5;cursor:not-allowed}.form-input[data-v-5755fe03]::-moz-placeholder{color:#ccc}.form-input[data-v-5755fe03]::placeholder{color:#ccc}.input-with-button[data-v-5755fe03]{position:relative;width:380px;display:flex;align-items:center}.input-with-button .code-input[data-v-5755fe03]{width:100%;padding-right:130px}.get-code-btn[data-v-5755fe03]{position:absolute;right:8px;white-space:nowrap;font-family:PingFang SC;font-weight:400;font-size:14px;color:#1890ff;background:transparent;border:none;cursor:pointer;padding:0 4px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1;max-width:120px;overflow:hidden;text-overflow:ellipsis}.get-code-btn[data-v-5755fe03]:hover:not(:disabled){color:#40a9ff}.get-code-btn[data-v-5755fe03]:disabled{color:#ccc;cursor:not-allowed}.button-container[data-v-5755fe03]{width:100%;max-width:480px;display:flex;justify-content:center}.primary-button[data-v-5755fe03]{width:224px;height:40px;background:#3f87fb;border-radius:8px;border:none;font-family:PingFang SC;font-weight:500;font-size:16px;color:#fff;cursor:pointer;transition:all .3s ease}.primary-button[data-v-5755fe03]:hover{background:#5a9dff}.primary-button[data-v-5755fe03]:active{background:#2d6fd9}.success-content[data-v-5755fe03]{justify-content:center;gap:24px}.success-icon[data-v-5755fe03]{width:64px;height:64px;margin-bottom:24px}.success-icon img[data-v-5755fe03]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.success-text[data-v-5755fe03]{font-family:PingFang SC;font-weight:500;font-size:18px;color:#333;margin-bottom:8px}.success-phone[data-v-5755fe03]{font-family:PingFang SC;font-weight:400;font-size:14px;color:#333;margin-bottom:28px}@media(max-width:768px){.change-phone-page[data-v-5755fe03]{padding:16px}.form-container[data-v-5755fe03]{max-width:100%}.step-line[data-v-5755fe03]{width:60px}}