/* liebiao.css —— liebiao.html 列表页专属样式：body1（左侧栏目导航 + 右侧文章列表），宽1640白底盒子 */

/* ==================== body1：列表页内容区（1640宽白底盒子，高度随内容自适应） ==================== */
.body1 {
  width: 1640px;
  margin: 0 auto;
  padding: 30px 30px 50px 40px;
  background: #fff; /* 白底，与首页模块一致 */
  display: flex;
  align-items: flex-start;
  /* 最小高度：内容不足时把页脚压到窗口底部，避免页脚下方露出整页背景的空缺。
     452px = top1(200) + nav(65) + 页脚 body3(上内边距30 + logo高135 + 下内边距22) */
  min-height:1000px;
}

/* ---------- 左侧：350px 栏目导航列表 ---------- */
.body1 .side-nav {
  flex: none;
  width: 350px;
}
.body1 .side-list,
.body1 .side-list ul {
  list-style: none;
}
/* 一级栏目：li 高度自适应内容（容纳展开的一二级全部条目），蓝底白字18号加粗；
   不可写死65px——否则二级内容会溢出li盒子，被后续li盖住遮成一片 */
.body1 .side-list .side-lv1 {
  width: 300px;
  margin: 0 auto; /* 在350px导航盒内水平居中 */
}
/* 蓝色标题行：300x65，承担一级栏目的背景与文字 */
.body1 .side-list .side-lv1 > a {
  display: block;
  width: 100%;
  height: 65px;
  line-height: 65px;
  background: #3d4e8e;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: filter .3s;
}
/* 仅当鼠标悬停在蓝色标题行本身时微亮；滑入下方二级条目区域时一级栏不变 */
.body1 .side-list .side-lv1 > a:hover {
  filter: brightness(1.12);
}
/* 二级栏目：紧随一级下方，300x65，灰底黑字18号 */
.body1 .side-list .side-lv1 ul {
  width: 300px;
}
.body1 .side-list .side-lv1 ul li {
  height: 65px;
  line-height: 65px;
  background: #ededed;
  text-align: center;
  font-size: 16px;
  transition: background .3s;
}
.body1 .side-list .side-lv1 ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #494949;
  text-decoration: none;
  transition: color .3s;
}
.body1 .side-list .side-lv1 ul li:hover {
  background: #e0e0e0; /* 二级栏目悬停：底色加深、文字变蓝（与全站悬停色一致） */
}
.body1 .side-list .side-lv1 ul li:hover a {
  color: #244371;
}

/* ---------- 右侧：当前位置 + 文章列表 + 分页 ---------- */
.body1 .list-box {
  flex: 1;
  min-width: 0;
  margin-left: 60px;  /* 距左侧导航60px */
  padding-left: 40px; /* 竖分隔线内侧留白 */
  border-left: 1px solid #d5dce6; /* 左右两栏之间的竖分隔线 */
}
/* 当前位置（右对齐，靠黑体，下方点线分隔） */
.body1 .list-box .location {
  padding-bottom: 8px;
  text-align: right;
  font-size: 18px;
  font-weight: bold;
  color: #494949;
  border-bottom: 2px dotted #b7c4da;
}
/* 文章列表：一行一题，日期靠右，行间点线分隔 */
.body1 .article-list {
  list-style: none;
  margin-top: 10px;
}
.body1 .article-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 65px;
  border-bottom: 2px dotted #b7c4da;
}
.body1 .article-list li a {
  flex: 1;
  padding-right: 30px;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
  color: #494949;
  text-decoration: none;
  transition: color .3s;
  overflow: hidden; /* 长标题防溢出 */
}
.body1 .article-list li .date {
  flex: none;
  font-size: 16px;
  color: #494949;
  transition: color .3s;
}
.body1 .article-list li:hover a,
.body1 .article-list li:hover .date {
  color: #244371;
}
/* 分页：居中，共8条 + 上页/[1]/下页 按钮 */
.body1 .pagination {
  margin-top: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.body1 .pagination .total {
  margin-right: 10px;
  font-size: 14px;
  color: #555;
}
.body1 .pagination .page-btn {
  display: block;
  width: 72px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #27509a;
  background: #eaf1fb;
  border: 1px solid #3d4e8e;
  text-decoration: none;
  transition: background .3s, color .3s;
}
/* 当前页码：蓝底白字 */
.body1 .pagination .page-btn.current {
  background: #3d4e8e;
  color: #fff;
}
.body1 .pagination .page-btn:hover {
  background: #dfe8f8;
}
.body1 .pagination .page-btn.current:hover {
  background: #3d4e8e; /* 当前页不因悬停变色 */
}