/* 登录相关页面样式 */
*{margin:0;padding:0;box-sizing:border-box}

/* 复选框样式 - 高优先级 */
.checkbox-label{display:flex!important;align-items:center!important;cursor:pointer!important;font-size:14px!important;color:#333!important;margin-bottom:0!important}
.checkbox-label input[type=checkbox]{display:none!important}
.checkbox-label .checkmark{width:18px!important;height:18px!important;border:2px solid #ddd!important;border-radius:3px!important;margin-right:10px!important;position:relative!important;background:#fff!important;transition:all .3s ease!important}
.checkbox-label input[type=checkbox]:checked+.checkmark{background:#2eb670!important;border-color:#2eb670!important}
.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:''!important;position:absolute!important;left:5px!important;top:2px!important;width:6px!important;height:10px!important;border:solid #fff!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important}
.checkbox-label:hover .checkmark{border-color:#2eb670!important}

/* 禁用状态的复选框样式 */
.checkbox-label input[type=checkbox]:disabled+.checkmark{background:#f5f5f5!important;border-color:#ccc!important;cursor:not-allowed!important}
.checkbox-label input[type=checkbox]:disabled:checked+.checkmark{background:#2eb670!important;border-color:#2eb670!important}
.checkbox-label input[type=checkbox]:disabled:checked+.checkmark:after{content:''!important;position:absolute!important;left:3px!important;top:-1px!important;width:6px!important;height:10px!important;border:solid #fff!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important}
body{font-family:'Microsoft YaHei',Arial,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:20px}
.login-container{max-width:400px;margin:150px auto;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow:hidden}
.register-container{max-width:1000px;margin:50px auto}
.forget-container{max-width:600px;margin:50px auto}
.login-header{background:#2eb670;color:#fff;padding:20px;text-align:center}
.login-header h1{font-size:24px;font-weight:500;margin-bottom:10px}
.login-body{padding:30px 20px}
.form-group{margin-bottom:20px}
.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}
.form-group input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}
.form-group input:focus{outline:0;border-color:#2eb670;box-shadow:0 0 0 2px rgba(46,182,112,.1)}
.form-row{display:flex;gap:15px}
.form-row .form-group{flex:1}
.verify-group{display:flex;gap:10px}
.verify-group input{flex:1}
.verify-btn{padding:12px 15px;background:#2eb670;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap;transition:background-color .3s ease}
.verify-btn:hover{background:#25a05a}
.verify-btn:disabled{background:#ccc;cursor:not-allowed}
.submit-btn{width:100%;padding:12px;background:#2eb670;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease;margin-top:10px}
.submit-btn:hover{background:#25a05a}
.submit-btn:disabled{background:#ccc;cursor:not-allowed}
.login-footer{text-align:center;padding:20px;border-top:1px solid #eee;background:#fafafa}
.login-footer a{color:#2eb670;text-decoration:none;font-size:14px;margin:0 10px}
.login-footer a:hover{text-decoration:underline}
.error-message{color:#e74c3c;font-size:12px;margin-top:5px;display:none}
.success-message{color:#27ae60;font-size:12px;margin-top:5px;display:none}
.loading{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #2eb670;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}
@keyframes spin{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}

/* 响应式设计 */
@media (max-width:480px){.login-container{margin:20px auto;border-radius:0}
.login-header{padding:20px 15px}
.login-body{padding:20px 15px}
.form-row{flex-direction:column;gap:0}
.verify-group{flex-direction:column;gap:10px}
.verify-btn{width:100%}
}

/* 表单验证样式 */
.form-group.error input{border-color:#e74c3c}
.form-group.success input{border-color:#27ae60}
.form-group.error .error-message{display:block}
.form-group.success .success-message{display:block}
/* 登录相关页面样式 forget.html */
/* 确保复选框样式显示 */
.checkbox-label{display:flex!important;align-items:center!important;cursor:pointer!important;font-size:14px!important;color:#333!important;margin-bottom:0!important}
.checkbox-label input[type=checkbox]{display:none!important}
.checkbox-label .checkmark{width:18px!important;height:18px!important;border:2px solid #ddd!important;border-radius:3px!important;margin-right:10px!important;position:relative!important;background:#fff!important;transition:all .3s ease!important}
.checkbox-label input[type=checkbox]:checked+.checkmark{background:#2eb670!important;border-color:#2eb670!important}
.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:''!important;position:absolute!important;left:3px!important;top:0!important;width:6px!important;height:10px!important;border:solid #fff!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important}
.checkbox-label:hover .checkmark{border-color:#2eb670!important}


/* 提示消息样式 */
.alert{padding:12px 20px;margin-bottom:20px;border-radius:4px;font-size:14px;line-height:1.5}
.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}
.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}
.admin-tip{position:relative;padding-left:40px}
.admin-tip:before{content:'';position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-size:contain;background-repeat:no-repeat}
.alert-danger .admin-tip:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23721c24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E")}
.alert-success.admin-tip:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23155724'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}


/* 一行两列布局样式 */
.form-row{display:flex;gap:15px;margin-bottom:20px}
.form-row .form-group{flex:1;margin-bottom:0}
@media (max-width:768px){.form-row{flex-direction:column;gap:0}
.form-row .form-group{margin-bottom:20px}
}

/* 登录相关页面样式 login.html */
/* 提示消息样式 */
.alert{padding:12px 20px;margin-bottom:20px;border-radius:4px;font-size:14px;line-height:1.5}
.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}
.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}
.admin-tip{position:relative;padding-left:40px}
.admin-tip:before{content:'';position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-size:contain;background-repeat:no-repeat}
.alert-danger.admin-tip:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23721c24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E")}
.alert-success.admin-tip:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23155724'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}
.third-login{margin-top:24px;text-align:center;border-top:1px solid #f0f0f0;padding-top:16px}
.third-login-title{font-size:13px;color:#999;margin-bottom:10px}
.third-login-icons{display:flex;justify-content:center;gap:18px}
.third-login-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;text-decoration:none}
.third-login-icon:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.15)}
.third-login-icon .iconfont{font-size:40px}
.third-login-icon.qq{background:#e6f3ff;color:#12b7f5}
.third-login-icon.wechat{background:#e6f8e9;color:#09bb07}
.third-login-icon.weibo{background:#ffecec;color:#e6162d}
.third-login-tip{margin-top:8px;font-size:12px;color:#bbb}

/* 登录相关页面样式 register.html */
/* 提示消息样式 */
.alert{padding:12px 20px;margin-bottom:20px;border-radius:4px;font-size:14px;line-height:1.5}
.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}
.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}
.admin-tip{position:relative;padding-left:40px}
.admin-tip:before{content:'';position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-size:contain;background-repeat:no-repeat}
.alert-danger.admin-tip:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23721c24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E")}
.alert-success.admin-tip:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23155724'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}
