/* ===== Responsive Design ===== */
@media (max-width: 1024px) {
    .main-content-grid,
    .article-container {
        grid-template-columns: 1fr;
    }

    .content-sidebar,
    .article-sidebar {
        order: 2;
    }

    .user-page .user-container .container {
        grid-template-columns: 200px minmax(0, 1fr);
    }

    /* 头部导航压缩 */
    .main-nav a { padding: 8px 8px; font-size: 14px; }
    .logo a { font-size: 20px; }

    /* 页脚两列 */
    .footer-widgets { grid-template-columns: 1fr 1fr; gap: 30px; }
    .footer-about { grid-column: 1 / -1; }
}

@media (max-width: 768px) {
    .container { padding: 0 10px; }

    .site-header { height: 55px; }
    .header-inner { height: 55px; }
    .header-spacer { height: 55px; }

    .main-nav {
        position: fixed;
        top: 55px; left: 0; right: 0;
        background: #fff;
        box-shadow: var(--shadow);
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s;
    }
    .main-nav.active { max-height: 400px; }
    .main-nav ul { flex-direction: column; padding: 10px; }

    .mobile-menu-toggle { display: flex; }

    /* 用户菜单：小屏只显示头像 */
    .user-nick, .user-caret { display: none; }
    .user-name { padding: 4px 6px; }

    .hero-content h1 { font-size: 24px; }
    .hero-content p { font-size: 15px; }
    .hero-section { padding: 50px 0; }

    .article-item { flex-direction: column; }
    .article-cover { width: 100%; height: 180px; }

    .category-grid { grid-template-columns: repeat(2, 1fr); }
    .links-grid { grid-template-columns: repeat(2, 1fr); }

    .user-page .user-container .container { grid-template-columns: 1fr; }
    .user-sidebar { order: 2; }

    .article-header h1 { font-size: 20px; }
    .article-meta { font-size: 12px; gap: 10px; flex-wrap: wrap; }
    .related-grid { grid-template-columns: 1fr; }

    .stats-grid { grid-template-columns: repeat(2, 1fr); }

    .footer-widgets { grid-template-columns: repeat(2, 1fr); gap: 20px; }

    .article-detail { padding: 15px; }

    .pagination a, .pagination span { padding: 6px 10px; font-size: 13px; }

    .search-form { flex-direction: column; }
    .search-btn { width: 100%; }
}

@media (max-width: 480px) {
    .category-grid,
    .links-grid { grid-template-columns: 1fr; }

    .footer-widgets { grid-template-columns: 1fr; }

    .stats-grid { grid-template-columns: 1fr; }

    .hero-actions { flex-direction: column; }
    .hero-actions .btn { width: 100%; }

    .header-right .btn { padding: 6px 12px; font-size: 13px; }

    .data-table { font-size: 13px; }
    .data-table th, .data-table td { padding: 8px 5px; }
}

/* ===== Admin Responsive ===== */
@media (max-width: 768px) {
    .layui-side { width: 0 !important; }
    .layui-body { left: 0 !important; }
    .layui-layout-admin .layui-body { position: static; }

    .admin-content-wrapper { padding: 10px; }
    .layui-table { font-size: 12px; }
}