*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}

/* 全局 */
body{background:#f5f7fa;color:#333;padding-bottom:80px}
input,button,select{width:100%;border:1px solid #ddd;border-radius:12px;padding:14px 16px;margin-bottom:12px;font-size:15px}
button{background:#1677ff;color:white;border:none;cursor:pointer}
button:hover{background:#0958d6}

/* 登录页专用 —— 真正全屏居中 */
.login-body{
display:flex;
flex-direction:column;
min-height:100vh;
padding:0;
}

.login-wrapper{
flex:1;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
}

/* 盒子 */
.box{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0001;max-width:480px;width:100%;padding:32px}
.login-box{text-align:center}
h2{margin-bottom:24px;color:#222}

/* 导航 */
.nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.nav a{padding:10px 16px;background:#fff;border-radius:12px;text-decoration:none;color:#333}
.nav a.active{background:#1677ff;color:#fff}

.container{max-width:1200px;margin:40px auto;padding:0 20px}
.card{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.grid{grid-template-columns:1fr}}

/* 表格 */
.table{width:100%;border-collapse:collapse;margin-top:10px}
.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #eee}
.table th{background:#fafafa}
.title{margin-bottom:16px;font-size:18px;font-weight:600}

/* LOGO 顶部居中 */
.header{
width:100%;
padding:20px 30px;
display:flex;
justify-content:center;
align-items:center;
}
.header .logo img{
height:100px;
max-width:500px;
width:auto;
object-fit:contain;
}

/* 底部 —— 修复手机键盘弹出不遮挡 */
.footer{
background:#fff;
border-top:1px solid #eee;
text-align:center;
padding:12px 10px;
font-size:12px;
color:#666;
position:relative;
width:100%;
}