大量优化全能创作

core/frontend/src/omni-session-page.css

@@ -281,34 +281,81 @@
 
 .omni-reply-custom-input {
   display: flex;
-  flex: 1 1 220px;
+  flex: 1 1 260px;
   gap: 6px;
+  width: min(300px, 100%);
   max-width: 300px;
 }
 
 .omni-reply-custom-input .input {
   min-width: 0;
-  height: 30px;
-  padding: 0 10px;
+  height: 36px;
+  padding: 0 12px;
   font-size: 12px;
 }
 
 .omni-reply-custom-input button {
-  flex: 0 0 30px;
-  width: 30px;
+  flex: 0 0 36px;
+  width: 36px;
   padding: 0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
 
+/* 小云雀式跟随追问：答案留在问题附近，尺寸不抢占对话空间。 */
+.omni-chat-question-input {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  width: min(300px, 100%);
+}
+
+.omni-chat-question-input .input {
+  min-width: 0;
+  height: 36px;
+  padding: 0 12px;
+  font-size: 12px;
+  border-color: var(--border-faint);
+  background: var(--surface);
+}
+
+.omni-chat-question-input button {
+  flex: 0 0 36px;
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--border-faint);
+  border-radius: var(--r-md);
+  color: var(--text-secondary);
+  background: var(--surface);
+  cursor: pointer;
+}
+
+.omni-chat-question-input button:hover:not(:disabled) {
+  border-color: var(--heat-40);
+  color: var(--heat);
+  background: var(--heat-12);
+}
+
+.omni-chat-question-input button:disabled {
+  color: var(--black-alpha-48);
+  background: var(--black-alpha-4);
+  cursor: not-allowed;
+}
+
 
 .omni-chat-row.is-user .omni-chat-bubble {
   align-items: flex-end;
-  border-color: var(--black);
+  border-color: var(--black-alpha-12);
   border-bottom-right-radius: 4px;
-  color: #fff;
-  background: var(--black);
+  color: var(--accent-black);
+  background: color-mix(in srgb, var(--surface) 72%, transparent);
+  -webkit-backdrop-filter: blur(14px) saturate(115%);
+  backdrop-filter: blur(14px) saturate(115%);
 }
 
 .omni-result-card,
@@ -1359,6 +1406,64 @@
   padding: 14px 18px 16px;
 }
 
+/* 卖点确认在策略和脚本之前出现：输入真实卖点，或把筛选权交给系统。 */
+.omni-selling-point-card {
+  box-sizing: border-box;
+  width: min(760px, calc(100% - 44px));
+  margin: 0 0 24px 44px;
+  overflow: hidden;
+  border-radius: var(--r-md);
+  background: var(--surface);
+  box-shadow: inset 0 0 0 1px var(--border-faint);
+}
+
+.omni-selling-point-card > header {
+  display: flex;
+  align-items: center;
+  min-height: 58px;
+  padding: 12px 16px;
+  box-shadow: inset 0 -1px 0 var(--border-faint);
+}
+
+.omni-selling-point-card header > div {
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+}
+
+.omni-selling-point-card header strong {
+  color: var(--accent-black);
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.omni-selling-point-card header span,
+.omni-selling-point-selected {
+  color: var(--black-alpha-56);
+  font-size: 12px;
+}
+
+.omni-selling-point-card form {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 14px 16px 16px;
+}
+
+.omni-selling-point-card .input {
+  width: 100%;
+}
+
+.omni-selling-point-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+
+.omni-selling-point-selected {
+  padding: 14px 16px 16px;
+}
+
 /* 剧情反转预设的方向选择：三个完整方向直接平铺，避免只留一句「我准备了三个方向」。 */
 .omni-direction-card {
   box-sizing: border-box;
@@ -1497,6 +1602,20 @@
   cursor: not-allowed;
 }
 
+.omni-direction-confirm {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  padding: 0 16px 16px;
+}
+
+.omni-direction-confirm > span {
+  margin-right: auto;
+  color: var(--black-alpha-56);
+  font-size: 12px;
+}
+
 .omni-elicit-field > label {
   display: block;
   margin-bottom: 9px;
@@ -2104,8 +2223,8 @@
 }
 
 .omni-chat-row.is-user .omni-chat-stack.is-pending .omni-chat-bubble {
-  background: #3a424e;
-  border-color: #3a424e;
+  background: color-mix(in srgb, var(--surface) 84%, transparent);
+  border-color: var(--black-alpha-16);
 }
 
 .omni-send-spinner {