/* V4.5-011 内容中心与文章图片统一 */
:root{--v4511-card-line:#e6e0dc;--v4511-card-muted:#706a66;--v4511-soft:#f7f5f3}

/* 内容栏目：从大块说明卡改成紧凑筛选入口 */
.content-category-hub{padding-top:34px!important;padding-bottom:34px!important}
.content-category-hub .section-head{margin-bottom:18px}
.content-category-hub .section-head p{max-width:760px}
.content-category-nav{
  display:flex!important;
  flex-wrap:wrap!important;
  grid-template-columns:none!important;
  gap:10px!important;
}
.content-category-nav>a,
.content-category-nav>a:first-child{
  display:inline-flex!important;
  flex:0 0 auto!important;
  min-height:0!important;
  padding:11px 16px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  border:1px solid #e3ddd8!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#4f4945!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
  box-shadow:none!important;
}
.content-category-nav>a:hover,
.content-category-nav>a.is-active{
  border-color:#8b62a3!important;
  background:#f4eef7!important;
  color:#6f4787!important;
  box-shadow:none!important;
}
.content-category-nav b{font-size:14px!important}
.content-category-nav span{display:none!important}

/* 文章列表：新旧文章都使用相同卡片、相同封面比例 */
.article-grid.big{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:28px!important;
  align-items:stretch!important;
}
.article-grid.big .article-card,
.article-grid.big .article-card.is-school-story,
.article-grid.big .article-card.is-editorial{
  grid-column:auto!important;
  display:flex!important;
  min-width:0!important;
  height:100%!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid var(--v4511-card-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(39,30,27,.055)!important;
  transform:none;
}
.article-grid.big .article-card:hover{
  border-color:#d7ccc5!important;
  box-shadow:0 16px 38px rgba(39,30,27,.085)!important;
  transform:translateY(-2px)!important;
}
.article-grid.big .article-cover,
.article-grid.big .article-card.is-school-story .article-cover,
.article-grid.big .article-card.is-editorial .article-cover,
.article-grid.big .article-card.no-cover>.article-cover{
  display:flex!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16/10!important;
  align-items:flex-end!important;
  padding:18px 20px!important;
  border-radius:0!important;
  background-color:#ddd8d3!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-shadow:0 1px 4px rgba(0,0,0,.24);
}
.article-grid.big .article-card.no-cover>.article-cover{
  background-image:linear-gradient(135deg,#272329,#82538f)!important;
}
.article-grid.big .article-body{
  display:flex!important;
  min-height:255px!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  padding:22px 22px 20px!important;
}
.article-grid.big .article-body time{
  margin-bottom:12px!important;
  color:#8b8580!important;
  font-size:13px!important;
}
.article-grid.big .article-body h3,
.article-grid.big .article-card.is-school-story .article-body h3{
  display:-webkit-box!important;
  overflow:hidden!important;
  min-height:3em!important;
  margin:0 0 13px!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  color:#24211f!important;
  font-size:21px!important;
  font-weight:750!important;
  line-height:1.5!important;
}
.article-grid.big .article-body p{
  display:-webkit-box!important;
  overflow:hidden!important;
  margin:0!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  color:var(--v4511-card-muted)!important;
  font-size:15px!important;
  line-height:1.8!important;
}
.article-grid.big .article-body>a{
  margin-top:auto!important;
  padding-top:18px!important;
  color:#76518a!important;
  font-size:14px!important;
  font-weight:850!important;
  text-decoration:none!important;
}

/* 文章详情封面：所有文章保持统一展示框架 */
.article-cover-large{
  display:grid!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  max-height:560px!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#f2f0ee!important;
}
.article-cover-large img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
}
.article-cover-large.is-photo img{object-fit:cover!important}
.article-cover-large.is-poster img{object-fit:contain!important}

/* 正文内直接插入的图片：统一画布，避免一张巨大一张很小 */
.article-content img{
  display:block!important;
  width:100%!important;
  height:min(62vw,560px)!important;
  max-width:100%!important;
  max-height:560px!important;
  margin:28px auto!important;
  border-radius:18px!important;
  background:#f3f1ef!important;
  object-fit:contain!important;
}

/* 后台正文图片组：统一图片框尺寸 */
.article-body-images{
  gap:22px!important;
  margin:34px 0!important;
}
.article-body-images figure,
.article-body-images figure.is-photo,
.article-body-images figure.is-poster{
  display:grid!important;
  width:100%!important;
  overflow:hidden!important;
  margin:0 auto!important;
  border:1px solid #ebe6e2!important;
  border-radius:18px!important;
  background:#f3f1ef!important;
}
.article-body-images figure img,
.article-body-images figure.is-photo img,
.article-body-images figure.is-poster img{
  display:block!important;
  width:100%!important;
  height:min(62vw,560px)!important;
  max-width:none!important;
  max-height:560px!important;
  border-radius:0!important;
  background:#f3f1ef!important;
  object-fit:contain!important;
}
.article-body-images figcaption{
  padding:11px 15px!important;
  background:#fff!important;
}

@media(max-width:760px){
  .content-category-hub{padding-top:26px!important;padding-bottom:26px!important}
  .content-category-nav{gap:8px!important}
  .content-category-nav>a,.content-category-nav>a:first-child{padding:10px 13px!important;font-size:13px!important}
  .article-grid.big{grid-template-columns:1fr!important;gap:22px!important}
  .article-grid.big .article-body{min-height:0!important;padding:19px!important}
  .article-grid.big .article-body h3,
  .article-grid.big .article-card.is-school-story .article-body h3{min-height:0!important;font-size:20px!important}
  .article-cover-large{aspect-ratio:4/3!important;max-height:72vh!important}
  .article-content img,
  .article-body-images figure img,
  .article-body-images figure.is-photo img,
  .article-body-images figure.is-poster img{
    height:min(72vh,520px)!important;
    max-height:520px!important;
  }
}