.tic-carousel-container {
    width: 100%;
    max-width: 600px; /* 根据你的需要调整 */
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.tic-carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 300%; /* 因为有三张图，所以是300% */
}

.tic-carousel-slide {
    width: 33.333%; /* 每张图占容器的三分之一 */
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 5px; /* 图片之间的间距 */
}

.tic-carousel-img {
    width: 100%;
    height: 0;
    padding-bottom: 100%; /* 这是实现正方形图片的关键！ */
    object-fit: cover; /* 确保图片覆盖整个区域而不变形 */
    display: block;
    border-radius: 4px; /* 可选：稍微圆角 */
}

/* 可选：为链接添加悬停效果 */
.tic-carousel-slide a:hover {
    opacity: 0.9;
}