/*
 * 完全禁用父主题的图片布局CSS
 * 最高优先级重置所有可能的父主题样式
 */

/* 禁用父主题的图片容器所有样式 - 但保留基础布局能力 */
.imgbox-container,
.imgbox-container.lists-imgs,
.imgbox-container.lists-imgs:not(.count-1),
body .imgbox-container,
body .imgbox-container.lists-imgs,
body .imgbox-container.lists-imgs:not(.count-1),
html .imgbox-container,
html .imgbox-container.lists-imgs,
html .imgbox-container.lists-imgs:not(.count-1) {
    /* 重置可能冲突的样式，但不破坏基础布局 */
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    z-index: auto !important;
    /* 不重置display和flex相关属性，让子主题可以设置 */
}

/* 禁用父主题的span容器样式 */
.imgbox-container > span,
.imgbox-container.lists-imgs > span,
.imgbox-container.lists-imgs:not(.count-1) > span,
body .imgbox-container > span,
body .imgbox-container.lists-imgs > span,
body .imgbox-container.lists-imgs:not(.count-1) > span,
html .imgbox-container > span,
html .imgbox-container.lists-imgs > span,
html .imgbox-container.lists-imgs:not(.count-1) > span {
    /* 重置所有span样式 */
    display: block !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    z-index: auto !important;
}

/* 禁用父主题的图片样式 */
.imgbox-container > span > img,
.imgbox-container.lists-imgs > span > img,
.imgbox-container.lists-imgs:not(.count-1) > span > img,
body .imgbox-container > span > img,
body .imgbox-container.lists-imgs > span > img,
body .imgbox-container.lists-imgs:not(.count-1) > span > img,
html .imgbox-container > span > img,
html .imgbox-container.lists-imgs > span > img,
html .imgbox-container.lists-imgs:not(.count-1) > span > img {
    /* 重置所有图片样式 */
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    object-fit: none !important;
    object-position: unset !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    z-index: auto !important;
    filter: none !important;
    clip: auto !important;
    clip-path: none !important;
}

/* 禁用任何CSS变量 */
.imgbox-container,
.imgbox-container.lists-imgs,
.imgbox-container.lists-imgs:not(.count-1) {
    --img-count: unset !important;
    --img-width: unset !important;
    --img-height: unset !important;
    --container-width: unset !important;
    --gap: unset !important;
}

/* 禁用父主题的伪元素 */
.imgbox-container::before,
.imgbox-container::after,
.imgbox-container > span::before,
.imgbox-container > span::after,
.imgbox-container > span > img::before,
.imgbox-container > span > img::after {
    display: none !important;
    content: none !important;
}

/* 禁用父主题的媒体查询样式 - 移动端 */
@media (max-width: 768px) {
    .imgbox-container,
    .imgbox-container.lists-imgs,
    .imgbox-container.lists-imgs:not(.count-1),
    .imgbox-container > span,
    .imgbox-container > span > img {
        all: unset !important;
        display: block !important;
    }
}

/* 禁用父主题的媒体查询样式 - 平板 */
@media (max-width: 1024px) {
    .imgbox-container,
    .imgbox-container.lists-imgs,
    .imgbox-container.lists-imgs:not(.count-1),
    .imgbox-container > span,
    .imgbox-container > span > img {
        all: unset !important;
        display: block !important;
    }
}