/*!
 * 适老化（关怀版）专用样式 —— 大字化 + 页面扁平化 + 版式自适应
 * ====================================================================
 * 对应整改问题：
 *   适老化问题2（PC端）：适老化模式下部分字体大小未见变化，
 *                        部分网页布局不符合扁平化原则。
 *   适老化问题3（WAP端）：适老化功能下，字体存在遮挡及页面紊乱。
 *   适老化问题1（PC端）：部分页面未见适老化功能（本文件随模板全站加载）。
 *
 * 依据：《互联网网站适老化通用设计规范》
 *   · 字体大小：计算机适老化网页应提供网页的放大设置与大字屏幕服务；
 *              移动网站至少提供一种 18dp/pt 及以上的大字体；
 *              标题和标签等文本的字体大小与样式应有明显的特征。
 *   · 样式要求：辅助工具开启后不应导致网页样式的变形或丢失。
 *   · 页面布局：应依照扁平化原则，避免阴影、透视、纹理等复杂装饰设计。
 *
 * --------------------------------------------------------------------
 * 触发机制
 *   点击页面右上角“关怀版”入口 → js/a11y.js 为 <body> 添加 useOldFixed 类
 *   → 本文件全部规则以 body.useOldFixed 为前缀生效；关闭时移除该类，
 *     页面完全恢复原样，正常模式不受任何影响。
 *   （平台侧若日后开启适老化配置，上海无障碍 SDK 加的类名同样是
 *     useOldFixed，两种来源幂等。）
 *
 * --------------------------------------------------------------------
 * 本次调整说明（为什么不再用 body{zoom} 整页放大）
 *   旧做法是给 body 加 zoom:1.25 做整页等比放大，实测出现三个问题：
 *     1) 版心是固定 1000px，zoom 后可视宽度变小，右侧栏与轮播（1250px）
 *        会顶出版心，出现横向滚动、标题压到灰色背景上；
 *     2) 移动端为流式布局，zoom 后各类固定高度（40px 日期块、60px 标题、
 *        410px 右栏）与放大后的文字错位，出现文字遮挡、页面紊乱；
 *     3) 与平台无障碍工具条自身的“放大”按钮叠加后倍率不受控。
 *   而《规范》要求“放大后不应导致网页样式变形或丢失”，因此这里改为
 *   “字号整体放大 + 行高加宽 + 版式自适应”的方案：
 *   正文统一 18px、栏目标题 22px、文章大标题 28px、行高 1.75，
 *   所有依赖固定高度/不换行的容器全部改为自适应，页面自然向下延伸，
 *   既不溢出、不遮挡，也保留了“整体变大变松”的观感，
 *   且不会与平台工具条自带的“放大”按钮叠加出不可控的倍率。
 *   如需整页等比放大的观感，可打开下面【可选】段落（请先确认版心不溢出）。
 * ==================================================================== */

/* =========================================================
 * 一、可选：整页等比放大（默认关闭，建议保持关闭）
 *     仅用于要求“整体缩放”观感的场合，开启前请确认版心不溢出。
 * ========================================================= */
/*
body.useOldFixed { zoom: 1.15; }
html:has(body.useOldFixed) { overflow-x: auto !important; }
*/

/* 兜底：若能出现超出版心的元素，允许横向滚动而不是被裁切
   （base.css 中 html{overflow-x:hidden} 会把超出部分直接裁掉，
     对低视力用户来说“能滚动”比“被裁掉”更容易接受） */
html:has(body.useOldFixed) {
    overflow-x: auto !important;
}

/* =========================================================
 * 二、基础：底色、正文基准字号与行高
 *     选择器统一使用 body.useOldFixed.useOldFixed 双类名，
 *     以高于以下三类写法的优先级：
 *       · base.css   .post .con a { font-size:12px !important }
 *       · media.css  body,p,a { font-size:16px !important }
 *       · 无障碍 SDK  body.useOldFixed * { font-size:1em !important }
 *     否则手机端适老化时，SDK 会把全部文字压成同一个字号，
 *     标题层级丢失、字号失控进而撑破容器。
 * ========================================================= */
body.useOldFixed {
    background: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
    color: #1a1a1a !important;
}

