/* 文件链接样式 */
.file-link {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    margin: 4px 0;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    transition: all 0.2s ease;
}

.file-link:hover {
    background-color: #e9ecef;
    text-decoration: none;
    color: #333;
    border-color: #dee2e6;
}

.file-link i {
    margin-right: 8px;
    font-size: 16px;
}

/* PDF文件样式 */
.pdf-file {
    color: #007bff;
    text-decoration: underline;
    background-color: transparent;
    border: none;
    padding: 0;
}

.pdf-file:hover {
    color: #0056b3;
    text-decoration: underline;
}

.pdf-file i {
    color: #007bff;
}

/* Word文件样式 */
.word-file {
    color: #007bff;
    text-decoration: underline;
    background-color: transparent;
    border: none;
    padding: 0;
}

.word-file:hover {
    color: #0056b3;
    text-decoration: underline;
}

.word-file i {
    color: #007bff;
}

/* 压缩包文件样式 */
.archive-file {
    color: #007bff;
    text-decoration: underline;
    background-color: transparent;
    border: none;
    padding: 0;
}

.archive-file:hover {
    color: #0056b3;
    text-decoration: underline;
}

.archive-file i {
    color: #007bff;
}

/* 编辑器文件按钮样式 */
.w-e-menu {
    transition: all 0.2s ease;
    vertical-align: top;
    display: inline-block;
}

.w-e-menu:hover {
    background-color: #f1f1f1 !important;
}

/* wangEditor风格的文件图标 */
.w-e-icon-file {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23666"><path d="M14,2H6A2,2 0 0,0 0,4V20A2,2 0 0,0 0,6V8H14M8,4V8H8V4M14,2V8H14V2M16,8H19A2,2 0 0,1 1,2V20A2,2 0 0,1 1,18H16V12H16V8Z"/></svg>') no-repeat center;
    background-size: contain;
    margin: 9px 0;
}

.w-e-menu:hover .w-e-icon-file {
    opacity: 0.8;
}

/* 确保所有按钮垂直对齐 */
.w-e-toolbar .w-e-menu {
    vertical-align: top;
    float: left;
}

/* 按钮间距统一 */
.w-e-toolbar .w-e-menu {
    margin: 0;
    padding: 0;
}

/* 文件上传进度样式 */
.upload-progress {
    padding: 10px;
    background-color: #f8f9fa;
    border-radius: 4px;
    margin: 5px 0;
    font-size: 14px;
    color: #666;
}

.upload-progress .progress-bar {
    height: 4px;
    background-color: #e9ecef;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 5px;
}

.upload-progress .progress-fill {
    height: 100%;
    background-color: #007bff;
    width: 0%;
    transition: width 0.3s ease;
}