文档: 无人值守专项设计档+todo 销账(#10/#11/#12), Web 规范合规批(App/视图/组件样式)

src/components/ai/ApprovalOverlay.vue

@@ -125,7 +125,7 @@ function onDismiss() {
   border-radius: var(--df-radius-md);
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px var(--df-accent-soft);
   cursor: pointer;
-  transition: all 0.18s var(--df-ease);
+  transition: transform 0.18s var(--df-ease), border-color 0.18s var(--df-ease), box-shadow 0.18s var(--df-ease);
   user-select: none;
 }
 
@@ -197,7 +197,7 @@ function onDismiss() {
   color: var(--df-text-dim);
   cursor: pointer;
   flex-shrink: 0;
-  transition: all 0.15s var(--df-ease);
+  transition: background 0.15s var(--df-ease), color 0.15s var(--df-ease);
 }
 
 .approval-overlay-close:hover {
@@ -208,7 +208,7 @@ function onDismiss() {
 /* 进出动画:从右侧滑入 */
 .approval-overlay-enter-active,
 .approval-overlay-leave-active {
-  transition: all 0.25s var(--df-ease);
+  transition: opacity 0.25s var(--df-ease), transform 0.25s var(--df-ease);
 }
 
 .approval-overlay-enter-from,

src/components/ai/ChatInput.vue

@@ -1219,7 +1219,7 @@ defineExpose({
   background: var(--df-bg-raised);
   color: var(--df-text-dim);
   cursor: pointer;
-  transition: all 0.15s;
+  transition: background 0.15s, color 0.15s;
   flex-shrink: 0;
 }
 .ai-img-pick-btn {
@@ -1233,7 +1233,7 @@ defineExpose({
   background: transparent;
   color: var(--df-text-dim);
   cursor: pointer;
-  transition: all 0.15s;
+  transition: background 0.15s, color 0.15s;
   flex-shrink: 0;
   margin-right: 4px;
 }

src/components/ai/EmptyState.vue

@@ -122,7 +122,7 @@ const examplePrompts = [
   text-align: left;
   cursor: pointer;
   opacity: 0.85;
-  transition: all 0.15s var(--df-ease);
+  transition: border-color 0.15s var(--df-ease), color 0.15s var(--df-ease), opacity 0.15s var(--df-ease), background 0.15s var(--df-ease);
 }
 .ai-empty-prompt:hover {
   border-color: var(--df-accent);