优化: 溢出修复与视觉token收敛+三处小清理

- diff长行折行可读/任务描述与产出宽表格横滚/确认弹窗长路径折行
- 滚动条色抽token浅色主题可见/阶段徽章与优先级色对齐语义token
- git状态色与错误色替换散落硬编码
- alert残留换toast走i18n/分离窗口缺参数补错误态/dev路由生产守卫

src/components/ConfirmDialog.vue

@@ -84,6 +84,8 @@ watch(() => props.visible, () => {})
   color: var(--df-text, #333);
   line-height: 1.5;
   margin-bottom: 16px;
+  /* anywhere:长 Windows 路径等无空格长串可断行,不撑破 360px 弹窗 */
+  overflow-wrap: anywhere;
 }
 .confirm-actions {
   display: flex;

src/components/project/FilePreview.vue

@@ -641,7 +641,7 @@ onUnmounted(() => {
 }
 
 .preview-size { color: var(--df-text-dim); flex-shrink: 0; }
-.preview-truncated { color: #f0a020; flex-shrink: 0; }
+.preview-truncated { color: var(--df-git-modified); flex-shrink: 0; }
 
 .git-badge {
   flex-shrink: 0;
@@ -655,7 +655,7 @@ onUnmounted(() => {
 
 .git-modified { background: color-mix(in srgb, var(--df-git-modified) 18%, transparent); color: var(--df-git-modified); }
 .git-added { background: color-mix(in srgb, var(--df-git-added) 18%, transparent); color: var(--df-git-added); }
-.git-untracked { background: rgba(150, 150, 150, 0.18); color: #999; }
+.git-untracked { background: rgba(150, 150, 150, 0.18); color: var(--df-git-untracked); }
 .git-deleted { background: color-mix(in srgb, var(--df-git-deleted) 18%, transparent); color: var(--df-git-deleted); }
 .git-other { background: color-mix(in srgb, var(--df-git-untracked) 18%, transparent); color: var(--df-git-untracked); }
 
@@ -737,7 +737,7 @@ onUnmounted(() => {
   font-size: 13px;
 }
 
-.preview-error { color: #e05050; }
+.preview-error { color: var(--df-danger); }
 .binary-icon { font-size: 32px; opacity: 0.5; }
 
 .preview-image {
@@ -1062,7 +1062,9 @@ onUnmounted(() => {
 
 .diff-line-text {
   flex: 1;
-  white-space: pre;
+  /* pre-wrap + break-all:diff 长行折行显示,替代旧 pre+hidden 的静默裁剪(内容不可达) */
+  white-space: pre-wrap;
+  word-break: break-all;
   overflow: hidden;
 }
 

src/components/project/ProjectCard.vue

@@ -137,7 +137,7 @@ watch(() => props.view, () => nextTick(measureDesc))
 .stage-testing { background: rgba(255,217,61,0.15); color: var(--df-warning); }
 .stage-release { background: rgba(100,255,218,0.15); color: var(--df-success); }
 /* WK-1:暂停/取消置灰(PROJECT_STATUS_BADGE_CLASS 映射) */
-.stage-dim { background: rgba(158,158,158,0.15); color: #9e9e9e; }
+.stage-dim { background: rgba(158,158,158,0.15); color: var(--df-text-dim); }
 
 .card-desc-wrap {
   position: relative;

src/components/task/TaskBatchBar.vue

@@ -269,8 +269,8 @@ function confirmDelete() {
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
   max-width: 80vw;
 }
-.tbb-toast--success { border-color: rgba(82, 196, 26, 0.5); color: #67c23a; }
-.tbb-toast--warning { border-color: rgba(230, 162, 60, 0.5); color: #e6a23c; }
+.tbb-toast--success { border-color: color-mix(in srgb, var(--df-success) 50%, transparent); color: var(--df-success); }
+.tbb-toast--warning { border-color: color-mix(in srgb, var(--df-warning) 50%, transparent); color: var(--df-warning); }
 .tbb-toast--error { border-color: rgba(240, 101, 101, 0.5); color: var(--df-danger); }
 .toast-enter-active, .toast-leave-active { transition: opacity 0.2s; }
 .toast-enter-from, .toast-leave-to { opacity: 0; }

src/components/task/TaskOutputCard.vue

@@ -94,6 +94,7 @@ const reviewSuggestions = computed<string[]>(() => {
   display: flex;
   flex-direction: column;
   gap: 10px;
+  overflow-x: auto;
 }
 /* 自审结论卡:verdict 红绿标(pass 绿 / fail 红 / unknown 灰),复用全局 --df-success/danger token */
 .review-card {