@charset "UTF-8";
/* ============================================================
 * 现代学院图书馆插件 - 嵌入宿主页适配样式 (xdxy.css)
 * 目标站整页使用 fullpage（html.fp-enabled）；插件嵌入低代码平台
 * 页面中部时未启用 fullpage，这里在 html 未加 .fp-enabled 的前提下
 * 模拟 .fp-tableCell 的上内边距（为固定蓝色导航条留出空间）。
 * 启用 fullpage 后这些规则自动失效，不会产生双重边距。
 * ============================================================ */

/* 未启用 fullpage 时，模拟 .section .fp-tableCell { padding: .9rem 0 0 } */
html:not(.fp-enabled) #fullpage > .section {
    padding: .9rem 0;
}
html:not(.fp-enabled) #fullpage > .section.container01 {
    padding: 0;
}

/* 嵌入模式下整屏容器高度自适应内容（fullpage 启用时由其自行控制） */
html:not(.fp-enabled) #fullpage {
    position: relative;
    height: auto !important;
}

/* 嵌入宿主页后避免底部内容与平台后续内容贴死 */
#fullpage:after {
    content: '';
    display: block;
    clear: both;
}

/* ============================================================
 * 第一屏改造（嵌入模式）：
 * 轮播图已移除；搜索面板(ctl-cen)与快捷入口(list_box1)已移至
 * #fullpage 之前。面板采用 index.css 内的方案（static + 负 margin
 * 上移叠放平台 banner）；快捷入口仍为绝对定位锚定页面顶部。
 * 平台 banner 图宽高比 1530:527 ≈ 高 6.6rem（1rem = 页宽/19.2）。
 * ============================================================ */

/* 平台 CSS 把 banner 图钉死 700px 固定高（.carousel-inner .item img{height:700px}），
   不随视口缩放，与插件侧 rem 等比体系（面板 -3.58rem / 图标 7.5rem）不同步，
   部分分辨率下检索面板与动态资讯之间出现空白。
   高度锁定视口宽 × 527/1530 × 1.2 ≈ 8.27rem（应用要求加高 20%）：
   不用 auto（banner 是运营上传图，尺寸可能变，auto 会让布局跟着
   图片宽高比漂移），也不留平台死值 700px。图片以 cover 填充裁切，
   无论传什么尺寸的图，可视高度恒定 */
html:not(.fp-enabled) .carousel-inner .item img {
    height: 8.27rem !important;
    object-fit: cover;
    object-position: center;
}

/* 快捷入口 7 图标：实测校准位置 */
html:not(.fp-enabled) .list_box1 {
    top: 6.9rem;
    bottom: auto;
}

/* container01 仅作占位：高度归零，消除与 container02 之间的空白间隙 */
html:not(.fp-enabled) #fullpage > .section.container01 {
    min-height: 0;
    height: 0;
    overflow: hidden;
}

/* ============================================================
 * 消除 banner 与动态资讯之间的白边：
 * 白边 = 检索面板底边超出 banner 底边的部分（面板是流内元素，
 * 其超出量把 container02 顶离 banner 底边，露出页面底色）。
 * banner 8.27rem、面板 -4.29rem 负 margin + 4.19rem 高：
 * 面板后文档流位置 = 8.27 - 4.29 + 4.19 = 8.17rem，
 * 已在 banner 底（8.27rem）之上，面板完全落入 banner 内，
 * 不产生白边，container02 无需负 margin 补偿
 * （顶部 8.17rem 与 banner 底重叠 0.1rem，被图标行遮住不可见）。
 * （曾试过 ::before 向上延伸，被全局 .section{overflow:hidden} 裁掉无效）
 * ============================================================ */
html:not(.fp-enabled) #fullpage > .section.container02 {
    margin-top: 0;
    padding-top: .9rem;
}

/* ============================================================
 * 活动动态（container04）：日历移除后，活动列表占满整行
 * 原布局 .left 4.89rem（日历）+ .right calc(100% - 5.27rem)
 * ============================================================ */
