.truncate-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;   /* 显示 2 行 */
    overflow: hidden;

    font-size: 18px;
    line-height: 1.4;
    margin: 0;          /* ← 关键 */
    padding: 0;         /* ← 防御性写法 */
}


@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; /* 确保图片按比例缩放并裁剪 */
}

.case_detail
{
    color: #2e2d2d;
    font-family: 'Red Hat Text', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
}