/* QuickQ002 CMS：首页文章区 / 分类列表 / 文章详情 / 分页 */

.news-card-thumb {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #e8eef7;
}

.news-card-thumb:empty {
  display: none;
}

.news-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.news-card-body p:not(.news-date) {
  font-size: 14px;
  color: var(--text-muted, #5a6278);
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.category-count {
  opacity: 0.85;
  margin-top: 8px;
}

.list-empty {
  text-align: center;
  padding: 48px 0;
}

.article-cover:empty {
  display: none;
}

.article-cover {
  margin: 16px 0 24px;
}

.article-cover img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}

.article-body {
  line-height: 1.8;
}

.article-body h2,
.article-body h3 {
  margin-top: 1.5em;
  margin-bottom: 0.75em;
  color: var(--primary, #0d47a1);
}

.article-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}

.article-tags a {
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #d0d7e6;
  font-size: 0.8125rem;
  text-decoration: none;
  color: inherit;
}

.article-tags a:hover {
  color: var(--primary, #0d47a1);
  border-color: var(--primary, #0d47a1);
}

.pg {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 32px;
}

.pg a,
.pg span {
  padding: 8px 14px;
  border: 1px solid #d0d7e6;
  border-radius: 8px;
  text-decoration: none;
  font-size: 0.875rem;
  color: var(--text, #1a1a2e);
}

.pg a:hover {
  border-color: var(--primary, #0d47a1);
  color: var(--primary, #0d47a1);
}

.pg .on {
  background: var(--primary, #0d47a1);
  color: #fff;
  border-color: transparent;
}