.container04 .content .right {
    width: 100% !important;
}

/* ============================================================
 * 书海导航-新书推荐（list2w）：激活卡片白色标题加深色半透明底，
 * 无论封面/背景什么颜色都能看清文字
 * ============================================================ */
.list2w .swiper-slide-active a .txt h3 {
    background: rgba(0, 85, 180, 0.55);
    color: #fff;
    border-radius: .06rem;
    padding-top: .05rem;
    padding-bottom: .05rem;
}

/* ============================================================
 * 左侧浮动微信二维码（as-ewm）：嵌入模式改为 fixed 固定于视口左侧中央
 * （原站 absolute 依赖整屏不滚动，嵌入后页面正常滚动需 fixed）
 * ============================================================ */
html:not(.fp-enabled) .as-ewm {
    position: fixed;
}

/* ============================================================
 * 活动动态（list_box4）：已还原源网站行为
 * 悬停时切换到 hide 层（标题+时间+地点），由 index.css 的
 * .list_box4 li.active .hide { display:block } 等规则接管
 * !important 用于压过平台头部可能注入的旧版覆盖样式与浏览器缓存
 * ============================================================ */
.list_box4 li .hide {
    display: none !important;
}
.list_box4 li.active .hide {
    display: block !important;
}
.list_box4 li.active .show {
    display: none !important;
}
.list_box4 li.active .img-box {
    display: block !important;
}
/* 入场动画（o-upfade-top / o-fade）由 index.css 定义：
 * hide 层文字(h3/h5)与图片背景默认 opacity:0，active 时动画带至可见；
 * display 切换(none→block)会自动重播动画，即每次悬停都有逐行上浮入场效果 */
/* 源站 active 态图标 s3-img-5/6/8.png 未随页面保存且无法下载，
 * 指回现有 s3-img-2/3.png（白/浅蓝配色，蓝底上可辨）避免 404 空图标 */
.list_box4 li.active .hide .h51 i {
    background-image: url(../images/s3-img-2.png);
}
.list_box4 li.active .hide .h52 i {
    background-image: url(../images/s3-img-2.png);
}
.list_box4 li.active .hide .h53 i {
    background-image: url(../images/s3-img-3.png);
}

/* ============================================================
 * 右侧滚动导航 ul 书签背景
 * ============================================================ */

#fp-nav ul {
    padding-top: .12rem;
    background: url(../images/as-img-1.png) no-repeat top center / 100% 100% !important;
    border: none !important;
    border-radius: 0 !important;
    margin-top: 0;
}

/* ============================================================
 * 入场动画（原 index.css 在 @media screen and (min-width: 1200px) 内，
 *  提取后移除媒体查询限制，所有屏幕尺寸均可用）
 * ============================================================ */

.miso_up {
    transform:translateY(180px);
    visibility: hidden;
    opacity: 0;
    transition: 1.5s
}