body.useOldFixed.useOldFixed p,
body.useOldFixed.useOldFixed li,
body.useOldFixed.useOldFixed dd,
body.useOldFixed.useOldFixed dt,
body.useOldFixed.useOldFixed td,
body.useOldFixed.useOldFixed th,
body.useOldFixed.useOldFixed .wp_entry,
body.useOldFixed.useOldFixed .wp_entry p {
    font-size: 18px !important;
    line-height: 1.75 !important;
    color: #1a1a1a !important;
}

/* 页面内的链接：模板给正文链接锁死了 12px，这里统一抬到正文字号 */
body.useOldFixed.useOldFixed .post .con a,
body.useOldFixed.useOldFixed .con a,
body.useOldFixed.useOldFixed .news_list a,
body.useOldFixed.useOldFixed .col_news_list a,
body.useOldFixed.useOldFixed .article .entry .read a,
body.useOldFixed.useOldFixed .purelist a,
body.useOldFixed.useOldFixed .purelist .lk_none,
body.useOldFixed.useOldFixed .links-box p a {
    font-size: 18px !important;
    line-height: 1.75 !important;
}

/* 辅助性小字（时间、来源、版权）保持层级差，但不小于 15px */
body.useOldFixed.useOldFixed .news_meta,
body.useOldFixed.useOldFixed .arti_metas span,
body.useOldFixed.useOldFixed #footer .inner p,
body.useOldFixed.useOldFixed #footer .inner .copyright,
body.useOldFixed.useOldFixed #footer .inner .copyright a,
body.useOldFixed.useOldFixed .col_news_date,
body.useOldFixed.useOldFixed .timeline a {
    font-size: 15px !important;
    line-height: 1.7 !important;
}

/* 标题：字号分档，且与正文有明显区别（规范要求“明显特征”） */
body.useOldFixed.useOldFixed h1,
body.useOldFixed.useOldFixed .article h1.arti_title {
    font-size: 28px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
}

body.useOldFixed.useOldFixed h2 {
    font-size: 24px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
}

body.useOldFixed.useOldFixed h3,
body.useOldFixed.useOldFixed h4,
body.useOldFixed.useOldFixed .post .tt .tit,
body.useOldFixed.useOldFixed .col_menu .col_menu_head h3.col_name,
body.useOldFixed.useOldFixed .identity-list-header .bt,
body.useOldFixed.useOldFixed .bt,
body.useOldFixed.useOldFixed .bt a {
    font-size: 22px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
}

/* h5 / h6：栏目正文里的分组小标题（如校学术委员会页的“主任：”“副主任：”，
   类名 intro_title02）。list.css 把它写死为 14px，编辑器又在标签上内联了
   style="font-size:14px;line-height:normal"，两者都优先于普通 CSS，
   所以必须在这里单独给一档字号，否则放大后仍停在 14px。 */
body.useOldFixed.useOldFixed h5,
body.useOldFixed.useOldFixed .intro_title02 {
    font-size: 20px !important;
    line-height: 1.6 !important;
    font-weight: 700 !important;
}

body.useOldFixed.useOldFixed h6 {
    font-size: 18px !important;
    line-height: 1.7 !important;
    font-weight: 700 !important;
}

/* 兜底：编辑器粘贴进来的内容常带内联字号（style="font-size:14px" 之类），
   内联样式优先级高于普通选择器，放大后会原地不动。
   这里统一抬到“不低于正文字号”，同时用 max() 保留本来就更大的设定；
   标题（h1~h6）已在上面的分档里处理，用 :not() 排除，避免被拉平。 */
body.useOldFixed.useOldFixed .wp_articlecontent [style*="font-size"]:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6),
body.useOldFixed.useOldFixed .wp_articlecontent [style*="FONT-SIZE"]:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6),
body.useOldFixed.useOldFixed .wp_entry [style*="font-size"]:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 18px !important;          /* 旧浏览器不支持 max() 时的兜底 */
    font-size: max(18px, 1em) !important;
}

/* =========================================================
 * 三、版式自适应 —— 解决“内容超出版心 / 文字遮挡”
 *     模板大量使用 white-space:nowrap + 固定高度 + 省略号，
 *     字号一放大就会顶出容器（标题压到页面灰色背景上）或互相遮挡。
 *     适老化模式下改为“允许换行 + 高度自适应”。
 * ========================================================= */

