.truncate-text {
width: 100%; /* 宽度自适应 */
max-height: 60px; /* 限制最大高度为 100px */
min-height: 60px; /* 限制最大高度为 100px */
overflow: hidden; /* 隐藏溢出的内容 */
white-space: normal; /* 允许换行 */
word-wrap: break-word; /* 长单词换行 */
word-break: break-word; /* 强制在长单词处换行 */
display: block; /* 确保是块级元素 */
}

@media (max-width: 768px) {
    .truncate-text {
        max-height: 65px; /* 移动设备上设置更小的最大高度 */
    }
}

/* 图片容器，使用 padding-top 来创建固定宽高比 */
.case-image-container {
    position: relative;
    width: 100%;
    padding-top: 89.74%; /* (350 / 390) * 100% */
}

/* 图片样式，确保图片填满容器并保持其原始宽高比 */
.case-image-container .blog-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 确保图片按比例缩放并裁剪 */
}