/* 响应式设计 */
        @media (max-width: 1200px) {
            .nav-container {
                flex-wrap: wrap;
                justify-content: center;
                gap: 20px;
                width: 90%;
            }
            
            .nav-item-bottom {
                width: 180px;
            }
            
            .business-grid {
                gap: 30px;
            }
            
            
        }
        
        @media (max-width: 992px) {
            .pc{
                display:none !important;
            }
            
            .sp{
                display:flex !important;
            }
            
            .nav-links {
                display: none;
            }
            
            .hamburger {
                display: flex;
            }
            
            .mobile-nav {
                display: block;
            }
            
            .nav-container {
                display: none;
            }
            
            .banner-section {
                height: 70vh;
            }
            
            .slide-content {
                left: 5%;
                top: 15%;
            }
            
            .slide-title {
                font-size: 1.8rem;
            }
            
            .slide-description {
                font-size: 1.1rem;
            }
            
            .access-grid {
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: repeat(2, auto);
                gap: 20px;
            }
            
            .business-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            

            
        }
        
        @media (max-width: 768px) {
            .slide-content {
                top: 10%;
            }
            
            .slide-title {
                font-size: 1.6rem;
                margin-bottom: 15px;
            }
            
            .slide-description {
                font-size: 1rem;
                margin-bottom: 25px;
            }
            
            .explore-btn {
                padding: 14px 35px;
                font-size: 1.1rem;
            }
            
            .section-title {
                font-size: 2.2rem;
            }
            
            .feature-card {
                padding: 30px 20px;
            }
            
            .feature-title {
                font-size: 1.5rem;
            }
            
            .access-grid {
                grid-template-columns: 1fr;
                gap: 25px;
            }
            
            .quick-access {
                height: auto;
                padding: 25px 20px;
            }
            
            .business-grid {
                grid-template-columns: 1fr;
                max-width: 500px;
            }


            
        }
        
        @media (max-width: 576px) {
            .navbar {
                padding: 0 3%;
            }
            
            .logo span {
                font-size: 1.2rem;
            }
            
            .slide-content {
                max-width: 90%;
            }
            
            .features {
                grid-template-columns: 1fr;
            }

            
        }