/* 3.1 首页各栏目标题：取消不换行、取消固定行高 */
body.useOldFixed.useOldFixed .post-3 .news_list .news .news_title,
body.useOldFixed.useOldFixed .post-40 .news_list .news .news_title,
body.useOldFixed.useOldFixed .post-50 .news_list .news .news_title,
body.useOldFixed.useOldFixed .post-3 .news_list .news .news_title a,
body.useOldFixed.useOldFixed .post-40 .news_list .news .news_title a,
body.useOldFixed.useOldFixed .post-50 .news_list .news .news_title a {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    height: auto !important;
    max-height: none !important;
    font-size: 18px !important;
    line-height: 1.7 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

/* 3.2 首页列表项：高度自适应，用分割线区分（替代阴影卡片） */
body.useOldFixed.useOldFixed .news_list .news,
body.useOldFixed.useOldFixed .news_list li.news,
body.useOldFixed.useOldFixed .news_list div.news {
    height: auto !important;
    min-height: 2.1em !important;
    line-height: 1.7 !important;
    padding: 7px 0 !important;
    border-bottom: 1px solid #e6e6e6 !important;
}

body.useOldFixed.useOldFixed .news_list .news p,
body.useOldFixed.useOldFixed .news_list .news_summary {
    height: auto !important;
    line-height: 1.75 !important;
    margin-top: 4px;
}

/* 3.3 要闻栏目左侧日期块：原为 60×60 固定块，字号放大后数字被裁切 */
body.useOldFixed.useOldFixed .post-3 .news_list .n1 {
    height: auto !important;
    padding-bottom: 12px !important;
}

body.useOldFixed.useOldFixed .post-3 .news_list .n1 .news_time {
    width: 72px !important;
    height: auto !important;
    min-height: 72px !important;
    padding: 4px 0;
    box-sizing: border-box;
}

body.useOldFixed.useOldFixed .post-3 .news_list .n1 .news_time .sudy-pubdate {
    height: auto !important;
}

body.useOldFixed.useOldFixed .post-3 .news_list .n1 .news_time .pub-day {
    height: auto !important;
    line-height: 1.25 !important;
    font-size: 24px !important;
    margin-top: 2px !important;
}

body.useOldFixed.useOldFixed .post-3 .news_list .n1 .news_time .pub-date {
    height: auto !important;
    line-height: 1.4 !important;
    font-size: 14px !important;
}

body.useOldFixed.useOldFixed .post-3 .news_list .n1 .news_title {
    display: block !important;
    height: auto !important;
    margin-left: 88px !important;
    line-height: 1.7 !important;
}

body.useOldFixed.useOldFixed .post-3 .news_list .n1 .news_title a {
    margin-top: 2px !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
}

/* 3.4 栏目标题栏与选项卡：高度自适应，选中态加实线，扁平且特征明显 */
body.useOldFixed.useOldFixed .post .tt {
    height: auto !important;
    min-height: 46px;
    line-height: 46px !important;
    background-image: none !important;
    border-bottom: 2px solid #d9e9f3;
    margin-bottom: 14px !important;
}

body.useOldFixed.useOldFixed .post .tt .tit .title,
body.useOldFixed.useOldFixed .post .tt .tit .title.ts .hover,
body.useOldFixed.useOldFixed .post .tt .tit .title.ts {
    height: auto !important;
    line-height: 46px !important;
    background-image: none !important;
}

body.useOldFixed.useOldFixed .post .tt .tit .title.ts .hover {
    border-bottom: 3px solid #0077bc;
    color: #005a91 !important;
    font-weight: 700 !important;
}

body.useOldFixed.useOldFixed #one1,
body.useOldFixed.useOldFixed #one2 {
    font-size: 22px !important;
    line-height: 46px !important;
}

/* 未选中的标签降低视觉权重：常规字重 + 深灰色
   （原来两个标签同为蓝色，选中特征只能靠下划线，放大了仍不易分辨）
   下划线用透明 3px 占位，切换时高度不跳动 */
body.useOldFixed.useOldFixed .post .tt .tit .title.ts > span:not(.hover) {
    color: #333333 !important;
    font-weight: 400 !important;
    border-bottom: 3px solid transparent !important;
}

