@charset "utf-8";
/* ==========================================================================
   湖北开放职业学院继续教育学院 —— 全站样式 (2026 改版)
   设计: 深蓝主色 #10497c + 品牌橙 #e8681c；卡片化布局；响应式
   兼容: Bootstrap 3 栅格（col-md-4 / col-sm-6 等），保留原模板类名
   ========================================================================== */

/* ---------- 1. 变量与基础 ---------- */
:root{
  --blue-900:#082f53;
  --blue-800:#0d4070;
  --blue-700:#10497c;
  --blue-600:#175a95;
  --blue-500:#2a74b5;
  --blue-100:#e8f0f8;
  --orange:#e8681c;
  --orange-dark:#cf5510;
  --red:#d0121b;
  --text:#26313d;
  --text-2:#5b6b7c;
  --text-3:#8b97a5;
  --line:#e6ebf1;
  --bg:#f3f6fa;
  --radius:10px;
  --shadow:0 2px 10px rgba(16,73,124,.07);
  --shadow-hover:0 8px 24px rgba(16,73,124,.14);
}

*{ -webkit-box-sizing:border-box; box-sizing:border-box; }

body{
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
  font-size:15px;
  line-height:1.6;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}

a{ color:var(--text); text-decoration:none; outline:none; -webkit-tap-highlight-color:transparent; }
a:hover{ color:var(--blue-600); text-decoration:none; outline:none; }
a:focus,a:active{ outline:none; text-decoration:none; }
ul,li{ padding:0; margin:0; list-style:none; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:700; }
img{ max-width:100%; border:0; }
p{ margin:0; }

.container{ width:100%; max-width:1200px; margin:0 auto; padding:0 15px; }
/* 2026-10-28 ⑤：头部与主导航的容器比正文宽 120px，
   这样校徽+校名+“继续教育学院”整体左移 60px（用户：logo 太靠右，往左挪），
   搜索框同步往右，视觉上左右更舒展；正文各区块仍是 1200px，不受影响。 */
.section-header .container,
.section-navbar .container{ max-width:1320px; }
.container-fluid{ padding-left:0; padding-right:0; }

/* 栅格辅助（原模板使用） */
.col-pd-20{ padding-left:10px; padding-right:10px; }
.pl24{ padding-left:24px; }
.row-20{ margin-left:-10px; margin-right:-10px; }
.Cal{ clear:both; }

/* ==========================================================================
   2. 顶部：LOGO + 快捷入口 + 搜索
   ========================================================================== */
.section-header{
  background:#fff;
  border-bottom:1px solid var(--line);
  position:relative;
  z-index:20;
}
/* Bootstrap 的 .container / .row 自带 clearfix 伪元素（display:table），
   一旦该元素被改成 flex / grid 容器，伪元素就会变成"隐形子项"把内容挤偏，必须禁用 */
.section-header .container:before,
.section-header .container:after,
.section-footer .row:before,
.section-footer .row:after,
.navbar-header:before,
.navbar-header:after{ display:none; content:none; }

.section-header .container{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.section-header .logo{ display:flex; align-items:center; gap:12px; flex-shrink:0; }
/* 校徽 */
.section-header .logo .logo-emblem{
  height:52px;
  width:52px;
  object-fit:contain;
  display:block;
  flex-shrink:0;
}
.section-header .logo .logo-titles{ display:flex; flex-direction:column; justify-content:center; min-width:0; }
.section-header .logo .logo-line1{ display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; row-gap:4px; }
/* 官方书法校名（与 www.hbou.cn 首页同一字标，透明底 PNG） */
.section-header .logo .logo-name{
  height:30px;
  width:auto;
  display:block;
  flex-shrink:0;
}
/* 紧跟校名之后的“继续教育学院”：同一书法体，小一号，红色 */
.section-header .logo .logo-sub{
  height:20px;
  width:auto;
  display:block;
  flex-shrink:0;
  margin-bottom:2px;
}

/* 右侧：上一行快捷入口，下一行搜索 */
.header-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:9px;
  flex-shrink:0;
}
.quick-entry{ display:flex; align-items:center; gap:26px; }
.quick-entry a{
  font-size:13px;
  color:var(--text-2);
  padding:0;
  border:0;                 /* 去掉竖分隔线 */
  text-decoration:none;     /* 去掉下划线 */
  line-height:1;
  transition:.2s;
}
.quick-entry a:hover{ color:var(--orange); text-decoration:none; }

.section-header .desc{
  font-size:14px;
  color:var(--blue-700);
  font-weight:600;
  letter-spacing:.2px;
  padding-left:20px;
  margin-left:4px;
  border-left:1px solid var(--line);
  line-height:1.6;
  white-space:nowrap;
  flex-shrink:0;
}

.section-header .search{ flex-shrink:0; }
.section-header .search form{ display:flex; align-items:center; }
.section-header .search form > div{
  display:flex;
  align-items:center;
  background:#f4f7fa;
  border:1px solid var(--line);
  border-radius:999px;
  padding:2px 2px 2px 16px;
  transition:.25s;
}
.section-header .search form > div:focus-within{
  background:#fff;
  border-color:var(--blue-500);
  box-shadow:0 0 0 3px rgba(42,116,181,.12);
}
.section-header .search .txt{
  border:0;
  background:transparent;
  outline:none;
  width:190px;
  height:28px;
  font-size:13.5px;
  color:var(--text);
}
.section-header .search .txt::placeholder{ color:var(--text-3); }
.section-header .search .enter{
  border:0;
  height:28px;
  padding:0 18px;
  border-radius:999px;
  background:var(--blue-700);
  color:#fff;
  font-size:13.5px;
  cursor:pointer;
  transition:.25s;
}
.section-header .search .enter:hover{ background:var(--orange); }

/* ==========================================================================
   3. 主导航
   ========================================================================== */
.section-navbar{
  background:linear-gradient(90deg,var(--blue-800) 0%,var(--blue-700) 55%,var(--blue-600) 100%);
  box-shadow:0 3px 10px rgba(8,47,83,.16);
  position:sticky;
  top:0;
  z-index:1030;
}
.section-navbar .container{ position:relative; }
.section-navbar .navbar{
  border:0;
  border-radius:0;
  margin:0;
  min-height:54px;
  background:transparent;
  position:relative;
}
.section-navbar .navbar-header{ display:none; }
.section-navbar .navbar-brand{ display:none; }

