<!-- ── Header ─────────────────────────────────────────────── -->
<header class="report-header">
  <div class="header-inner">
    <div class="header-eyebrow">
      <span class="header-badge">
        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2">
          <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
        </svg>
        <a href="https://github.com/modelscope/evalscope" target="_blank" rel="noopener">EvalScope</a>
      </span>
      <!-- Language toggle: EN / 中文 -->
      <div class="lang-switcher" role="group" aria-label="Language selection">
        <button class="lang-btn{% if default_lang == 'en' %} active{% endif %}" data-lang="en">EN</button>
        <button class="lang-btn{% if default_lang == 'zh' %} active{% endif %}" data-lang="zh">中文</button>
      </div>
    </div>
    <h1 class="report-title" data-i18n="header.title">Performance Benchmark Report</h1>
    <div class="meta-chips">
      <div class="meta-chip">
        <span class="meta-chip-label" data-i18n="meta.model">Model</span>
        <span class="meta-chip-value" title="{{ model }}">{{ model }}</span>
      </div>
      <div class="meta-chip">
        <span class="meta-chip-label" data-i18n="meta.api_type">API Type</span>
        <span class="meta-chip-value">{{ api_type }}</span>
      </div>
      <div class="meta-chip">
        <span class="meta-chip-label" data-i18n="meta.dataset">Dataset</span>
        <span class="meta-chip-value">{{ dataset }}</span>
      </div>
      <div class="meta-chip">
        <span class="meta-chip-label" data-i18n="meta.generated_at">Generated at</span>
        <span class="meta-chip-value">{{ generated_at }}</span>
      </div>
    </div>
  </div>
</header>
