.cc-img-upload {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.file-table {
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

.file-table-header,
.file-table-row {
    display: grid;
    grid-template-columns: 1.5fr 1.5fr 100px;
    align-items: center;
}

.file-table-header {
    background: #f5f7fa;
    font-weight: 700;
    color: #303133;
    border-bottom: 1px solid #dcdfe6;
}

.file-table-row {
    border-bottom: 1px solid #ebeef5;
}

    .file-table-row:last-child {
        border-bottom: none;
    }

.file-table .col {
    padding: 10px 12px;
    word-break: break-all;
}

.file-table .action {
    text-align: center;
}

.file-del {
    padding: 4px 10px;
    border: 1px solid #f56c6c;
    background: #fff;
    color: #f56c6c;
    border-radius: 4px;
    cursor: pointer;
}

    .file-del:disabled {
        cursor: not-allowed;
        opacity: 0.6;
    }

.file-empty {
    padding: 12px;
    border: 1px dashed #dcdfe6;
    border-radius: 6px;
    color: #909399;
    background: #fafafa;
}