重构: 跨模块样式DRY收口+审批列表增强+灵感模块优化

- 全局样式收口: page-header/btn/modal/filter-bar/back-link/empty-state
  等通用类从12个视图的scoped重复定义提取到global.css/components.css
- 审批列表增强: 筛选栏(状态/风险/工具搜索)+行展开查看完整参数结果
  +审批耗时显示+刷新spinner+硬编码颜色全部改用CSS变量
- 灵感模块: scoreTier统一评分阈值+score-bar/assessment-badge提取全局
  +statusLabelKey消除重复+i18n状态文案对齐+eval-report--muted统一空态
- Dashboard: df-panel/df-link提取全局(修scoped不渗透)+统计卡可点击跳转
  +活跃项目面板只显示active状态+灵感列表按分数排序+刷新spinner
- 修复: intent.rs tool_type类型对齐(newtype)+ToolCardList补ai-btn定义
  +SkillMention/ImageInput样式不渗透修复(提取全局)

src/views/Projects.vue

@@ -432,29 +432,11 @@ async function runImport() {
 <style scoped>
 .projects { padding: 16px 20px 20px; }
 
-.page-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: var(--df-gap-page);
-}
-.page-header h1 { font-size: 24px; font-weight: 500; color: var(--df-text); }
-.header-actions { display: flex; gap: 10px; }
-
-/* ===== 按钮 ===== */
-.btn {
-  padding: 8px 16px;
-  border: none;
-  border-radius: var(--df-radius-sm);
-  font-size: 13px;
-  cursor: pointer;
-  transition: all 0.15s;
-}
-.btn-primary { background: var(--df-accent); color: #fff; }
-.btn-primary:hover { background: var(--df-accent-hover); }
+/* page-header / btn / modal 系列已提取到 global.css 全局 */
+/* 本页特有:.btn-danger(全局尚未提供)、.btn:disabled(全局仅 .btn-primary:disabled) */
 .btn-danger { background: transparent; color: var(--df-danger); border: 0.5px solid rgba(240,101,101,0.4); }
 .btn-danger:hover { background: rgba(240,101,101,0.12); }
-.btn-sm { padding: 4px 10px; font-size: 12px; }
+.btn:disabled { opacity: 0.4; cursor: not-allowed; }
 
 /* ===== 卡片网格 ===== */
 .project-grid {
@@ -495,42 +477,10 @@ async function runImport() {
 .scan-row { display: flex; gap: 8px; align-items: center; margin-top: 8px; }
 
 /* ===== 模态框 ===== */
-.modal-overlay {
-  position: fixed; inset: 0;
-  background: rgba(0,0,0,0.5);
-  display: flex; align-items: center; justify-content: center;
-  z-index: 100;
-}
-.modal-box {
-  background: var(--df-bg-card);
-  border: 0.5px solid var(--df-border);
-  border-radius: var(--df-radius-lg);
-  padding: 24px;
-  width: 420px;
-  max-width: 90vw;
-}
-.modal-title { font-size: 18px; font-weight: 500; color: var(--df-text); margin-bottom: 16px; }
-.modal-field { margin-bottom: 14px; }
-.modal-field label { display: block; font-size: 12px; color: var(--df-text-dim); margin-bottom: 4px; }
-.modal-field input, .modal-field textarea {
-  width: 100%; padding: 8px 10px; border-radius: var(--df-radius-sm);
-  border: 0.5px solid var(--df-border); background: var(--df-bg);
-  color: var(--df-text); font-size: 13px; font-family: inherit;
-  box-sizing: border-box;
-}
-.modal-field input:focus, .modal-field textarea:focus {
-  outline: none; border-color: var(--df-accent);
-}
-.modal-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 4px; }
-.btn-ghost { background: transparent; color: var(--df-text-secondary); border: 0.5px solid var(--df-border); }
-.btn-ghost:hover { background: var(--df-bg-card); color: var(--df-text); }
-.btn:disabled { opacity: 0.4; cursor: not-allowed; }
+/* page-header / btn / modal 系列已提取到 global.css 全局 */
 
 /* ===== 空状态 ===== */
-.empty-state {
-  text-align: center; padding: 60px 20px;
-  font-size: 14px; color: var(--df-text-dim);
-}
+/* page-header / btn / modal 系列已提取到 global.css 全局 */
 
 /* ===== 错误条(消费 store.error,对齐 Knowledge error-banner) ===== */
 .error-banner {