/* 文章详情页响应式设计 */
@media (max-width: 768px) {
    .article-detail-section {
        padding: 40px 0;
    }
    
    .article-title {
        font-size: 2rem !important;
    }
    
    .article-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px !important;
    }
    
    .article-content {
        padding: 0 20px;
    }
    
    .related-articles {
        padding: 40px 0;
    }
}

@media (max-width: 480px) {
    .article-title {
        font-size: 1.75rem !important;
    }
    
    .article-body h2 {
        font-size: 1.5rem !important;
    }
    
    .article-body h3 {
        font-size: 1.25rem !important;
    }
}