.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}

.uploaded-images {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.image-preview {
    width: calc(25% - 10px); /* 调整宽度以适应布局 */
}

.img-thumbnail {
    max-width: 100%;
    height: auto;
    border: 1px solid #ddd;
    padding: 5px;
    background-color: #fff;
}

.image-preview {
    position: relative; /* 使按钮相对于图片定位 */
    width: calc(25% - 10px); /* 调整宽度以适应布局 */
    text-align: center; /* 居中显示按钮 */
}

.edit-button {
    position: absolute;
    bottom: -20px; /* 将按钮放置在图片下方 */
    left: 50%;
    transform: translateX(-50%);
}