/* ==================================================================
 * VIP 角标 —— 图片模式
 *
 * 使用前提：主题设置 → 基本设置 → 上传「VIP 标识图片」。
 * 上传后前台角标输出 .entry-vip-img，下面的规则把主题自带的
 * 「白底 + iconfont 图标」以及灰度斜角缎带复位成一张干净的图片。
 *
 * 选择器层级与 assets/css/main.min.css 的原始规则对齐，
 * 并统一加 !important，确保能压住旧的自定义 CSS。
 * ================================================================== */

/* 1) 去掉底色 / 内边距 / 圆角 / 投影 / 旋转，只保留主题的绝对定位 */
.entry-vip-icon.entry-vip-img,
.post-item .entry-vip-icon.entry-vip-img {
	background: none !important;
	padding: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	width: auto !important;
	height: auto !important;
	font-size: 0 !important;
	line-height: 0 !important;
	font-weight: 400 !important;
	text-align: left !important;
	-webkit-transform: none !important;
	transform: none !important;
}

/* 2) 兜底：旧的额外 CSS 若残留「VIP」文字伪元素，这里一并干掉 */
.entry-vip-icon.entry-vip-img::before,
.entry-vip-icon.entry-vip-img::after {
	content: none !important;
	display: none !important;
}

/* 3) 列表风格 post-list：沿用主题的 left:1.25rem / top:1rem，无需覆盖 */

/* 4) 图标列表风格 list-icon：主题是右上角斜角缎带，图片模式改回普通角标 */
.post-item.list-icon .entry-vip-icon.entry-vip-img {
	top: 8px !important;
	right: 8px !important;
	left: auto !important;
}

/* 5) 图片本体；高度由主题设置决定（行内 style 优先于这里的 auto） */
.entry-vip-icon.entry-vip-img > img {
	display: block;
	width: auto;
	max-width: none;
	height: auto;
	margin: 0;
	border: 0;
	border-radius: 2px;
	vertical-align: top;
}

/* 6) 侧栏「最新文章带图」小工具的 VIP 徽标，同样跟随图片设置
   注意：小工具里 .zb-lpw-thumb img 被写成了 absolute + 100% 铺满缩略图，
   徽标里的 <img> 也会被它命中，所以这里必须把定位/尺寸复位，
   否则徽标会被压成 0 宽、overflow:hidden 直接裁没。 */
.zb-lpw-vip.zb-lpw-vip-img {
	background: none !important;
	box-shadow: none !important;
	border-radius: 2px !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	overflow: visible !important;
}

.zb-lpw-vip.zb-lpw-vip-img > img {
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	display: block;
	width: auto;
	max-width: none;
	height: auto;          /* 行内 height 优先级更高，按设置里的高度显示 */
	object-fit: fill !important;
	-webkit-transform: none !important;
	transform: none !important;   /* 压掉 .zb-lpw-item:hover 的 1.05 放大 */
	margin: 0;
	border: 0;
	border-radius: 2px;
}
