/* QuickQ003 CMS：文章卡片 / 列表 / 详情 / 分页 */

.news-card-thumb {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: rgba(15, 23, 42, 0.5);
}

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

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

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

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

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

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

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

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

.article-tags a {
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(96, 165, 250, 0.35);
  font-size: 0.8125rem;
  text-decoration: none;
  color: inherit;
}

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

.pg a,
.pg span {
  padding: 8px 14px;
  border: 1px solid rgba(96, 165, 250, 0.35);
  border-radius: 8px;
  text-decoration: none;
  font-size: 0.875rem;
  color: inherit;
}

.pg a:hover {
  border-color: #00c8ff;
  color: #00c8ff;
}

.pg .on {
  background: #0d47a1;
  color: #fff;
  border-color: transparent;
}