*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif}body{background-color:#FFFFFF;color:#0A1437;min-height:100vh}.login-container{display:flex;height:100vh;width:100%}@media (max-width:992px){.login-container{flex-direction:column}}.login-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px}.login-section .logo{position:absolute;top:30px;left:50px;font-size:24px;font-weight:bold;color:#0A1437}@media (max-width:992px){.login-section .logo{position:static;margin-bottom:30px}}.login-section h2{font-size:32px;color:#0A1437;line-height:48px}.login-section .google-login{width:100%;max-width:516px;height:54px;border:1px solid #DEDEDE;border-radius:9px;background-color:#FFFFFF;color:#0A1437;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.login-section .google-login .google-icon{width:24px;height:auto;margin-right:8px}.login-section .google-login:hover{box-shadow:0 4px 8px rgba(0,0,0,0.08);transform:translateY(-2px)}.login-section>.google_box{max-width:516px;width:100%;height:57px;border-radius:9px 9px 9px 9px;border:1px solid rgba(10,20,55,0.4);margin-top:40px;background:#FFFFFF;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.login-section>.google_box .g_id_signin_cont{width:100%;height:50px;position:absolute;top:0px;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.login-section>.google_box .g_id_signin_cont>img{display:inline-block;width:34px;height:34px}.login-section>.google_box .g_id_signin_cont>span{font-size:16px;color:#333333;line-height:22px}.login-section .or-separator{display:flex;align-items:center;width:100%;max-width:516px;margin:40px 0 30px 0}.login-section .or-separator hr{flex:1;height:1px;border:none;background-color:#DEDEDE}.login-section .or-separator span{padding:0 16px;color:#0A1437;font-size:18px}.login-section .login-form{width:100%;max-width:516px;display:flex;flex-direction:column}.login-section .login-form .form-group{margin-bottom:16px}.login-section .login-form .form-group label{display:block;font-size:16px;margin-bottom:12px;color:#0A1437}.login-section .login-form .form-group .form-input{width:100%;max-width:516px;height:54px;background:#FFFFFF;border:1px solid #DEDEDE;border-radius:9px;padding:0 16px;font-size:15px;transition:all .3s ease}.login-section .login-form .form-group .form-input:focus{outline:none;border-color:#4F46E5;box-shadow:0 0 8px rgba(74,108,247,0.3)}.login-section .login-form .form-group .form-input.error{border-color:#ff5f56}.login-section .login-form .form-group .error-tip{font-size:12px;color:#ff5f56;margin-top:2px;height:16px;line-height:16px;opacity:0;transition:opacity .3s ease}.login-section .login-form .form-group .password-wrap{display:flex;align-items:center;max-width:516px;position:relative}.login-section .login-form .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}.login-section .login-form .form-group .password-wrap .toggle-pwd>img{height:24px;width:24px}.login-section .login-form .form-group .forgot-pwd{display:block;text-align:right;font-size:12px;color:#0A1437;text-decoration:none;transition:all .3s}.login-section .login-form .form-group .forgot-pwd:hover{color:#291ED8}.login-section .login-form .login-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 .3s ease}.login-section .login-form .login-btn:hover{background-color:#291ED8;transform:translateY(-2px);box-shadow:0 4px 8px rgba(74,108,247,0.2)}.login-section .login-form .login-btn:active{transform:translateY(0)}.login-section .login-form .login-btn.loading{position:relative;pointer-events:none}.login-section .login-form .login-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}.login-section .login-form .agree-terms{display:flex;align-items:center;font-size:12px;color:#0A1437;margin:16px 0;margin-bottom:0}.login-section .login-form .agree-terms input{margin-right:8px}.login-section .login-form .agree-terms a{color:#0A1437;text-decoration:underline}.login-section .login-form .agree-terms a:hover{color:#291ED8}.login-section .login-form .agree-terms a:hover{text-decoration:underline}.login-section .login-form .agree-error-tip{font-size:12px;color:#ff5f56;margin-top:2px;height:16px;line-height:16px;opacity:0;transition:opacity .3s ease;display:block}.login-section .login-form .no-account{font-size:14px;text-align:center;margin-top:16px}.login-section .login-form .no-account a{color:#4F46E5;text-decoration:none}.login-section .login-form .no-account 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 30px 30px 30px;margin:20px;box-sizing:border-box;position:relative;z-index:1}.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}.g_id_signin2{height:100%}.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}input[type="checkbox"]{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#FFFFFF;border-radius:1px 1px 1px 1px;border:1px solid rgba(10,20,55,0.6);cursor:pointer;position:relative}input[type="checkbox"]:checked{background-color:#4F46E5;border:1px solid #4F46E5}input[type="checkbox"]:checked::after{content:"";position:absolute;left:4px;top:1px;width:2px;height:6px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}