/**
 * Qing 标签小部件通用样式（产品标签 / 文章标签共用）。
 *
 * 结构：
 *   .qing-ptags（flex 容器，label 在前、items 在后）
 *     .qing-ptags__label（「Tags:」/「TAG:」等前缀）
 *     .qing-ptags__items（标签集合，flex 换行）
 *       a|span.qing-ptags__item（单个标签，可点击）
 *
 * 视觉细节（颜色 / 背景 / 内边距 / 圆角）由小部件控件下发，
 * 本文件只负责布局与基础排版，两种小部件通过 --product / --post 修饰类区分默认外观。
 */

.qing-ptags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
	line-height: 1.6;
	word-break: break-word;
}

.qing-ptags__label {
	font-weight: 700;
	flex: 0 0 auto;
}

.qing-ptags__items {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.qing-ptags__item {
	display: inline-block;
	text-decoration: none;
	transition: color 0.25s ease, background-color 0.25s ease;
}

/* 文章标签：前缀默认大写（如 TAG:）。 */
.qing-ptags--post .qing-ptags__label {
	text-transform: uppercase;
}

.qing-ptags--empty {
	color: #8a94a3;
	font-size: 14px;
	font-weight: 400;
}