-border flex items-center gap-3 border-b p-4">
    <!-- 搜索图标 -->
    <div class="text-muted-foreground h-5 w-5 flex-shrink-0">
      {{ partial "features/icon.html" (dict "name" "search" "size" "sm" "ariaLabel" "") }}
    </div>

    <!-- 输入框容器 -->
    <div class="relative flex-1">
      <!-- 清空按钮 - 在输入框左侧 -->
      <button
        id="search-clear"
        class="text-muted-foreground hover:text-foreground hover:bg-muted/50 pointer-events-none absolute top-1/2 left-0 z