/**
 * 项目资产文件类型图标样式
 * 符合代码规范：<400行
 * 使用独立前缀 project-asset-file-icon-，确保面板独立性
 */

/* 文件图标基础样式 */
.project-asset-file-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    border-radius: var(--radius-sm);
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Arial", sans-serif;
    font-weight: 500;
    color: var(--text-primary);
    position: relative;
    overflow: hidden;
}

/* 图标尺寸 */
.project-asset-file-icon-small {
    width: 32px;
    height: 32px;
    font-size: 10px;
}

.project-asset-file-icon-medium {
    width: 64px;
    height: 64px;
    font-size: 12px;
}

.project-asset-file-icon-large {
    width: 128px;
    height: 128px;
    font-size: 16px;
}

/* 图标内容 */
.project-asset-file-icon-content {
    text-align: center;
    line-height: 1.2;
    z-index: 1;
}

/* 图片类型图标 */
.project-asset-file-icon-image {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #ffffff;
}

/* 视频类型图标 */
.project-asset-file-icon-video {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: #ffffff;
}

/* 设计文件图标 */
.project-asset-file-icon-design {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: #ffffff;
}

/* PDF图标 */
.project-asset-file-icon-pdf {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    color: #ffffff;
}

/* Word图标 */
.project-asset-file-icon-word {
    background: linear-gradient(135deg, #2b95ff 0%, #1e6dd0 100%);
    color: #ffffff;
}

/* Excel图标 */
.project-asset-file-icon-excel {
    background: linear-gradient(135deg, #1d976c 0%, #93f9b9 100%);
    color: #ffffff;
}

/* PowerPoint图标 */
.project-asset-file-icon-powerpoint {
    background: linear-gradient(135deg, #f5576c 0%, #f093fb 100%);
    color: #ffffff;
}

/* 文本文件图标 */
.project-asset-file-icon-text {
    background: linear-gradient(135deg, #868f96 0%, #596164 100%);
    color: #ffffff;
}

/* 压缩包图标 */
.project-asset-file-icon-archive {
    background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
    color: #ffffff;
}

/* 代码文件图标 */
.project-asset-file-icon-code {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: #ffffff;
}

/* 应用程序图标 */
.project-asset-file-icon-application {
    background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
    color: var(--text-primary);
}

/* 磁盘镜像图标 */
.project-asset-file-icon-disk {
    background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
    color: var(--text-primary);
}

/* 移动应用图标 */
.project-asset-file-icon-mobile {
    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
    color: #ffffff;
}

/* 默认文件图标 */
.project-asset-file-icon-file {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
    border-color: var(--border-secondary);
}

/* 图标悬停效果 */
.project-asset-file-icon:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
    transition: all 0.2s ease;
}

/* 图标在卡片中的样式 */
.project-asset-card-preview .project-asset-file-icon {
    width: 80px;
    height: 80px;
    font-size: 14px;
}