.active .miso_up {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.container05 .miso_up01 {
    transform: translateY(180px);
    visibility: hidden;
    opacity: 0;
    transition: 2s
}

.container05.active .miso_up01 {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.miso_down {
    transform: translateY(-180px);
    visibility: hidden;
    opacity: 0;
    transition: 1s
}

.active .miso_down {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.miso_suoX {
    letter-spacing: 4px;
    visibility: hidden;
    opacity: 0;
    transition: 1s
}

.active .miso_suoX {
    letter-spacing: 0;
    visibility: visible;
    opacity: 1;
}

.miso_flip-up {
    transform: perspective(2500px) rotateX(-100deg);
    visibility: hidden;
    opacity: 0;
    transition: 1s
}

.active .miso_flip-up {
    transform: perspective(2500px) rotateX(0);
    visibility: visible;
    opacity: 1;
}

.miso_zoom-in {
    transform: scale(.6);
    visibility: hidden;
    opacity: 0;
    transition: 1.5s
}

.active .miso_zoom-in {
    transform: translateZ(0) scale(1);
    visibility: visible;
    opacity: 1;
}

.wenzi_x {
    letter-spacing: 3px;
    visibility: hidden;
    opacity: 0;
    transition: 1s
}

.active .wenzi_x {
    letter-spacing: 0;
    visibility: visible;
    opacity: 1;
}

.miso_fade-right {
    transform: translateX(-180px);
    visibility: hidden;
    opacity: 0;
    transition: 1s
}

.active .miso_fade-right {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}

.miso_fade-left {
    transform: translateX(180px);
    visibility: hidden;
    opacity: 0;
    transition: 1s
}

.active .miso_fade-left {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}

.miso_up_left {
    transform: translateX(300px) translateY(300px);
    visibility: hidden;
    opacity: 0;
    transition: 1s
}

.active .miso_up_left {
    transform: translateX(0) translateY(0);
    visibility: visible;
    opacity: 1;
}

/* ============================================================
 * A 链接样式：移除下划线和颜色变化
 * ============================================================ */

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover,
a:focus,
a:visited,
a:active {
    text-decoration: none !important;
    color: inherit !important;
    border-bottom: none !important;
}

/* 右侧导航图标 - 使用原版图片（images/as-ico-1.png ~ as-ico-10.png） */
#fp-nav ul li a span.ico {
    /* index.css 已定义 background-image，此处无需覆盖 */
    width: .3rem;
    height: .3rem;
}

/* ============================================================
 * 书海导航：期刊编辑部平面版式（shdh = 书海）
 * 左：封面故事特写（1篇）  右：目录索引列表（7篇）
 * 无滚动、无立体书盒，纯平面编辑排版；tab 切换时逐行入场
 * ============================================================ */

/* tab 面板切换（shdh-pane 需要 flex 布局） */
.container03 .tab-cont .child {
    display: none !important;
}
.container03 .tab-cont .child.active {
    display: flex !important;
}

.shdh-pane {
    align-items: stretch;
    gap: .55rem;
}

/* ---------- 左：封面故事特写 ---------- */
.shdh-feature {
    width: 42%;
    flex-shrink: 0;
    border-top: .05rem solid #0055B4;
    padding-top: .22rem;
}
.shdh-feature > a {
    display: block;
}
.shdh-feature .pic {
    position: relative;
    width: 100%;
    padding-top: 62.5%;
    border-radius: .04rem;
    overflow: hidden;
    background: #EEF3FA;
}
.shdh-feature .pic span {
    position: absolute;
    inset: 0;
    background: no-repeat 50% / cover;
    transition: transform .6s cubic-bezier(.22,.61,.36,1);
}
.shdh-feature > a:hover .pic span {
    transform: scale(1.045);
}

/* ---------- 书海导航 banner 轮播（Bootstrap carousel，参考低代码平台写法） ---------- */
/* 指示点：固定条带定位（高25px，落在图片下部），圆点水平居中、条带内垂直居中。
   图片框为 16:10（padding-top:62.5%，与 ArrImgs 的 16_10 裁剪档一致，满框无白边）：
   宽屏 pic高≈0.151×视口宽、约247px封顶；≤1200 窄屏纵排时 feature 全宽，pic高≈0.469×视口宽，
   故按 media 查询分档调整 top（top = 该档图片高 − 25条带高 − 8边距，取整；大差不差贴合图片底边即可，无需像素级精准） */
.shdh-feature .carousel-indicators {
    bottom: auto;
    top: 210px;
    left: 50%;
    right: auto;
    width: auto;
    height: 25px;
    margin: 0;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 宽屏分档（图片高随视口线性变化，1630 以上封顶 247px） */
@media (max-width: 1599px) {
    .shdh-feature .carousel-indicators { top: 185px; }  /* 视口1400~1600：pic高约212~227 */
}
@media (max-width: 1399px) {
    .shdh-feature .carousel-indicators { top: 155px; }  /* 视口1200~1400：pic高约182~197 */
}

/* 窄屏纵排分档（≤1200：feature 全宽，图片高约 0.469×视口宽） */
@media (max-width: 1199px) {
    .shdh-feature .carousel-indicators { top: 480px; }  /* 视口1000~1200 */
}
@media (max-width: 999px) {
    .shdh-feature .carousel-indicators { top: 385px; }  /* 视口768~1000 */
}
@media (max-width: 767px) {
    .shdh-feature .carousel-indicators { top: 285px; }  /* 视口600~768 */
}
@media (max-width: 599px) {
    .shdh-feature .carousel-indicators { top: 220px; }  /* 视口480~600 */
}
@media (max-width: 479px) {
    .shdh-feature .carousel-indicators { top: 150px; }  /* 视口<480 */
}

/* 通知公告卡片图片框：改为 16:10（62.5% 定比例），与 GetThumb 优先取的 16_10 裁剪档一致，满框不裁剪。
   index.css 原为 3.81rem（实测约16:9）及窄屏 57.55%，此处以更高优先级 + !important 统一覆盖为百分比定比例 */
.container02 .list1w a .pic {
    padding-top: 62.5% !important;
}

/* 数字资源列与通知公告列等高（通知公告图片框调高后右列偏矮）：
   根因：.content 设了 align-items:flex-start，两列各按自然高度互不拉伸（实测左425/右405）。
   先改回 stretch 让右列拉满行高，再配合下方右列纵向 flex + 条目均分，两列完全等高（已浏览器实测验证） */
.container02 .content {
    align-items: stretch !important;
}
.container02 .content > .right {
    display: flex;
    flex-direction: column;
}
.container02 .content > .right .list_box3 {
    flex: 1;
    display: flex;
}
.container02 .list_box3 ul {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.container02 .list_box3 li {
    flex: 1;
}
.container02 .list_box3 li a {
    height: 100%;
}

/* 轮播图片 <img> + object-fit:contain：完整显示 4:3 图片、不裁剪，两侧留 .pic 的浅色底(#EEF3FA)。
   注意：平台 default.css 存在 * { ... !important } 级全局复位与 img { max-width:100% !important } 等规则，
   普通写法会被整体覆盖（实测 object-fit 被改为 cover、定位脱离 .pic），故此处用最高优先级选择器
   并对全部关键属性加 !important 钉死（同为 !important 时按特异性决胜，本选择器稳赢 * / img 级规则） */
.shdh-feature .carousel-inner .item .pic img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    object-fit: contain !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    background: none !important;
    transition: transform .6s cubic-bezier(.22, .61, .36, 1) !important;
}

/* 图片框本身一并钉死：保持 relative 定位（img 的定位锚点）与 overflow 裁边 */
.shdh-feature .carousel-inner .item .pic {
    position: relative !important;
    overflow: hidden !important;
}

/* 轮播 .item 内的链接悬浮放大效果（transform 不加 !important，保证 hover 可覆盖基础态） */
.shdh-feature .carousel-inner .item > a:hover .pic img {
    transform: scale(1.045);
}

.shdh-feature .item > a:hover .pic span {
    transform: scale(1.045);
}

.shdh-feature .item > a:hover h3 {
    color: #0055B4;
}
.shdh-feature .kicker {
    display: inline-block;
    margin-top: .18rem;
    font-size: .13rem;
    font-weight: 700;
    letter-spacing: .14rem;
    color: #0972E7;
}
.shdh-feature h3 {
    margin: .1rem 0 .12rem;
    font-size: .26rem;
    line-height: 1.45;
    font-weight: 600;
    color: #1F3A5C;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .3s;
}
.shdh-feature > a:hover h3 {
    color: #0055B4;
}
.shdh-feature .sub {
    display: flex;
    align-items: center;
    font-size: .14rem;
    color: #8494A8;
}
.shdh-feature .sub time {
    letter-spacing: .02rem;
}
.shdh-feature .sub .sep {
    width: .04rem;
    height: .04rem;
    border-radius: 50%;
    background: #C9D5E6;
    margin: 0 .12rem;
}

/* ---------- 右：目录索引列表 ---------- */
.shdh-index {
    flex: 1;
    min-width: 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.shdh-index li a {
    display: flex;
    align-items: center;
    gap: .24rem;
    padding: .152rem .12rem;
    /* !important：360极速等旧内核下，平台样式会把该分隔线染成黑色（表现为列表项下的黑线），
       显式强制固定浅色分隔线（所有列表项统一加固，而非仅出问题的某一条） */
    border-bottom: 1px solid #E8EEF7 !important;
    transition: background .3s;
}
.shdh-index li:first-child a {
    /* 同上：首行顶部边线一并加固，防止旧内核染黑 */
    border-top: 1px solid #E8EEF7 !important;
}
.shdh-index li a:hover {
    background: #F6FAFF;
}
.shdh-index li a i {
    font-family: Georgia, 'Times New Roman', serif;
    font-style: italic;
    font-size: .28rem;
    line-height: 1;
    color: #C7D8EF;
    min-width: .6rem;
    transition: color .3s;
}
.shdh-index li a:hover i {
    color: #0972E7;
}
.shdh-index li a h4 {
    flex: 1;
    min-width: 0;
    font-size: .185rem;
    font-weight: 400;
    color: #33475E;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .3s, transform .3s;
}
.shdh-index li a:hover h4 {
    color: #0055B4;
    transform: translateX(.04rem);
}
.shdh-index li a time {
    font-size: .14rem;
    letter-spacing: .03rem;
    color: #97A5B8;
    flex-shrink: 0;
}

/* ---------- 入场动画（tab 切换 display 重播自动触发） ---------- */
@keyframes shdh-rise {
    from { opacity: 0; transform: translateY(.14rem); }
    to   { opacity: 1; transform: none; }
}
.shdh-pane .shdh-feature,
.shdh-pane .shdh-index li {
    opacity: 0;
}
.shdh-pane.active .shdh-feature {
    animation: shdh-rise .55s cubic-bezier(.22,.61,.36,1) .05s both;
}
.shdh-pane.active .shdh-index li {
    animation: shdh-rise .45s cubic-bezier(.22,.61,.36,1) both;
}
.shdh-pane.active .shdh-index li:nth-child(1) { animation-delay: .12s; }
.shdh-pane.active .shdh-index li:nth-child(2) { animation-delay: .17s; }
.shdh-pane.active .shdh-index li:nth-child(3) { animation-delay: .22s; }
.shdh-pane.active .shdh-index li:nth-child(4) { animation-delay: .27s; }
.shdh-pane.active .shdh-index li:nth-child(5) { animation-delay: .32s; }
.shdh-pane.active .shdh-index li:nth-child(6) { animation-delay: .37s; }
.shdh-pane.active .shdh-index li:nth-child(7) { animation-delay: .42s; }

/* ---------- 紧凑化：tab 内容整体缩小，防止超出板块区域 ---------- */
.container03 .content {
    margin-top: .35rem;
    padding-bottom: .2rem;
}
.container03 .tab-cont {
    margin-top: .25rem;
}
.shdh-pane {
    gap: .35rem;
    align-items: center;
    padding: 0 .4rem;
}
.shdh-feature {
    width: 34%;
    border-top-width: .035rem;
    padding-top: .12rem;
}
.shdh-feature .pic {
    padding-top: 62.5%;
    border-radius: .025rem;
}
.shdh-feature .kicker {
    margin-top: .1rem;
    font-size: .11rem;
    letter-spacing: .1rem;
}
.shdh-feature h3 {
    margin: .06rem 0 .08rem;
    font-size: .18rem;
    line-height: 1.35;
}
.shdh-feature .sub {
    font-size: .12rem;
}
.shdh-feature .sub .sep {
    margin: 0 .08rem;
}
.shdh-index li a {
    padding: .09rem .1rem;
    gap: .15rem;
}
.shdh-index li a i {
    font-size: .21rem;
    min-width: .46rem;
}
.shdh-index li a h4 {
    font-size: .155rem;
}
.shdh-index li a time {
    font-size: .12rem;
}

/* ---------- 响应式：窄屏纵排，索引两列 ---------- */
@media (max-width: 1200px) {
    .shdh-pane {
        flex-direction: column;
        gap: .3rem;
        align-items: stretch;
    }
    .shdh-feature {
        width: 100%;
    }
    .shdh-index {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: .4rem;
    }
}

/* ============================================================
 * 滚动导航：滚动超过首屏后，显示平台 header 元素为固定顶栏
 * （滚动逻辑在 xdxy.js：加/去 .fixtop 类并切换 display）
 * ============================================================ */
.header.fixtop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 100000 !important;
    box-shadow: 0 1px 12.87px 0.13px rgba(0, 0, 0, 0.15);
}

/* ============================================================
 * 顶部"资源"下拉-数字资源分组：4 项单列竖排
 * （index.css 的 .box 为 grid-auto-flow:column + max-height:1.2rem，
 *   每列最多 3 行；删除"学位论文/开放资源"后剩 4 项，第 4 项
 *   "校外访问"被折到第二列顶部，放宽至 4 行使其回到同一列）
 * ============================================================ */
#ctl-cen .nav li:nth-child(2) .sub dl dd:nth-child(2) .box{
    max-height: 1.84rem;
}

/* 接上：恢复第 3 项(电子图书)到第 4 项(校外访问)之间的竖线。
 * index.css 319 行曾隐藏 dd:nth-child(2) 第 3 项的 a::after
 * （原 6 项两列布局时第 3 项是第一列末尾，无需连接线）；
 * 现单列 4 项，第 3 项不再是列末尾，需恢复竖线。
 * 末项(第 4 项)的隐藏规则(a:last-child:after)仍然正确，保持不变。
 * 本规则比 index.css 的隐藏规则多一个 .box，优先级更高，稳定生效 */
#ctl-cen .nav li:nth-child(2) .sub dl dd:nth-child(2) .box a:nth-child(3)::after{
    display: block;
}

/* 接上：概况(li:5)-规章制度(dd:4)组同理由。删除"用户管理规定"后
 * 剩 4 项，原 max-height:1.2rem（3行/列）会把第 4 项"空间使用规范"
 * 折到第二列，放宽至 4 行单列。末项竖线由通用 a:last-child:after 隐藏 */
#ctl-cen .nav li:nth-child(5) .sub dl dd:nth-child(4) .box{
    max-height: 1.84rem;
}

