/* =============================================
   theme-extra.css
   本文件只放「把 HkCms 标签的输出适配成目标站样式」的补充规则。
   目标站原版样式在 main.css（保持原样不改动），本文件在 main.css 之后加载。
   ============================================= */

/* ---------- 分页 ----------
   HkCms 的 {hkcms:contentpage} 输出结构：
     .pagination-block > ul.pagination > li > a|span  +  .pagination_info
   目标站原样式写在 .pagination > a 上，这里补一层 li 适配。 */
.pager .pagination-block { display: block; }
.pager ul.pagination {
  display: flex;
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  justify-content: center;
  flex-wrap: wrap;
}
.pager ul.pagination > li {
  margin: 0 5px;
  list-style: none;
}
.pager ul.pagination > li > a,
.pager ul.pagination > li > span {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  border: 1px solid #dbdbdb;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--color-7, #777);
  text-decoration: none;
}
.pager ul.pagination > li.active > a,
.pager ul.pagination > li.active > span,
.pager ul.pagination > li > a:hover {
  background: var(--color-a, #00539f);
  color: var(--color-f, #fff);
  border-color: var(--color-a, #00539f);
}
.pager ul.pagination > li.disabled > span {
  color: var(--color-9, #999);
  cursor: not-allowed;
}
@media (max-width: 767px) {
  .pager ul.pagination > li > a,
  .pager ul.pagination > li > span {
    width: 36px;
    height: 36px;
  }
}
.pager .pagination_info {
  margin-top: 1rem;
  color: var(--color-8, #888);
  font-size: 0.9375rem;
}
.pager .pagination_info span { display: inline; }

/* ---------- 联系我们：静态地图图片 ----------
   目标站的 .baidumap 是百度地图容器（固定高度），这里换成 <img> 填充同一高度 */
.contact-1 .right img.baidumap {
  display: block;
  width: 100%;
  object-fit: cover;
}

/* ---------- 联系我们：微信二维码（数据来自「联系我们-联系方式」qrcode 字段） ---------- */
.contact-1 .contact-qr {
  display: flex;
  align-items: center;
  margin-top: 2.5rem;
}
.contact-1 .contact-qr img {
  width: 7.5rem;
  height: 7.5rem;
  display: block;
  object-fit: contain;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 0.625rem;
  padding: 0.375rem;
}
.contact-1 .contact-qr .con {
  padding-left: 1.25rem;
}
.contact-1 .contact-qr .con .t1 {
  color: var(--color-3, #333);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
}
.contact-1 .contact-qr .con .t2 {
  color: var(--color-6, #666);
  font-size: 0.9375rem;
  line-height: 1.5rem;
  margin-top: 0.25rem;
}

/* ---------- 文章详情正文 ---------- */
.con-news .text img {
  max-width: 100%;
  height: auto;
}
.con-news .text table {
  width: 100%;
  max-width: 100%;
}
.con-news .text table td,
.con-news .text table th {
  border: 1px solid #e5e5e5;
  padding: 8px 10px;
}

/* 上一篇 / 下一篇（HkCms 的 pre/next 标签输出裸 <a>） */
.con-news .shangxia .l .col-md-12 {
  margin-bottom: 0.5rem;
  color: var(--color-6, #666);
}
.con-news .shangxia .l .col-md-12 > a {
  color: var(--color-3, #333);
}
.con-news .shangxia .l .col-md-12 > a:hover {
  color: var(--color-a, #00539f);
}

/* ---------- 新闻列表 ---------- */
/* 目标站列表摘要固定 2 行，HkCms 输出的描述由后台「描述」字段控制 */
.news-list li .date .line2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}