文档: 无人值守专项设计档+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,