/* Logo样式 - 方案一优化 */
        .logo {
            display: flex;
            align-items: center;
            text-decoration: none;
            height: 65px; /* 与导航栏高度匹配 */
        }
        
        .logo img {
            height: 40px; /* 根据实际图片调整 */
            width: auto;
            max-width: 200px; /* 防止图片过大 */
            transition: all 0.3s ease;
            object-fit: contain;
        }
        
        /* 悬停效果 */
        .logo:hover img {
            transform: scale(1.05);
            filter: brightness(1.2);
        }
        
        /* 桌面端响应式 */
        @media (min-width: 769px) {
            .logo img {
                height: 65px; /* 桌面端稍大一些 */
            }
        }
        
        /* 平板端响应式 */
        @media (max-width: 768px) {
            .logo img {
                height: 45px;
            }
        }
        
        /* 移动端响应式 */
        @media (max-width: 480px) {
            .logo img {
                height: 45px;
            }
            
            /* 确保在移动端菜单展开时logo样式正常 */
            .nav-menu.active ~ .header-container .logo img {
                position: relative;
                z-index: 1001;
            }
        }
        
        /* 确保logo在移动端汉堡菜单旁有足够空间 */
        @media (max-width: 768px) {
            .header-container {
                justify-content: space-between;
            }
            
            .logo {
                margin-left: 15px;
            }
        }
        
        /* 为图片添加平滑加载效果 */
        .logo img {
            opacity: 1;
            animation: fadeIn 0.5s ease;
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-5px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* 暗色模式适配（如果有的话） */
        @media (prefers-color-scheme: dark) {
            .logo img {
                filter: brightness(0.9) contrast(1.1);
            }
        }