/**
 * OV RP增强设置 — 文章缩略图标签样式
 *
 * 外观复用主题的 .badge 徽章类（与「置顶」「VIP」徽标同源），
 * 这里只补充颜色、间距、溢出与暗色模式处理。
 * 颜色由 PHP 内联 --ovrpe-tb-color 提供，缺失时回落到主题变量。
 */

.tips-badge .ovrpe-tb-item {
	background-color: var(--ovrpe-tb-color, var(--ri-secondary, #5d616e));
	color: #fff;
	border-radius: var(--ri-border-radius-sm, 0.375rem);
	letter-spacing: 0.02em;
	margin: 0 0.25rem 0.25rem 0;
	max-width: 12em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 暗色模式：提亮并加一层同色描边，保证在深色缩略图上的可读性 */
[data-bs-theme="dark"] .tips-badge .ovrpe-tb-item {
	filter: brightness(1.12);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

/* 移动端：收敛字号与内边距，避免遮挡缩略图主体 */
@media (max-width: 575.98px) {
	.tips-badge .ovrpe-tb-item {
		font-size: 0.6875rem;
		padding: 0.28em 0.5em;
		max-width: 9em;
	}
}

/* 尊重系统的「减少动态效果」偏好 */
@media (prefers-reduced-motion: reduce) {
	.tips-badge .ovrpe-tb-item {
		transition: none;
	}
}