/* ==========================================================================
   Zhenjun 新闻专题页（/news-index）样式
   仅在该页入队（见 zhenjun-industry.php）。
   核心目的: 缩略图统一为 4:3 裁切 —— 原先图片按原图比例显示, 竖图会把整行撑歪。
   ========================================================================== */

/* 1) 缩略图统一 4:3 + 居中裁切（参考产品栏目的卡片做法） */
.azj-news-section .news-grid-thumb{
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: #f2f4f7;
}
.azj-news-section .news-grid-thumb > a{display:block;}
.azj-news-section .news-grid-thumb img{
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  height: auto;
}
/* 老浏览器(不支持 aspect-ratio)回退: 固定高度裁切 */
@supports not (aspect-ratio: 4 / 3){
  .azj-news-section .news-grid-thumb img{height: 210px; object-fit: cover;}
}

/* 2) 卡片对齐: 标题最多 3 行, 保证同一行卡片底部齐平 */
.azj-news-section .tgt-blog-box{height:100%;display:flex;flex-direction:column;}
.azj-news-section .tgt-blog-box-content{display:flex;flex-direction:column;flex:1 1 auto;}
.azj-news-section .tgt-blog-box-content h4{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 10px;
}
.azj-news-section .tgt-blog-box-content .btn-read{margin-top:auto;}

/* 3) 卡片间距（主题原样式较挤, 略放松） */
.azj-news-section .azj-news-grid > [class*='col-']{margin-bottom: 30px;}

/* 4) 精选区（有置顶文章时才出现） */
.azj-news-section .azj-news-featured{margin-bottom: 36px;}
.azj-news-section .azj-news-featured .tgt-sub-title{margin-bottom: 18px;}

/* 5) 分页: 与产品中心保持一致的现代分页
   注意: 主题里的分页样式仅作用于 `.tgt-section.product-center-wrap`,
   新闻页容器没有该类, 故此处按同样规格显式补齐。 */
.azj-news-pagination{margin:28px 0 40px;padding:0;text-align:center;}
.azj-news-pagination ul,
.azj-news-pagination ul.page-numbers{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;
  margin:0;padding:0;list-style:none;
}
.azj-news-pagination li{list-style:none;margin:0;padding:0;}
/* 注意: paginate_links() 输出的 <ul> 自身也带 page-numbers 类,
   因此这里必须限定 a/span, 否则整条 <ul> 会被套上边框(表现为一条贯穿整行的线)。 */
.azj-news-pagination a.page-numbers,
.azj-news-pagination span.page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:38px;height:38px;padding:0 12px;
  border:1px solid #dcdcdc;border-radius:6px;background:#fff;color:#333;
  text-decoration:none;font-size:14px;line-height:1;
}
.azj-news-pagination a.page-numbers:hover{border-color:#1f66d1;color:#1f66d1;}
.azj-news-pagination span.page-numbers.current{
  background:#1f66d1 !important;border-color:#1f66d1 !important;color:#fff !important;
}

@media (max-width: 575px){
  .azj-news-section .tgt-blog-box-content h4{font-size: 17px;line-height: 1.45;}
  .azj-news-section .azj-news-grid > [class*='col-']{margin-bottom: 22px;}
}