/* ============================================================================
   中国教育科研信息网 —— 布局（宽/高）修复补丁  fix-layout.css
   用法：放在 theme.css「之后」引入（它是最后一层覆盖），例如
        <link rel="stylesheet" href="/css/fix-layout.css?v=20261116a">
   原则：只统一栅格、比例、列表结构，不改业务逻辑，不新增 !important 打架。
   ============================================================================ */

/* ---------------------------------------------------------------------------
   0. 栅格：一个容器宽度，左右两栏都用它，首页与栏目页共用
   现状问题：首页 .columnleft 实测 762px（flex:1 1 720），栏目页 800px（旧 CSS 硬编码），
   同一套卡片在两页宽度不一致 → 图片裁切比例、换行、留白都不同。
   --------------------------------------------------------------------------- */
:root{
  --layout-maxw: 1200px;
  --layout-gap: 24px;
  --col-right: 380px;
}

.webroot, .webroot2{
  width: 100% !important;
  max-width: var(--layout-maxw) !important;
  margin: 0 auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

/* 首页两栏：见下面 0-B 段（实测必须用 block+float，不能用 flex） */
.columnleft{
  min-width: 0 !important;
  overflow: visible !important; /* 不再被父级无声裁掉超宽内容 */
}
.columnright{
  min-width: 0 !important;
  overflow: hidden !important;   /* 右栏页签靠它裁剪，保留 */
}

/* 栏目页 / 详情页是 float 两栏：左栏吃掉剩余宽度，右栏固定 380，中间 24 间距 */
.columnleft{
  float: left !important;
  width: calc(100% - 404px) !important;
  max-width: calc(100% - 404px) !important;
}
.columnright{
  float: right !important;
  width: var(--col-right) !important;
  max-width: var(--col-right) !important;
}
/* ---------------------------------------------------------------------------
   0-B. 首页 .home-root 的真实结构（实测）：
   一个容器下并排 20 个兄弟节点 —— 8 个 .columnleft + 10 个 .columnright + 2 个空 DIV，
   也就是「每个板块自己一对左右栏」，不是"一个大左栏 + 一个大右栏"。
   所以这里绝对不能用 flex（flex 会把每对左右栏当成独立 item 横向瓜分，
   实测左栏被压到 168px、右栏挤成第二条线），必须改回 block + float 分行。
   --------------------------------------------------------------------------- */
.home-root{
  display: block !important;
  max-width: var(--layout-maxw) !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}
/* .webroot 与 .home-root 是同一个元素（class="webroot home-root"），
   上一条已给 16px 内边距，这里不要再叠一层 */
.webroot.home-root{
  padding: 0 16px !important;
}
.home-root > .columnleft{
  float: left !important;
  clear: left !important;           /* 每个板块的左栏另起一行，杜绝左右错行 */
  width: calc(100% - 404px) !important;
  max-width: calc(100% - 404px) !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.home-root > .columnright{
  float: right !important;
  clear: none !important;
  width: var(--col-right) !important;
  max-width: var(--col-right) !important;
  min-width: 0 !important;
  margin: 0 !important;
}
/* 板块之间的空 DIV（分隔/广告）不要参与行高计算 */
.home-root > div:empty{ clear: both !important; height: 0 !important; }
/* 只有左栏（文章详情页），不要留 400px 空档 */
.webroot:not(:has(.columnright)) .columnleft{
  width: 100% !important;
  max-width: 100% !important;
}
/* 老浏览器不支持 :has() 时，用详情页的专属容器 id 兜底 */
#neirongwebroot .columnleft,
#wenzhangwebroot .columnleft{
  width: 100% !important;
  max-width: 100% !important;
}

/* 1000px 以下一律单列 */
@media (max-width: 1023px){
  .home-root{ display: block !important; }
  .home-root > .columnleft,
  .home-root > .columnright,
  .columnleft, .columnright{
    float: none !important;
    width: 100% !important; max-width: 100% !important; flex: none !important;
  }
}

/* 右栏页签：两个 380 面板并排会拉到 760px（实测溢出到 1597px），
   裁剪交给外层 .columnright 的 overflow:hidden。
   ⚠ 这里只能夹 max-width，绝对不能写 width:100% !important ——
   JS selectitemdivr() 靠「内联 width 380 → 0」滑动切换，
   一旦被 !important 锁成 100%，点击页签就不会动了（2026-11-16 实测确认）。 */
.neirongdivr1, .neirongdivr2{
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* ---------------------------------------------------------------------------
   1. 图片：一律用比例约束，禁止再写死 height
   现状问题：.logodiv img height:340 / .modelr91_img height:220 / .jqcard-cv 144 /
   .expgrid img 100px … 原生图 600×337、1200×798、480×320 等混用，
   被 cover 裁切后主体被切、或拉伸变形、或容器留白。
   --------------------------------------------------------------------------- */
img{ max-width: 100%; }

/* 首页大轮播 */
.logodiv{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;          /* 与 600×337、1200×778 等素材最接近的公共比例 */
  overflow: hidden !important;
  position: relative !important;
  border-radius: 12px;
}
/* 只让轮播幻灯片 div 撑满容器；.pagebtndiv（圆点）与 .logobtndiv（箭头）不得
   被这条 100% 高度命中，否则圆点会被拉到容器等高、top 跑到容器上方 14px */
.logodiv > div[id^="logodiv_"]{ width: 100% !important; height: 100% !important; }
.logodiv > .logobtndiv{ width: auto !important; height: auto !important; }
/* 双选择器：theme.css 里 .logodiv img{height:340px !important} 平级同名，
   必须提高特异性才能盖住，否则容器 429 高、图只占 340，下方留白 */
.logodiv > div > img,
.logodiv img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* 侧栏 / 卡片缩略图 */
.modelr91_img{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
}
.modelr1_img{
  width: 138px !important;
  max-width: 138px !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
}
.model1_img{
  width: 188px !important;
  max-width: 188px !important;
  height: auto !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
}

/* 图片加载失败/为空时不要留大白块：给个浅底 + 统一比例 */
img:not([src]), img[src=""]{
  background: #eef2f8;
}

/* ---------------------------------------------------------------------------
   2. 栏目页文章列表（wenzangul）：把「标题 / 摘要 / 时间」恢复成纵向三段
   现状问题：theme.css 把 li 设成 display:flex，而真实 HTML 是
   li > P.msgspantitle + IMG + DIV.msgtextdiv 三个子元素，
   flex 让「标题」和「摘要」变成左右两列 → 摘要列被压到 140px，
   文字竖着排、时间被 li 的 overflow:hidden 切一半。
   方案：用 grid 显式分区，图片固定一列，文字独占两行。
   --------------------------------------------------------------------------- */
#wenzhangdiv .wenzangul li{
  display: grid !important;
  grid-template-columns: 184px minmax(0, 1fr) !important;
  grid-template-areas:
    "thumb title"
    "thumb text" !important;
  grid-template-rows: auto auto !important;
  column-gap: 16px !important;
  row-gap: 6px !important;
  align-items: start !important;
  padding: 14px 0 !important;
  min-height: 0 !important;      /* 取消 127px 保底 */
  height: auto !important;
  overflow: visible !important;  /* 不再切掉发布时间 */
  box-sizing: border-box !important;
}
#wenzhangdiv .wenzangul li > img{
  grid-area: thumb !important;
  position: static !important;   /* 原来是 absolute + left/top 硬编码，跟 padding 联动易错位 */
  left: auto !important;
  top: auto !important;
  width: 184px !important;
  height: auto !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
  margin: 0 !important;
  border-radius: 8px;
  align-self: start !important;
}
#wenzhangdiv .wenzangul li > .msgspantitle{
  grid-area: title !important;
  display: block !important;
  white-space: normal !important;   /* 标题允许换行，不再一行省略 */
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.5 !important;
  margin: 0.5em 0 0.4em !important;
}
#wenzhangdiv .wenzangul li > .msgtextdiv{
  grid-area: text !important;
  width: auto !important;
  max-width: 100% !important;
  flex: none !important;            /* 取消 theme.css 的 flex:1 */
  min-width: 0 !important;
  overflow: visible !important;
  margin: 0 !important;
}
/* 时间/更多按钮正常显示，不再被裁 */
#wenzhangdiv .wenzangul li .msginfdiv{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin-top: 8px !important;
}
/* 没缩略图的行：文字占满整行 */
#wenzhangdiv .wenzangul li:not(:has(img)){
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: "title" "text" !important;
}

