/* --- Case Logo Wall Section Start --- */

.case-wall-container {
    /* 1. 局部变量定义：取代 :root，实现样式沙盒化 */
    --case-bg: transparent;
    --case-card-fill: #ffffff;
    --case-card-width: 180px;      /* 卡片最小宽度 */
    --case-card-ratio: 16 / 10;    /* 卡片宽高比 */
    --case-radius: 12px;           /* 圆角 */
    --case-gap: 20px;              /* 间距 */
    --case-transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    --case-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    --case-shadow-h: 0 10px 30px rgba(0, 0, 0, 0.1);

    /* 2. 容器布局 */
    display: grid;
    /* 自动计算列数：只要空间足够就排，不够就换行 */
    grid-template-columns: repeat(auto-fill, minmax(var(--case-card-width), 1fr));
    gap: var(--case-gap);
    padding: 20px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: var(--case-bg);
}

/* 3. 卡片样式 */
.case-wall-card {
    background: var(--case-card-fill);
    aspect-ratio: var(--case-card-ratio);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    border-radius: var(--case-radius);
    box-shadow: var(--case-shadow);
    transition: transform var(--case-transition), box-shadow var(--case-transition);
    
    /* 配合 JS 实现的入场动画 */
    opacity: 0;
    transform: translateY(20px);
    animation: case-wall-fadeIn 0.6s forwards;
}

/* 4. 悬停交互 */
.case-wall-card:hover {
    transform: translateY(-6px) scale(1.02);
    box-shadow: var(--case-shadow-h);
    cursor: pointer;
}

/* 5. 图片样式控制 (已移除灰色滤镜和半透明效果) */
.case-wall-card img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* 保证 LOGO 不变形 */
    
    /* 默认效果：直接显示彩色，不进行处理 */
    transition: transform var(--case-transition); /* 仅保留可能需要的缩放过渡 */
}

/* 悬停时图片本身的特殊效果 (如果需要，比如微小的缩放) */
/* .case-wall-card:hover img {
    transform: scale(1.05);
} */

/* 6. 独立命名的动画 */
@keyframes case-wall-fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- Case Logo Wall Section End --- */