/* 移动设备优先 */
@media (max-width: 900px) {
    /* 在小屏幕上改为单栏布局 */
    .layout-wrapper {
        flex-direction: column;
    }
    
    .sidebar {
        width: 100%;
        position: static; /* 取消吸顶 */
        margin-top: 40px;
    }
    
    /* 所有的 Grid 都变单列 */
    .projects-grid, .tech-news-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .projects-grid, .tech-news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}