/* 列表页原 HTML 给 #wenzhangdiv 挂了 text-align:center，导致摘要整体居中、行末断裂 */
#wenzhangdiv{ text-align: left !important; }

/* ---------------------------------------------------------------------------
   2-B. 摘要统一 2 行截断（2026-11-16 老板指定：字号 14 / 行高 24 / 上限 48，三者同一组数字）
   为什么要写两遍：v2.css 第 1364 行有一条 ID 选择器
       #wenzhangdiv .wenzangul li .msgtext{ font-size:13px; line-height:1.8; -webkit-line-clamp:2 }
   特异性 (1,3,0) 高于裸类名 .msgtext (0,1,0)，只写一条 .msgtext 会被它盖回 13px/1.8，
   所以下面第一条走全站兜底，第二条用同级 ID 选择器 + 排在后面压回老板指定的数字。
   实测 .msgtext 只出现在栏目列表页（首页/文章页只有 JS 里 querySelector 引用，无实体元素），
   因此这里不会被文章正文误伤。
   --------------------------------------------------------------------------- */
.msgtext{
  font-size: 14px !important;
  line-height: 24px !important;   /* 三者用同一组数字 */
  height: auto !important;
  max-height: 48px !important;    /* 2 行 × 24 = 48 */
  padding: 0 !important;
  margin: 0 !important;
  text-indent: 0 !important;
  text-align: left !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  word-break: break-all !important;
}
#wenzhangdiv .wenzangul li .msgtext{
  font-size: 14px !important;
  line-height: 24px !important;
  height: auto !important;
  max-height: 48px !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  word-break: break-all !important;
  text-indent: 0 !important;
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
}

