{# 产品站页眉。导航由 html_theme_options：turingq_logo_href、turingq_nav 驱动（默认值由 __init__ 注入，见 defaults.py）。 #}
{# 双保险：iframe 时隐藏页眉 — site-chrome.css / site-chrome.js #}
{% import "nav_macros.html" as dqnav %}
<script data-cfasync="false">
(function () {
  try {
    if (window.self !== window.top) {
      document.documentElement.classList.add('dq-chrome-embed');
    }
  } catch (e) {
    document.documentElement.classList.add('dq-chrome-embed');
  }
})();
</script>
<header class="ct-header dq-site-header" id="dq-site-header">
  <div class="header-desktop">
    <div class="header-row">
      <div class="container-fluid">
        <div class="header-columns">
          <div class="column-start">
            <div class="site-branding">
              <a href="{{ theme_turingq_logo_href }}" class="site-logo-container">
                <img src="{{ pathto('_static/turingq_sp_book/images/header/logo.png', 1) }}" alt="Logo" class="default-logo" width="314" height="56" loading="eager">
              </a>
            </div>
          </div>

          <div class="column-middle">
            <nav class="header-menu" aria-label="{{ _('Header menu') }}">
              {% if theme_turingq_nav %}
              {{ dqnav.render_desktop(theme_turingq_nav) }}
              {% endif %}
            </nav>
          </div>

          <div class="column-end" aria-hidden="true">
            {# 恢复搜索时请去掉 aria-hidden，并在此处加入 dq-search-open 等控件 #}
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="header-mobile">
    <div class="header-row">
      <div class="container-fluid">
        <div class="header-columns">
          <div class="column-start">
            <div class="site-branding">
              <a href="{{ theme_turingq_logo_href }}" class="site-logo-container">
                <img src="{{ pathto('_static/turingq_sp_book/images/header/logo.png', 1) }}" alt="Logo" class="default-logo" width="314" height="62" loading="eager">
              </a>
            </div>
          </div>
          <div class="column-end">
            <button type="button" class="ct-header-trigger ct-toggle dq-mobile-menu-open" aria-label="{{ _('Menu') }}">
              <svg class="ct-icon" width="18" height="14" viewBox="0 0 18 14" aria-hidden="true">
                <rect y="0.00" width="18" height="1.7" rx="1" />
                <rect y="6.15" width="18" height="1.7" rx="1" />
                <rect y="12.3" width="18" height="1.7" rx="1" />
              </svg>
            </button>
          </div>
        </div>
      </div>
    </div>

    <div id="dq-mobile-panel" class="menu-panel dq-mobile-panel">
      <div class="panel-actions">
        <button type="button" class="ct-toggle-close dq-mobile-menu-close" aria-label="{{ _('Close menu') }}">
          <svg class="ct-icon" width="12" height="12" viewBox="0 0 15 15" aria-hidden="true">
            <path d="M1 15a1 1 0 01-.71-.29 1 1 0 010-1.41l5.8-5.8-5.8-5.8A1 1 0 011.7.29l5.8 5.8 5.8-5.8a1 1 0 011.41 1.41l-5.8 5.8 5.8 5.8a1 1 0 01-1.41 1.41l-5.8-5.8-5.8 5.8A1 1 0 011 15z" />
          </svg>
        </button>
      </div>
      <div class="panel-content dq-mobile-panel-inner">
        <nav class="mobile-menu" aria-label="{{ _('Header menu') }}">
          {% if theme_turingq_nav %}
          {{ dqnav.render_mobile(theme_turingq_nav) }}
          {% endif %}
        </nav>
      </div>
    </div>
  </div>

  <div id="dq-search-modal" class="search-modal dq-search-modal">
    <div class="panel-actions">
      <button type="button" class="ct-toggle-close dq-search-close" aria-label="{{ _('Close search') }}">
        <svg class="ct-icon" width="12" height="12" viewBox="0 0 15 15" aria-hidden="true">
          <path d="M1 15a1 1 0 01-.71-.29 1 1 0 010-1.41l5.8-5.8-5.8-5.8A1 1 0 011.7.29l5.8 5.8 5.8-5.8a1 1 0 011.41 1.41l-5.8 5.8 5.8 5.8a1 1 0 01-1.41 1.41l-5.8-5.8-5.8 5.8A1 1 0 011 15z" />
        </svg>
      </button>
    </div>
    <div class="panel-content">
      <form role="search" method="get" class="ct-search-form" action="{{ pathto('search') }}">
        <input type="search" name="q" class="modal-field" placeholder="{{ _('Search') }}" autocomplete="off" title="{{ _('Search') }}..." aria-label="{{ _('Search') }}...">
        <div class="ct-search-form-controls">
          <button type="submit" class="wp-element-button button-hover" aria-label="{{ _('Search') }}">
            <svg class="ct-icon" width="15" height="15" viewBox="0 0 15 15" aria-hidden="true">
              <path d="M14.8,13.7L12,11c0.9-1.2,1.5-2.6,1.5-4.2c0-3.7-3-6.8-6.8-6.8S0,3,0,6.8s3,6.8,6.8,6.8c1.6,0,3.1-0.6,4.2-1.5l2.8,2.8c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2C15.1,14.5,15.1,14,14.8,13.7z M1.5,6.8c0-2.9,2.4-5.2,5.2-5.2S12,3.9,12,6.8S9.6,12,6.8,12S1.5,9.6,1.5,6.8z" />
            </svg>
          </button>
        </div>
      </form>
    </div>
  </div>
</header>