/* “更多”文字按钮同步放大，否则放大后成了页面上最小的一行字 */
body.useOldFixed.useOldFixed .more_btn .more_text,
body.useOldFixed.useOldFixed .more_btn a,
body.useOldFixed.useOldFixed .w3_more {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

body.useOldFixed.useOldFixed .post .tt .more_btn,
body.useOldFixed.useOldFixed .post .tt .more_btn a {
    height: 46px !important;
    line-height: 46px !important;
}

body.useOldFixed.useOldFixed .sudy-tab .tab-menu {
    height: auto !important;
    min-height: 46px;
    background: none !important;
    border-bottom: 2px solid #d9e9f3;
    margin-bottom: 14px !important;
}

body.useOldFixed.useOldFixed .sudy-tab .tab-menu li {
    height: auto !important;
    line-height: 46px !important;
    font-size: 22px !important;
    padding: 0 14px 0 0;
    background: none !important;
    border-bottom: 3px solid transparent;
}

/* 选中态：加粗 + 实线下划线（不依赖背景图，扁平化且一眼可辨） */
body.useOldFixed.useOldFixed .sudy-tab .tab-menu li.selected {
    border-bottom-color: #0077bc;
    color: #005a91 !important;
    font-weight: 700 !important;
}

/* 未选中的标签降低视觉权重，选中/未选中一眼可分 */
body.useOldFixed.useOldFixed .sudy-tab .tab-menu li:not(.selected) {
    color: #333333 !important;
    font-weight: 400 !important;
}

body.useOldFixed.useOldFixed .sudy-tab .more_btn {
    top: 8px !important;
}

/* 3.5 图片、表格不超出容器 */
body.useOldFixed.useOldFixed .news_list img,
body.useOldFixed.useOldFixed .wp_entry img,
body.useOldFixed.useOldFixed .col_news_list .wp_entry img,
body.useOldFixed.useOldFixed .article .entry .read img,
body.useOldFixed.useOldFixed .column-image img,
body.useOldFixed.useOldFixed .column-image-item {
    max-width: 100% !important;
    height: auto !important;
}

body.useOldFixed.useOldFixed table {
    max-width: 100% !important;
}

/* =========================================================
 * 四、扁平化：去阴影、去圆角、去渐变纹理，内容区改纯色底
 * ========================================================= */

/* 4.1 阴影、文字阴影全部去除（无障碍工具条自身不动） */
body.useOldFixed *:not([class*="aria"]):not([id*="aria"]),
body.useOldFixed *:not([class*="aria"]):not([id*="aria"])::before,
body.useOldFixed *:not([class*="aria"]):not([id*="aria"])::after {
    box-shadow: none !important;
    text-shadow: none !important;
}

/* 4.2 圆角直角化，去装饰感 */
body.useOldFixed *:not([class*="aria"]):not([id*="aria"]),
body.useOldFixed *:not([class*="aria"]):not([id*="aria"]) img {
    border-radius: 0 !important;
}

/* 4.3 正文容器改为纯色底，去掉渐变/纹理背景
 *     只作用于内容区，学校标识（页头校徽底图）、功能按钮图标保留 */
body.useOldFixed.useOldFixed .post,
body.useOldFixed.useOldFixed .mbox,
body.useOldFixed.useOldFixed .news_list,
body.useOldFixed.useOldFixed .news_list li,
body.useOldFixed.useOldFixed .col_menu,
body.useOldFixed.useOldFixed .col_menu .col_menu_head,
body.useOldFixed.useOldFixed .infobox,
body.useOldFixed.useOldFixed .identity-list-header {
    background-image: none !important;
    background-color: #ffffff !important;
}

body.useOldFixed.useOldFixed .col_menu .col_menu_head {
    border-bottom: 1px solid #d9d9d9;
    border-left: 6px solid #0077bc;
}

/* 栏目标题文字：手机端模板把它设为白色（配深灰底），扁平化后底色改成了白，
   就成了白底白字、整条标题看不见。这里统一改成深色字，桌面与手机都能读。 */
body.useOldFixed.useOldFixed .col_menu .col_menu_head h3.col_name,
body.useOldFixed.useOldFixed .col_menu .col_menu_head h3.col_name .col_name_text,
body.useOldFixed.useOldFixed .col_menu .col_menu_head h3.col_name .Column_Anchor {
    color: #1a1a1a !important;
    background-image: none !important;
}

/* 页脚底纹为装饰性渐变，扁平化处理为纯色 */
body.useOldFixed.useOldFixed #footer .inner {
    background-image: none !important;
}

/* =========================================================
 * 五、列表页 / 文章页：同样去除固定高度与不换行
 * ========================================================= */
body.useOldFixed.useOldFixed .col_news_list .col_news_item {
    /* 标题与日期改成弹性两栏：标题换行时日期仍固定在右侧，
       不会被挤到下一行，也不会与标题粘连 */
    display: flex !important;
    align-items: baseline;
    line-height: 1.75 !important;
    padding: 8px 0 8px 12px !important;
    background-position: 2px 16px !important;
}