/* 接上：恢复规章制度第 3 项(数据多媒体空间使用规范)到第 4 项(空间
 * 使用规范)之间的竖线。index.css 296 行规则
 * "#ctl-cen .nav li:last-child .box a:nth-child(3):after{display:none}"
 * 命中本组（"概况"恰为导航最后一个 li）：原 5 项两列布局时第 3 项是
 * 第一列末尾，无需连接线；现单列 4 项需恢复。本规则选择器层级更多，
 * 优先级高于隐藏规则，稳定生效；末项隐藏规则不受影响 */
#ctl-cen .nav li:last-child .sub dl dd:nth-child(4) .box a:nth-child(3)::after{
    display: block;
}

/* ============================================================
 * 搜索面板（"搜索图书馆资源"下拉）二级/三级菜单字号放大（第二轮）
 * 面板 dl 高 3.08rem 而内容仅约 2.1rem，底部余白充足，
 * 故行高与字号同步放大：
 *   二级 h4：.18→.22rem；三级 .box a：.16→.20rem
 *   网格行高：.4→.46rem；默认 box 上限(3行)：1.2→1.38rem
 *   连接竖线 a::after 高度：.3→.38rem（跨新行高保持连贯）
 *   4 行 box（数字资源/规章制度）上限：1.6→1.84rem（见下方两条规则）
 * 注意1：服务菜单(li:3)的 box 为 display:block，不受网格行高影响，
 *   三级项按自身高度(约.44rem)堆叠，竖线同样连贯。
 * 注意2：padding 用四值写法显式保留左侧 .15rem —— index.css 对 a
 *   单独设 padding-left:.15rem 给 a::before 圆点(left:0,宽.07rem)
 *   让位；两值简写会把左右清零导致文字与圆点重叠。
 * （浏览器实测：35 个链接全部 .20rem，22 组行距 0 重叠，
 *   面板无溢出，4 行 box 保持单列）
 * ============================================================ */
