/* 全局基础样式 - 兼容所有浏览器 */
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:'Arial','PingFang SC','Microsoft YaHei',sans-serif;}
html,body{height:100%;background-color:#f8f9fa;color:#333;line-height:1.5;font-size:13px;}
body{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100vh;}
/* 主内容区 - 兼容性修复 */
.container{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;padding:20px;max-width:800px;/* 缩小容器宽度 */margin:0 auto;width:100%;}
.login-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;max-width:800px;/* 缩小登录框宽度 */background-color:#fff;border-radius:8px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 10px rgba(0,0,0,0.1);box-shadow:0 2px 10px rgba(0,0,0,0.1);overflow:hidden;min-height:400px;/* 缩小最小高度 */}
/* 左侧图片展示区 - 兼容性修复 */
.login-image{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;background:#315efb;background:-webkit-linear-gradient(135deg,#4e6ef2,#315efb);background:-moz-linear-gradient(135deg,#4e6ef2,#315efb);background:-o-linear-gradient(135deg,#4e6ef2,#315efb);background:linear-gradient(135deg,#4e6ef2,#315efb);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;padding:20px;/* 缩小内边距 */color:white;text-align:center;}
.login-image img{max-width:70%;/* 缩小图片 */max-height:150px;/* 缩小图片高度 */margin-bottom:15px;width:auto;height:auto;}
.login-image h2{font-size:18px;/* 保持文字大小不变 */margin-bottom:10px;font-weight:600;}
.login-image p{opacity:0.9;font-size:12px;/* 保持文字大小不变 */margin:0;}
/* 右侧登录表单区 - 兼容性修复 */
.auth-container{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;padding:20px;/* 缩小内边距 */max-width:400px;/* 缩小最大宽度 */width:100%;}
.auth-title{color:#315efb;font-size:18px;/* 保持文字大小不变 */margin-bottom:8px;font-weight:600;}
.auth-description{color:#666;margin-bottom:15px;/* 缩小间距 */font-size:12px;/* 保持文字大小不变 */}
/* 表单样式 - 缩小输入框比例 */
.form-row,.captcha-row{margin-bottom:12px;/* 缩小间距 */}
.form-label,.captcha-label{display:block;color:#555;font-weight:500;margin-bottom:5px;/* 缩小间距 */font-size:12px;/* 保持文字大小不变 */}
.form-label i,.captcha-label i{margin-right:5px;/* 缩小间距 */color:#9ca3af;width:14px;/* 缩小图标容器 */text-align:center;font-size:13px;/* 稍微缩小图标 */}
.input-container,.captcha-input-container{position:relative;width:100%;}
.form-control{width:100%;padding:6px 10px;/* 缩小内边距 */border:1px solid #ddd;border-radius:3px;/* 缩小圆角 */font-size:13px;/* 保持文字大小不变 */height:32px;/* 缩小高度 */-webkit-transition:border-color 0.3s ease,-webkit-box-shadow 0.3s ease;-moz-transition:border-color 0.3s ease,box-shadow 0.3s ease;-o-transition:border-color 0.3s ease,box-shadow 0.3s ease;transition:border-color 0.3s ease,box-shadow 0.3s ease;}
.password-toggle{position:absolute;right:8px;/* 调整位置 */top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:6px;/* 缩小内边距 */font-size:13px;/* 稍微缩小图标 */}
/* 验证码 - 缩小比例 */
.captcha-input-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;}
.captcha-img{width:70px;/* 缩小宽度 */height:31px;/* 缩小高度 */border-radius:1px;/* 缩小圆角 */margin-left:10px;/* 添加这行来创建10px的间距 */}
/* 按钮 - 缩小比例 */
.btn-submit{width:100%;padding:7px;/* 缩小内边距 */height:32px;/* 缩小高度 */line-height:18px;/* 调整行高 */margin-top:8px;/* 缩小间距 */}
/* 已登录面板 - 保持文字大小不变 */
.user-panel{text-align:center;padding:15px 0;/* 缩小内边距 */}
.user-content i.fa-check-circle{font-size:40px;/* 稍微缩小图标 */}
.user-content h3{font-size:16px;/* 保持文字大小不变 */}
/* 页脚 - 保持不变 */
.footer{background-color:#f3f4f6;padding:15px 0;text-align:center;margin-top:auto;width:100%;}
.footer-content{max-width:1200px;margin:0 auto;padding:0 20px;}
.footer-info p{color:#6b7280;font-size:12px;line-height:1.5;margin-bottom:5px;}
/* 响应式设计 */
@media (max-width:768px){.login-wrapper{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:auto;}
.login-image{padding:15px;display:none;}
.auth-container{padding:20px;max-width:100%;}
}