/* ==========================================================================
   静态化页面补充样式
   只补原 news.css 未覆盖的部分，不覆盖既有规则
   ========================================================================== */

/* 分类标签可点击 */
a.a-cat { text-decoration: none; transition: background .2s ease, color .2s ease; }
a.a-cat:hover { background: var(--navy); color: #fff; }

/* 列表项：分类标签与标题同行不挤压 */
.list-item .li-top { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.list-item .li-top h2 { flex: 1 1 auto; }
.list-item .li-cat { flex: 0 0 auto; }

/* 分类页页头副标题句内不换行错位 */
.page-head .page-sub { text-transform: uppercase; }

@media (max-width: 640px) {
  .page-head .crumb { font-size: 12px; line-height: 1.8; }
}

/* 详情页页头的频道名（非 h1，避免与文章标题冲突） */
.page-head .page-crumb-title {
  font-size: 34px; color: #1b2733; font-weight: 700;
  letter-spacing: .02em; line-height: 1.35; margin: 0;
}
@media (max-width: 960px) {
  .page-head .page-crumb-title { font-size: 28px; }
}
@media (max-width: 640px) {
  .page-head .page-crumb-title { font-size: 23px; }
}