Build a content search results page with Tailwind CSS: a large search input showing the active query with a clear button, result-type tabs (All / Posts / Docs / Videos) with counts, and a mixed result list where each row shows a type icon, a title with the matched query highlighted in the text, a breadcrumb-style source path, and a relevance snippet. Include a "no results for X" state with suggested queries and a did-you-mean correction link when the query is misspelled.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。