.article-list > li > a > div.author {
    height: 38px;
}

.article-list > li > a > div.author > span.author-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media screen and (max-width: 480px) {
    .article-list > li > a > div.author {
        height: 33px;
    }

    .article-list > li > a > div.author > span.author-name {
        font-size: 70%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .article-list > li > a > div.content > div.post-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    #user-area > #user-result-area > .user-list > li a > p.name {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .insert-break {
        display: block;
        content: '';
        height: 0;
    }
}