/* css/article.css 文章页样式入口：复用现有详情页样式。 */
@import url('/css/article-detail.css');

/* 从通用布局中收敛的文章详情通用规则 */
.article-list-container { max-width: 800px; margin: 40px auto; padding: 24px; background: var(--surface); border-radius: 12px; box-shadow: var(--shadow-sm); border: 1px solid var(--border); }
.article-body { line-height: 1.9; font-size: 1.05rem; }
.article-body img { max-width: 100% !important; height: auto !important; border-radius: 5px; margin-bottom: 20px; }
.comment-section { max-width: 800px; margin: 40px auto; padding: 20px; border-top: 1px solid var(--border); }

@media (max-width: 768px) {
    .article-list-container { margin: 20px auto; padding: 16px; border-radius: 10px; }
    .article-body { font-size: 1rem; line-height: 1.8; }
    .comment-section { margin: 24px auto; padding: 16px; }
}

@media (max-width: 480px) {
    .article-list-container { margin: 14px auto; padding: 14px; }
    .article-body { font-size: 0.98rem; line-height: 1.75; }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .article-list-container { max-width: 880px; margin: 28px auto; padding: 20px; }
    .article-body { font-size: 1.02rem; line-height: 1.85; }
    .comment-section { max-width: 880px; margin: 28px auto; padding: 18px; }
}