/* ==================== 响应式图片优化 ==================== */
/* 文章预览图响应式优化 */
.postimg img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

/* 防止布局偏移（CLS优化） */
.postimg {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f5f5f5;
}

/* 移动端优化 */
@media (max-width: 768px) {
    .postimg {
        aspect-ratio: 16 / 9;
    }
}

/* 图片加载平滑过渡 */
.postimg img {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.postimg img.lazyload {
    opacity: 0;
}

.postimg img.lazyloaded {
    opacity: 1;
}