body.useOldFixed.useOldFixed .col_news_item .col_news_title {
    flex: 1 1 auto;
    float: none !important;
    min-width: 0;
}

body.useOldFixed.useOldFixed .col_news_item .col_news_date {
    flex: 0 0 auto;
    float: none !important;
    padding-left: 12px;
    white-space: nowrap;
}

body.useOldFixed.useOldFixed .col_news_item .col_news_title,
body.useOldFixed.useOldFixed .col_news_item .col_news_title a {
    font-size: 18px !important;
    line-height: 1.75 !important;
    white-space: normal !important;
    overflow: visible !important;
}

body.useOldFixed.useOldFixed .col_list_wrap li a,
body.useOldFixed.useOldFixed .col_list_wrap li a span,
body.useOldFixed.useOldFixed .purelist li a {
    font-size: 18px !important;
    line-height: 1.75 !important;
    height: auto !important;
    white-space: normal !important;
}

body.useOldFixed.useOldFixed .article .entry .read,
body.useOldFixed.useOldFixed .article .entry .read p {
    font-size: 20px !important;
    line-height: 1.9 !important;
}

body.useOldFixed.useOldFixed .col_metas .col_path,
body.useOldFixed.useOldFixed .wzlm,
body.useOldFixed.useOldFixed .wzlm a {
    font-size: 16px !important;
    line-height: 1.8 !important;
    height: auto !important;
}

/* 当前位置（面包屑）：base.css 里是 display:inline-block + white-space:nowrap，
   栏目标题稍微长一点、字号一放大就会顶出屏幕（手机上出现横向滚动条）。 */
body.useOldFixed.useOldFixed .col_metas .col_path {
    display: block !important;
    white-space: normal !important;
    max-width: 100% !important;
    line-height: 1.9 !important;
    word-break: break-word !important;
}

body.useOldFixed.useOldFixed .col_metas .col_path a {
    display: inline !important;
    white-space: normal !important;
}

/* 分隔符 .possplit 原本是 inline-block + 背景小箭头，字号放大、文字换行后
   会独占一行，出现“三个 > 单独一行”的错位。改为随文字流动的文本分隔符。 */
body.useOldFixed.useOldFixed .col_metas .col_path .possplit {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    line-height: inherit !important;
    background: none !important;
    font-size: 0 !important;
    vertical-align: baseline !important;
}

body.useOldFixed.useOldFixed .col_metas .col_path .possplit::after {
    content: "›";
    font-size: 16px;
    color: #8c8c8c;
    padding: 0 6px;
    vertical-align: baseline;
}

/* 正文里的“名单 / 人员”型列表（intro_ul02、intro_ul03）：
   模板用 li{width:22%（或46%）;float:left;margin-left:10px} 硬排多列，
   固定百分比叠加固定内边距，窄屏和放大后必然横向溢出，
   名字被切成“陈多/陈良”这样的半截。这里改为按内容宽度自动折行的流式小卡片。 */
body.useOldFixed.useOldFixed .wp_articlecontent .intro_ul02,
body.useOldFixed.useOldFixed .wp_articlecontent .intro_ul03,
body.useOldFixed.useOldFixed .wp_entry .intro_ul02,
body.useOldFixed.useOldFixed .wp_entry .intro_ul03 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
}

body.useOldFixed.useOldFixed .wp_articlecontent .intro_ul02 li,
body.useOldFixed.useOldFixed .wp_articlecontent .intro_ul03 li,
body.useOldFixed.useOldFixed .wp_entry .intro_ul02 li,
body.useOldFixed.useOldFixed .wp_entry .intro_ul03 li {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    float: none !important;
    flex: 0 0 auto;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 2px 14px !important;
    line-height: 1.7 !important;
    text-indent: 0 !important;
    word-break: break-word !important;
}

body.useOldFixed.useOldFixed .wp_articlecontent .intro_ul02 li p,
body.useOldFixed.useOldFixed .wp_articlecontent .intro_ul03 li p {
    margin: 0 !important;
    text-indent: 0 !important;
    line-height: 1.7 !important;
}

/* =========================================================
 * 六、页头 / 导航 / 页脚
 *     导航文字同步放大，同时收窄内边距，保证 12 个一级栏目不换行溢出
 * ========================================================= */
