feat: 思考过程展示优化 — 先展开再自动收拢
AiProcessBlock 改进: - 超时从 2.6s 延至 6s,用户有充足时间阅读思考链路 - 新增 aiProcessPulse 脉冲高亮动画,强调'思考过程刚出炉' - 展开时自动 scrollIntoView,确保不被正文遮挡 - 摘要文案改为'AI 思考 / 执行过程(N步 — 自动收拢中...)' CSS 新增: - .ai-process-fresh 脉冲动画 + summary 文字高亮 - @keyframes aiProcessPulse: 0→50%→100% 边框扩散+收拢
This commit is contained in:
1 parent
9d67b0544c
commit
2721da5d4c
2 files changed
+43
-5
No files matched your search
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user