/* 移动端适配（768px以下） */
@media (max-width: 768px) {
    /* 导航栏适配 */
    .main-nav {
        flex-direction: column;
        gap: 1rem;
    }

    .nav-links {
        gap: 1.2rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    /* 英雄区域适配 */
    .hero-title {
        font-size: 2.2rem;
    }

    .hero-subtitle {
        font-size: 1.1rem;
    }

    .hero-actions {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    /* 搜索栏适配 */
    .search-container {
        padding: 0 1.2rem;
    }

    .search-input {
        padding: 1rem 1.2rem 1rem 3rem;
        font-size: 0.95rem;
    }

    /* 文章卡片布局：移动端1列 */
    .article-grid {
        grid-template-columns: 1fr; /* 1张/行 */
        gap: 1.5rem;
    }

    .skeleton-container {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    /* 文章卡片内部适配 */
    .article-card {
        padding: 1.2rem;
    }

    .article-cover-container {
        height: 140px; /* 移动端图片高度优化 */
    }

    .article-title {
        font-size: 1.15rem;
        -webkit-line-clamp: 2;
    }

    .article-excerpt {
        font-size: 0.9rem;
        -webkit-line-clamp: 2; /* 移动端摘要行数优化 */
    }

    .article-meta {
        gap: 0.6rem;
        font-size: 0.8rem;
    }

    /* 侧边栏适配：移动端堆叠显示 */
    .grid-layout {
        grid-template-columns: 1fr;
    }

    .sidebar-wrapper {
        order: 2; /* 侧边栏移到文章列表下方 */
        margin-top: 2rem;
        position: static; /* 取消sticky定位 */
    }

    .sidebar-container {
        height: auto !important; /* 移动端高度自动 */
        overflow-y: visible; /* 隐藏滚动条 */
    }
    /* 分页适配 */
    .pagination-main {
        flex-wrap: wrap;
        justify-content: center;
    }

    .pagination-btn {
        min-width: 80px;
        padding: 0.6rem 1rem;
        font-size: 0.9rem;
    }

    .pagination-info {
        order: 3;
        width: 100%;
        margin-top: 0.5rem;
    }

    /* 页脚适配 */
    .footer-logo {
        font-size: 2.2rem !important;
    }

    .footer-links {
        gap: 0.8rem;
    }

    .footer-link {
        padding: 0.4rem 0.8rem;
        font-size: 0.9rem !important;
    }
}

/* 小屏移动端（480px以下） */
@media (max-width: 480px) {
    .hero {
        padding: 3rem 1rem;
    }

    .hero-title {
        font-size: 1.8rem;
    }

    .article-cover-container {
        height: 120px;
    }

    .pagination-btn {
        min-width: 70px;
        padding: 0.5rem 0.8rem;
        font-size: 0.85rem;
    }
    /* 小屏移动端统计卡片改为1列布局 */
    .stats-grid {
        grid-template-columns: 1fr;
    }
}
/* 移动端适配：确保加宽后仍兼容小屏幕 */
@media (max-width: 1200px) {
    :root {
        --sidebar-width: 340px; /* 中等屏幕下适当缩小侧边栏 */
        --page-max-width: 1200px; /* 中等屏幕下缩小网页宽度 */
    }
}

@media (max-width: 968px) {
    :root {
        --sidebar-width: 100%; /* 移动端侧边栏占满宽度 */
        --page-max-width: 100%; /* 移动端网页占满宽度 */
    }

    /* 移动端侧边栏恢复流式布局 */
    .sidebar-wrapper {
        order: 2;
        margin-top: 2rem;
        position: static;
    }

    .sidebar-container {
        height: auto !important;
        overflow-y: visible;
    }

    /* 移动端标签换行（避免超出屏幕） */
    .tag-cloud-item {
        white-space: normal !important; /* 移动端允许标签换行 */
        text-align: center;
    }
}