MediaWiki:Common.css

/* 这里放置的CSS将应用于所有皮肤 */
/* 美化所有wikitable类的表格 */
.wikitable {
	display: flex;
    flex-direction: column;
    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; /* 顶部对齐 */
    border-right: 2px solid #503a6b; /* 添加右侧边框，区分表头和内容 */
    position: relative; /* 为可能的装饰元素做准备 */
}
.wikitable th:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background: rgba(80, 58, 107, 0.5);
    box-shadow: 0 0 8px rgba(80, 58, 107, 0.8);
}
.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%;
}