/**
 * layout.css - 布局与响应式样式
 */
/* ============ 响应式（仅小屏设备） ============ */
@media (max-width: 480px) {
    .nav-main:not(.layout-left):not(.layout-right) {
        flex-direction: column;
    }
    .nav-main:not(.layout-left):not(.layout-right) .category-sidebar {
        width: 100%;
    }
    .category-item {
        padding: 8px 14px;
    }
    .nav-main:not(.layout-left):not(.layout-right) .category-sidebar {
        order: -1;
    }
    .search-wrapper {
        max-width: 100%;
    }
    .search-more {
        display: none;
    }
    .site-name {
        font-size: calc(16px * var(--font-scale));
    }
    .cards-grid {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    }
}