.section-navbar .navbar-nav{
  display:flex;
  align-items:stretch;
  /* 2026-10-28 调整：原来是居中挤在一起（左右只有 17px 间距）。
     改成等分铺满 —— 剩余空间按 9 个空档平均分配，任何窗口宽度下间距都均匀且最大，
     1200 屏每个栏目之间约 50px（原来 34px），且永远不换行、不溢出。 */
  justify-content:space-between;
  float:none;
  width:100%;
}
.section-navbar .navbar-nav > li{ position:relative; float:none; }
.section-navbar .navbar-nav > li > a{
  color:rgba(255,255,255,.94);
  /* 2026-10-28：字号统一为全站基准 15px，字重统一 500，字体跟随 body（微软雅黑），
     不再出现“有的看着大有的看着小”的错觉 */
  font-family:inherit;
  font-size:15px;
  font-weight:500;
  letter-spacing:.5px;
  line-height:54px;
  height:54px;
  padding:0 8px;
  white-space:nowrap;
  position:relative;
  transition:.2s;
}
.section-navbar .navbar-nav > li > a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:0;
  height:3px;
  background:var(--orange);
  transform:translateX(-50%);
  transition:.25s;
}
.section-navbar .navbar-nav > li:hover > a,
.section-navbar .navbar-nav > li.open > a,
.section-navbar .navbar-nav > li.active > a{
  background:rgba(255,255,255,.10);
  color:#fff;
}
.section-navbar .navbar-nav > li:hover > a::after,
.section-navbar .navbar-nav > li.open > a::after,
.section-navbar .navbar-nav > li.active > a::after{ width:60%; }
.section-navbar .caret{ margin-left:4px; border-top-color:rgba(255,255,255,.8); }
/* 桌面端鼠标悬停展开下拉 */
.section-navbar .navbar-nav > li.dropdown:hover > .dropdown-menu{ display:block; }

/* 移动端汉堡按钮（纯 CSS，无需 JS；微信 X5 内核同样有效） */
.nav-toggle-cb{ display:none; }
.nav-toggle-btn{ display:none; }

/* 下拉菜单 */
.section-navbar .dropdown-menu{
  min-width:170px;
  border:0;
  border-radius:0 0 8px 8px;
  padding:6px 0;
  margin-top:0;
  background:#fff;
  box-shadow:0 12px 28px rgba(8,47,83,.18);
  left:50%;
  transform:translateX(-50%);
}
.section-navbar .dropdown-menu > li > a{
  padding:9px 22px;
  font-size:14.5px;
  color:var(--text);
  transition:.18s;
}
.section-navbar .dropdown-menu > li > a:hover{
  background:var(--blue-100);
  color:var(--blue-700);
  padding-left:26px;
}

/* ==========================================================================
   4. 首页 Banner
   ========================================================================== */
.section-banner{
  background:#e9f1fa;
  overflow:hidden;
}
.section-banner .container{ max-width:100%; padding:0; }

/* 轮播：3 组，图片由后台“图片列表”标签维护。
   ★ 想调整高度，只改下面 --banner-h 一个数字即可（后台 → 模板管理 → 首页模板里也能找到） */
.home-banner{
  --banner-h:384px;              /* 最高高度（≥1920 宽时） */
  position:relative;
  width:100%;
  /* 2026-10-28 调整：原来是 4:1（1920 屏高 480px），宋老师反馈“太高、不协调”。
     改成 5:1：1920 屏 = 384px，1440 屏 = 288px，1200 屏 = 240px。
     按宽度自动保持比例，图片不拉伸不变形；超宽屏用 --banner-h 封顶。 */
  aspect-ratio:5 / 1;
  max-height:var(--banner-h);
  overflow:hidden;
  background:#e9f1fa;
}
.home-banner .hb-slide{
  position:absolute;
  top:0; left:0; right:0; bottom:0;
  opacity:0;
  transition:opacity .55s ease;
}
.home-banner .hb-slide.is-on{ opacity:1; z-index:2; }
/* 第一屏常显：即使 JS 没执行/动画未完成，也能看到图，不会出现黑块 */
.home-banner .hb-slide:first-child{ opacity:1; }
.home-banner .hb-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:left center;
  display:block;
  border:0;
}
/* 手机专用图默认隐藏，窄屏时切换 */
.home-banner .hb-slide img.hb-mb{ display:none; }
.home-banner .hb-link{ position:absolute; top:0; left:0; right:0; bottom:0; display:block; z-index:2; }
/* 圆点指示器 */
.home-banner .hb-dots{
  position:absolute;
  left:0; right:0; bottom:16px;
  display:flex;
  justify-content:center;
  gap:8px;
  z-index:4;
}
.home-banner .hb-dots button{
  width:26px;
  height:4px;
  padding:0;
  border:0;
  border-radius:2px;
  background:rgba(16,73,124,.20);
  cursor:pointer;
  transition:.28s;
}
.home-banner .hb-dots button.is-on{ background:var(--orange); width:40px; }
/* 左右箭头（手机上隐藏，用滑动） */
.home-banner .hb-arrow{
  position:absolute;
  top:50%;
  margin-top:-21px;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.82);
  color:var(--blue-800);
  box-shadow:0 2px 10px rgba(16,73,124,.16);
  font-size:19px;
  line-height:1;
  cursor:pointer;
  z-index:4;
  opacity:0;
  transition:.25s;
}
.home-banner:hover .hb-arrow{ opacity:1; }
.home-banner .hb-arrow:hover{ background:var(--orange); }
.home-banner .hb-prev{ left:22px; }
.home-banner .hb-next{ right:22px; }

/* ==========================================================================
   5. 通用区块 / 标题栏
   ========================================================================== */
.container-fluid.section-introduce,
.container-fluid.section-notice,
.container-fluid.section-news,
.container-fluid.section-order{ padding:26px 0; }
.container-fluid.section-notice{ background:#fff; }

.top-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:1px solid var(--line);
  position:relative;
}
.top-bar::before{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:46px;
  height:3px;
  background:var(--orange);
  border-radius:2px;
}
.top-bar h3{
  font-size:19.5px;
  color:var(--blue-800);
  letter-spacing:.5px;
  padding-left:12px;
  position:relative;
  line-height:1.3;
}
.top-bar h3::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:4px;
  height:17px;
  border-radius:2px;
  background:var(--orange);
}
.top-bar a{
  font-size:14px;
  color:var(--text-3);
  transition:.2s;
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.top-bar a::after{ content:"›"; font-size:18px; line-height:1; }
.top-bar a:hover{ color:var(--orange); }

/* ==========================================================================
   6. 新闻资讯：图片卡片
   ========================================================================== */
.image-card{
  background:#fff;
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
  transition:.3s;
  height:100%;
  display:flex;
  flex-direction:column;
}
.image-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-hover); }
.image-card .pic{
  height:158px;
  background-size:cover;
  background-position:center;
  background-color:#e9eef4;
  transition:transform .45s;
}
.image-card:hover .pic{ transform:scale(1.04); }
.image-card .content{ padding:13px 16px 11px; display:flex; flex-direction:column; flex:1; }
.image-card .title{
  font-size:16px;
  font-weight:600;
  line-height:1.45;
  max-height:2.9em;
  overflow:hidden;
  margin-bottom:7px;
}
.image-card .title a{ color:var(--text); }
.image-card .title a:hover{ color:var(--blue-600); }
.image-card .info{
  font-size:13px;
  color:var(--text-2);
  line-height:1.6;
  max-height:3.2em;
  overflow:hidden;
  margin-bottom:9px;
  flex:1;
}
.image-card .date{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px dashed var(--line);
  padding-top:8px;
  font-size:12.5px;
}
.image-card .date .d{ color:var(--text-3); }
.image-card .date .m a{
  font-size:13px;
  color:var(--blue-600);
  border:1px solid rgba(23,90,149,.35);
  border-radius:999px;
  padding:2px 12px;
  transition:.2s;
}
.image-card .date .m a:hover{ background:var(--blue-700); color:#fff; border-color:var(--blue-700); }

/* 纯文字列表卡片（首页图下方） */
.txt-card{
  background:#fff;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:4px 16px 14px;     /* 底部多留 14px：最后一行不会贴着卡片下边缘 */
  margin-top:20px;           /* 与上方三张图文卡片之间留出空隙，恰好等于三张卡片之间 20px 的横向间距 */
}
.txt-card ul li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 0;
  border-bottom:1px dashed var(--line);
  font-size:14.5px;
}
.txt-card ul li:last-child{ border-bottom:0; }
.txt-card ul li a{
  flex:1;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  position:relative;
  padding-left:16px;
}
.txt-card ul li a::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--blue-500);
  opacity:.55;
}
.txt-card ul li a:hover{ color:var(--blue-600); }
.txt-card ul li a:hover::before{ background:var(--orange); opacity:1; }
.txt-card ul li span{ color:var(--text-3); font-size:13.5px; flex-shrink:0; font-variant-numeric:tabular-nums; }

