现代简约导航 Tailwind网站组件

纯白背景的现代导航栏，采用细线分割和简洁字体，适合专业网站

<section class="bg-white shadow-sm border-b">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                <div class="flex justify-between items-center py-4">
                    <div class="flex items-center">
                        <h1 class="text-2xl font-bold text-gray-900">Brand</h1>
                    </div>
                    <nav class="hidden md:flex space-x-8">
                        <a href="#" class="text-gray-600 hover:text-gray-900 transition-colors">首页</a>
                        <a href="#" class="text-gray-600 hover:text-gray-900 transition-colors">产品</a>
                        <a href="#" class="text-gray-600 hover:text-gray-900 transition-colors">服务</a>
                        <a href="#" class="text-gray-600 hover:text-gray-900 transition-colors">关于</a>
                    </nav>
                    <button class="md:hidden p-2">
                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
                        </svg>
                    </button>
                </div>
            </div>
        </section>