搜索框
带放大镜的那个输入框：圆角胶囊、浅灰底，里面写着「搜你想要的」。
搜索结果页
Search Results
搜完看到的那一页：顶部留着搜索词，下面结果列表，带筛选、排序和「没找到」的兜底。
全平台通用搜索与筛选内容区组件
大白话说明
搜索结果页要完成三件事：让用户确认搜对了（搜索词与结果数清楚）、快速缩小范围（筛选排序 sticky 在顶部）、没结果时不死胡同（纠错词、热门推荐、清筛选入口）。
什么时候用
任何带搜索功能的产品都需要它独立成页，承载筛选、分页与空结果状态。
什么时候不用
结果永远只有一屏且不需要筛选的轻量搜索（如设置内搜索）可以内嵌，不必成页。
细节与变体
- 命中关键词在标题里加粗或标色，用户扫读速度翻倍
- 筛选条件改变要保留滚动位置的一部分上下文，别粗暴回顶部
- 空结果先给「去掉某个筛选试试」，再给热门内容，不要先甩一张大哭脸
配套提示词（点开填空、复制）
参考实现（开源）
- Ant Design（蚂蚁） ↗ MIT · 免费（MIT）
国内中后台的事实标准：表格、表单、列表都是行业参照物。
- MUI（Material UI） ↗ MIT · 免费（MIT，核心）
React 生态最老牌的 Material 组件库：组件全、文档厚、AI 生成命中率最高之一。