{{$isHome := eq .Type "home"}}
<header class="sticky top-0 z-50 border-b border-[var(--border)] bg-white/90 backdrop-blur">
  <div class="mx-auto flex max-w-7xl items-center justify-between px-4 py-4 sm:px-6 lg:px-8">
    <a href="/" class="flex items-center gap-3">
      {{if and .Site .Site.Logo}}
      <img src="{{.Site.Logo}}" alt="{{.Site.Title}}" class="h-14 w-[180px] max-w-none rounded-xl object-contain object-left">
      {{else}}
      <img src="{{asset "images/logo.png"}}" alt="AI落地解决方案站" class="h-14 w-[180px] max-w-none rounded-xl object-contain object-left">
      {{end}}
    </a>
    <nav class="hidden items-center gap-2 lg:flex">
      <a href="/" class="rounded-full px-4 py-2 text-sm font-medium {{if $isHome}}bg-[var(--primary-soft)] text-[var(--primary)]{{else}}text-[var(--muted)] hover:bg-[var(--surface-blue)] hover:text-[var(--primary)]{{end}}">首页</a>
      {{range .Columns}}
      {{if .Column.Slug}}
      <a href="{{.Column.URL}}" class="rounded-full px-4 py-2 text-sm font-medium {{if .IsSelect}}bg-[var(--primary-soft)] text-[var(--primary)]{{else}}text-[var(--muted)] hover:bg-[var(--surface-blue)] hover:text-[var(--primary)]{{end}}">{{.Column.Name}}</a>
      {{end}}
      {{end}}
      <a href="/contact" class="rounded-full bg-[var(--primary)] px-4 py-2 text-sm font-medium text-white shadow-sm">免费咨询</a>
    </nav>
    <button id="mobile-menu-btn" class="inline-flex h-11 w-11 items-center justify-center rounded-full border border-[var(--border)] bg-white text-[var(--text)] lg:hidden">
      <span class="sr-only">打开菜单</span>
      <svg class="h-5 w-5" 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 id="mobile-menu" class="hidden border-t border-[var(--border)] bg-white lg:hidden">
    <div class="mx-auto max-w-7xl px-4 py-3 sm:px-6 lg:px-8">
      <div class="grid gap-2">
        <a href="/" class="rounded-2xl px-4 py-3 text-sm font-medium {{if $isHome}}bg-[var(--primary-soft)] text-[var(--primary)]{{else}}text-[var(--muted)] hover:bg-[var(--surface-blue)] hover:text-[var(--primary)]{{end}}">首页</a>
        {{range .Columns}}
        {{if .Column.Slug}}
        <a href="{{.Column.URL}}" class="rounded-2xl px-4 py-3 text-sm font-medium {{if .IsSelect}}bg-[var(--primary-soft)] text-[var(--primary)]{{else}}text-[var(--muted)] hover:bg-[var(--surface-blue)] hover:text-[var(--primary)]{{end}}">{{.Column.Name}}</a>
        {{end}}
        {{end}}
        <a href="/contact" class="rounded-2xl bg-[var(--primary)] px-4 py-3 text-center text-sm font-medium text-white">免费咨询</a>
      </div>
    </div>
  </div>
</header>