#ctl-cen .nav .sub dl h4{
    font-size: .22rem;
}
#ctl-cen .nav .sub dl .box{
    grid-template-rows: repeat(auto-fill, .46rem);
    max-height: 1.38rem;
}
#ctl-cen .nav .sub dl .box a{
    font-size: .20rem;
    line-height: 1.9;
    padding: .03rem 0 .03rem .15rem;
}
#ctl-cen .nav .sub dl .box a::after{
    height: .38rem;
}

/* ============================================================
 * 首屏 header_box 可见性增强
 * banner 图为运营上传，明暗不可控；原为透明底+继承色文字，
 * 浅色图上黑字/深色图上白字都可能看不清。
 * 方案：整条加半透明深色毛玻璃底纹，文字/图标统一白色。
 * 注意：本文件上方有全局 a{color:inherit!important} 规则，
 * 故此处必须用 !important + 更高特异性（.header_box 前缀）覆盖，
 * 且本块必须位于该全局规则之后（追加在文件末尾）。
 * ============================================================ */

/* 整条半透明底纹：深色 15% + 轻微模糊，无边框干扰 */
.header_box {
    background: rgba(0, 0, 0, 0.15) !important;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
}

/* 原顶部渐变压暗层与底纹叠加会过重，改为透明 */
.header_box::before {
    background: none !important;
}

