body {background: #fff !important;}

/* 登录卡片 */
.login-section {min-height: 700px; margin-bottom: 16px; background: #013bb6 url('../images/login_bg.jpg?v=1') center left/cover no-repeat; padding: 0; display: flex; align-items: center;}
.login-section > .custom-container {display: flex; align-items: center; justify-content: flex-end; min-height: 690px;}
.login-panel {background: #fff; border-radius: 10px; width: 495px;padding: 60px; box-shadow:0 10px 40px rgba(2,44,183,0.13);}
.login-title { font-size: 24px; margin-bottom: 30px;}
.login-form-row{width: 375px; margin-bottom: 20px; border: 1px solid #ddd;}
.login-form-row label{width: 50px; height: 50px; float: left; border-right: 1px solid #ddd;}
.login-form-row .user{background: url(../images/user.png) no-repeat center;}
.login-form-row .pwd{background: url(../images/pwd.png) no-repeat center;}
.login-form-row .code{background: url(../images/code.png) no-repeat center;}
.login-form-row input[type="text"],
.login-form-row input[type="password"] {border: 0; padding: 0 20px; width: 322px; height: 50px; line-height: 50px;}
.login-form-row input:focus {border-color: none; outline: none;}
.login-section .captcha-box {margin-left: 20px; width: 85px; height: 40px; line-height: 40px; text-align: center; background: #F5F7FB; color: #343C51; font-family:'Consolas',monospace; font-size: 24px; letter-spacing: 4px; border-radius: 4px;}
.login-section .login-btn {width: 100%; cursor: pointer; font-size: 16px; background: #015BFE; height: 50px; border: 0; color: #fff;}
.login-section .captcha{float: right}
.login-section .refresh{ width: 20px;height: 50px; display: inline-block; background: url(../images/refresh.png) no-repeat center;background-size: contain; cursor: pointer}

/* 兼容注册页表单 */
.register-section {padding: 80px 0;background: linear-gradient(to bottom, #217bfd 10%, #fff 70%)}
.register-panel {background: #fff; border-radius: 10px; max-width: 890px; margin: 0 auto; padding:0 30px; position: relative;}
.register-title {font-size: 24px; line-height: 84px; margin-bottom: 40px; border-bottom: 1px solid #ddd;}
.register-title span {float: right; font-size: 14px; line-height: 98px;color: #666;}
.register-title a {color: #015BFE;}
.reg-form-row {margin-bottom: 20px; display: flex; align-items: center;}
.reg-form-row label {flex:0 0 265px; text-align: right; color: #333; font-size:16px; margin-right: 16px;}
.reg-form-row input {width: 375px; margin-right: 15px; padding: 15px; border: 1px solid #deecfc; border-radius: 6px; font-size: 15px; background: #f8fbff; transition: border-color .2s;}
.reg-form-row input:focus {border-color: #015BFE; outline: none;}
.register-btn {width: 375px; background: #015BFE; color: #fff; border: none; border-radius: 6px; padding: 12px 0; font-size: 16px; margin: 22px 0 0 282px; cursor: pointer; transition:.2s;}
.register-btn:hover {background: #1862d9;}
.reg-agree{margin-left: 280px;}
.reg-agree a{color:#015BFE}

/* 错误消息样式 */
.error-message {
    color: #dc3545;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

/* 登录页面错误消息 */
.login-form-row .error-message {
    margin-left: 70px;
}

/* 加载状态 */
button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
