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

src/views/ApprovalPopup.vue

@@ -591,7 +591,7 @@ function onDragEnd() { isDragging.value = false }
   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);
 }
 .popup-header-close:hover {
   background: var(--df-sidebar-hover);
@@ -629,7 +629,7 @@ function onDragEnd() { isDragging.value = false }
   border-radius: var(--df-radius-sm);
   background: var(--df-sidebar-hover);
   border-left: 2px solid var(--df-accent);
-  transition: all 0.15s var(--df-ease);
+  transition: background 0.15s var(--df-ease);
 }
 .popup-item--path { border-left-color: var(--df-accent); }
 .popup-item--risk { border-left-color: var(--df-warning, #f0a020); }
@@ -725,7 +725,7 @@ function onDragEnd() { isDragging.value = false }
   font-size: 11px;
   font-weight: 600;
   cursor: pointer;
-  transition: all 0.15s var(--df-ease);
+  transition: background 0.15s var(--df-ease), color 0.15s var(--df-ease), border-color 0.15s var(--df-ease);
 }
 .popup-btn:disabled {
   opacity: 0.6;
@@ -806,7 +806,7 @@ function onDragEnd() { isDragging.value = false }
   font-size: 12px;
   font-weight: 600;
   cursor: pointer;
-  transition: all 0.15s var(--df-ease);
+  transition: background 0.15s var(--df-ease), color 0.15s var(--df-ease);
 }
 .popup-footer:hover {
   background: var(--df-accent);

src/views/AuditLog.vue

@@ -656,7 +656,7 @@ onMounted(() => {
   color: var(--df-text-dim);
   font-size: 13px;
   cursor: pointer;
-  transition: all 0.15s;
+  transition: color 0.15s, border-color 0.15s;
   margin-bottom: -0.5px;
 }
 .audit-tabs .tab-btn:hover { color: var(--df-text); }

src/views/Ideas.vue

@@ -585,7 +585,7 @@ watch(() => route.params.id, (id) => {
   padding: 14px;
   border-radius: var(--df-radius);
   cursor: pointer;
-  transition: all 0.15s;
+  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
   margin-bottom: 4px;
 }
 .idea-card-body {

src/views/Knowledge.vue

@@ -498,7 +498,7 @@ onMounted(() => {
 .top-tabs { display: flex; gap: 4px; margin-bottom: var(--df-gap-page); border-bottom: 0.5px solid var(--df-border); }
 .top-tab {
   padding: 8px 16px; border: none; background: transparent; color: var(--df-text-secondary);
-  font-size: 13px; cursor: pointer; border-bottom: 2px solid transparent; transition: all 0.15s;
+  font-size: 13px; cursor: pointer; border-bottom: 2px solid transparent; transition: color 0.15s, border-color 0.15s;
   display: flex; align-items: center; gap: 6px;
 }
 .top-tab:hover { color: var(--df-text); }
@@ -543,7 +543,7 @@ onMounted(() => {
 .list-cards { flex: 1; overflow-y: auto; padding: 8px 12px 12px; display: flex; flex-direction: column; gap: 8px; }
 .kn-card {
   background: var(--df-bg-card); border: 0.5px solid var(--df-border);
-  border-radius: var(--df-radius); padding: 10px 12px; cursor: pointer; transition: all 0.15s;
+  border-radius: var(--df-radius); padding: 10px 12px; cursor: pointer; transition: border-color 0.15s, box-shadow 0.15s;
 }
 .kn-card:hover { border-color: var(--df-accent); }
 .kn-card.selected { border-color: var(--df-accent); box-shadow: inset 3px 0 0 var(--df-accent); }

src/views/ProjectDetail.vue

@@ -1399,7 +1399,7 @@ onUnmounted(() => {
   color: var(--df-text-dim);
   font-size: 13px;
   cursor: pointer;
-  transition: all 0.15s;
+  transition: color 0.15s, border-color 0.15s;
   margin-bottom: -0.5px;
 }
 .tab-btn:hover {
@@ -1495,7 +1495,7 @@ onUnmounted(() => {
   color: var(--df-text-dim);
   font-size: 10px;
   cursor: pointer;
-  transition: all 0.15s;
+  transition: background 0.15s, color 0.15s, border-color 0.15s;
   white-space: nowrap;
 }
 .task-filter-chips .filter-chip:hover {

src/views/Projects.vue

@@ -555,7 +555,7 @@ async function runImport() {
   font-size: 14px;
   line-height: 1;
   cursor: pointer;
-  transition: all 0.15s;
+  transition: background 0.15s, color 0.15s;
 }
 .view-toggle-btn:hover { background: var(--df-bg-card); color: var(--df-text); }
 .view-toggle-btn.active {

src/views/Tasks.vue

@@ -1022,7 +1022,7 @@ onUnmounted(() => {
   background: var(--df-bg);
   border: 0.5px solid var(--df-border);
   cursor: pointer;
-  transition: all 0.15s;
+  transition: background 0.15s, color 0.15s, border-color 0.15s;
 }
 .seg-btn:first-child { border-radius: var(--df-radius-sm) 0 0 var(--df-radius-sm); }
 .seg-btn:last-child { border-radius: 0 var(--df-radius-sm) var(--df-radius-sm) 0; }
@@ -1239,7 +1239,7 @@ onUnmounted(() => {
   color: var(--df-text-dim);
   font-size: 11px;
   cursor: pointer;
-  transition: all 0.15s;
+  transition: background 0.15s, color 0.15s, border-color 0.15s;
   white-space: nowrap;
 }
 .filter-chip:hover {