/* 链接文字：统一白色（压过全局 a{color:inherit!important}） */
.header_box a,
.header_box a:hover,
.header_box a:focus,
.header_box a:visited,
.header_box a:active {
    color: #fff !important;
}
.header_box a:hover,
.header_box a:focus {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* 搜索框：白字 + 半透明白底 + 白边框，在深色底纹上清晰可辨 */
.header_box .search .ser_inp {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
}
.header_box input::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
}

/* 图标描边微光，浅色图标在底纹上更立体（不影响布局） */
.header_box .header_right .li a img {
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4));
}

/* ============================================================
 * 开馆时间：位于"站内检索+学校主页"整行内容下方的居中位置
 * .hr-col 收缩为内容宽度（width:fit-content）并整体靠右
 * （margin-left:auto），开馆时间在其中水平居中（align-items:center），
 * 不与搜索框左对齐，也不依赖字体宽度估算。
 * ============================================================ */
.header_box .header_right .hr-col {
    display: flex;
    flex-direction: column;
    align-items: center;          /* 开馆时间在整行内容下方居中 */
    margin-left: auto;            /* 整列靠右，与原右对齐视觉一致 */
    width: -moz-fit-content;
    width: fit-content;
}
.header_box .header_right .hr-col > .li.open-hours {
    margin-top: .22rem;           /* 与上方整行的间距 */
}
/* 开馆时间：放大、加粗、白字带投影，更醒目 */
.header_box .header_right .hr-col > .li.open-hours a {
    display: flex;                /* 图标与文字同一行排列 */
    align-items: center;
    white-space: nowrap;          /* 禁止文字换行 */
    font-size: .20rem;            /* .16rem → .20rem 放大 */
    font-weight: 700;
    line-height: .42rem;
    color: #fff !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
}
.header_box .header_right .hr-col > .li.open-hours a img {
    display: inline-block;        /* 覆盖 .li:last-child a img 的 display:block（换行元凶） */
    flex-shrink: 0;
    width: .26rem;                /* 时钟图标同步放大 */
    height: .26rem;
    margin-right: .1rem;          /* 图标与文字间距（不在 .top 内，需自备） */
}