/* 图片列表容器 */
        .image-gallery {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
            gap: 20px;
            margin: 20px auto;
            max-width: 1400px;}
        
        /* 图片项样式 */
        .image-item {
            background-color: white;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;}
        
        .image-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);}
        
        /* 链接样式 */
        .image-link {
            display: block;
            text-decoration: none;
            color: inherit;}
        
        .image-container {
            position: relative;
            width: 100%;
            padding-top: 133.33%; /* 2寸照片比例 3:4 (100% * 4/3 ≈ 133.33%) */
            overflow: hidden;
            background-color: #f0f0f0;}
        
        .gallery-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持比例填充，裁剪多余部分 */
            /* 如需完整显示图片（可能有留白），可改为 object-fit: contain; */
            transition: transform 0.5s ease;
            cursor: pointer;}
        
        .image-item:hover .gallery-image {
            transform: scale(1.05);}
        
        .image-caption {
            padding: 15px;
            text-align: center;
            cursor: pointer;}
        
        .image-title {
            font-weight: bold;
            margin-bottom: 5px;
            color: #2c3e50;
            transition: color 0.3s ease;}
        
        .image-item:hover .image-title {
            color: #3498db;}
        
        .image-description {
            font-size: 0.9rem;
            color: #666;
            transition: color 0.3s ease;}
        
        .image-item:hover .image-description {
            color: #2980b9;}
        
        /* 响应式调整 */
        @media (max-width: 768px) {
            .image-gallery {
                grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
                gap: 15px;}
            
     
        }
        
        @media (max-width: 480px) {
            .image-gallery {
                grid-template-columns: 1fr;
                gap: 15px;}
            
            .image-caption {
                padding: 12px;}
        }