/**
 * 图片固定占位：未加载时也占好位置，避免塌陷 / 问号 / 布局跳动
 */

.mil-img {
	transition: opacity 0.35s ease;
}

/* ========== 通用占位槽 ========== */
.mil-slot {
	position: relative;
	overflow: hidden;
	background-color: #f0f0f0;
	background-image: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);
	background-size: 200% 100%;
	animation: mil-shimmer 1.2s infinite;
}

.mil-slot.mil-slot-ready {
	animation: none;
	background-image: none;
	background-color: #f5f5f5;
}

.mil-slot > a {
	display: block;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

/* 占位槽内图片：默认隐藏，加载成功后再显示（避免破损图图标） */
.mil-slot img,
.aui-banner-wrapper-item img,
.aui-list-product-item-img img {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	color: transparent;
	font-size: 0;
	text-indent: -9999px;
}

.mil-slot img.mil-loaded,
.aui-banner-wrapper-item img.mil-loaded,
.aui-list-product-item-img img.mil-loaded {
	opacity: 1;
}

.mil-slot img.mil-loading:not(.mil-loaded) {
	opacity: 0;
}

.mil-slot img.mil-error {
	opacity: 0.85;
	object-fit: contain;
}

@keyframes mil-shimmer {
	0% { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}

/* ========== 首页轮播 Banner（覆盖 home.css height:100% 塌陷） ========== */
.aui-banner-content {
	aspect-ratio: 2 / 1;
	min-height: 170px;
	height: auto !important;
	overflow-x: hidden;
}

.aui-banner-wrapper {
	height: auto !important;
	min-height: inherit;
}

.aui-banner-wrapper-item.mil-slot,
.aui-banner-content .aui-banner-wrapper-item {
	aspect-ratio: 2 / 1;
	min-height: 170px;
	max-height: 240px;
	width: 100%;
	height: auto !important;
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
	background-color: #f0f0f0;
}

/* ========== 商品双列网格（猜你喜欢 / 发现） ========== */
.aui-list-product-item-img.mil-slot,
.aui-list-product-item .aui-list-product-item-img {
	aspect-ratio: 1 / 1;
	width: 100%;
	min-height: 120px;
	position: relative;
	overflow: hidden;
	background-color: #f0f0f0;
}

/* ========== PC 卡片 / 活动区块 ========== */
.product-image.mil-slot,
.product-image {
	aspect-ratio: 1 / 1;
	min-height: 160px;
	background-color: #f8f8f8;
	overflow: hidden;
	position: relative;
}

.product-image.mil-slot img,
.product-image img.mil-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* 活动区小图 */
.aui-content-six .aui-flex-item-6 img.mil-img,
.aui-slide-item-item .v-img {
	background-color: #f5f5f5;
	min-height: 80px;
	object-fit: cover;
}

/* 商品详情富文本 */
.aui-product-pages-img img.mil-img {
	max-width: 100%;
	height: auto;
	min-height: 60px;
	display: block;
	background: #f5f5f5;
	position: static;
	opacity: 1;
}