三栏对齐，图标操作有说明
同一组模拟会话、同一视口的真实浏览器截图。切换前后，查看顶栏高度、紧凑用量和操作提示。
本页可离线打开，不连接模型或读取任何私人会话。PR #865 · Issue #867
可直接核对的变化
| 细节 | 修改前 | 修改后 |
|---|---|---|
| 宽屏三栏顶栏底边 | 左 40 / 中 64 / 右 46px | 统一为 64 / 64 / 64px |
| 1280px 桌面，中间栏宽 520px | 用量换行，中间顶栏增高到约 105px | 显示上下文摘要，顶栏保持 64px |
| 图标含义 | 部分只有无障碍名称或浏览器原生 title | 沿用现有 Tooltip，支持悬停和键盘聚焦，Esc 关闭 |
| 完整用量 | 数值常驻，容易挤压会话标题 | 窄栏摘要；提示和详情保留完整数值 |
| 控件与阅读 | 同一组会话内容、输入框与工具入口 | 操作位置保留，补充解释，不增加额外常驻说明行 |
提示在需要时出现
检查了输入框展开／收起、侧栏展开／收起、代码复制提示、工具栏提示、用量详情和键盘导航。提示使用现有组件，没有新增提示框架。
查看深色主题
