/*
 * TAG 标签页专属样式（tags.php 动态页，无设计稿，风格对齐全站）
 * 页面：templets/dachenwei/tag.htm（标签云聚合页）
 * 复用：common.css 的 .side-card / .side-card-head（蓝色标题条白卡）；
 *       taglist.htm（标签内容列表页）复用 news.css 的 .news-list / .news-card，不在本文件重复
 * 站点风格要素：底 #F2F2F2、白卡、蓝 #0971CE、橙 #F18903、圆角、MiSans
 */

/* ---------- 标签云（.side-card 内，pill 排布） ---------- */
/* 热度分级 tagc1-6 由 tag.lib.php 按点击量随机输出（数字越大越热）：3-4 蓝、5-6 橙加粗 */
.tag-cloud {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 14px;
  padding: 30px 24px 34px;
}
.tag-cloud a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 20px;
  border-radius: 20px;
  background: #F2F2F2;
  font-size: 16px;
  color: #333333;
  transition: background 0.2s, color 0.2s;
}
.tag-cloud a:hover {
  background: #0971CE;
  color: #FFFFFF;
}
.tag-cloud a.tagc3,
.tag-cloud a.tagc4 {
  color: #0971CE;
}
.tag-cloud a.tagc5,
.tag-cloud a.tagc6 {
  color: #F18903;
  font-weight: 600;
}
.tag-cloud a.tagc3:hover,
.tag-cloud a.tagc4:hover,
.tag-cloud a.tagc5:hover,
.tag-cloud a.tagc6:hover {
  color: #FFFFFF;
}
/* 标签下相关文档数（tagindex.total，灰字小号；hover 变半透明白） */
.tag-cloud a em {
  font-style: normal;
  font-family: MiSans, "Alibaba PuHuiTi 3.0", sans-serif;
  font-size: 12px;
  color: #999999;
}
.tag-cloud a:hover em {
  color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 640px) {
  .tag-cloud {
    gap: 10px;
    padding: 20px 16px 24px;
  }
  .tag-cloud a {
    height: 34px;
    padding: 0 14px;
    font-size: 14px;
    border-radius: 17px;
  }
}