注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
- Opera：按 Ctrl-F5。
/* 这里放置的CSS将应用于所有皮肤 */
/* 美化所有wikitable类的表格 */
.wikitable {
background-color: #1d1626;
color: #e0e0e0;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
border-collapse: collapse;
margin: 1em auto; /* 这里的auto会使表格水平居中 */
width: 90%;
text-align: center; /* 整体居中对齐 */
}
/* 表格头放在左侧的样式 */
.wikitable th {
background: #2d2039;
color: #fff;
padding: 12px 15px;
text-align: left;
font-weight: normal;
letter-spacing: 1px;
border-bottom: 1px solid #3a2b4d;
width: 25%; /* 设置表头宽度 */
vertical-align: top; /* 顶部对齐 */
}
.wikitable td {
padding: 10px 15px;
border-bottom: 1px solid #3a2b4d;
text-align: left; /* 单元格内容左对齐 */
}
.wikitable tr:hover td {
background: rgba(80, 58, 107, 0.2);
}
.wikitable tr:nth-child(even) {
background: rgba(37, 28, 48, 0.5);
}
/* 额外添加确保表格在页面中居中的样式 */
.content, .mw-body {
display: flex;
flex-direction: column;
align-items: center;
}
/* 确保表格容器宽度充分 */
.mw-parser-output {
width: 100%;
}