{{$siteTitle := ""}}
{{if .Site}}{{if .Site.Title}}{{$siteTitle = .Site.Title}}{{end}}{{end}}
<header class="site-header sticky top-0 z-50 border-b border-[color:var(--border)] bg-[color:var(--surface)]/95 backdrop-blur">
  <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
    <div class="flex h-16 items-center justify-between gap-4">
      <a href="/" class="flex items-center gap-3">
        {{if .Site.Logo}}
        <img src="{{.Site.Logo}}" alt="{{$siteTitle}}" class="h-9 w-auto">
        {{else}}
        <span class="text-lg font-semibold tracking-tight">{{$siteTitle}}</span>
        {{end}}
      </a>
      <nav class="hidden items-center gap-1 md:flex">
        <a class="nav-link {{if not $.CurrentColumn}}is-active{{end}}" href="/">首页</a>
        {{range .Columns}}
        <a class="nav-link {{if and $.CurrentColumn (eq .Slug $.CurrentColumn.Slug)}}is-active{{end}}" href="{{.URL}}">{{.Name}}</a>
        {{end}}
      </nav>
      <a href="{{default (index .ThemesExt "cta_primary_url") "/contact"}}" class="hidden rounded-full bg-[color:var(--primary)] px-4 py-2 text-sm font-medium text-white shadow-sm transition hover:opacity-90 md:inline-flex">
        {{default (index .ThemesExt "cta_primary") "预约咨询"}}
      </a>
      <button id="mobile-menu-btn" class="inline-flex h-10 w-10 items-center justify-center rounded-lg border border-[color:var(--border)] md:hidden" aria-label="打开导航">
        <svg viewBox="0 0 24 24" class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M4 6h16M4 12h16M4 18h16" stroke-linecap="round"></path>
        </svg>
      </button>
    </div>
    <div id="mobile-menu" class="hidden border-t border-[color:var(--border)] py-3 md:hidden">
      <div class="grid gap-2">
        <a class="mobile-link {{if not $.CurrentColumn}}is-active{{end}}" href="/">首页</a>
        {{range .Columns}}
        <a class="mobile-link {{if and $.CurrentColumn (eq .Slug $.CurrentColumn.Slug)}}is-active{{end}}" href="{{.URL}}">{{.Name}}</a>
        {{end}}
      </div>
    </div>
  </div>
</header>