* {margin:0;padding:0;box-sizing:border-box;font-family:微软雅黑;}
body {background:#f5f5f5;}
.login-body {display:flex;align-items:center;justify-content:center;height:100vh;}
.login-box {background:#fff;padding:30px;border-radius:8px;width:400px;text-align:center;}
.login-box h2 {margin-bottom:20px;color:#333;}
.login-box input {width:100%;padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:4px;}
.login-box button {width:100%;padding:10px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;}
.main {display:flex;min-height:100vh;}
.sidebar {width:200px;background:#2f4050;color:#fff;padding:20px;}
.sidebar h3 {margin-bottom:20px;}
.sidebar ul li {list-style:none;margin:15px 0;}
.sidebar ul li a {color:#fff;text-decoration:none;}
.content {flex:1;padding:20px;}
.card {background:#fff;padding:20px;border-radius:8px;margin:10px 0;}
.form-box {background:#fff;padding:20px;border-radius:8px;}
.form-box select,.form-box input {width:100%;padding:10px;margin:10px 0;border:1px solid #ddd;}
table {width:100%;background:#fff;border-collapse:collapse;margin:10px 0;}
table th,table td {padding:10px;border:1px solid #ddd;text-align:center;}
.red {color:red;}
.green {color:green;}
.search-box {margin:10px 0;}
.code-box {display:flex;align-items:center;}
.code-box input {flex:1;}
.code-box img {height:38px;margin-left:10px;cursor:pointer;}