/* 平板端适配 */
@media (min-width: 768px) {
    .app-container {
        max-width: 768px;
        box-shadow: var(--shadow-md);
    }
    
    .game-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
    
    .game-card .icon {
        width: 60px;
        height: 60px;
    }
    
    .game-card .title {
        font-size: 16px;
    }
    
    .game-card .desc {
        font-size: 12px;
    }
}

/* 桌面端适配 */
@media (min-width: 1024px) {
    body {
        background-color: #E2E8F0;
    }
    
    .app-container {
        max-width: 1024px;
        margin: 20px auto;
        border-radius: var(--border-radius-lg);
        overflow: hidden;
        min-height: calc(100vh - 40px);
    }
    
    .game-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
    
    .tab-bar {
        position: absolute; /* 相对于app-container定位 */
    }
}