/* 全局基础设置 */ 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; } }