/* ==========================================================================
   7. 通知公告：日期块卡片
   ========================================================================== */
.list-card{
  background:#fff;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  transition:.3s;
  height:100%;
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border:1px solid transparent;
}
.list-card:hover{ border-color:rgba(23,90,149,.25); box-shadow:var(--shadow-hover); transform:translateY(-3px); }
.section-notice .list-card{ min-height:96px; }
.section-notice .row > div,
.section-news .row > div{ margin-bottom:14px; }
.list-card .date{
  width:62px;
  min-width:62px;
  height:62px;
  border-radius:10px;
  background:var(--blue-100);
  color:var(--blue-700);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  line-height:1.15;
  transition:.3s;
}
.list-card:hover .date{ background:var(--blue-700); color:#fff; }
.list-card .date span{ font-size:24px; font-weight:700; font-family:Georgia,"Times New Roman",serif; }
.list-card .date p{ font-size:12px; margin-top:2px; opacity:.9; }
.list-card .title{
  font-size:15px;
  font-weight:600;
  line-height:1.5;
  max-height:3em;
  overflow:hidden;
}

/* ==========================================================================
   8. 四栏栏目列表（教务教学/自学考试/成人教育/开放教育）
   ========================================================================== */
.section-news .list-card{
  display:block;
  padding:0;
  background:#fff;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.section-news .list-card:hover{ transform:translateY(-3px); }
.section-news .top-bar{
  margin:0;
  padding:13px 16px 11px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fbfcfe,#fff);
  border-radius:var(--radius) var(--radius) 0 0;
}
.section-news .top-bar::before{ display:none; }
/* 标题与下方列表文字左对齐：标题文字 x=16(卡片内边距)+14=30，列表文字同样是 30 */
.section-news .top-bar h3{
  font-size:17.5px;
  color:var(--blue-800);
  padding-left:14px;
  line-height:1.35;
}
.section-news .top-bar h3::before{
  display:block;
  width:4px;
  height:16px;
  background:var(--orange);
}

.section-news .top-content{ padding:6px 16px 10px; }
.section-news .top-content ul li{
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px 0;
  border-bottom:1px dashed var(--line);
  font-size:14px;
}
.section-news .top-content ul li:last-child{ border-bottom:0; }
.section-news .top-content ul li span{
  order:2;
  flex-shrink:0;
  color:var(--text-3);
  font-size:13px;
  font-variant-numeric:tabular-nums;
}
.section-news .top-content ul li a{
  order:1;
  flex:1;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  position:relative;
  padding-left:14px;
}
.section-news .top-content ul li a::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:0;
  height:0;
  border-left:5px solid var(--blue-500);
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  opacity:.5;
}
.section-news .top-content ul li a:hover{ color:var(--blue-600); }
.section-news .top-content ul li a:hover::before{ border-left-color:var(--orange); opacity:1; }

/* ==========================================================================
   9. 学习平台入口
   ========================================================================== */
.section-order{ background:#fff; }
.turl-card{ height:100%; }

/* ==========================================================================
   学习平台入口：每个类别一条横排
   左侧类别名 + 右侧统一尺寸的“校徽 + 校名”官方字标（品牌色底图，后台友情链接的 logo）
   ========================================================================== */
.plat-row{
  display:flex;
  align-items:center;
  gap:26px;
  padding:18px 0;
}
.plat-row + .plat-row{ border-top:1px dashed var(--line); }
.plat-label{
  flex:0 0 178px;
  padding-left:16px;
  position:relative;
}
.plat-label::before{
  content:"";
  position:absolute;
  left:0;
  top:1px;
  bottom:1px;
  width:4px;
  border-radius:2px;
  background:var(--orange);
}
.plat-label h3{
  font-size:16.5px;
  line-height:1.45;
  color:var(--blue-800);
  letter-spacing:.4px;
  font-weight:700;
}
.plat-label p{
  margin-top:5px;
  font-size:11.5px;
  letter-spacing:1.4px;
  color:var(--text-3);
  text-transform:uppercase;
}
.plat-grid{
  flex:1;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  align-items:center;
}
/* 单个字标：统一 600x222 比例，图片未加载前也先占好位置 */
.tile{
  display:block;
  position:relative;
  border-radius:6px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 1px 2px rgba(16,73,124,.07);
  transition:transform .22s, box-shadow .22s;
}
.tile img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:600/222;
  object-fit:contain;
  background:#fff;
  border-radius:6px;
  visibility:hidden;
}
.tile img.is-ready{ visibility:visible; }
.tile .tile-name{ display:none; }
.tile:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(16,73,124,.18);
}
/* 后缀（2025级 / 学习网 / 门户）作为角标，不占字标的位置 */
.tile .lv{
  position:absolute;
  right:6px;
  bottom:6px;
  font-size:11px;
  line-height:16px;
  padding:0 5px;
  border-radius:3px;
  background:rgba(255,255,255,.94);
  color:var(--blue-800);
  font-weight:600;
  letter-spacing:.5px;
  box-shadow:0 1px 3px rgba(0,0,0,.12);
}
/* 后台没上传图、也没匹配到官方字标时：品牌蓝底白字的文字块，尺寸与其他字标一致 */
.tile.is-text{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  aspect-ratio:600/222;
  background:#fff;
  border:1px solid #e3e9f1;
}
.tile.is-text img{ display:none; }
.tile.is-text .tile-name{
  display:block;
  color:var(--blue-800);
  font-size:14.5px;
  font-weight:600;
  line-height:1.4;
  text-align:center;
  letter-spacing:.5px;
  text-wrap:balance;
}
/* 后台还没添加链接时，整条隐藏，不留空行 */
.plat-row:empty{ display:none; }

