.image-row {
    display: flex; /* 开启弹性布局，使子元素横向排列 */
    gap: 30px; /* 图片之间的间距，可按需调整（如10px、20px） */
    padding:0 5px; /* 容器内边距，避免图片贴紧页面边缘 */
    box-sizing: border-box; /* 确保padding不额外增加容器宽度，防止溢出 */
    width: 100%; /* 让容器占满页面宽度，适配不同屏幕 */
	margin-top:3px; 
}

/* 单个图片容器：保证4张图片等宽 */
.image-item {
    flex: 1; /* 4个容器各占1/4宽度，实现均匀分配 */
    text-decoration: none; /* 去除超链接默认的下划线 */
}

/* 图片核心样式：固定比例且不变形 */
.image-item img {
    width: 250px; /* 图片宽度占满父容器，实现等宽 */
    height: 250px; /* 固定图片高度，确保一排图片对齐（可按需调整） */
    object-fit:cover; /* 保持图片比例，裁剪多余部分（避免拉伸变形） */
    border-radius: 6px; /* 可选：给图片加轻微圆角，更美观 */
    cursor: pointer; /* 鼠标悬停显示“手”形，提示可点击 */
    box-shadow: 0 2px 5px rgba(5,5,5,5.05); /* 可选：轻微阴影，增强层次感 */
}/* CSS Document */