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

src/styles/components.css

@@ -351,7 +351,7 @@
   background: transparent;
   color: var(--df-text-dim);
   cursor: pointer;
-  transition: all 0.15s;
+  transition: background 0.15s, color 0.15s;
 }
 .ai-btn-icon:hover {
   background: var(--df-bg-card);

src/styles/global.css

@@ -139,6 +139,25 @@ html, body, #app {
 ::-webkit-scrollbar-thumb { background: var(--df-scrollbar); border-radius: var(--df-radius-xs); }
 ::-webkit-scrollbar-thumb:hover { background: var(--df-scrollbar-hover); }
 
+/* ── UX 走查 P2-1(2026-10-06):Web 规范合规全局两刀 ──
+ * ① :focus-visible 兜底 outline:全仓 outline:none 25 处散点只删可见环不给补偿,
+ *   键盘用户失焦可见性;全局一条兜底(仅键盘导航触发,鼠标点击不显),散点无需逐处改。
+ * ② 弹层 overscroll-behavior:contain:弹层内滚到边界时滚动穿透到底层页面
+ *   (背景跟着晃),全仓此前零命中;约定所有浮层容器类统一滚动锁,新增弹层自动生效。
+ *   选择器=实证类名清单(2026-10-06 全仓 grep 核对):modal-overlay 10 处 /
+ *   TopBar 四面板 inline-list / ai-more-menu / ConfirmDialog 根。
+ */
+:focus-visible {
+  outline: 2px solid var(--df-accent);
+  outline-offset: 1px;
+}
+.modal-overlay,
+.ai-goals-inline-list, .ai-history-inline-list,
+.ai-summary-inline-list, .ai-context-inline-list,
+.ai-more-menu, .confirm-box {
+  overscroll-behavior: contain;
+}
+
 /* — Selection — */
 /* 选中态用 accent 实色 + 白字：保证紫底气泡(accent)选中也高对比可读,
    避免 accent-soft(透明紫)叠 accent 紫底导致紫字紫底不可见(深色主题) */
@@ -182,7 +201,7 @@ html, body, #app {
   font-size: 13px;
   font-weight: 500;
   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);
   white-space: nowrap;
 }
 .btn-primary { background: var(--df-accent); color: #fff; }
@@ -255,7 +274,7 @@ html, body, #app {
   color: var(--df-text-secondary);
   font-size: 13px;
   cursor: pointer;
-  transition: all 0.15s;
+  transition: background 0.15s, color 0.15s;
 }
 .filter-btn:hover { background: var(--df-bg-card); color: var(--df-text); }
 .filter-btn.active {