优化全能创作

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

@@ -1463,25 +1463,29 @@
   color: #66707d;
 }
 
-.omni-send-pending {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  color: rgba(255, 255, 255, .72);
-  font-size: 12px;
+.omni-chat-stack {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  max-width: min(670px, 82%);
 }
 
-.omni-send-spinner,
-.omni-typing i {
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
+.omni-chat-stack .omni-chat-bubble {
+  max-width: 100%;
+}
+
+/* 发送中:不要文案;用户气泡略提亮 + 柔和呼吸,发出去后恢复纯黑 */
+.omni-chat-row.is-user .omni-chat-stack.is-pending .omni-chat-bubble {
+  background: #3a424e;
+  border-color: #3a424e;
+  animation: omniSendPulse 1.35s ease-in-out infinite;
 }
 
 .omni-send-spinner {
-  border: 1.5px solid rgba(255, 255, 255, .28);
-  border-top-color: #fff;
-  animation: omniSpin .7s linear infinite;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
 }
 
 .omni-chat-bubble.is-thinking {
@@ -1502,6 +1506,7 @@
 .omni-typing i {
   width: 6px;
   height: 6px;
+  border-radius: 50%;
   background: var(--klein);
   opacity: .35;
   animation: omniTyping 1.1s ease-in-out infinite;
@@ -1515,19 +1520,6 @@
   40% { opacity: 1; transform: translateY(-2px); }
 }
 
-.omni-process-skeleton,
-.omni-think-skeleton {
-  height: 168px;
-  border-radius: var(--r-md, 12px);
-  background: linear-gradient(90deg, #eef1f5 0%, #f7f8fa 45%, #eef1f5 100%);
-  background-size: 220% 100%;
-  animation: omniShimmer 1.2s ease infinite;
-}
-
-.omni-think-skeleton {
-  display: none;
-}
-
 .omni-chat-bubble.is-reasoning {
   display: flex;
   flex-direction: column;
@@ -1557,6 +1549,25 @@
   padding-left: 10px;
 }
 
+@keyframes omniSendPulse {
+  0%, 100% {
+    background: #3a424e;
+    box-shadow: 0 0 0 0 rgba(58, 66, 78, 0);
+  }
+  50% {
+    background: #4a5360;
+    box-shadow: 0 0 0 4px rgba(58, 66, 78, .12);
+  }
+}
+
+.omni-process-skeleton {
+  height: 168px;
+  border-radius: var(--r-md, 12px);
+  background: linear-gradient(90deg, #eef1f5 0%, #f7f8fa 45%, #eef1f5 100%);
+  background-size: 220% 100%;
+  animation: omniShimmer 1.2s ease infinite;
+}
+
 @keyframes omniShimmer {
   0% { background-position: 100% 0; }
   100% { background-position: -100% 0; }