User:Wecury/common.css：修订间差异

第10行：

@media (max-width: 702px) {

/* ~~navbox 内的图片~~自适应缩小 */

/* 基础自适应 */

.navbox img {

.mw-parser-output .navbox img {

max-width: 100% !important;

height: auto !important;

}

.mw-parser-output .navbox {

/* navbox 容器自适应 */

.navbox {

width: 100% !important;

box-sizing: border-box;

/* 防止内部溢出造成横向滚动 */

overflow-x: hidden;

}

/* 表格结构纵向化~~：每行变块级~~，~~每个单元格占满~~宽度 */

/* 表格纵向化，避免横向挤压与叠加宽度 */

.navbox tr,

.mw-parser-output .navbox table,

.mw-parser-output .navbox tr,

.navbox td {

.mw-parser-output .navbox td {

display: block;

width: 100% !important;

max-width: 100% !important; /* 防止 100% + 边框/外距叠加溢出 */

box-sizing: border-box;

}

/* 覆盖内联宽度 ~~& 基础~~内边距统一~~化，避免~~左右不齐 */

/* 覆盖内联宽度与内边距，统一同层左缘对齐 */

.navbox .navbox-group,

.mw-parser-output .navbox .navbox-group,

.navbox .navbox-list {

.mw-parser-output .navbox .navbox-list {

width: auto !important;

width: auto !important; /* 覆盖 group 的内联宽度（如 85px） */

padding: 0.25em 0.75em;

padding: 0.25em 0.75em; /* 同层统一左右内边距 */

border-left: none !important; /* 保证 ~~group~~ 和 ~~list~~ 左~~缘对齐~~ */

border-left: none !important; /* 若要保留左边框，group/list 都加同样的 */

box-sizing: border-box;

}

/* 最大层级的 group 保持居中；子层按内容左对齐以配合缩进 */

.mw-parser-output .navbox > tbody > tr > .navbox-group,

⚫

.mw-parser-output .navbox > tr > .navbox-group {

text-align: center !important;

/* 保留你原本的背景色与可读性 */

}

/* list 的内容保持左对齐（含顶层与子层） */

.mw-parser-output .navbox .navbox-list {

text-align: left !important;

}

/* 同行纵向分隔~~：group~~ ~~后面的~~块加上顶边框 */

/* 纵向分隔：让 group 下一个块有顶边框，视觉分组 */

.navbox .navbox-group + * {

.mw-parser-output .navbox .navbox-group + * {

border-top: 2px solid #fdfdfd;

}

/* ~~缩进：~~子层 ~~navbox/subgroup~~ 左~~移 */~~

/* 子层缩进：list 里承载子组的容器做左缩进

站点若使用 .navbox-subgroup 包裹子表，请用它；若直接嵌套 table.navbox，则用后者 */

⚫

.~~navbox~~ .navbox~~-list~~ > .navbox-~~subgroup,~~

.navbox .navbox-list > ~~table~~.navbox {

.mw-parser-output .navbox .navbox-group + .navbox-list > .navbox-subgroup,

⚫

.mw-parser-output .navbox .navbox-list > .navbox-subgroup {

⚫

~~margin~~-left: 0.75em; /* ~~一级缩进 */~~

/* 用透明左边框而非 margin，避免叠加造成溢出 */

⚫

border-left: 0.75em solid transparent;

}

/* 如果你的模板是直接在 list 里嵌 table.navbox（不带 subgroup），用这一条： */

⚫

.navbox .navbox-list > .navbox-subgroup ~~.navbox-subgroup,~~

.navbox .navbox-list > ~~table.navbox~~ table.navbox {

.mw-parser-output .navbox .navbox-list > table.navbox {

~~margin~~-left: 1.~~5em;~~ /* ~~二级缩进 */~~

border-left: 0.75em solid transparent;

}

⚫

.navbox .navbox-list > .navbox-subgroup .navbox-subgroup .navbox-subgroup,

/* 更深层递进缩进（按需扩展层数） */

⚫

.navbox .navbox-list > table.navbox table.navbox ~~table~~.~~navbox~~ {

.mw-parser-output .navbox .navbox-list > .navbox-subgroup .navbox-subgroup {

margin-left: 2.25em; /* 三级缩进 */

border-left-width: 1.5em;

}

⚫

.mw-parser-output .navbox .navbox-list > .navbox-subgroup .navbox-subgroup .navbox-subgroup {

border-left-width: 2.25em;

}

/* 若使用 table.navbox 作为子层容器，递进写法对应改为：

⚫

.mw-parser-output .navbox .navbox-list > table.navbox table.navbox { border-left-width: 1.5em; } 等 */

/* 标题块级化 */

/* 标题块级化（如模板有） */

.navbox .navbox-title {

.mw-parser-output .navbox .navbox-title {

display: block;

width: 100% !important;

box-sizing: border-box;

padding: 0.25em 0.75em;

/* 一般标题不跟随缩进；如需也递进，可加同样的透明边框策略 */

}

/* 文本换行与长串安全处理，避免撑宽 */

.mw-parser-output .navbox a,

.mw-parser-output .navbox span {

overflow-wrap: anywhere;

word-break: break-word;

}