/* ============================================================
   新闻详情页 / 列表卡片 标签胶囊（ccbiotech.com.cn 主题化）
   来源：news.metakeywords（后台“关键词”字段，逗号/顿号/分号分隔）
   展示位置：新闻详情页正文后（.news-tags-detail）
   交互：标签可点击 → /tag/<拼音slug>.html（伪静态归档页，Phase 2 启用）
   样式随站点主色 #4781b3 统一
   ============================================================ */

/* 列表卡片内标签容器 / 详情页标签容器 */
.news-tags,
.news-tags-detail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 10px 0 2px;
}

/* 单个标签（圆角胶囊） */
.news-tag {
  display: inline-block;
  padding: 3px 12px;
  font-size: 12.5px;
  line-height: 1.6;
  color: #4781b3;
  background: #eef3f8;
  border: 1px solid #cfdef0;
  border-radius: 14px;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.news-tag:hover {
  color: #fff;
  background: #4781b3;
  border-color: #4781b3;
}

/* 详情页标签：略大 + 顶部虚线分隔 */
.news-tags-detail {
  margin: 18px 0 6px;
  padding-top: 14px;
  border-top: 1px dashed #e2e2e2;
}
.news-tags-label {
  font-size: 13px;
  color: #888;
  margin-right: 2px;
}
.news-tags-detail .news-tag {
  font-size: 13px;
  padding: 4px 14px;
}

/* 归档页：当前标签高亮（正停留在 /tag/该标签.html） */
.news-tag.is-current {
  color: #fff;
  background: #4781b3;
  border-color: #4781b3;
}
/* 归档页：结果计数 / 空态文案 */
.news-tag-count {
  margin: 6px 0 20px;
  font-size: 13px;
  color: #888;
  text-align: center;
}
.news-tag-empty {
  padding: 30px 0;
  text-align: center;
  color: #999;
  font-size: 14px;
}

/* 移动端适配 */
@media (max-width: 1024px) {
  .news-tag {
    font-size: 12px;
    padding: 3px 10px;
  }
  .news-tags,
  .news-tags-detail {
    gap: 6px;
  }
  .news-tags-detail .news-tag {
    font-size: 12.5px;
    padding: 3px 11px;
  }
}