.multi-line-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 默认情况下，在 xl 屏幕显示全部文字 */
@media (min-width: 1200px) {
    .multi-line-text {
        -webkit-line-clamp: unset;
        line-clamp: unset; /* 添加标准属性 */
    }
}

/* 在 md 屏幕限制为 3 行 */
@media (max-width: 991.98px) {
    .multi-line-text {
        -webkit-line-clamp: 3;
        line-clamp: 3; /* 添加标准属性 */
    }
}

/* 在 sm 屏幕限制为 2 行 */
@media (max-width: 575.98px) {
    .multi-line-text {
        -webkit-line-clamp: 2;
        line-clamp: 2; /* 添加标准属性 */
    }
}