/**
 * 项目资产缩略图样式
 * 符合代码规范：<400行
 * 使用独立前缀 project-asset-thumbnail-，确保面板独立性
 */

/* 缩略图容器 */
.project-asset-thumbnail-container {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100px;
    max-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-tertiary);
    overflow: hidden;
    flex-shrink: 0; /* 防止被压缩 */
    box-sizing: border-box;
}

/* 缩略图图片 */
.project-asset-thumbnail-image {
    width: 100%;
    height: 100%;
    min-height: 100px;
    max-height: 100px;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
    flex-shrink: 0; /* 防止被压缩 */
    display: block; /* 确保图片作为块级元素显示 */
}

.project-asset-thumbnail-image:hover {
    transform: scale(1.05);
}

/* 缩略图加载状态 */
.project-asset-thumbnail-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--text-secondary);
    font-size: 12px;
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Arial", sans-serif;
}

/* 缩略图占位符 */
.project-asset-thumbnail-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: var(--bg-tertiary);
    color: var(--text-muted);
    font-size: 12px;
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Arial", sans-serif;
}

/* 缩略图错误状态 */
.project-asset-thumbnail-error {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: var(--bg-tertiary);
    color: var(--text-muted);
    font-size: 11px;
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Arial", sans-serif;
}