*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif}body{background-color:#FFFFFF;color:#333;min-height:100vh;position:relative}.logo{position:absolute;top:50px;left:120px;z-index:10;width:auto;height:48px}.logo img{height:100%;width:auto;object-fit:contain}@media (max-width:992px){.logo{top:20px;left:20px;height:36px}}.forgot-password-container{display:flex;width:100%;height:100vh;overflow:hidden}.left-section{flex:1;display:flex;justify-content:center;align-items:center;padding:40px;position:relative;overflow:hidden}.left-section .step{position:absolute;width:100%;text-align:center;transition:all .5s cubic-bezier(.4, 0, .2, 1);opacity:0;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.left-section .step.step-1{transform:translateX(0);opacity:1;pointer-events:all;padding-top:40px}.left-section .step.step-2,.left-section .step.step-3{transform:translateX(100%)}.left-section .step.active{transform:translateX(0);opacity:1;pointer-events:all}.left-section .step.exit{transform:translateX(-100%);opacity:0}@media (max-width:992px){.left-section .step{padding-top:60px}}.left-section .back-step{position:absolute;top:112px;left:120px;font-size:16px;color:#4B5C76;line-height:28px;text-decoration:none;display:flex;align-items:center;z-index:9;transition:color .3s ease}.left-section .back-step:hover{color:#4F46E5}@media (max-width:992px){.left-section .back-step{top:70px;left:20px}}.left-section h2{font-size:32px;color:#0A1437;line-height:48px;margin-bottom:20px}.left-section p{font-size:16px;color:#4B5C76;line-height:28px;margin-bottom:30px;text-align:center;max-width:516px;width:100%}.left-section .step-form{max-width:516px;width:100%}.left-section .form-group{margin-bottom:24px;width:100%;text-align:left}.left-section .form-group label{display:block;font-size:18px;color:#0A1437;line-height:26px;margin-bottom:12px}.left-section .form-group .form-input{width:100%;max-width:516px;height:54px;background:#FFFFFF;border:1px solid #D5D5D5;border-radius:9px;padding:0 16px;font-size:15px;transition:all .5s cubic-bezier(.4, 0, .2, 1)}.left-section .form-group .form-input:focus{outline:none;border-color:#4F46E5;box-shadow:0 0 8px rgba(79,70,229,0.3)}.left-section .form-group .form-input.error{border-color:#ff5f56}.left-section .form-group .error-tip{font-size:12px;color:#ff5f56;margin-top:2px;height:16px;line-height:16px;opacity:0;transition:opacity .3s ease}.left-section .form-group .password-wrap{display:flex;align-items:center;position:relative}.left-section .form-group .password-wrap .toggle-pwd{background:none;border:none;cursor:pointer;padding:0 16px;position:absolute;right:0;height:54px;display:flex;align-items:center;transition:transform .2s ease}.left-section .form-group .password-wrap .toggle-pwd>img{width:24px;height:24px}.left-section .form-group .password-wrap .toggle-pwd:hover{transform:scale(1.1)}.left-section .code-inputs{display:flex;gap:12px;margin-bottom:32px;justify-content:center;margin-top:20px}.left-section .code-inputs .code-input{width:62px;height:62px;border:1px solid #D5D5D5;border-radius:12px;text-align:center;font-weight:600;font-size:30px;color:#0A1437;transition:all .3s ease}.left-section .code-inputs .code-input:focus{outline:none;border-color:#4F46E5;box-shadow:0 0 8px rgba(79,70,229,0.3);transform:scale(1.05)}.left-section .action-btn{width:100%;max-width:516px;height:54px;background-color:#4F46E5;color:#FFFFFF;border:none;border-radius:9px;font-size:16px;cursor:pointer;transition:all .5s cubic-bezier(.4, 0, .2, 1)}.left-section .action-btn:hover{opacity:.8;transform:translateY(-2px);box-shadow:0 4px 8px rgba(79,70,229,0.2)}.left-section .action-btn:active{transform:translateY(0)}.left-section .action-btn.loading{position:relative;pointer-events:none}.left-section .action-btn.loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:#FFFFFF;animation:spin .6s linear infinite}.left-section .resend-code,.left-section .back-to-login{font-size:18px;color:#0A1437;line-height:26px;margin-top:40px}.left-section .resend-code a,.left-section .back-to-login a{color:#4F46E5;text-decoration:none;transition:text-decoration .3s ease}.left-section .resend-code a:hover,.left-section .back-to-login a:hover{text-decoration:underline}.intro-section{width:calc(50% - 40px);display:flex;flex-direction:column;justify-content:center;padding:0 8%;background:linear-gradient(216deg, #E4EDFF 0%, #FAFBFF 100%);border-radius:30px;margin:20px;box-sizing:border-box;position:relative}.intro-section::after{position:absolute;width:100%;height:662px;background:url(../img/login_bgs.png) no-repeat center;background-size:cover;content:"";right:0;bottom:0;z-index:0  }@media (max-width:992px){.intro-section{display:none}}.intro-section .intro-card{margin-bottom:32px;position:relative}.intro-section .intro-text{position:relative;z-index:1}.intro-section .intro-text h3{font-size:24px;color:#0A1437;margin-bottom:20px}.intro-section .intro-text p{font-size:16px;color:#4B5C76;margin-bottom:37px}.intro-section .intro-text ul{list-style:none}.intro-section .intro-text ul li{font-size:16px;color:#4B5C76;margin-bottom:19px;display:flex;align-items:center}.intro-section .intro-text ul li::before{content:"•";color:#4F46E5;margin-right:10px}.lo_message{width:100%;position:fixed;top:-200px;height:40px;display:flex;text-align:center;align-items:center;justify-content:center;transition:all .2s;z-index:999998}.lo_message span{background:rgba(0,0,0,0.8);border-radius:4px;color:#fff;font-size:14px;padding:6px 14px}.lo_message.on{top:240px}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}