@font-face {
  font-family: "Nunito Sans";
  src: url("/fonts/NunitoSans-VariableFont.ttf") format("truetype");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito Sans";
  src: url("/fonts/NunitoSans-Italic-VariableFont.ttf") format("truetype");
  font-weight: 200 1000;
  font-style: italic;
  font-display: swap;
}

body {
  font-family: "Nunito Sans", sans-serif !important;
  /* font-family: "SimSun", "Songti SC", "STSong", serif !important; */
}

.athelas,
.serif,
.sans-serif,
.helvetica {
  /* font-family: "SimSun", "Songti SC", "STSong", serif !important; */
  font-family: "Nunito Sans", sans-serif !important;
}

header .header-logo {
  font-weight: bolder;
}

/* 
header nav a {
  font-weight: bolder;
} */

/* 文章详情页专用样式 */
#blog-post .date-comments {
  float: left
}


#blog-post,
#blog-post #post-content,
.single-page-content {
  font-size: 20px !important;
}

#blog-post #post-content img,
#blog-post img,
.single-page-content img {
  display: block;
  max-width: 400px !important;
  height: auto;
  margin: 0 auto;
}

.single-page-header {
  margin-bottom: 2rem;
}

.single-page-header nav a {
  font-weight: bold !important;
  color: white !important;
}

main {
  max-width: 1200px;
  margin: 0 auto;
}

.br-pill {
  border-radius: 0 !important;
}

.mx-n2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

/* 文章列表页面 右侧文章摘要样式 */
.article-summary {
  font-size: 20px !important;
  font-weight: normal !important;
}

.article-summary h2 {
  font-size: 30px !important;
  font-weight: normal !important;
}

.article-summary h1 {
  font-size: 20px !important;
  font-weight: normal !important;
}

.article-summary img {
  display: none !important;
}

#blog-listing-medium .post {
  margin-bottom: 41px;
}

#blog-listing-medium section .row {
  border-bottom: 1px solid #ddd;
}

#blog-listing-medium .post .date-comments {
  float: left;
}


/* 文章列表页面 左侧图片样式 */
.article-left .image a {
  display: block;
  width: 100%;
  height: 100%;
}

.article-left img {
  width: 100%;
  height: 250px;
  max-height: 250px;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.article-left img:hover,
.article-left .image a:hover img {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  transform: translateY(-4px);
}

/* 首页 Slider 图片尺寸及拉伸样式 */
.home-carousel .item img {
  width: 650px !important;
  max-width: 100% !important;
  height: 356px !important;
  object-fit: fill !important;
}

/* 首页 recent_posts 模块：瀑布流 (Waterfall / Masonry) 布局 */
.recent-posts-waterfall {
  column-count: 4;
  column-gap: 20px;
}

.recent-posts-waterfall .waterfall-item {
  break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}

@media (max-width: 1200px) {
  .recent-posts-waterfall {
    column-count: 3;
  }
}

@media (max-width: 992px) {
  .recent-posts-waterfall {
    column-count: 2;
  }
}

@media (max-width: 576px) {
  .recent-posts-waterfall {
    column-count: 1;
  }
}

.box-image-text .top {
  position: relative;
  overflow: hidden !important;
}

.box-image-text {
  border: 1px solid white;
}

.box-image-text:hover {
  border: 1px solid gainsboro;
}

.box-image-text img {
  width: 100% !important;
}


/* 顶部导航 */
.navbar-brand h2 {
  color: var(--button-border);
}