/**
 * Zibll 文章角标 - 前台样式
 * 风格与 Zibll V9 自带 img-badge / jb-* 保持一致，并适配深色模式。
 */

/* ===== 标题内联角标 ===== */
.zblb-title-badges {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 5px;
	align-items: center;
	margin-right: 7px;
	vertical-align: middle;
}

.zblb-badge {
	display: inline-flex;
	align-items: center;
	align-self: center;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: .5px;
	padding: 0 8px;
	border-radius: 5px;
	color: #fff;
	white-space: nowrap;
	text-shadow: none;
}

.item-heading .zblb-title-badges {
	margin-right: 6px;
}

.article-title .zblb-title-badges {
	margin-right: 10px;
}

.article-title .zblb-badge {
	font-size: 13px;
	line-height: 1.8;
	padding: 0 10px;
	border-radius: 6px;
}

/* ===== 默认渐变配色（对应 Zibll jb-* 色系） ===== */
.zblb-badge-sticky {
	background: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%);
}

.zblb-badge-original {
	background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
}

.zblb-badge-hot {
	background: linear-gradient(135deg, #ff9a3c 10%, #ff4d4d 100%);
}

.zblb-badge-highlight {
	background: linear-gradient(135deg, #ffd86b 10%, #ff9d00 100%);
	color: #6b4400;
}

/* ===== 列表缩略图角标 ===== */
.zblb-img-badges {
	position: absolute;
	z-index: 3;
	top: .6em;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	pointer-events: none;
}

.zblb-img-badges.zblb-offset {
	top: 2.5em;
}

.zblb-img-badges .zblb-badge {
	padding: .2em .8em;
	border-radius: 0 50px 50px 0;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
}

/* ===== 高亮文章卡片 ===== */
.zblb-is-highlight {
	position: relative;
	box-shadow: 0 0 0 1px rgba(255, 170, 0, .55), 0 8px 24px rgba(255, 150, 0, .18) !important;
}

.zblb-is-highlight .item-heading a {
	color: #f08c00 !important;
}

.zblb-is-highlight .item-thumbnail::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	box-shadow: inset 0 0 0 2px rgba(255, 180, 0, .35);
}

/* 深色模式 */
body.dark-theme .zblb-is-highlight {
	box-shadow: 0 0 0 1px rgba(255, 190, 80, .6), 0 8px 24px rgba(255, 150, 0, .12) !important;
}

body.dark-theme .zblb-is-highlight .item-heading a {
	color: #ffb347 !important;
}

/* ===== 后台文章列表小角标 ===== */
.zblb-mini {
	display: inline-block;
	font-size: 11px;
	line-height: 1.7;
	padding: 0 7px;
	margin: 0 4px 4px 0;
	border-radius: 4px;
	color: #fff;
	white-space: nowrap;
}