# 高级检索视觉规格

## 设计方向

沿用当前主题背景和语义 token，不创建新主题。高级检索是覆盖主工作区的独立操作面，参考图只提供构图、层级和结果阅读方式。

## 关键尺寸

- 桌面面板：覆盖 `.chat-main`，最小宽度 0，顶栏 58–64px。
- 内容最大宽度：960px；参考视口下左右 46–48px，窄屏下 18px。
- 控件高度：24–30px；结果标题与正文间距 12–16px；结果垂直内边距 18–22px。
- 摘要最多两段，每段最多约 220 字符；时间位于结果底部右侧。

## 状态覆盖

- 未输入、输入不足两个字符、查询中、索引构建中、无结果、错误、有结果。
- 长标题、长路径、长摘要、中文/英文、代码片段、特殊 HTML 字符。
- 参考视口 733×673、常规桌面 1440×900、移动端 390×844。

## 安全

- 标题和摘要只用文本节点渲染，高亮拆分 text/mark 节点。
- 尊重 `prefers-reduced-motion`，移动端不使用大幅位移。