/* tags.css — TAG聚合页 (G1标签云+列表) */

.tags-banner {
  background: linear-gradient(135deg, var(--color-dark) 0%, var(--color-secondary) 100%);
  color: var(--color-white); padding: 100px 0 60px; text-align: center;
}
.tags-banner h1 { font-size: 2.5rem; margin-bottom: 12px; }
.tags-banner p { font-size: 1.1rem; opacity: 0.9; }

/* 标签云 */
.tag-cloud { padding: 40px 0; background: var(--color-light-bg); }
.tag-cloud-list {
  display: flex; flex-wrap: wrap; gap: 12px; justify-content: center;
}
.tag-cloud-list a {
  padding: 10px 24px; border-radius: 24px; font-size: 0.9rem;
  background: var(--color-white); border: 1px solid var(--color-border);
  color: var(--color-text-secondary); transition: var(--transition);
}
.tag-cloud-list a:hover, .tag-cloud-list a.active {
  background: var(--color-secondary); color: var(--color-white);
  border-color: var(--color-secondary); transform: translateY(-2px);
}

/* TAG文章列表 */
.tag-articles { padding: 40px 0; }
.tag-articles h2 {
  font-size: 1.4rem; color: var(--color-dark); margin-bottom: 24px;
  text-align: center;
}
.tag-article-list { max-width: 800px; margin: 0 auto; }
.tag-article-item {
  display: flex; justify-content: space-between; align-items: center;
  padding: 18px 24px; background: var(--color-white); border-radius: 12px;
  border: 1px solid var(--color-border); margin-bottom: 12px;
  transition: var(--transition);
}
.tag-article-item:hover {
  border-color: var(--color-secondary);
  box-shadow: 0 4px 20px rgba(149,117,205,0.08);
  transform: translateX(6px);
}
.tag-article-item a { color: var(--color-text-main); font-weight: 500; }
.tag-article-item a:hover { color: var(--color-secondary); }
.tag-article-item .date { font-size: 0.85rem; color: var(--color-text-secondary); }

@media (max-width: 768px) {
  .tags-banner h1 { font-size: 1.8rem; }
  .tag-article-item { flex-direction: column; align-items: flex-start; gap: 8px; }
}