.el-overlay:has(.modern-login-modal){display:flex;align-items:center;justify-content:center}.el-overlay:has(.modern-login-modal) .el-overlay-dialog{display:flex;align-items:center;justify-content:center}.modern-login-modal.el-dialog{border-radius:24px;background:linear-gradient(135deg,#feb580,#ffc649);box-shadow:0 20px 60px #0000004d;overflow:hidden;margin:0!important;position:relative!important;top:auto!important;transform:none!important}.modern-login-modal .el-dialog__header{padding:0;margin:0}.modern-login-modal .el-dialog__body{padding:40px 40px 32px}.modern-login-modal .el-dialog__headerbtn{top:20px;right:20px;font-size:20px}.modern-login-modal .el-dialog__close{color:#fffc;font-size:24px}.modern-login-modal .el-dialog__close:hover{color:#fff}.modern-login-modal .login-content{text-align:center;color:#fff}.modern-login-modal .back-header{text-align:left;margin-bottom:16px}.modern-login-modal .back-link{display:inline-flex;align-items:center;gap:6px;color:#ffffffe6;font-size:14px;cursor:pointer;text-decoration:none;transition:all .3s ease}.modern-login-modal .back-link:hover{color:#fff}.modern-login-modal .back-icon{font-size:18px;font-weight:700}.modern-login-modal .session-expired-tip{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff3;border-radius:20px;padding:10px 20px;margin-bottom:20px;color:#fff;font-size:14px;font-weight:500}.modern-login-modal .session-expired-tip .tip-icon{flex-shrink:0;opacity:.9}.modern-login-modal .login-title{font-size:32px;font-weight:700;margin:0 0 28px;color:#fff;letter-spacing:.5px}.modern-login-modal .social-btn{width:100%;height:56px;border:none;border-radius:28px;background:#fff;color:#5c5c5c;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.modern-login-modal .social-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.modern-login-modal .social-btn:active{transform:translateY(0)}.modern-login-modal .social-icon{flex-shrink:0}.modern-login-modal .divider{display:flex;align-items:center;margin:24px 0;color:#fffc}.modern-login-modal .divider:before,.modern-login-modal .divider:after{content:"";flex:1;height:1px;background:#ffffff4d}.modern-login-modal .divider span{padding:0 16px;font-size:14px;font-weight:500}.modern-login-modal .login-form{text-align:left}.modern-login-modal .login-form .el-form-item{margin-bottom:24px}.modern-login-modal .login-form .el-form-item__error{color:#ffe0e0;font-size:13px;padding-left:16px;line-height:1.4}.modern-login-modal .custom-input .el-input__wrapper{background:#ffffffd9;border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:12px 20px;box-shadow:none;transition:all .3s ease;height:56px}.modern-login-modal .custom-input .el-input__inner:-webkit-autofill,.modern-login-modal .custom-input .el-input__inner:-webkit-autofill:hover,.modern-login-modal .custom-input .el-input__inner:-webkit-autofill:focus,.modern-login-modal .custom-input .el-input__inner:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.95) inset!important;-webkit-text-fill-color:#333!important;transition:background-color 5000s ease-in-out 0s;caret-color:#333!important}.modern-login-modal .custom-input .el-input__wrapper:hover{background:#fffffff2;border-color:#fffc}.modern-login-modal .custom-input .el-input__wrapper.is-focus{background:#fff;border-color:#ffc896cc;box-shadow:0 0 0 3px #ffc8964d}.modern-login-modal .custom-input .el-input__inner{color:#333;font-size:15px;height:32px;background:transparent!important}.modern-login-modal .custom-input .el-input__inner::placeholder{color:#64646499;font-weight:400}.modern-login-modal .custom-input .el-input__suffix,.modern-login-modal .custom-input .el-icon{color:#646464b3}.modern-login-modal .forgot-password{text-align:left;margin:12px 0 16px}.modern-login-modal .forgot-password a{color:#ffffffe6;font-size:14px;cursor:pointer;text-decoration:none;transition:all .3s ease}.modern-login-modal .forgot-password a:hover{color:#fff;text-decoration:underline}.modern-login-modal .submit-btn{width:100%;height:56px;border-radius:28px;background:#fffffff2;border:none;color:#feb580;font-size:16px;font-weight:600;margin-top:8px;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.modern-login-modal .submit-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.modern-login-modal .submit-btn:active{transform:translateY(0)}.modern-login-modal .submit-btn.is-loading{background:#fffc}.modern-login-modal .switch-mode{margin-top:24px;font-size:15px;color:#ffffffe6}.modern-login-modal .switch-mode span{margin-right:6px}.modern-login-modal .switch-mode a{color:#fff;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease}.modern-login-modal .switch-mode a:hover{text-decoration:underline}.modern-login-modal .code-form{margin-top:8px;text-align:left}.modern-login-modal .code-form .el-form-item{margin-bottom:24px}.modern-login-modal .code-input-wrapper{display:flex;gap:12px;align-items:flex-start}.modern-login-modal .code-input{flex:1}.modern-login-modal .send-code-btn{height:56px;border-radius:28px;background:#fffffff2;border:none;color:#feb580;font-weight:600;padding:0 24px;white-space:nowrap;transition:all .3s ease}.modern-login-modal .send-code-btn:hover:not(.is-disabled){background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.modern-login-modal .send-code-btn.is-disabled{background:#ffffff80;color:#feb58080;cursor:not-allowed}@media (max-width: 600px){.modern-login-modal.el-dialog{width:92%!important;margin:0 auto;border-radius:20px}.modern-login-modal .el-dialog__body{padding:32px 24px}.modern-login-modal .login-title{font-size:26px;margin-bottom:24px}.modern-login-modal .social-btn{height:50px;font-size:15px;border-radius:25px}.modern-login-modal .divider{margin:20px 0}.modern-login-modal .custom-input .el-input__wrapper{height:50px;padding:10px 16px;border-radius:20px}.modern-login-modal .submit-btn{height:50px;font-size:15px;border-radius:25px}.modern-login-modal .code-input-wrapper{flex-direction:column}.modern-login-modal .send-code-btn{width:100%;height:50px}.modern-login-modal .login-form .el-form-item{margin-bottom:20px}}@media (max-width: 400px){.modern-login-modal.el-dialog{width:95%!important;border-radius:16px}.modern-login-modal .el-dialog__body{padding:24px 16px}.modern-login-modal .el-dialog__headerbtn{top:12px;right:12px}.modern-login-modal .login-title{font-size:22px;margin-bottom:20px}.modern-login-modal .social-btn{height:46px;font-size:14px;border-radius:23px;gap:10px}.modern-login-modal .social-icon{width:18px;height:18px}.modern-login-modal .divider{margin:16px 0}.modern-login-modal .divider span{font-size:13px;padding:0 12px}.modern-login-modal .custom-input .el-input__wrapper{height:46px;padding:8px 14px;border-radius:18px}.modern-login-modal .custom-input .el-input__inner{font-size:14px;height:28px}.modern-login-modal .submit-btn{height:46px;font-size:14px;border-radius:23px}.modern-login-modal .send-code-btn{height:46px;padding:0 20px;font-size:14px}.modern-login-modal .login-form .el-form-item{margin-bottom:16px}.modern-login-modal .forgot-password{margin:8px 0 12px}.modern-login-modal .forgot-password a{font-size:13px}.modern-login-modal .switch-mode{margin-top:20px;font-size:14px}.modern-login-modal .login-form .el-form-item__error,.modern-login-modal .code-form .el-form-item__error{font-size:12px;padding-left:12px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overflow-x:hidden}body{overflow-x:hidden;position:relative}.el-message{z-index:9999!important}@media (max-width: 768px){input,textarea,select{font-size:16px!important}*{-webkit-overflow-scrolling:touch}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width: 768px){.el-message{min-width:auto!important;max-width:90vw!important;padding:10px 16px!important}.el-message__content{font-size:14px!important}.el-message-box{width:90vw!important;max-width:400px!important}.el-dialog{margin:0 auto!important}.el-dropdown-menu{min-width:120px!important}}@media (max-width: 480px){.el-message{padding:8px 12px!important}.el-message__content{font-size:13px!important}.el-message-box{width:94vw!important}.el-message-box__title{font-size:16px!important}.el-message-box__message{font-size:14px!important}.el-button{padding:8px 16px!important;font-size:14px!important}.el-button--small{padding:6px 12px!important;font-size:13px!important}}