body.useOldFixed.useOldFixed .menu-bar .wp-menu .menu-item a.menu-link {
    font-size: 18px !important;
    padding: 0 7px !important;
}
body.useOldFixed.useOldFixed .leader-box-item>a span { font-size: 20px !important;}
body.useOldFixed.useOldFixed .menu-bar .sub-menu .sub-item a,
body.useOldFixed.useOldFixed .menu-bar .sub-menu .sub-item a .item-name {
    font-size: 16px !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.9 !important;
    padding: 6px 10px !important;
    white-space: nowrap;
}

body.useOldFixed.useOldFixed #top-nav .menu-item .menu-link,
body.useOldFixed.useOldFixed .wp_nav .nav-item a {
    font-size: 16px !important;
}

body.useOldFixed.useOldFixed .languages li a {
    font-size: 15px !important;
}

/* 移动端侧边导航（汉堡菜单）：整条可点区域随字号加高，避免误触 */
body.useOldFixed.useOldFixed .wp-navi-aside .navi-aside-wrap li a,
body.useOldFixed.useOldFixed .wp-navi-aside .navi-aside-title {
    font-size: 18px !important;
    line-height: 1.7 !important;
    height: auto !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

body.useOldFixed.useOldFixed .search-title {
    font-size: 16px !important;
}

/* 页脚：内容左对齐、行距放宽，避免放大后挤成一片 */
body.useOldFixed.useOldFixed #footer .inner {
    height: auto !important;
    padding: 20px 0 !important;
}

body.useOldFixed.useOldFixed #footer .inner p {
    line-height: 1.9 !important;
}

/* 轮播/焦点图标题：适度放大，不改变遮罩与位置 */
body.useOldFixed.useOldFixed .focus-title {
    font-size: 16px !important;
}

/* =========================================================
 * 七、移动端（WAP）专项
 *     规范要求移动端至少 18pt/dp 大字体；同时必须避免遮挡与错位。
 * ========================================================= */
@media screen and (max-width: 959px) {

    /* 7.1 还原为单列流式：模板在 768~959 仍保留部分固定宽度，这里统一放开 */
    body.useOldFixed.useOldFixed .wrapper .inner {
        width: auto !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    body.useOldFixed.useOldFixed .main-box,
    body.useOldFixed.useOldFixed .mbox,
    body.useOldFixed.useOldFixed .mod1,
    body.useOldFixed.useOldFixed .mod2,
    body.useOldFixed.useOldFixed .mod2 .mc,
    body.useOldFixed.useOldFixed .mod2 .mr,
    body.useOldFixed.useOldFixed .col_news {
        width: auto !important;
        max-width: 100% !important;
        float: none !important;
        box-sizing: border-box;
    }

    /* 7.2 右栏原来是 410px 固定高度 + 绝对定位底栏，放大后必然压字 */
    body.useOldFixed.useOldFixed .mod2 .mr {
        height: auto !important;
        min-height: 0 !important;
    }

    body.useOldFixed.useOldFixed .post-5 {
        position: static !important;
    }

    /* 7.3 轮播固定像素宽度会顶出屏幕，强制跟随容器 */
    body.useOldFixed.useOldFixed .slide-wrap,
    body.useOldFixed.useOldFixed .slide-container,
    body.useOldFixed.useOldFixed #banner .inner {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 7.4 字号：正文 18px（=18dp），标题 22px，行高放宽，保证不重叠 */
    body.useOldFixed.useOldFixed,
    body.useOldFixed.useOldFixed p,
    body.useOldFixed.useOldFixed li,
    body.useOldFixed.useOldFixed .news_list a,
    body.useOldFixed.useOldFixed .post .con a {
        font-size: 18px !important;
        line-height: 1.8 !important;
    }

    /* 7.5 选项卡在窄屏可横向滚动，放大的标签不再被裁切 */
    body.useOldFixed.useOldFixed .sudy-tab .tab-menu {
        display: flex;
        flex-wrap: wrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.useOldFixed.useOldFixed .sudy-tab .tab-menu li {
        float: none !important;
        flex: 0 0 auto;
    }

    /* 7.6 服务大厅、快捷入口等大图标区保持等高对齐 */
    body.useOldFixed.useOldFixed .servicehall {
        height: auto !important;
        min-height: 110px;
    }

    /* 7.7 页脚在窄屏单列左对齐，留出左右安全边距 */
    body.useOldFixed.useOldFixed #footer .inner {
        padding: 20px 12px !important;
    }

    body.useOldFixed.useOldFixed #footer .inner .copyright {
        float: none !important;
        display: block;
        text-align: left;
    }
}

