/* ============================================================
 * 标签云美化：胶囊样式 + 统一字号 + 马卡龙色系悬停
 * 配套 inc/tag-cloud.php（字号统一由 PHP 过滤器处理）
 * ============================================================ */

/* ---------- 1. 容器：弹性换行，间距统一 ---------- */
.tagcloud {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* ---------- 2. 标签胶囊（截图样式：浅灰底圆角，文字统一 13px） ---------- */
.tagcloud a {
	display: inline-block;
	font-size: 13px !important;
	line-height: 1;
	padding: 8px 13px;
	margin: 0 !important;
	border-radius: 999px;
	background-color: #f1f2f4;
	color: #555;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .25s ease, color .25s ease, transform .25s ease;
}

.tagcloud a:hover {
	color: #3f3f3f;
	text-decoration: none;
	transform: translateY(-1px);
}

/* ---------- 3. 悬停马卡龙色系（8 色循环填充） ---------- */
.tagcloud a:nth-child(8n+1):hover { background-color: #ffd1dc; }
.tagcloud a:nth-child(8n+2):hover { background-color: #fdebd3; }
.tagcloud a:nth-child(8n+3):hover { background-color: #fff3b0; }
.tagcloud a:nth-child(8n+4):hover { background-color: #c7e5c0; }
.tagcloud a:nth-child(8n+5):hover { background-color: #b5ead7; }
.tagcloud a:nth-child(8n+6):hover { background-color: #a8d8ea; }
.tagcloud a:nth-child(8n+7):hover { background-color: #e2c2f4; }
.tagcloud a:nth-child(8n+8):hover { background-color: #ffb7b2; }