/* 一级页面样式 */

/* 首页样式 */
.home-page {
    background-color: #f9f9f9;
    min-height: 100%;
}

.home-modules {
    padding: 20px 16px;
}

/* 分类页面样式 */
.category-page {
    background-color: #f9f9f9;
    min-height: 100%;
}

.category-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 20px 16px;
}

/* 动画效果 */
.stagger-animation .category-item {
    opacity: 0;
    animation: fadeInUp 0.5s ease-out forwards;
}

.stagger-animation .category-item:nth-child(1) { animation-delay: 0.1s; }
.stagger-animation .category-item:nth-child(2) { animation-delay: 0.2s; }
.stagger-animation .category-item:nth-child(3) { animation-delay: 0.3s; }
.stagger-animation .category-item:nth-child(4) { animation-delay: 0.4s; }
.stagger-animation .category-item:nth-child(5) { animation-delay: 0.5s; }
.stagger-animation .category-item:nth-child(6) { animation-delay: 0.6s; }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 响应式调整 */
@media (max-width: 360px) {
    .home-modules {
        padding: 16px 12px;
    }
    
    .category-grid {
        gap: 12px;
        padding: 16px 12px;
    }
}