@media (max-width: 768px) {
            .navbar-container {
                height: 60px;
            }
            
            .nav-links {
                position: fixed;
                top: 60px;
                left: 0;
                right: 0;
                background: var(--surface-nav);
                flex-direction: column;
                align-items: center;
                padding: 20px 0;
                gap: 15px;
                transform: translateY(-100%);
                transition: transform 0.3s ease;
                z-index: 999;
                display: none; /* 取消手机端的导航栏不再显示 */
            }
            
            .nav-right {
                gap: 10px;
            }
            
            .lang-toggle {
                padding: 4px 8px;
                font-size: 0.75rem;
            }
            
            .nav-links.active {
                transform: translateY(0);
            }
            
            .mobile-menu-btn {
                display: block;
            }
            
            section {
                padding: 60px 0;
            }
            
            .section-title {
                margin-bottom: 60px;
            }
            
            .cta-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .btn {
                width: 200px;
                text-align: center;
            }
            
            .about-content,
            .products-grid,
            .tech-content,
            .contact-content {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            
            .core-data {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .projects-grid {
                grid-template-columns: 1fr;
            }
            
            .product-content {
                grid-template-columns: 1fr;
            }
            
            .tech-highlights {
                grid-template-columns: 1fr;
            }
            
            .scenario-cards {
                grid-template-columns: 1fr;
            }
            
            .footer-content {
                grid-template-columns: 1fr;
                gap: 40px;
                text-align: center;
            }
            
            .footer-info {
                max-width: 100%;
            }
            
            .contact-item {
                justify-content: center;
            }
            
            .social-icons {
                justify-content: center;
                gap: 12px;
            }
            
            .social-icon {
                width: 32px;
                height: 32px;
            }
            
            .social-icon svg {
                width: 16px;
                height: 16px;
            }
            
            .footer-social h4 {
                font-size: 0.875rem;
                margin-bottom: 12px;
            }
            
            /* 移除手机端无人导航系统控制器架构中的竖线 */
            .diagram-connector {
                display: none;
            }
            
            /* 解决无人导航系统控制器架构和应用场景模块在手机端右边突出的问题 */
            .architecture-diagram {
                padding: 15px;
                max-width: 100%;
                box-sizing: border-box;
                width: 100%;
                overflow: hidden;
            }
            
            .diagram-container {
                max-width: 100%;
                width: 100%;
            }
            
            .diagram-layer {
                flex-wrap: wrap;
                gap: 10px;
                justify-content: center;
            }
            
            .diagram-box {
                min-width: 80px;
                padding: 12px 8px;
                flex: 1;
                max-width: 100px;
            }
            
            .diagram-box h4 {
                font-size: 0.75rem;
            }
            
            .diagram-box p {
                font-size: 0.625rem;
            }
            
            .application-scenarios {
                max-width: 100%;
                width: 100%;
                box-sizing: border-box;
            }
            
            .scenario-cards {
                grid-template-columns: 1fr;
                gap: 15px;
                width: 100%;
            }
            
            .scenario-card {
                padding: 15px;
                max-width: 100%;
                box-sizing: border-box;
                width: 100%;
            }
            
            /* 删除手机端导航栏按钮 */
            .mobile-menu-btn {
                display: none !important;
            }
            
            /* 修复手机端最底部logo太长突出的问题 */
            .client-logos {
                margin-top: 40px;
            }
            
            .client-logos h3 {
                margin-bottom: 20px;
                font-size: 1rem;
            }
            
            .logos-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
                max-width: 100%;
                box-sizing: border-box;
            }

            .partners-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .logo-item {
                padding: 15px;
                text-align: center;
            }
            
            .logo-item p {
                font-size: 0.875rem;
            }

            .logo-item img {
                max-width: 100%;
                height: 100%;
            }

            .partner-card {
                min-height: 128px;
                gap: 10px;
                padding: 18px 12px;
            }

            .partner-logo-circle {
                width: 92px;
                height: 92px;
                min-height: 92px;
                border-radius: 50%;
                padding: 14px;
            }

            .partner-name {
                font-size: 0.95rem;
            }
            
            /* 修复手机端最底部公司名称太长突出的问题 */
            .footer-content {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
            
            .footer-social {
                text-align: center;
            }

            .footer-social h4 {
                font-size: 1.15rem;
                margin-bottom: 14px;
            }

            .social-icons {
                gap: 12px;
            }

            .social-icon {
                width: 46px;
                height: 46px;
            }

            .social-icon svg {
                width: 22px;
                height: 22px;
            }
            
            .footer-bottom {
                text-align: center;
                max-width: 100%;
                box-sizing: border-box;
                padding: 0 20px;
                font-size: 0.625rem;
            }

            .mobile-back-home {
                display: block !important;
                position: fixed;
                top: 70px;
                left: 15px;
                background: rgba(59, 130, 246, 0.2);
                border: 1px solid rgba(59, 130, 246, 0.4);
                border-radius: 20px;
                padding: 8px 16px;
                color: #ffffff;
                font-size: 0.875rem;
                font-weight: 600;
                text-decoration: none;
                z-index: 999;
                transition: all 0.3s ease;
                backdrop-filter: blur(10px);
            }

            .mobile-back-home:hover {
                background: rgba(59, 130, 246, 0.4);
                transform: translateY(-2px);
            }
        }
        /* 品牌标题样式 */