feat: 思考过程展示优化 — 先展开再自动收拢

AiProcessBlock 改进:
- 超时从 2.6s 延至 6s,用户有充足时间阅读思考链路
- 新增 aiProcessPulse 脉冲高亮动画,强调'思考过程刚出炉'
- 展开时自动 scrollIntoView,确保不被正文遮挡
- 摘要文案改为'AI 思考 / 执行过程(N步 — 自动收拢中...)'

CSS 新增:
- .ai-process-fresh 脉冲动画 + summary 文字高亮
- @keyframes aiProcessPulse: 0→50%→100% 边框扩散+收拢
This commit is contained in:
QihuAI Design committed 2026-07-23 22:00:49 +08:00
1 parent 9d67b0544c
commit 2721da5d4c
2 files changed
+43 -5

No files matched your search

+24
View File
@@ -1574,6 +1574,30 @@ del {
border-color: color-mix(in srgb, var(--color-accent, #5B5FED) 35%, transparent);
}
/* 新鲜出炉的思考面板 — 脉冲高亮动画 */
.ai-process-fresh {
animation: aiProcessPulse 1.2s ease-out;
}
.ai-process-fresh .ai-process-summary {
color: var(--color-accent, #5B5FED);
font-weight: 700;
}
@keyframes aiProcessPulse {
0% {
box-shadow: 0 0 0 0 rgba(91, 95, 237, 0.4);
border-color: var(--color-accent, #5B5FED);
}
50% {
box-shadow: 0 0 0 6px rgba(91, 95, 237, 0.08);
border-color: color-mix(in srgb, var(--color-accent, #5B5FED) 60%, transparent);
}
100% {
box-shadow: 0 6px 22px rgba(91, 95, 237, 0.10);
border-color: color-mix(in srgb, var(--color-accent, #5B5FED) 35%, transparent);
}
}
.ai-process-summary {
list-style: none;
cursor: pointer;