模板:Infobox/styles.css

/* ============================= */
/*        Infobox 样式优化       */
/* ============================= */

.infobox {
    max-width: 300px; /* 设置信息框的最大宽度 */
    width: 100%; /* 允许其在容器内自适应 */
    margin: 0 auto; /* 使 .infobox 居中 */
    border: 1px solid #ddd; /* 添加一个轻微的边框 */
    border-radius: 8px; /* 让边框变得圆润 */
    background-color: #f9f9f9; /* 设置轻微的背景色 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 为 .infobox 添加阴影效果 */
    padding: 10px; /* 增加内边距使内容不显得紧凑 */
}

/* 限制 Infobox 第一列宽度（约 5 个汉字） */
.infobox td:first-child,
.infobox th:first-child {
    width: 12em; /* 增加第一列宽度 */
    min-width: 12em; /* 确保不会缩小 */
}

/* 暗色模式微调 */
.skin-theme-clientpref-night .infobox {
    border-color: #2f2f2f;
    background-color: #1c1c1c;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.45);
}