重构: 跨模块样式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/ProjectDetail.vue

@@ -559,7 +559,8 @@ onUnmounted(() => {
 
 /* 加载/空态(模板顶部使用) */
 .loading-state { text-align: center; padding: 40px; color: var(--df-text-dim); }
-.empty-state { text-align: center; padding: 40px; display: flex; flex-direction: column; align-items: center; gap: 12px; }
+/* 覆盖全局 .empty-state:带图标+文字垂直排列,缩短 padding */
+.empty-state { padding: 40px; display: flex; flex-direction: column; align-items: center; gap: 12px; }
 
 /* ===== 项目信息样式 ===== */
 .project-info {
@@ -655,39 +656,16 @@ onUnmounted(() => {
   margin: 6px 0;
 }
 
-/* assessment badge(复用 IdeaDetail 同名类的样式定义) */
-.assessment-badge {
-  display: inline-block;
-  padding: 4px 12px;
-  border-radius: 20px;
-  font-size: 11px;
-  font-weight: 500;
-}
-.assessment-badge.immediate { background: var(--df-success-bg); color: var(--df-success); }
-.assessment-badge.soon { background: var(--df-info-bg); color: var(--df-info); }
-.assessment-badge.conditional { background: var(--df-warning-bg); color: var(--df-warning); }
-.assessment-badge.revised { background: rgba(255, 217, 61, 0.2); color: var(--df-warning); }
-.assessment-badge.defer { background: var(--df-danger-bg); color: var(--df-danger); }
-.assessment-badge.cancel { background: var(--df-danger-bg); color: var(--df-danger); }
+/* assessment-badge 系列(基础 + immediate/soon/conditional/revised/defer/cancel)
+   已提取到 styles/components.css 全局 */
 
-/* 多维评分条(复用 IdeaDetail score-bar-* 样式定义) */
+/* 多维评分条(.score-bar-* 系列)已提取到 styles/components.css 全局 */
 .source-scores {
   display: flex;
   flex-direction: column;
   gap: 8px;
   margin-top: 8px;
 }
-.score-bar-row { display: flex; align-items: center; gap: 10px; }
-.score-bar-label { font-size: 12px; color: var(--df-text-secondary); min-width: 64px; text-align: right; }
-.score-bar-track {
-  flex: 1; height: 8px; background: var(--df-border);
-  border-radius: var(--df-radius-xs); overflow: hidden;
-}
-.score-bar-fill { height: 100%; border-radius: var(--df-radius-xs); transition: width 0.4s; }
-.fill-high { background: var(--df-success); }
-.fill-mid { background: var(--df-warning); }
-.fill-low { background: var(--df-danger); }
-.score-bar-value { font-size: 12px; font-weight: 500; min-width: 28px; text-align: right; color: var(--df-text); }
 
 </style>
 
@@ -727,16 +705,9 @@ onUnmounted(() => {
   overflow: hidden;
 }
 
-.page-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: var(--df-gap-page);
-}
+/* .page-header / .page-header h1 已提取到 styles/global.css 全局 */
 .header-left { display: flex; align-items: center; gap: 12px; }
-.back-link { font-size: 13px; color: var(--df-accent); text-decoration: none; }
-.back-link:hover { text-decoration: underline; }
-.page-header h1 { font-size: 24px; font-weight: 500; color: var(--df-text); }
+/* .back-link / .back-link:hover 已提取到 styles/global.css 全局 */
 
 .stage-badge {
   font-size: 12px;
@@ -752,24 +723,9 @@ onUnmounted(() => {
 .stage-paused { background: rgba(158,158,158,0.15); color: #9e9e9e; }
 .stage-cancelled { background: rgba(244,67,54,0.15); color: #f44336; }
 
-.header-actions { display: flex; gap: 10px; }
+/* .header-actions 已提取到 styles/global.css 全局 */
 
-/* ===== 按钮 ===== */
-.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); }
-.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-sm { padding: 4px 12px; font-size: 12px; }
-.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 系列(btn/btn-primary/btn-ghost/btn-sm/btn-danger)已提取到 styles/global.css 全局 */
 
 /* ===== 两栏布局 — 自己滚动,不撑大父级 ===== */
 .detail-grid {
@@ -856,35 +812,8 @@ onUnmounted(() => {
 
 /* ===== 项目信息(左栏 .project-info/.info-item,右栏重复面板已删)===== */
 
-/* ===== 模态框 ===== */
-.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:disabled { opacity: 0.4; cursor: not-allowed; }
+/* .modal-* 系列(modal-overlay/modal-box/modal-title/modal-field/modal-actions)
+   及 .btn:disabled 已提取到 styles/global.css 全局 */
 
 .empty-hint {
   text-align: center; padding: 24px 12px;