.file-item {
    position: relative;
    padding: 4px 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

.file-item:hover {
    background-color: #2a2a2a;
}

/* 上传状态颜色 */
.file-item.upload-pending .file-name {
    color: #1E90FF; /* 蓝色 - 等待上传 */
}

.file-item.uploading .file-name {
    color: #FFD700; /* 黄色 - 正在上传 */
}

.file-item.upload-completed .file-name {
    color: #fff; /* 白色 - 上传完成 */
}

.file-item.upload-failed .file-name {
    color: #FF4444; /* 红色 - 上传失败 */
}

/* 文件图标样式 */
.file-icon {
    margin-right: 8px;
    font-size: 14px;
}

.file-icon.php {
    color: #8892BF;
}

.file-icon.default {
    color: #6C7A89;
}

/* 文件名样式 */
.file-name {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 关闭按钮样式 */
.file-close {
    opacity: 0;
    margin-left: 8px;
    cursor: pointer;
    color: #666;
    transition: opacity 0.2s;
}

.file-item:hover .file-close {
    opacity: 1;
}

.file-close:hover {
    color: #fff;
}