body {font-family: aidianfengyahei, sans-serif; background: linear-gradient(120deg, #84fab0 0, #8fd3f4 100%); margin: 0; padding: 0; color: #333;}
.container {max-width: 800px;margin: 50px auto;background: rgba(255, 255, 255, 0.65);padding: 20px;border-radius: 10px;box-shadow: 0 6px 20px rgba(0, 0, 0, .1);}
h1 {text-align: center; font-size: 2.5rem; color: #333;}
p {text-align: center; color: #555;}
table {width: 100%; border-collapse: collapse; margin-top: 20px;}
table td, table th {padding: 8px; border: 1px solid #ddd; text-align: left;}
table th {background: #f8f9fa; font-weight: 350; text-transform: uppercase;}
table tr:nth-child(even) {background: #f9f9f9;}
table tr:hover {background: #f1f7fc;}
a {color: #007bff; text-decoration: none;}
a:hover {text-decoration: underline;}
.backHome {
display: inline-block;
text-decoration: none;
font-size: 14px;
color: #4caf50; /* 按钮文字颜色 */
background-color: #ffffff; /* 按钮背景颜色 */
border: 2px solid #4caf50; /* 按钮边框颜色 */
padding: 10px 20px; /* 内边距 */
border-radius: 5px; /* 圆角 */
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* 字体 */
font-weight: bold;
text-align: center;
transition: background-color 0.3s ease, color 0.3s ease;
onmouseover="this.style.backgroundColor='#4caf50'; this.style.color='#ffffff';
onmouseout="this.style.backgroundColor='#ffffff'; this.style.color='#4caf50';}