{{if .Site}}
<nav class="navbar">
    <div class="container">
        <a href="/" class="logo">
            {{if .Site.Title}}{{.Site.Title}}{{else}}生活家{{end}}
        </a>
        <button class="nav-toggle" id="navToggle" aria-label="切换导航">
            <span></span>
            <span></span>
            <span></span>
        </button>
        <ul class="nav-menu" id="navMenu">
            {{if .Columns}}
            {{range .Columns}}
            <li class="nav-item">
                <a href="/{{.Slug}}" class="nav-link {{if and $.CurrentColumn (eq $.CurrentColumn.Id .Id)}}active{{end}}">
                    {{.Name}}
                </a>
            </li>
            {{end}}
            {{end}}
            <li class="nav-item">
                <form action="/search" method="get" class="search-form">
                    <input type="text" name="key" placeholder="搜索..." value="{{if .Request}}{{.Request.Query.key}}{{end}}" class="search-input">
                    <button type="submit" class="search-btn" aria-label="搜索">
                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <circle cx="11" cy="11" r="8"></circle>
                            <path d="m21 21-4.35-4.35"></path>
                        </svg>
                    </button>
                </form>
            </li>
        </ul>
    </div>
</nav>
{{end}}