.article-card__date-author {
    row-gap: 12px;
}

.article-card__date-author :is(.link, .link-text, strong) {
    font-weight: bolder;
    color: rgb(var(--color-text));
}

.article-card__date-author :is(.link, .link-text) {
    display: inline-flex;
    font-size: inherit;
}

@media (min-width: 1280px) {
    .page-width--narrow .article__cover-image {
        margin-inline: -60px;
        width: auto;
    }
}

@media (min-width: 1536px) {
    .page-width--narrow .article__cover-image {
        margin-inline: -120px;
    }
}

.article__comment-submit {
    margin-block-start: 28px;
}

.article__comment-title {
    margin-block-end: 28px;
}

@media (min-width: 960px) {
    .article__comment-title {
        margin-block-end: 40px;
    }
}

.article__comment-list {
    margin-block-end: 28px;
}

.article__comment-item+.article__comment-item {
    border-block-start: 1px solid rgb(var(--color-border));
    padding-block-start: 20px;
    margin-block-start: 20px;
}

.article__comment-info {
    font-size: 1rem;
}

.article__comment-content .pagination {
    padding-block-start: 28px;
    margin-block-end: 28px;
}

/* 修复宽屏或浏览器缩小时文章内容被挤窄的问题 */
body.article-page .page-width.page-width--narrow {
    padding-inline: min(var(--page-padding), 40px);
}