.my-login{box-sizing:border-box;min-height:100vh;background:url(/img/zhaqi/login-bg.png) 50%/cover fixed;display:flex;flex-direction:column}.my-login .header{margin-top:40px;padding:12px 40px;background:url(/img/zhaqi/login-title-bg.png) no-repeat;text-align:left}.my-login .system-title{display:inline-block;color:#fff;padding:15px 35px;border-radius:8px;font-size:43px;font-weight:700;letter-spacing:1px}.my-login .main-content{flex:1;display:flex;align-items:center;justify-content:flex-end;padding:0 5%;margin-top:-8%}.my-login .main-content .login-container3{background:hsla(0,0%,100%,.95);padding:45px 35px;border-radius:15px;box-shadow:0 12px 35px rgba(0,0,0,.3);width:100%;max-width:380px!important;border:1px solid rgba(76,175,80,.2)}.my-login .main-content .login-title{text-align:center;color:#2e7d32;font-size:26px;font-weight:700;margin-bottom:35px;padding-bottom:20px;border-bottom:2px solid #e8f5e8}.my-login .main-content .form-group{margin-bottom:28px}.my-login .main-content .form-input{width:92%;padding:16px 18px;border:1px solid #c8e6c9;border-radius:8px;font-size:17px;transition:all .3s ease;background:rgba(241,248,241,.5)}.my-login .main-content .form-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.2);background:#fff}.my-login .main-content .form-input::-webkit-input-placeholder{color:#81c784}.my-login .main-content .form-input:-ms-input-placeholder{color:#81c784}.my-login .main-content .form-input::placeholder{color:#81c784}.my-login .main-content .remember-me{display:flex;align-items:center;margin-bottom:28px}.my-login .main-content .remember-me input{margin-right:12px;width:20px;height:20px;accent-color:#4caf50}.my-login .main-content .remember-me label{color:#2e7d32;font-size:15px;cursor:pointer}.my-login .main-content .login-btn{width:100%;padding:16px;background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(76,175,80,.3)}.my-login .main-content .login-btn:hover{background:linear-gradient(135deg,#1b5e20,#388e3c);transform:translateY(-2px);box-shadow:0 6px 20px rgba(76,175,80,.4)}.my-login .main-content .login-btn:active{transform:translateY(0);box-shadow:0 4px 15px rgba(76,175,80,.3)}@media(max-width:992px){.my-login .system-title{font-size:22px;padding:12px 30px}.my-login .login-container3{max-width:380px}}@media(max-width:768px){.my-login .header{padding:15px 25px;text-align:center}.my-login .system-title{font-size:20px;padding:12px 25px;letter-spacing:.8px;display:inline-block}.my-login .main-content{justify-content:center}.my-login .login-container3{padding:40px 30px;max-width:100%}.my-login .login-title{font-size:24px}.my-login .form-input{padding:14px 16px;font-size:16px}.my-login .login-btn{padding:14px;font-size:17px}}@media(max-width:480px){.my-login .system-title{font-size:18px;padding:10px 20px;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-login .login-container3{padding:35px 25px}.my-login .login-title{font-size:22px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.my-login .login-container3{animation:fadeIn .6s ease-out}.my-login .system-title{animation:fadeIn .4s ease-out}