/* Product Image & Skeleton Loading */
/* 增加通用类 .product-card-img-wrapper 供不同模板统一使用 */
.wave-effect-img,
.home-product-display-area-img,
.product-card-img-wrapper { height:200px; background-color:#ddd; background:var(--skeleton-gradient); background-size:200% 100%; animation:1.5s shine linear infinite; }

.wave-effect-img img,
.home-product-display-area-img img,
.product-card-img-wrapper img { width:100%; height:100%; object-fit:fill; }
@keyframes shine { to { background-position-x:-200%; } }