优化全能创作

This commit is contained in:
Azmat@qq.com
2026-09-14 11:47:49 +08:00
parent 02e5dbfb60
commit 463613c0d7
7 changed files with 875 additions and 197 deletions
+90 -32
View File
@@ -194,6 +194,11 @@
animation: omniMessageIn 220ms ease both;
}
/* 追问/素材选择卡:关掉入场 opacity,poll 合并时即使短暂重挂也不会闪没 */
.omni-elicit-card {
animation: none;
}
.omni-elicit-slot {
width: min(760px, calc(100% - 44px));
margin: 0 0 24px 44px;
@@ -370,37 +375,6 @@
font-size: 12px;
}
.omni-plan-matrix {
width: 100%;
border-collapse: separate;
border-spacing: 5px;
table-layout: fixed;
}
.omni-plan-matrix th,
.omni-plan-matrix td {
height: 28px;
border-radius: 7px;
color: #6d747e;
background: #f6f8fa;
font-size: 11px;
font-weight: 600;
text-align: center;
}
.omni-plan-matrix th:first-child,
.omni-plan-matrix td:first-child {
width: 106px;
padding-left: 8px;
color: #323944;
text-align: left;
}
.omni-plan-matrix td.hit {
color: #fff;
background: var(--klein);
}
.omni-plan-summary {
display: flex;
align-items: center;
@@ -507,6 +481,13 @@
background: rgba(255, 255, 255, .96);
box-shadow: 0 15px 34px rgba(20, 27, 38, .10);
backdrop-filter: blur(14px);
transition: border-color .18s ease, box-shadow .18s ease;
}
/* 「我想改」后点亮输入区,outline:0 的 textarea 本身看不出焦点 */
.omni-session-composer.is-revise-hint {
border-color: rgba(0, 47, 167, .42);
box-shadow: 0 15px 34px rgba(20, 27, 38, .10), 0 0 0 3px rgba(0, 47, 167, .14);
}
#omniSessionPrompt {
@@ -1157,7 +1138,8 @@
.omni-prompt-file-card,
.omni-result-card,
.omni-process-card,
.omni-elicit-slot {
.omni-elicit-slot,
.omni-step-confirm-card {
width: 100%;
margin-left: 0;
}
@@ -1313,6 +1295,76 @@
pointer-events: none;
}
/* ── 步骤确认(.omni-step-confirm-card)· 策略/方案/Prompt 闸门
与 .omni-strategy-card 同宽同左缩进,避免策略卡下方出现一条瘦操作条 */
.omni-step-confirm-card {
box-sizing: border-box;
width: min(760px, calc(100% - 44px));
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 0 0 24px 44px;
padding: 14px 16px;
border: 1px solid rgba(34, 42, 54, 0.09);
border-radius: 16px;
background: #fff;
box-shadow: 0 12px 30px rgba(20, 27, 38, .065);
/* 不走入场 opacity 动画:poll 重渲染时避免「闪一下」 */
animation: none;
}
.omni-step-confirm-card.is-submitted {
opacity: 0.72;
}
.omni-step-confirm-copy {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
.omni-step-confirm-copy strong {
color: #222a36;
font-size: 14px;
font-weight: 600;
}
.omni-step-confirm-copy span {
color: #575d66;
font-size: 12px;
line-height: 1.4;
}
.omni-step-confirm-actions {
display: flex;
flex-shrink: 0;
gap: 8px;
}
.omni-step-confirm-actions button {
padding: 8px 16px;
border: 0;
border-radius: 8px;
background: var(--klein);
color: #fff;
font-size: 13px;
cursor: pointer;
}
.omni-step-confirm-actions button.is-secondary {
background: #fff;
border: 1px solid rgba(34, 42, 54, 0.14);
color: #222a36;
}
.omni-step-confirm-actions button:disabled {
opacity: 0.45;
cursor: not-allowed;
}
/* ── 确认闸门(.omni-confirm-card)· 设计稿里是方案卡下面那条操作行,这里独立成卡。
积分数字挂在按钮里 —— 用户按下去之前就该知道要花多少。 */
.omni-confirm-card {
@@ -2008,6 +2060,12 @@
}
/* 闸门气泡所在行不入场闪:5 闸门按钮需在 awaiting_user 期间保持实心可见 */
.omni-chat-row.agent:has(.omni-gate-actions),
.omni-chat-row.agent:has(.omni-gate-answered) {
animation: none;
}
.omni-gate-bubble {
display: flex;
flex-direction: column;