/**
 * 无图片内容样式修复
 * 当没有图片时，隐藏图片容器并调整布局
 */

/* 文章缩略图 - 无图片时隐藏 */
.postimg:empty,
.postimg img[src=""],
.postimg img:not([src]),
.postimg img[src=" "],
.postimg img[src="null"],
.postimg img[src="undefined"] {
    display: none !important;
}

/* 使用 :has() 选择器（现代浏览器） */
@supports selector(:has(*)) {
    .post:has(.postimg:empty) .postimg,
    .post:has(.postimg:not(:has(img))) .postimg {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}

/* 兼容性：使用类名（通过 JS 添加） */
.postimg.no-image {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* 标签页缩略图 - 无图片时隐藏 */
.article-thumb:empty,
.article-thumb img[src=""],
.article-thumb img:not([src]) {
    display: none !important;
}

@supports selector(:has(*)) {
    .tag-article:has(.article-thumb:empty) .article-thumb,
    .tag-article:has(.article-thumb:not(:has(img))) .article-thumb {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}

.article-thumb.no-image {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* 用户头像 - 无图片时隐藏 */
.authimg:empty,
.authimg img[src=""],
.authimg img:not([src]) {
    display: none !important;
}

@supports selector(:has(*)) {
    .auth:has(.authimg:empty) .authimg,
    .auth:has(.authimg:not(:has(img))) .authimg {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .auth:has(.authimg:empty) .authinfo,
    .auth:has(.authimg:not(:has(img))) .authinfo {
        padding-left: 0 !important;
    }
}

.authimg.no-image {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.auth .authimg.no-image + .authinfo {
    padding-left: 0 !important;
}

/* 导航栏用户头像 - 无图片时隐藏 */
.signuser .uimg img[src=""],
.signuser .uimg img:not([src]) {
    display: none !important;
}

.signuser .uimg.no-image {
    display: none !important;
}

/* 评论头像 - 无图片时隐藏 */
.cmtsitem .avatar img[src=""],
.cmtsitem .avatar img:not([src]),
.cmtimg img[src=""],
.cmtimg img:not([src]) {
    display: none !important;
}

.cmtsitem .avatar.no-image,
.cmtimg.no-image {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

@supports selector(:has(*)) {
    .cmtsitem:has(.avatar:empty) .cmtscon,
    .cmtsitem:has(.avatar:not(:has(img))) .cmtscon {
        margin-left: 0 !important;
    }
    
    .cmtinfo:has(.cmtimg:empty) {
        padding-left: 0 !important;
    }
}

.cmtsitem .avatar.no-image + .cmtscon,
.cmtimg.no-image + .cmtinfo {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* 侧边栏图片 - 无图片时隐藏 */
.sideimg:empty,
.sideimg img[src=""],
.sideimg img:not([src]) {
    display: none !important;
}

@supports selector(:has(*)) {
    .sideitem:has(.sideimg:empty) .sideimg,
    .sideitem:has(.sideimg:not(:has(img))) .sideimg {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
    }
}

.sideimg.no-image {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

/* 相册图片 - 无图片时隐藏 */
.albumimg:empty,
.albumimg img[src=""],
.albumimg img:not([src]) {
    display: none !important;
}

@supports selector(:has(*)) {
    .block.album .item:has(.albumimg:empty) .albumimg,
    .block.album .item:has(.albumimg:not(:has(img))) .albumimg {
        display: none !important;
    }
}

.albumimg.no-image {
    display: none !important;
}

/* 相关文章图片 - 无图片时隐藏 */
.relateimg:empty,
.relateimg img[src=""],
.relateimg img:not([src]) {
    display: none !important;
}

@supports selector(:has(*)) {
    .relate:has(.relateimg:empty) .relateimg,
    .relate:has(.relateimg:not(:has(img))) .relateimg {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
    }
}

.relateimg.no-image {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

/* 读者头像 - 无图片时隐藏 */
.readerimg img[src=""],
.readerimg img:not([src]),
.readersimg img[src=""],
.readersimg img:not([src]) {
    display: none !important;
}

.readerimg.no-image,
.readersimg.no-image {
    display: none !important;
}

/* 侧边栏用户头像 - 无图片时隐藏 */
.sideusercon .avatar img[src=""],
.sideusercon .avatar img:not([src]) {
    display: none !important;
}

.sideusercon .avatar.no-image {
    display: none !important;
}

/* 兼容旧版浏览器 - 使用属性选择器 */
img[src=""],
img:not([src]),
img[src=" "],
img[src="null"],
img[src="undefined"] {
    display: none !important;
}

/* 音频图片 - 无图片时隐藏 */
.zbaudio button[data-img=""],
.zbaudio button:not([data-img]) {
    display: none !important;
}