{# trade-pro search — 站内搜索页精修（Task 11）。
   机制决策：采用与上游四主题完全相同的平台静态检索机制（V8.31 起全主题
   共享，非 automotive 专属）——构建器为每个构建打包 search-index.json
   （全站条目标题/摘要/类型/品牌），site-runtime.js 在客户端完成 ?q= 深链
   读取 + 关键词过滤 + 结果渲染，无任何服务端 API。JS 寻址的是 ID 钩子
   （#sf-search 输入 / #sf-search-results 容器 / #sf-search-count 计数，
   factory.css 的 .sf-search-page 提供基线观感）——三钩子与 .sf-search-page
   类名必须原样保留（平台契约），否则检索退化为一页死输入框。
   本模板的精修是观感层：hero 换 sf-tp-page-hero（10c 内页 hero 同款浅
   品牌横幅，搜索是工具页无层级——不带面包屑，与上游一致），搜索面板由
   pro.css 的 Task 11 作用域规则把 factory.css 的 system-ui 基线覆写为
   cms 令牌观感（含 site-runtime.js 注入的 .sf-search-result 结果卡）。
   构建器生成本页时 kind='search'（route 推断先于显式模板），robots 为
   noindex,follow；pro.html 对 search 页不渲染结尾 CTA 带。页面为英文
   （构建器的中文页题「站内搜索」仅进 <title>，不进正文）。 #}
<section class="sf-tp-page-hero sf-tp-search-hero">
  <div class="sf-tp-page-hero-overlay" aria-hidden="true"></div>
  <div class="wrap">
    <div class="sf-tp-page-hero-copy" data-reveal>
      <span class="eyebrow">SEARCH / CONTENT</span>
      <h1>Site Search</h1>
      <p class="sf-tp-page-hero-lead">Search products, brands, news and cases across this site.</p>
    </div>
  </div>
</section>
<main id="main-content" class="sf-search-page sf-tp-search-panel">
  <label for="sf-search">Enter a keyword</label>
  <input type="search" id="sf-search" placeholder="Search products, brands, news, cases..." autofocus>
  <div id="sf-search-count" aria-live="polite"></div>
  <div id="sf-search-results"></div>
</main>