/* ==========================================================================
   10. 页脚
   ========================================================================== */
.section-footer{
  background:linear-gradient(180deg,var(--blue-900),#061f38);
  color:rgba(255,255,255,.78);
  padding:44px 0 0;
  margin-top:10px;
}
.section-footer .row{ display:flex; flex-wrap:wrap; }
.section-footer .info p{
  display:flex;
  align-items:flex-start;
  gap:11px;
  font-size:16px;
  line-height:1.85;
  margin-bottom:9px;
  color:rgba(255,255,255,.72);
}
.section-footer .info p span{ display:block; }
.section-footer .info p.mail::before{
  content:"";
  width:17px; height:17px; margin-top:6px; flex-shrink:0;
  background:url(../Images/mail.png?v=20261028143031) no-repeat center/contain;
  opacity:.85;
}
.section-footer .info p.tel::before{
  content:"";
  width:17px; height:17px; margin-top:6px; flex-shrink:0;
  background:url(../Images/tel.png?v=20261028143031) no-repeat center/contain;
  opacity:.85;
}
.section-footer .info p.address::before{
  content:"";
  width:17px; height:17px; margin-top:6px; flex-shrink:0;
  background:url(../Images/address.png?v=20261028143031) no-repeat center/contain;
  opacity:.85;
}
/* 右侧常用链接：2 行，按左侧 3 行的行距对齐——
   第 1 行基线对齐“邮箱”，第 2 行基线对齐“地址”，字号与左侧一致 */
.section-footer .url{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:auto;
  row-gap:12px;                          /* 第 1 行是两枚字标卡，第 2 行是平台文字链接 */
  column-gap:16px;
  align-content:space-between;
  min-height:106.8px;                    /* 与左侧 3 行信息齐平 */
  height:auto;
}
.section-footer .url p{
  margin:0;
  line-height:29.6px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.section-footer .url p a{
  font-size:16px;
  color:rgba(255,255,255,.72);
  transition:.2s;
  display:inline-block;
}
.section-footer .url p a:hover{ color:#fff; }
/* 2026-10-28 ⑦：友情链接里的“学信网”“湖北省教育考试院”用官方字标（图形 + 中文名 + 英文），
   装进与上方“学习平台”院校字标同款的白卡里：同高、同宽、同圆角，一行两枚。
   后台仍然是文字链接、网址一点没动，Bottom.html 里的脚本只负责换成图。 */
.section-footer .url p.fl-item{
  height:60px;
  line-height:60px;
  overflow:visible;
}
.section-footer .url p a.friend-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:60px;
  padding:0 9px;
  background:#fff;
  border-radius:6px;
  text-decoration:none;
  box-shadow:0 2px 6px rgba(0,0,0,.20);
  transition:transform .2s, box-shadow .2s, background .2s;
}
.section-footer .url p a.friend-logo img{
  display:block;
  width:100%;           /* 3 倍图铺满卡宽，等比缩放，任何屏幕都清晰 */
  height:auto;
  max-height:48px;
  object-fit:contain;
  border:0;
}
.section-footer .url p a.friend-logo:hover{
  background:#f4f8fd;
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(0,0,0,.30);
}
.section-footer .code{ text-align:center; }
.section-footer .code img{
  width:112px;
  height:112px;
  border-radius:8px;
  background:#fff;
  padding:5px;
  display:inline-block;
}
.section-footer .copy{
  border-top:1px solid rgba(255,255,255,.12);
  margin-top:32px;
  padding:18px 0 22px;
  text-align:center;
}
.section-footer .copy p{
  font-size:14px;
  color:rgba(255,255,255,.74);
  line-height:1.95;
}
.section-footer .copy a{ color:rgba(255,255,255,.8); }
.section-footer .copy a:hover{ color:var(--orange); }
/* 页脚访问统计（2026-10-29 新增；不想显示就删掉这 4 行） */
.section-footer .copy .visit-stat{ margin-top:8px; letter-spacing:.3px; font-size:14.5px; }
.section-footer .copy .visit-stat span{ color:rgba(255,255,255,.88); font-weight:600; }
.section-footer .copy .visit-stat em{ font-style:normal; display:inline-block; margin:0 18px; }

/* ==========================================================================
   11. 内页：标题带 / 面包屑
   ========================================================================== */
.section-page{
  padding:0 0 40px;
  background:var(--bg);
  min-height:420px;
}
.page_title{
  background:linear-gradient(120deg,var(--blue-800),var(--blue-600) 60%,#2f7cb8);
  border-radius:0 0 var(--radius) var(--radius);
  padding:34px 30px 26px;
  margin-bottom:24px;
  position:relative;
  overflow:hidden;
  color:#fff;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}
.page_title::after{
  content:"";
  position:absolute;
  right:-60px;
  top:-70px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:rgba(255,255,255,.06);
}
.page_title h3{
  font-size:26px;
  letter-spacing:1px;
  color:#fff;
  position:relative;
  z-index:2;
  line-height:1.3;
}
.page_title .breadcrumb{
  background:transparent;
  padding:0;
  margin:0;
  position:relative;
  z-index:2;
  font-size:13.5px;
}
.page_title .breadcrumb > li{ color:rgba(255,255,255,.7); }
.page_title .breadcrumb > li > a{ color:rgba(255,255,255,.88); }
.page_title .breadcrumb > li > a:hover{ color:#fff; }
.page_title .breadcrumb > li + li::before{ color:rgba(255,255,255,.45); content:"/"; padding:0 8px; }

/* 内容块 */
.home-block{
  background:#fff;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:26px 30px;
}
.home-notice ul li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:15px 4px;
  border-bottom:1px dashed var(--line);
  font-size:15.5px;
}
.home-notice ul li a{
  flex:1;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  padding-left:16px;
  position:relative;
}
.home-notice ul li a::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--blue-500);
  opacity:.5;
}
.home-notice ul li a:hover{ color:var(--blue-600); }
.home-notice ul li a:hover::before{ background:var(--orange); opacity:1; }
.home-notice ul li span{ color:var(--text-3); font-size:13.5px; flex-shrink:0; font-variant-numeric:tabular-nums; }

/* 分页 */
.notice-pagination1{ text-align:center; padding:22px 0 6px; }
.notice-pagination1 a,.notice-pagination1 span{
  display:inline-block;
  min-width:34px;
  height:34px;
  line-height:32px;
  padding:0 10px;
  margin:0 3px;
  border:1px solid var(--line);
  border-radius:6px;
  font-size:13.5px;
  color:var(--text-2);
  background:#fff;
  transition:.2s;
}
.notice-pagination1 a:hover{ border-color:var(--blue-500); color:var(--blue-700); }
.notice-pagination1 .active,.notice-pagination1 span.active{
  background:var(--blue-700);
  border-color:var(--blue-700);
  color:#fff;
}

/* ==========================================================================
   11.5 站内搜索页
   ========================================================================== */
.search-again{ margin-bottom:16px; }
.search-again form{ display:flex; align-items:center; gap:10px; max-width:560px; }
.search-again .sa-txt{
  flex:1 1 auto;
  height:40px;
  padding:0 18px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#f7f9fc;
  font-size:14px;
  color:var(--text);
  outline:none;
  transition:.25s;
}
.search-again .sa-txt:focus{
  background:#fff;
  border-color:var(--blue-500);
  box-shadow:0 0 0 3px rgba(42,116,181,.12);
}
.search-again .sa-btn{
  flex:0 0 auto;
  height:40px;
  padding:0 26px;
  border:0;
  border-radius:999px;
  background:var(--blue-700);
  color:#fff;
  font-size:14px;
  cursor:pointer;
  transition:.25s;
}
.search-again .sa-btn:hover{ background:var(--orange); }

.search-summary{
  font-size:14px;
  color:var(--text-3);
  padding:0 0 12px;
  border-bottom:1px solid var(--line);
  margin-bottom:4px;
}
.search-summary b{ color:var(--blue-800); font-weight:700; }
.search-summary b.kw{ color:var(--red); }
.search-summary em.sr-count{ font-style:normal; color:var(--text-3); }
.search-list li em.hl{ font-style:normal; color:var(--red); }

.search-empty{ text-align:center; padding:56px 20px 60px; }
.search-empty .se-t{
  font-size:17px;
  font-weight:700;
  color:var(--text);
  margin:0 0 10px;
}
.search-empty .se-d{
  font-size:14px;
  color:var(--text-3);
  line-height:2;
  margin:0;
}
.search-empty .se-d a{ color:var(--blue-700); }
.search-empty .se-d a:hover{ color:var(--orange); }

/* 搜索结果条目：长标题换行显示，不截断 */
.home-notice ul.search-list li{ padding:16px 4px; }
.home-notice ul.search-list li a{ white-space:normal; line-height:1.55; }
@media (max-width:767px){
  .home-notice ul.search-list li{ flex-wrap:wrap; row-gap:4px; padding:13px 2px; }
  .home-notice ul.search-list li b.sc{ display:none; }
  .home-notice ul.search-list li a{ flex:1 1 100%; }
  .home-notice ul.search-list li span{ margin-left:auto; font-size:12.5px; }
}

/* ==========================================================================
   12. 文章详情
   ========================================================================== */
.home-article{ max-width:920px; margin:0 auto; }
.article-title{
  font-size:26px;
  line-height:1.55;
  color:var(--blue-900);
  text-align:center;
  padding:6px 0 18px;
  font-weight:700;
}
.article-sub{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:22px;
  font-size:13.5px;
  color:var(--text-3);
  padding-bottom:20px;
  border-bottom:1px solid var(--line);
  margin-bottom:26px;
}
.article-sub > div{ position:relative; }
.article-sub > div + div::before{
  content:"";
  position:absolute;
  left:-11px;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:12px;
  background:var(--line);
}
.article-contents{
  font-size:16px;
  line-height:1.85;
  color:#333f4d;
  word-break:break-word;
  overflow:hidden;
}
.article-contents p{ margin:0 0 14px; text-indent:0; }
.article-contents img{ max-width:100%; height:auto; border-radius:6px; display:block; margin:14px auto; }
.article-contents table{
  width:100% !important;
  max-width:100%;
  border-collapse:collapse;
  margin:18px 0;
  font-size:14.5px;
  table-layout:fixed;
  word-break:break-word;
}
.article-contents table td,.article-contents table th{
  border:1px solid #d7e0ea;
  padding:9px 12px;
  line-height:1.7;
  vertical-align:middle;
}
.article-contents table th{ background:var(--blue-100); color:var(--blue-800); font-weight:700; }
.article-contents table tr:nth-child(even) td{ background:#fafcfe; }
.article-contents h1,.article-contents h2,.article-contents h3,.article-contents h4{
  color:var(--blue-900);
  margin:22px 0 12px;
  line-height:1.5;
}
.article-contents a{ color:var(--blue-600); text-decoration:underline; }
.article-contents blockquote{
  margin:16px 0;
  padding:14px 18px;
  background:#f6f9fc;
  border-left:4px solid var(--blue-500);
  color:var(--text-2);
  border-radius:0 6px 6px 0;
}
.article-contents ul,.article-contents ol{ padding-left:24px; margin:0 0 16px; }
.article-contents ul li{ list-style:disc; padding:3px 0; }
.article-contents ol li{ list-style:decimal; padding:3px 0; }

/* 单页（学院介绍 / 联系我们等） */
.home-info .contents{
  font-size:16px;
  line-height:2;
  color:#333f4d;
  word-break:break-word;
  overflow:hidden;
}
.home-info .contents img{ max-width:100%; height:auto; border-radius:6px; display:block; margin:14px auto; }
.home-info .contents table{ width:100% !important; border-collapse:collapse; margin:18px 0; }
.home-info .contents table td,.home-info .contents table th{
  border:1px solid #d7e0ea; padding:9px 12px; line-height:1.7;
}
.home-info .contents table th{ background:var(--blue-100); color:var(--blue-800); }
.home-info .contents p{ margin:0 0 16px; }
.home-info .contents h1,.home-info .contents h2,.home-info .contents h3{ color:var(--blue-900); margin:22px 0 12px; }

/* ==========================================================================
   13. 左侧栏目导航 + 图文列表 / 留言板
   ========================================================================== */
.section-home{ padding:0 0 40px; }
.section-home .home-block{
  display:flex;
  gap:24px;
  align-items:flex-start;
  background:transparent;
  box-shadow:none;
  padding:0;
}
.home-tabs{
  width:230px;
  flex-shrink:0;
  background:#fff;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.tabs-title{
  background:linear-gradient(120deg,var(--blue-800),var(--blue-600));
  color:#fff;
  font-size:17px;
  font-weight:700;
  padding:16px 20px;
  letter-spacing:.5px;
}
.tabs-list{ padding:8px 0; }
.tabs-list a{
  display:block;
  padding:12px 20px;
  font-size:14.5px;
  color:var(--text-2);
  border-left:3px solid transparent;
  transition:.2s;
}
.tabs-list a:hover{ background:#f6f9fc; color:var(--blue-700); border-left-color:rgba(23,90,149,.4); }
.tabs-list a.active{
  background:var(--blue-100);
  color:var(--blue-800);
  font-weight:700;
  border-left-color:var(--orange);
}

.home-pic{ flex:1; min-width:0; }
.home-pic ul{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.home-pic ul li{ min-width:0; }
.swiper-video{
  position:relative;
  background:#fff;
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
  transition:.3s;
  display:block;
}
.swiper-video:hover{ transform:translateY(-4px); box-shadow:var(--shadow-hover); }
.swiper-video i{ display:block; height:180px; overflow:hidden; background:#eef2f7; }
.swiper-video i img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s;
}
.swiper-video:hover i img{ transform:scale(1.05); }
.swiper-video .info{ padding:14px 16px; }
.swiper-video .info h3{
  font-size:15px;
  line-height:1.6;
  color:var(--text);
  height:3.2em;
  overflow:hidden;
  font-weight:700;
}
.swiper-video .info p{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:10px;
  padding-top:9px;
  border-top:1px dashed var(--line);
  font-size:13px;
}
.swiper-video .info p strong{ color:var(--text-3); font-weight:400; }
.swiper-video .info p .more{ color:var(--blue-600); }
.swiper-video .bg{ display:none; }
.notice-pagination2{ display:none; }

/* 留言板表单 */
.home-gbook{
  flex:1;
  min-width:0;
  background:#fff;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:24px 26px 28px;
}
.home-gbook .navigation{ margin-bottom:16px; }
.home-gbook .breadcrumb{ background:transparent; padding:0; font-size:13.5px; }
.home-gbook .breadcrumb > li > a{ color:var(--text-3); }
.home-gbook form ul{
  display:flex;
  align-items:flex-start;
  gap:16px;
  padding:9px 0;
  border-bottom:1px dashed var(--line);
}
.home-gbook form ul li.t{
  width:190px;
  flex-shrink:0;
  font-size:14.5px;
  color:var(--text-2);
  padding-top:9px;
  text-align:right;
}
.home-gbook form ul li.p{ flex:1; min-width:0; }
.home-gbook .input,.home-gbook .textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:8px;
  padding:9px 14px;
  font-size:14.5px;
  color:var(--text);
  background:#fbfcfe;
  transition:.2s;
  outline:none;
  font-family:inherit;
}
.home-gbook .textarea{ min-height:96px; resize:vertical; }
.home-gbook .input:focus,.home-gbook .textarea:focus{
  border-color:var(--blue-500);
  background:#fff;
  box-shadow:0 0 0 3px rgba(42,116,181,.1);
}
.home-gbook .submit{ padding-top:20px; text-align:center; }
.home-gbook .enter{
  border:0;
  background:linear-gradient(120deg,var(--blue-700),var(--blue-500));
  color:#fff;
  font-size:16px;
  padding:11px 56px;
  border-radius:999px;
  cursor:pointer;
  transition:.25s;
  letter-spacing:2px;
}
.home-gbook .enter:hover{ background:linear-gradient(120deg,var(--orange-dark),var(--orange)); box-shadow:0 8px 18px rgba(232,104,28,.3); }

/* ==========================================================================
   14. 新发布内容标记（3 天内自动红色，由 new-flag.js 添加 .nf-new）
   ========================================================================== */
.nf-new > a,
.nf-new .title a,
.nf-new .article-title,
.nf-new > span,
a.nf-new{
  color:var(--red) !important;
}
.nf-new .nf-badge{ color:#fff !important; }
.nf-new > a:hover,
.nf-new .title a:hover,
a.nf-new:hover{ color:#a10c14 !important; }

.nf-badge{
  display:inline-block;
  vertical-align:middle;
  margin-left:6px;
  padding:0 6px;
  height:17px;
  line-height:17px;
  font-size:11px;
  font-weight:700;
  color:#fff;
  background:var(--red);
  border-radius:3px;
  letter-spacing:.5px;
  transform:translateY(-1px);
  animation:nfPulse 1.6s ease-in-out infinite;
}
@keyframes nfPulse{
  0%,100%{ opacity:1; }
  50%{ opacity:.62; }
}
/* 图片卡片：新内容在图片左上角显示 NEW */
.image-card.nf-new{ position:relative; }
.image-card.nf-new .pic::after{
  content:"NEW";
  position:absolute;
  left:12px;
  top:12px;
  background:var(--red);
  color:#fff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.5px;
  padding:2px 8px;
  border-radius:4px;
  box-shadow:0 3px 8px rgba(208,18,27,.35);
}
/* 通知公告日期块变红 */
.list-card.nf-new .date{ background:var(--red); color:#fff; }
.list-card.nf-new .date p{ color:#fff; }

/* ==========================================================================
   14.5 后台新增栏目通用样式（单页 / 下载 / 招聘 / 产品）
   —— 新增栏目时会自动套用皮肤里对应的模板，样式与全站一致
   ========================================================================== */
.page-single{ font-size:16px; line-height:1.85; color:var(--text); }
.page-single img{ max-width:100%; height:auto; }
.page-single p{ margin:0 0 14px; }

.down-list ul li{
  display:flex;
  align-items:center;
  gap:14px;
  padding:13px 0;
  border-bottom:1px dashed var(--line);
}
.down-list .dl-name{
  flex:1;
  min-width:0;
  font-size:15px;
  color:var(--text);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.down-list .dl-name::before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:8px;
  border-radius:50%;
  background:var(--blue-500);
  vertical-align:middle;
}
.down-list .dl-name:hover{ color:var(--blue-600); }
.dl-meta{ flex:0 0 auto; display:flex; gap:14px; font-size:12.5px; color:var(--text-3); }
.dl-btn{
  flex:0 0 auto;
  display:inline-block;
  padding:5px 14px;
  border-radius:6px;
  background:var(--blue-700);
  color:#fff;
  font-size:13px;
  transition:.22s;
}
.dl-btn:hover{ background:var(--orange); color:#fff; }
.dl-download{ margin:16px 0 20px; }
.article-nav{
  margin-top:22px;
  padding-top:14px;
  border-top:1px dashed var(--line);
  font-size:14px;
  color:var(--text-2);
}
.article-nav p{ margin:6px 0; }
.job-list .dl-name::before{ background:var(--orange); }
/* 标红时不要把蓝色按钮也染红 */
.down-list .nf-new .dl-btn{ color:#fff !important; }

/* ==========================================================================
   15. 响应式
   ========================================================================== */
@media (max-width:1199px){
  .section-navbar .navbar-nav > li > a{ padding:0 6px; font-size:15px; letter-spacing:.2px; }
  .section-header .logo .logo-emblem{ height:46px; width:46px; }
  .section-header .logo .logo-name{ height:26px; }
  .section-header .logo .logo-sub{ height:17px; }
  .section-header .search .txt{ width:150px; }
}

@media (max-width:991px){
  .section-header .container{ min-height:74px; }
  .section-header .logo .logo-emblem{ height:42px; width:42px; }
  .section-header .logo .logo-name{ height:24px; }
  .section-header .logo .logo-sub{ height:16px; }
  .section-header .desc{ display:none; }
  .section-header .search .txt{ width:130px; }

  /* 移动端导航（纯 CSS 展开，无需 JS） */
  .section-navbar .navbar-header{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    width:100%;
    height:48px;
  }
  /* 校名已在上方 logo 处展示，导航条内不再重复 */
  .section-navbar .navbar-brand{ display:none; }
  /* 导航条左侧标题，避免整条只剩一个按钮显得空 */
  .section-navbar .navbar-header::before{
    content:"网站导航";
    display:block;            /* 覆盖 clearfix 伪元素的 display:none */
    margin-right:auto;
    color:#fff;
    font-size:15px;
    font-weight:600;
    letter-spacing:2px;
  }
  .nav-toggle-btn{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    flex:0 0 auto;
    width:44px;
    height:32px;
    margin:0;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.5);
    border-radius:6px;
    background:rgba(255,255,255,.14);
    cursor:pointer;
  }
  /* 按钮左侧显示「菜单 / 收起」文字，让访客一眼知道可以点 */
  .nav-toggle-btn::after{
    content:"菜单";
    position:absolute;
    right:calc(100% + 10px);
    top:50%;
    transform:translateY(-50%);
    white-space:nowrap;
    font-size:14px;
    font-weight:400;
    color:rgba(255,255,255,.92);
  }
  .nav-toggle-cb:checked ~ .navbar-header .nav-toggle-btn::after{ content:"收起"; }
  .nav-toggle-btn i{ display:block; width:22px; height:2px; background:#fff; border-radius:1px; }
  .section-navbar .navbar-collapse{
    display:none;
    float:none;
    width:100%;
    border-top:1px solid rgba(255,255,255,.16);
    box-shadow:none;
    max-height:70vh;
    overflow-y:auto;
    padding:0;
  }
  .nav-toggle-cb:checked ~ .navbar-collapse{ display:block !important; }
  .section-navbar .navbar-nav{ display:block; width:100%; margin:0; }
  .section-navbar .navbar-nav > li{ float:none; border-bottom:1px solid rgba(255,255,255,.08); }
  .section-navbar .navbar-nav > li > a{ line-height:46px; height:46px; padding:0 18px; font-size:15px; }
  .section-navbar .navbar-nav > li > a::after{ display:none; }
  .section-navbar .dropdown-menu{
    position:static;
    transform:none;
    width:100%;
    box-shadow:none;
    background:rgba(255,255,255,.06);
    border-radius:0;
    padding:0;
  }
  .section-navbar .dropdown-menu > li > a{
    color:rgba(255,255,255,.85);
    padding:10px 32px;
    font-size:14px;
  }
  .section-navbar .dropdown-menu > li > a:hover{ background:rgba(255,255,255,.12); color:#fff; padding-left:38px; }

  .plat-label{ flex:0 0 150px; padding-left:12px; }
  .plat-label h3{ font-size:15.5px; }
  .plat-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }

  .section-home .home-block{ flex-direction:column; }
  .home-tabs{ width:100%; }
  .tabs-list{ display:flex; flex-wrap:wrap; padding:10px; gap:8px; }
  .tabs-list a{ padding:8px 14px; border:1px solid var(--line); border-radius:6px; border-left:1px solid var(--line); }
  .tabs-list a.active{ border-color:var(--blue-500); }
  .home-pic ul{ grid-template-columns:repeat(2,1fr); }
  .home-gbook form ul{ flex-direction:column; gap:4px; }
  .home-gbook form ul li.t{ width:100%; text-align:left; padding-top:0; }
}

@media (max-width:767px){
  body{ font-size:14.5px; }
  .section-header .container{ min-height:auto; padding:11px 15px 12px; flex-wrap:wrap; gap:10px; flex-direction:column; align-items:flex-start; }
  .section-header .logo{ gap:9px; margin:0; max-width:100%; }
  .section-header .logo .logo-emblem{ height:40px; width:40px; }
  .section-header .logo .logo-name{ height:21px; }
  .section-header .logo .logo-line1{ gap:8px; min-width:0; flex-wrap:wrap; }
  .section-header .logo .logo-sub{ height:14px; margin-bottom:1px; }
  .header-right{ width:100%; align-items:stretch; gap:8px; }
  .quick-entry{ justify-content:space-between; }
  .quick-entry a{ flex:1; text-align:center; padding:0 4px; font-size:12.5px; }
  .section-header .search{ width:100%; }
  .section-header .search form > div{ width:100%; }
  .section-header .search .txt{ width:100%; flex:1; }

  /* 手机：换成手机版图片（900×560），高度按比例自动，文字不会被裁 */
  .home-banner{ height:auto; aspect-ratio:900 / 560; }
  .home-banner .hb-slide img.hb-pc{ display:none; }
  .home-banner .hb-slide img.hb-mb{ display:block; }
  .home-banner .hb-arrow{ display:none; }
  .home-banner .hb-dots{ bottom:9px; gap:6px; }
  .home-banner .hb-dots button{ width:18px; height:3px; border-radius:2px; }
  .home-banner .hb-dots button.is-on{ width:26px; }

  .container-fluid.section-introduce,
  .container-fluid.section-notice,
  .container-fluid.section-news,
  .container-fluid.section-order{ padding:22px 0; }

  .top-bar h3{ font-size:19px; }
  .top-bar::before{ width:38px; }

  .image-card .pic{ height:190px; }
  .plat-row{ flex-direction:column; align-items:stretch; gap:12px; padding:16px 0; }
  .plat-label{ flex:none; padding-left:12px; display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
  .plat-label h3 br{ display:none; }   /* 手机上类别名占一行，不拆两行 */
  .plat-label h3{ font-size:15px; }
  .plat-label p{ margin-top:0; font-size:10.5px; letter-spacing:.8px; }
  .plat-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .tile .lv{ font-size:10px; line-height:15px; padding:0 4px; right:4px; bottom:4px; }
  .tile.is-text .tile-name{ font-size:13px; }

  .txt-card{ padding:4px 14px 12px; margin-top:14px; }
  .txt-card ul li{ font-size:14px; }
  .txt-card ul li span{ font-size:12.5px; }

  .list-card{ padding:14px 16px; gap:12px; }
  .list-card .date{ width:58px; min-width:58px; height:58px; }
  .list-card .date span{ font-size:20px; }
  .list-card .date p{ font-size:11px; }
  .list-card .title{ font-size:14.5px; }

  .section-news .top-bar{ padding:14px 16px 12px; }
  .section-news .top-content{ padding:6px 16px 10px; }

  .section-footer{ padding:30px 0 0; }
  .section-footer .url{
    grid-template-columns:1fr;
    grid-template-rows:none;
    grid-auto-flow:row;
    margin-top:18px;
  }
  .section-footer .url{ height:auto; grid-template-rows:auto; align-content:start; }
  .section-footer .url p{ line-height:32px; }
  .section-footer .code{ margin-top:18px; }
  .section-footer .copy{ margin-top:22px; padding:14px 0 18px; }

  .page_title{ padding:24px 20px 18px; border-radius:0 0 8px 8px; }
  .page_title h3{ font-size:21px; }
  .home-block{ padding:18px 16px; }
  .article-title{ font-size:20px; }
  .article-sub{ gap:14px; font-size:12.5px; }
  .article-contents{ font-size:15.5px; line-height:1.95; }
  .down-list ul li{ flex-wrap:wrap; gap:6px; }
  .down-list .dl-name{ flex:1 0 100%; white-space:normal; }
  .dl-meta{ gap:10px; }
  .article-contents table{ display:block; overflow-x:auto; }

  .home-pic ul{ grid-template-columns:1fr; }
  .swiper-video i{ height:200px; }
  .home-gbook{ padding:16px; }
  .home-gbook .enter{ width:100%; padding:11px 0; }
}

/* ==================================================================
   HB-NAV-FIX-20261029 修复：新闻正文内联样式中的通用 .nav 类与顶部
   导航的 .nav.navbar-nav 重名，导航被套上白底圆角边框（白字白底不可见）。
   以下规则优先级更高，只作用于顶部导航范围，不影响新闻正文。
   ================================================================== */
.section-navbar .navbar-nav{
  background:transparent;
  background-color:transparent;
  border:0;
  border-radius:0;
  padding:0;
  margin:0;
  list-style:none;
}
.section-navbar .navbar-nav > li > a{
  background:transparent;
  background-color:transparent;
  border:0;
  border-radius:0;
  margin:0;
}
.section-navbar .navbar-nav > li:hover > a,
.section-navbar .navbar-nav > li.open > a,
.section-navbar .navbar-nav > li.active > a{
  background:rgba(255,255,255,.10);
}
.section-navbar .dropdown-menu > li > a{
  background:transparent;
  border:0;
  border-radius:0;
  margin:0;
}
/* HB-NAV-FIX-20261029 结束 */
/* footer visit stat: narrower gap on small screens */
@media (max-width:640px){ .section-footer .copy .visit-stat{ font-size:13.5px; } .section-footer .copy .visit-stat em{ margin:0 10px; } }

/* HB-PAGER-FIX-20261101 */
/* ==================================================================
   第69次（2026-11-01）修复：栏目列表页的分页条被文章列表样式污染
   现象：教学教务 / 自学考试 / 成人教育 / 开放教育 / 通知公告 / 新闻资讯 /
        下载中心 等栏目点「更多」后，页面底部页码 1 2 3 4 5 下一页 末页
        竖着堆成一大列，每个还带一条虚线和左侧小圆点。
   原因：分页条 <div class="notice-pagination1"> 本来就写在 .home-notice 里，
        于是被「文章列表行」的两条规则一起命中：
          .home-notice ul li     → display:flex + 下虚线 + 上下的 padding
          .home-notice ul li a   → flex:1 + 左内边距 + ::before 小圆点
   处理：只对分页条内部复位，文章列表本身一个字不动，也不改任何模板。
   ================================================================== */
.home-notice .notice-pagination1{ text-align:center; padding:22px 0 6px; }
.home-notice .notice-pagination1 ul.pagination{
  display:block; width:auto; margin:0 auto; padding:0; border-radius:0; text-align:center;
}
.home-notice .notice-pagination1 ul.pagination > li{
  display:inline-block; float:none; padding:0; border:0; gap:0;
  font-size:13.5px; line-height:1; vertical-align:middle;
}
.home-notice .notice-pagination1 ul.pagination > li > a{
  display:inline-block; float:none; flex:0 0 auto; overflow:visible; white-space:nowrap;
  min-width:34px; height:34px; line-height:32px; padding:0 10px; margin:0 3px;
  border:1px solid var(--line); border-radius:6px; background:#fff;
  color:var(--text-2); font-size:13.5px; box-sizing:border-box; transition:.2s;
}
.home-notice .notice-pagination1 ul.pagination > li > a::before{ display:none; content:none; }
.home-notice .notice-pagination1 ul.pagination > li > a:hover{
  border-color:var(--blue-500); color:var(--blue-700); background:#fff;
}
.home-notice .notice-pagination1 ul.pagination > li.active{ background:none; border:0; }
.home-notice .notice-pagination1 ul.pagination > li.active > a{
  background:var(--blue-700); border-color:var(--blue-700); color:#fff;
}
/* 第69次 结束 */

/* HB-HOVER-20261101 鼠标悬停高亮 */

/* A. 顶部导航：底色提亮 */
.section-navbar .navbar-nav > li > a{ transition:background .18s,color .18s; }
.section-navbar .navbar-nav > li:hover > a{
  background:rgba(255,255,255,.30); color:#fff;
}

/* B. 新闻 / 通知列表行（栏目页 + 首页）：整行浅蓝底 */
.home-notice ul:not(.pagination) > li,
.txt-card ul:not(.pagination) > li{
  transition:background .18s;
}
.home-notice ul:not(.pagination) > li:hover,
.txt-card ul:not(.pagination) > li:hover{
  background:#dcebf9;
}

/* HB-NOORANGE-20261101d
   悬停只变底色：把模板自带的橙色装饰压掉（这些不是本次加的，是站点原有样式，
   之前只改了底色、没管它们，所以鼠标一停就看见橙线/圆点变橙）。
   全部带 !important，确保优先级高于模板原有规则。 */

/* 1) 顶部导航底部那条 3px 橙色短线
      —— 悬停、当前所在栏目、展开下拉时都会拉出来，这里彻底去掉 */
.section-navbar .navbar-nav > li > a::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  background:transparent !important;
  border:0 !important;
}

/* 2) 首页「新闻资讯」列表：左侧小圆点悬停不再变橙，保持原蓝色 */
.txt-card ul li a:hover::before{
  background:var(--blue-500) !important;
  opacity:.55 !important;
}

/* 3) 通知公告 / 栏目页文章列表：左侧小圆点悬停不再变橙，保持原蓝色 */
.home-notice ul li a:hover::before{
  background:var(--blue-500) !important;
  opacity:.5 !important;
}

/* 4) 首页「新闻资讯」上方摘要列表：左侧小三角悬停不再变橙，保持原蓝色 */
.section-news .top-content ul li a:hover::before{
  border-left-color:var(--blue-500) !important;
  opacity:.5 !important;
}

/* 5) 顺带补一处：上面第 4 条那个摘要列表，原来完全没有悬停反馈（不符合「有新闻列表就有高亮」），
      按同一口径加上整行浅蓝底；不想要可以整条删掉，不影响前面 4 条。 */
.section-news .top-content ul li{ transition:background .18s; }
.section-news .top-content ul li:hover{ background:#dcebf9; }