/* 响应式调整 */
@media (max-width: 1024px) {
    /* 中屏幕设备 */
    .grid-cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    /* 小屏幕设备 */
    .md\:grid-cols-3 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    
    .md\:grid-cols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    
    .carousel-item .max-w-lg {
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    
    .absolute.-bottom-6.-right-6 {
        position: static;
        margin-top: 1rem;
        display: inline-block;
    }
    
    .order-2.md\:order-1,
    .order-1.md\:order-2 {
        order: 0;
    }
}

@media (max-width: 640px) {
    /* 移动设备 */
    .py-16 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    
    .mb-16 {
        margin-bottom: 2rem;
    }
    
    .text-[clamp(2rem,5vw,3.5rem)] {
        font-size: clamp(1.5rem, 5vw, 2.5rem);
    }
    
    .grid-cols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    
    .px-8 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .footer .grid-cols-4 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

/* 导航栏滚动效果 */
.nav-scrolled {
    background-color: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
    