/* 全局基础设置 */
html {
box-sizing: border-box;
font-size: 16px;
max-width: 100vw;
overflow-x: hidden;
scroll-behavior: smooth;
}
*,
*::before,
*::after {
box-sizing: inherit;
min-width: 0;
}
/* 锚点链接样式 */
a {
text-decoration: none;
color: #0645ad;
transition: color 0.3s ease;
}
a:hover {
color: #0b5ed7;
text-decoration: underline;
}
/* 目录样式（移动端单列布局） */
.catalog {
font-weight: bold;
font-size: 0.75rem;
line-height: 1.2em;
background-color: #d9d9e9;
padding: 0.5rem;
border-radius: 4px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
display: flow-root;
}
.catalog ul {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
background-color: inherit;
display: flex;
flex-wrap: wrap;
gap: 0.9375rem;
}
.catalog li {
flex-basis: 100%;
margin: 0;
background-color: #f2f2f2;
padding: 0.5rem;
border-radius: 4px;
transition: background-color 0.3s ease;
}
.catalog li:nth-child(even) {
background-color: #d9d9e9;
}
.catalog li:hover {
background-color: #e0e0e0;
}
/* 标题样式 */
h2 {
border-bottom: 1px solid #aaaaaa;
margin: 1.5rem 0 1rem;
cursor: pointer;
font-size: 1.25rem;
transition: color 0.3s ease;
line-height: 1.2;
}
h2:hover {
color: #0b5ed7;
}
/* 图片缩略图样式（严格适配屏幕宽度） */
figure.mw-default-size {
margin: 1rem 0;
text-align: center;
background-color: #d9d9e9;
max-width: 100%;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.thumbinner {
border: 1px solid #cccccc;
padding: 3px;
background-color: white;
display: block;
max-width: 100%;
margin: 0 auto;
transition: transform 0.3s ease;
}
.thumbinner:hover {
transform: scale(1.02);
}
.thumbcaption {
font-size: 0.8rem;
line-height: 1.4em;
margin-top: 5px;
color: #666;
background-color: inherit;
}
/* 段落/列表样式（优化行高和换行） */
p,
ul,
li {
line-height: 1.6;
margin: 1rem 0;
background-color: #d9d9e9;
word-wrap: break-word;
word-break: break-all;
border-radius: 4px;
padding: 0.5rem;
}
ul {
list-style: disc;
padding-left: 2em;
}
/* 参考资料样式 */
.reflist,
.mw-references {
margin: 1.5rem 0;
font-size: 0.9rem;
background-color: #d9d9e9;
border-radius: 4px;
padding: 0.5rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
line-height: 1.6;
}
.reference-accessdate {
color: #666;
}
/* ---------- 表格统一样式（强制适配无滑动） ---------- */
table {
width: 100%;
min-width: 100%;
max-width: 100%;
border-collapse: collapse;
margin: 1.2rem 0;
font-size: 0.9rem;
border: 3px solid #909090; /* 加粗表格整体边框 */
background-color: white;
display: block;
overflow-x: auto;
border-radius: 4px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* 表头统一样式 */
th {
font-weight: bold;
padding: 0.6rem;
background-color: #f5f7fa;
border: 2px solid #909090; /* 加粗表头边框 */
border-top: 3px solid #909090;
text-align: left;
white-space: normal;
overflow: visible;
text-overflow: clip;
max-width: none;
transition: background-color 0.3s ease;
line-height: 1.6;
}
th:hover {
background-color: #e0e2e5;
}
/* 单元格统一样式 */
td {
padding: 0.5rem;
border: 2px solid #909090; /* 加粗单元格边框 */
vertical-align: middle;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
transition: background-color 0.3s ease;
line-height: 1.6;
}
td:hover {
background-color: #f0f2f5;
}
/* 表格内图片自适应 */
table img {
max-width: 100%;
height: auto;
}
/* 交替行背景 */
tr:nth-child(even) {
background-color: #f9f9f9;
}
/* 合并行特殊处理 */
th[colspan] {
background-color: #e6e9ff !important;
border-bottom: 3px solid #909090; /* 加粗合并行表头下边框 */
text-align: center;
padding: 0.8rem;
line-height: 1.6;
}
/* 信息框（infobox）适配 */
table.infobox th {
background-color: #f0f0f0;
}
table.infobox th.infobox-header {
background-color: #FFCC99 !important;
}
/* 导航框（navbox）适配 */
table.navbox {
font-size: 0.85rem;
border: 2px solid #909090; /* 加粗导航框表格边框 */
width: 100%;
max-width: 100%;
display: block;
overflow-x: auto;
border-radius: 4px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.navbox-abovebelow,
.navbox-list-with-group {
background-color: #f9f9f9;
}
/* 其他样式 */
.IPA,
.Unicode {
font-family: "Segoe UI", "Chrysanthi Unicode", "Doulos SIL", "Gentium", "GentiumAlt", "Code2000", "TITUS Cyberbit Basic", "DejaVu Sans", "Bitstream Cyberbit", "Arial Unicode MS", "Lucida Sans Unicode";
}
a[href^=“http:”] {
color: #0645ad;
}
.mw-ref {
font-size: 0.9rem;
vertical-align: super;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
/* 移动端强化适配（补充极端小屏幕处理） */
@media (max-width: 480px) {
h2 {
font-size: 1.125rem;
}
table {
font-size: 0.8rem;
}
.catalog {
font-size: 0.7rem;
}
}