/* =========================================================
 * 八、手机端（≤767px）功能入口精简
 *     断点与 media.css 的手机断点保持一致。
 * ========================================================= */
@media screen and (max-width: 767px) {
.wp-navi-aside .languages li.lang-old:nth-child(3){/*display:none*/}
    /* 8.1 手机端只保留“关怀版”，隐藏“无障碍”入口。
           页头那组按钮（ul.languages）在手机端已被 media.css 隐藏，
           真正可见的是 app.js 克隆进汉堡侧边栏（.navi-aside-wrap）的副本。
           优先用 a11y.js 打上的 data-a11y-entry 标记（不依赖 onclick 字符串，
           无障碍 SDK 即使把它改写成退出态也不受影响），onclick 作兜底。
           aria.start() 是“无障碍阅读”，aria.oldFixedStart() 是“关怀版”，
           两个字符串互不包含，不会误伤关怀版入口。 */
    a[data-a11y-entry="a11y"],
    a[onclick*="aria.start"] {
        display: none !important;
    }

    /* 父级 li 一并移除，避免残留空行或分隔线；
       不支持 :has() 的浏览器由上面隐藏 a 让 li 自然塌陷，同样不留白。 */
    li[data-a11y-entry-li="a11y"],
    li:has(> a[onclick*="aria.start"]) {
        display: none !important;
    }

    /* 8.2 关怀版开启后收起搜索框：
           手机端搜索框是页头里整条约 98% 宽的输入条，字号放大后
           会挤占首屏、把轮播整体下推，故在关怀版下隐藏。
           模板有两套搜索结构：首页 .searchbox + .wp-search，
           栏目页/内容页 .tools-bar + .wp_search，这里一并覆盖。 */
    body.useOldFixed.useOldFixed .searchbox,
    body.useOldFixed.useOldFixed .wp-search,
    body.useOldFixed.useOldFixed .tools-bar,
    body.useOldFixed.useOldFixed .wp_search {
        display: none !important;
    }

    /* 8.3 栏目名条（.column-name）：
           base.css 里它是绝对定位叠在栏目图上的白色描边文字，只在手机端显示。
           关怀版把正文改成深色字后，深色字压深色照片，几乎看不见，
           图上还残留一条空白带。这里改为图片下方独立一行：浅底 + 左侧色条，
           既保证对比度，也符合扁平化要求。 */
    body.useOldFixed.useOldFixed .column-image {
        overflow: visible !important;
    }

    /* 图片后的 <br> 会多出一行空行，去掉 */
    body.useOldFixed.useOldFixed .column-image br {
        display: none !important;
    }

    body.useOldFixed.useOldFixed .column-image .column-name {
        position: static !important;
        height: auto !important;
        margin: 0 !important;
        padding: 8px 12px !important;
        font-size: 22px !important;
        line-height: 1.5 !important;
        font-weight: 700 !important;
        color: #1a1a1a !important;
        background: #eef4fa !important;
        border-left: 6px solid #0077bc !important;
        text-shadow: none !important;
        overflow: visible !important;
    }

    /* 8.4 搜索框收起后，页头高度随之收回，避免下方留出空白带 */
    body.useOldFixed.useOldFixed #header {
        height: auto !important;
        min-height: 110px;
        padding-bottom: 12px;
        box-sizing: border-box;
    }

    body.useOldFixed.useOldFixed #header .inner {
        height: auto !important;
        min-height: 96px;
    }

    /* 8.5 底部「关怀版菜单」（平台 SDK 生成的 .ariafooter：主题/阅读/设置/退出）
           是 position:fixed 的 85px 高操作条，不占文档流。
           这里给正文和汉堡侧边栏都留出等高空间，避免最后一段内容 / 最后一个
           入口被它压住点不到。注意 SDK 是把这条菜单挂在 <html> 上（不是 body），
           所以 :has() 要写在 html 上。
           不支持 :has 的浏览器只是保持原样，不影响功能。 */
    html:has(.ariafooter) body.useOldFixed {
        padding-bottom: 85px !important;
        box-sizing: border-box;
    }

    html:has(.ariafooter) body.useOldFixed .wp-navi-aside .aside-inner {
        padding-bottom: 85px !important;
        box-sizing: border-box;
    }
}