/**
 * 首页左右侧列表 UI 统一：图片大小与高度一致
 * 作用范围：横幅行左侧小工具、横幅行右侧 Editor、下方内容区左右侧栏
 */
/* 统一缩略图尺寸：固定宽高，背景图居中裁剪 */
#banner-sidebar-left .small-post .img-small-post,
#banner-sidebar-left .small-post-list-widget .small-post .img-small-post,
.mainfeatured .featinner .small-post .img-small-post,
.front-page-class .bs-sidebar .small-post .img-small-post,
.front-page-class .bs-sidebar .small-post-list-widget .small-post .img-small-post {
  width: 100px !important;
  min-width: 100px !important;
  height: 100px !important;
  min-height: 100px !important;
  max-height: 100px !important;
  flex-shrink: 0;
  background-size: cover !important;
  background-position: center !important;
}

/* 固定每行高度，左右完全一致（固定高度 + 统一间距） */
#banner-sidebar-left .small-post,
#banner-sidebar-left .small-post-list-widget .small-post,
.mainfeatured .featinner .small-post,
.front-page-class .bs-sidebar .small-post,
.front-page-class .bs-sidebar .small-post-list-widget .small-post {
  height: 110px !important;
  min-height: 110px !important;
  max-height: 110px !important;
  align-items: center;
  margin-bottom: 12px !important;
  padding: 0 !important;
  box-sizing: border-box;
}
#banner-sidebar-left .small-post:last-child,
#banner-sidebar-left .small-post-list-widget .small-post:last-child,
.mainfeatured .featinner .small-post:last-child,
.front-page-class .bs-sidebar .small-post:last-child,
.front-page-class .bs-sidebar .small-post-list-widget .small-post:last-child {
  margin-bottom: 0 !important;
}

/* 右侧 Editor 列表容器用 row-gap 统一间距，与左侧一致 */
.mainfeatured .featinner .col-lg-3:has(.small-post) {
  display: flex !important;
  flex-direction: column;
  row-gap: 12px !important;
}
.mainfeatured .featinner .col-lg-3 .small-post {
  margin-bottom: 0 !important;
}
/* 左侧列表容器若有 grid gap，统一为 12px */
#banner-sidebar-left .small-post-list-inner,
.front-page-class #sidebar-left .small-post-list-inner,
.front-page-class #sidebar-right .small-post-list-inner {
  row-gap: 12px !important;
  gap: 12px !important;
}

/* 左侧列表 widget 内原 34% 宽度改为固定，与上面一致（仅首页/横幅） */
#banner-sidebar-left .small-post-list-widget .small-post .img-small-post,
.front-page-class .small-post-list-widget .small-post .img-small-post {
  width: 100px !important;
  height: 100px !important;
  min-width: 100px !important;
  min-height: 100px !important;
}

/* 标题与日期区域不撑高，避免单行/两行导致高度差 */
#banner-sidebar-left .small-post .small-post-content,
.mainfeatured .featinner .small-post .small-post-content,
.front-page-class .bs-sidebar .small-post .small-post-content {
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#banner-sidebar-left .small-post .small-post-content .title,
.mainfeatured .featinner .small-post .small-post-content .title,
.front-page-class .bs-sidebar .small-post .small-post-content .title {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 4px !important;
}