@media (max-width: 820px){
  #wenzhangdiv .wenzangul li{
    grid-template-columns: 106px minmax(0, 1fr) !important;
    padding: 10px 0 !important;
    column-gap: 10px !important;
  }
  #wenzhangdiv .wenzangul li > img{ width: 106px !important; }
}

/* ---------------------------------------------------------------------------
   3. 首页期刊推荐条（jqstrip）
   现状问题：容器宽 1265 跑出 1200 栅格；容器高 727 而内部只有 289（多出 438px 空白）；
   第一张卡片 left = -130（轨道初始偏移为负），左侧露出残条。
   方案：容器回栅格内、高度由内容撑开；轨道初始偏移归零，靠横向滚动/整卡位移。
   --------------------------------------------------------------------------- */
.jqstrip{
  width: 100% !important;
  max-width: var(--layout-maxw) !important;
  margin: 20px auto !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
.jqstrip-in{
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  align-items: flex-start !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
/* 真正承载卡片的是 .jqstrip-view（轨道 .jqstrip-move 在里面）。
   ⚠ 2026-11-16 核对：这条滚动是 bottom.jsp 里的 CSS 关键帧
   `@keyframes jqscroll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }`
   跑出来的（不是 JS 每帧写位移），而且卡片列表在服务端复制了一遍做无缝循环，
   所以「左边露半张卡」是滚动中的正常帧，不是错位。
   因此这里只收容器宽度、不动轨道——若确实要关掉滚动，把下面 .jqstrip-move
   的 animation 改成 none 即可，同时也就不需要 overflow-x 了。 */
.jqstrip-view{
  position: relative !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  scrollbar-width: none;
}
.jqstrip-view::-webkit-scrollbar{ display: none; }
.jqstrip-move{
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
}
/* 期刊封面保持原设计的 3:4 竖版比例（110×147），不要压成方图，否则封面被裁 */
.jqcard{
  flex: 0 0 auto !important;
  width: 110px !important;
  margin: 0 !important;
  scroll-snap-align: start;
}
.jqcard-cv{
  width: 110px !important;
  height: 147px !important;
  border-radius: 8px;
  overflow: hidden !important;
}
.jqcard-cv img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.jqcard-nm{
  width: 110px !important;
  max-width: 110px !important;
  margin-top: 6px !important;
  text-align: center !important;
}

/* ---------------------------------------------------------------------------
   4. 右栏图文卡表格：固定布局 + 百分比列宽，避免「标题把表撑破」
   --------------------------------------------------------------------------- */
.modelr1_tab, .modelr3_tab, .modelr91_tab{
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}
.modelr1_tab td:first-child, .modelr3_tab td:first-child{
  width: 150px !important;
}

/* ---------------------------------------------------------------------------
   5. 其它写死高度兜底（不同比例素材一律按比例走）
   --------------------------------------------------------------------------- */
.expgrid .expcard img{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
}
.mcard .mcard-img, .mfillcard img{
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
}

/* 广告/横幅：按 1200×110 素材比例兜底，不再压成 117px 变形 */
.webroot img[src*="res/gz/"]{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1200 / 110 !important;
  object-fit: cover !important;
}

/* ---------------------------------------------------------------------------
   6. 兜底安全网：栏内任何块级元素不得宽于容器
   现状：部分板块的小卡片用固定 px 或百分比宽度，左栏 762 时总宽超到 892，
   最后一张溢出左栏边界。这一条把「撑破容器」的情况全部夹住。
   （页签面板 neirongdiv2 由 JS 改内联 width 切换，这里只夹最大宽，不影响切换）
   --------------------------------------------------------------------------- */
.columnleft > *,
.neirongdiv1, .neirongdiv2{
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.columnleft img, .columnright img{ max-width: 100% !important; }
.columnleft table, .columnright table{ max-width: 100% !important; }

/* ============================================================================
   7. 十二项布局/视觉统一修复（2026-11-16）
   P1 卡片标题 · P2 卡片栅格 · P3 标题条间距 · P4 轮播与空图 ·
   P5 页脚三列 · P6 导航收缩 · P7 列表右留白 · P8 分页居中 ·
   P9 轮播圆点 · P10 标题条自适应 · P11 双标题统一 · P12 栏间对齐
   ============================================================================ */

/* ---------- P1 卡片标题：最多 2 行，取消 nowrap，不再顶满裁切线 ---------- */
.model2_title, .model3_title, .model4_title{
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  line-height: 1.5 !important;
  max-height: 3em !important;      /* 2 行 × 1.5 行高 */
  height: auto !important;
  text-align: left !important;
  padding: 0 12px 12px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* ---------- P2 卡片栅格：table-layout:fixed + 等分列，末卡不溢出左栏 ---------- */
.model2_tab, .model3_tab, .model4_tab{
  table-layout: fixed !important;
  width: 100% !important;
  margin: 0 auto !important;
  border-spacing: 12px !important;      /* 卡片间距统一 12px */
}
.model2_tab td, .model3_tab td, .model4_tab td{
  width: auto !important;               /* fixed 布局下 auto → 四列严格等分 */
  padding: 0 !important;
  vertical-align: top !important;
  overflow: hidden !important;
}
.model2_tab td > a, .model3_tab td > a, .model4_tab td > a{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border-radius: var(--radius-sm, 9px) !important;
}

/* ---------- P3 板块标题条与内容间距 ≤12px（原来 margin-bottom 12 + 表格 margin-top 14 = 26px） ---------- */
.itemmenudivtop{ margin-bottom: 0 !important; padding-bottom: 0 !important; }
.model1_tab, .model2_tab, .model3_tab, .model4_tab{ margin-top: 8px !important; }
#wenzhangdiv{ margin-top: 8px !important; }

/* ---------- P4 轮播不留白 + 空图/裂图占位 ---------- */
.logodiv{ aspect-ratio: 16 / 9 !important; height: auto !important; }
.logodiv > div > img, .logodiv img{ height: 100% !important; object-fit: cover !important; }
/* 抓取缺失缩略图时会写出 src="res/-1/itemres/"（空文件名）→ 裂图。
   给浅底占位、不额外撑高（本身已有固定高度）。 */
img[src=""], img[src$="/itemres/"], img[src$="/itemres"],
.model2_img[src=""], .model3_img[src=""], .modelr91_img[src=""]{
  background: #eef2f8 !important;
}

/* ---------- P5 页脚三列：space-between + gap 24（桌面不居中、不留白不均） ---------- */
.bottominfodiv{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.bottominfodiv .contactbox{ flex: 1 1 300px !important; max-width: 560px !important; }

/* ---------- P6 导航 13 项：等分收缩，nowrap 居中，每项 ≤118px ---------- */
.topmenuul{
  flex-wrap: nowrap !important;
  gap: 0 !important;
  overflow: visible !important;
}
.topmenuul li{
  flex: 1 1 auto !important;
  max-width: 118px !important;
  min-width: 0 !important;
  padding: 0 8px !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}

/* ---------- P7 列表正文与卡片右边线留 ≥16px ---------- */
#wenzhangdiv .wenzangul li{ padding-right: 16px !important; }
#wenzhangdiv .wenzangul li > .msgspantitle,
#wenzhangdiv .wenzangul li > .msgtextdiv{ padding-right: 0 !important; }

/* ---------- P8 分页：select 收到 96px、父容器居中、padding 18px 0 ---------- */
#wenzhangdiv > div:last-child{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 18px 0 !important;
  box-sizing: border-box !important;
}
#wenzhangdiv select.inputgray{
  width: 96px !important;
  max-width: 96px !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
}

/* ---------- P9 轮播圆点：收回容器内、底部居中 ---------- */
.logodiv{ position: relative !important; }
.logodiv > .pagebtndiv{
  position: absolute !important;
  top: auto !important;
  bottom: 14px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  margin: 0 !important;
  z-index: 5 !important;
  white-space: nowrap !important;
}

/* ---------- P11 双标题视觉统一：.expcolhd 改为 左侧色条 + 左对齐（不动页签 JS） ---------- */
.expcolhd{
  text-align: left !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--c-primary, #0E4DA4) !important;
  letter-spacing: 0 !important;
  padding: 0 10px !important;
  background: transparent !important;
  border-left: 4px solid var(--c-primary, #0E4DA4) !important;
  border-bottom: 1px solid var(--c-border, #E5E9F0) !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* ---------- P12 栏间对齐：两套标题条统一高度 / 圆角 / 内边距（高度 44 为三档之一） ---------- */
.itemmenudivtop, .expcolhd{
  height: 44px !important;
  border-radius: var(--radius-sm, 6px) !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  box-sizing: border-box !important;
}
.expcolhd{ display: flex !important; align-items: center !important; }

/* ---------- P10 板块标题条自适应（两方案，见下方 A/B） ----------
   A. 白底宽度包住按钮（默认启用，最稳，不引入新元素）
   B. 保持满宽 + 两端对齐 + 右侧「更多 >」（仅视觉，需接真实链接时另加 JS/HTML）
   取舍见交付说明；需要换方案时，把 A 段注释掉、取消 B 段注释即可。 */
/* ---- P10 方案 A（启用） ---- */
.itemmenudivtop{
  display: flex !important;
  width: max-content !important;
  max-width: 100% !important;
  align-items: center !important;
  gap: 4px !important;
}
/* ---- P10 方案 B（备用，当前注释） ----
.itemmenudivtop{
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.itemmenudivtop::after{
  content: "更多  >";
  margin-left: auto;
  font-size: 13px;
  color: var(--c-text-2, #5A6478);
  cursor: pointer;
}
.itemmenudivtop::after:hover{ color: var(--c-primary, #0E4DA4); }
*/

/* ---------- 断点：≤1023px 单列 / ≤820px 卡片缩小、导航更挤 ---------- */
@media (max-width: 1023px){
  .topmenuul li{ max-width: none !important; }
  .itemmenudivtop{ width: 100% !important; max-width: 100% !important; }
}
@media (max-width: 820px){
  .model2_tab td, .model3_tab td, .model4_tab td{ width: 50% !important; }
  .bottominfodiv{ justify-content: center !important; gap: 14px 18px !important; }
}
@media (max-width: 560px){
  .model2_tab td, .model3_tab td, .model4_tab td{ width: 100% !important; display: block !important; }
}

/* ============================================================================
   2026-11-16 视觉统一：栏目切换 tab —— 选中「文字变蓝 + 底边蓝线」，不用整块深蓝
   （v2.css 有 .itemmenudivsel{background:var(--brand)!important;color:#fff!important}，
    theme.css 无 !important 盖不住，这里放最后加载层用 !important 压回）
   ============================================================================ */
.itemmenudivsel, .itemmenudiv{
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  height: 44px !important;
  line-height: 44px !important;
  box-shadow: none !important;
}
.itemmenudivsel{
  color: var(--c-primary, #0E4DA4) !important;
  font-weight: 700 !important;
  border-bottom: 2px solid var(--c-primary, #0E4DA4) !important;
}
.itemmenudiv{
  color: var(--c-text-2, #5A6478) !important;
  border-bottom: 2px solid transparent !important;
}
.itemmenudiv:hover{ color: var(--c-primary, #0E4DA4) !important; }

/* ============================================================================
   2026-11-15 智能推荐内容对齐（文章页底部「继续阅读·为你推荐」+ 右栏「猜你喜欢」）
   现状：.mtlist/.mfillwrap 是白底圆角带阴影的卡片（白框），且标题 padding 2px、
   列表 padding 12px，左边缘与文章正文（flush 0）错位，观感参差。
   这里：去白框、去圆角阴影，标题与列表统一左边缘 0，与文章正文/栏目左边缘齐平。
   ============================================================================ */
.mrecohd{ padding: 4px 0 8px !important; }
.mtlist.mreco{
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.mtlist.mreco .mrow{ padding: 11px 0 !important; }
.mfillwrap{
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.mfillhd{ padding: 10px 0 8px !important; }
.mfillgrid{ padding: 0 !important; }
.mfillcard{ padding: 10px 0 !important; }

/* ============================================================================
   2026-11-15 翻页删除 + 图标删除 + 栏目标题统一
   1) 栏目页「第 X 页」翻页下拉已从 column.jsp 删除（本文件不涉及）
   2) 右栏「通知公告/战略合作」tab 前的小圆圈图标（icon_24/26.png，itemmenuimg1/2）删除
   3) 栏目文章标题 .msgspantitle 改小、去粗（原来 16px + font-weight 600 又大又粗、超出栏）
   ============================================================================ */
.itemmenuimg1, .itemmenuimg2{ display: none !important; }
#wenzhangdiv .wenzangul li > .msgspantitle{
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

/* ============================================================================
   2026-11-15 第六轮：栏目 tab 白框容器去掉 + 栏目名改小去粗
   1) .itemmenudivtop 是白底圆角带阴影的容器（白框），去掉
   2) 栏目名 .itemdivtitle 原来 24px，太大，改 16px 去粗
   ============================================================================ */
.itemmenudivtop{
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.itemdivtitle{
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

/* ============================================================================
   2026-11-15 导航栏去掉「专家团队」「研究成员」两个菜单项
   原因：首页正文已有「专家团队/研究成员」合并板块（tab 切换），导航栏再放
   这两个独立菜单项就「上边也显示、下边也显示」重复了。这里隐藏导航栏这两项，
   让入口统一到首页正文板块。
   ============================================================================ */
.topmenuul li[onclick*="columnpage(9,"],
.topmenuul li[onclick*="columnpage(10,"]{ display: none !important; }

/* ============================================================================
   2026-11-15 专家团队/研究成员 板块 tab 头已恢复显示
   历史：早期该板块 tab 头（上边「专家团队/研究成员」）与正文双列专家墙上下重复，
         曾用 .itemmenudivtop:has([id^="itemmenudivtop_3_"]){display:none} 隐藏。
   现状：板块已改版，「专家团队/研究成员」tab 头是唯一标题，隐藏后高度塌成 0，
         导致左栏该板块标题与右栏「幼儿教育」标签错位（老板多次反馈左右不在一条线）。
   已删除该 display:none 规则，tab 头正常显示，左右标题对齐。
   ============================================================================ */

/* ============================================================================
   2026-11-15 首页视觉统一收尾（三件套）
   1) 卡片缩略图统一 3:2（原 model1 是 3:2、model2/4 是近方 176x160，高矮不齐）
   2) 导航菜单字号 16px → 14px（更紧凑）
   ============================================================================ */
.model2_img, .model3_img, .model4_img{
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
}
.topmenuul li{ font-size: 14px !important; }

/* ============================================================================
   2026-11-15 专家墙「大长条」白框容器去掉（与全站透明风格统一）
   现状：v2.css `.expdual .expcol` 是白底 + 圆角 + 阴影的卡片容器（764×224），
        两个（专家团队 / 研究成员）上下堆叠，像两条大白框长条，
        与全站已透明的板块标题条、内容区风格不匹配。
   这里：去白底 / 圆角 / 阴影，标题条 .expcolhd 圆角归 0（与其它板块标题条一致）。
   ============================================================================ */
.expdual .expcol{
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin: 0 0 18px !important;
}
.expcolhd{ border-radius: 0 !important; }

/* ============================================================================
   2026-11-15 首页新闻/公告列表标题：单行 → 2 行，内容显示完整
   现状：index.css 里 .model1_title（新闻资讯）、.modelr1_title（通知公告）都是
         -webkit-line-clamp:1 单行截断，长标题只露半截带省略号，内容不完整。
   （P1 只改了卡片标题 model2/3/4，漏了这两个列表标题。）
   这里：统一 2 行截断，超长才省略，标题能完整显示。
   ============================================================================ */
.model1_title, .modelr1_title{
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  line-height: 1.5 !important;
  max-height: 3em !important;      /* 2 行 × 1.5 行高 */
  height: auto !important;
}

/* ============================================================================
   2026-11-15 卡片标题去粗：model2/3/4 标题 font-weight 600 → 400、字号 15 → 14
   现象：名家论教/校园频道等卡片缩略图下方标题又粗又大（600 加粗 15px），
         观感笨重。这里去粗、字号略降，与栏目页列表标题（14px/400）一致。
   ============================================================================ */
.model2_title, .model3_title, .model4_title{
  font-weight: 400 !important;
  font-size: 14px !important;
  color: var(--c-text, #1F2A3D) !important;
}

/* ============================================================================
   2026-11-15 首页「左右不匹配」：右栏通知公告卡片高度对齐左栏轮播图
   现状：左栏轮播图 462px，右栏通知公告卡片 400px（缩略图 16:10 = 230px 高），
         右栏矮 62px，下方留白、左右错位。
   这里：通知公告缩略图 16:10 → 4:3（368 → 276px），卡片总高对齐到 ~446px，
         与轮播图视觉协调，右栏不再明显塌一块。
   ============================================================================ */
.modelr91_img{
  aspect-ratio: 4 / 3 !important;
}

/* ============================================================================
   2026-11-15 导航栏隐藏「教育产业」菜单项（栏目已下架）
   ============================================================================ */
.topmenuul li[onclick*="columnpage(55,"]{ display: none !important; }

/* ============================================================================
   2026-11-15 轮播图页码按钮：圆形 → 小方块（当前页深蓝填满，与全站分页风格一致）
   之前页码按钮是白色圆形(border-radius:50%)，像小白框、和全站「小方块页码」不统一。
   ============================================================================ */
.logodiv > .pagebtndiv .pagebtn,
.logodiv > .pagebtndiv .pagebtnsel{
  border-radius: 4px !important;
  width: 22px !important;
  height: 22px !important;
  line-height: 22px !important;
  font-size: 12px !important;
  text-align: center !important;
}
.logodiv > .pagebtndiv .pagebtn{
  background: rgba(255,255,255,.75) !important;
  color: #5A6478 !important;
}
.logodiv > .pagebtndiv .pagebtnsel{
  background: var(--c-primary, #0E4DA4) !important;
  color: #fff !important;
}

/* ============================================================================
   2026-11-15 页脚三项修复：友情链接恢复 + Logo 压扁 + 二维码统一
   ============================================================================ */

/* 1. 友情链接：恢复到页脚顶部横条（深蓝底上的浅色链接） */
.bottomdiv .friends_div{
  text-align:center;
  padding:14px 0 2px;
  font-size:13px;
  line-height:2.0;
}
.bottomdiv .friends_div .friends_label{
  color:#8fa3c8;
  margin-right:4px;
}
.bottomdiv .friends_div a{
  color:#c3d0e8 !important;
  text-decoration:none;
  margin:0 2px;
}
.bottomdiv .friends_div a:hover{
  color:#ffffff !important;
}

/* 2. Logo 按原图比例显示（修复被 theme.css 强压成 54x54 / 32px 导致的压扁）
   logo_icon_w.png 159x67(≈2.37:1)、logo_text_w.png 290x42(≈6.9:1) 均为横向图，
   这里 height 固定 + width:auto 保持比例，与 head 导航 logo 排版一致 */
.bottominfodiv .blogobox .logoicon{
  width:auto !important;
  height:44px !important;
  max-height:none !important;
  border-radius:0 !important;
}
.bottominfodiv .blogobox .logotext{
  width:auto !important;
  height:26px !important;
  max-height:none !important;
}

/* 3. 二维码统一：三个均为 440x440 白码透明底，统一按 104px 显示 */
.bottominfodiv .qrbox img{
  width:104px !important;
  height:104px !important;
  object-fit:contain;
}

/* ============================================================================
   2026-11-15 首页左右栏对齐：统一左右块顶部 margin-top + 占位 div 精确对齐标题栏
   左栏标题栏(itemmenudivtop) 实测 = margin-top18 + height44(P12) + margin-bottom0 = 62px
   右栏占位 div 原 margin-top20 + height40 + border1 = 61px，margin 差 2px、高度差 1px
   这里统一：占位 margin-top 20→18、height 40→43（18+43+1border=62），与标题栏精确对齐；
   同时把左栏轮播 logodiv 的 margin-top 从 index.css 的 20px 统一成 18px，左右第一块顶部对齐。
   ============================================================================ */
.home-root > .columnleft .logodiv{
  margin-top: 18px !important;
}
.columnright > div[style*="height:40px"]{
  margin-top: 18px !important;
  height: 43px !important;
}

/* ============================================================================
   2026-11-15 顶部导航 logo 恢复原比例（抬头被压扁修复）
   theme.css 全局 .logoicon{width:54px!important;height:54px!important} 把横向
   图标 logo_icon.png(159×67) 硬压成 54×54 正方形、.logotext 压成 32px；
   head.jsp 内联是 height:56/34 + width:auto（保持比例）。这里恢复原比例。
   ============================================================================ */
.headlogozone .logoicon{
  width: auto !important;
  height: 56px !important;
  max-height: none !important;
  border-radius: 0 !important;
}
.headlogozone .logotext{
  width: auto !important;
  height: 34px !important;
  max-height: none !important;
}

/* ============================================================================
   2026-11-15 首页两栏改 float 双列（消除 flex-wrap 行高错位留白）
   flex 布局下每行高度 = 左右块较高者，左栏轮播(高)会拖高整行、右栏通知(矮)下方
   留大块空白，右栏块之间出现断档，观感「左右栏目不在一条线」。
   这里改 float：左栏块 float:left 连续堆叠、右栏块 float:right 连续堆叠，
   各自独立不再互相拖高，右栏不再因为左栏高块而留白断档。仅桌面端生效。
   ============================================================================ */
@media (min-width: 981px){
  .home-root{
    display: block !important;
    overflow: hidden !important;
  }
  .home-root > .columnleft{
    float: left !important;
    clear: left !important;
    width: 762px !important;
    flex: none !important;
  }
  .home-root > .columnright{
    float: right !important;
    clear: right !important;
    width: 380px !important;
    flex: none !important;
    max-width: 380px !important;
  }
}