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

@@ -74,7 +74,7 @@
           </ul>
         </div>
       </div>
-      <div v-else class="eval-report" style="opacity:0.5">
+      <div v-else class="eval-report eval-report--muted">
         <button class="btn-evaluate" :disabled="evaluating" @click="$emit('evaluate')">
           {{ evaluating ? $t('ideas.evaluating') : $t('ideas.startEval') }}
         </button>
@@ -90,8 +90,8 @@
     <!-- 评估历史(版本时间线) -->
     <div class="detail-section">
       <h3>{{ $t('ideas.historyTitle') }}</h3>
-      <div v-if="historyLoading" class="eval-report" style="opacity:0.5">{{ $t('ideas.historyLoading') }}</div>
-      <div v-else-if="evalHistory.length === 0" class="eval-report" style="opacity:0.5">{{ $t('ideas.historyEmpty') }}</div>
+      <div v-if="historyLoading" class="eval-report eval-report--muted">{{ $t('ideas.historyLoading') }}</div>
+      <div v-else-if="evalHistory.length === 0" class="eval-report eval-report--muted">{{ $t('ideas.historyEmpty') }}</div>
       <div v-else class="eval-history-list">
         <div
           v-for="rec in evalHistory"
@@ -135,7 +135,7 @@
             <span v-else class="related-chip related-chip-missing">#{{ row.id }}</span>
           </template>
         </div>
-        <div v-else class="eval-report" style="opacity:0.5">{{ $t('ideas.relatedEmpty') }}</div>
+        <div v-else class="eval-report eval-report--muted">{{ $t('ideas.relatedEmpty') }}</div>
         <button class="btn btn-ghost btn-sm" @click="startRelateEdit">{{ $t('ideas.relatedManage') }}</button>
       </template>
       <!-- 编辑态 -->
@@ -154,7 +154,7 @@
             <span>{{ idea.title }}</span>
           </label>
         </div>
-        <div v-else class="eval-report" style="opacity:0.5">{{ $t('ideas.relatedEmpty') }}</div>
+        <div v-else class="eval-report eval-report--muted">{{ $t('ideas.relatedEmpty') }}</div>
         <div class="related-edit-actions">
           <button class="btn btn-primary btn-sm" @click="confirmRelate">{{ $t('ideas.relatedConfirm') }}</button>
           <button class="btn btn-ghost btn-sm" @click="cancelRelate">{{ $t('ideas.relatedCancel') }}</button>
@@ -169,12 +169,12 @@
         <div class="score-bar-row" v-for="dim in parseScores(idea.scores)" :key="dim.name">
           <span class="score-bar-label">{{ dim.name }}</span>
           <div class="score-bar-track">
-            <div class="score-bar-fill" :style="{ width: dim.score + '%' }" :class="dim.score >= 80 ? 'fill-high' : dim.score >= 60 ? 'fill-mid' : 'fill-low'"></div>
+            <div class="score-bar-fill" :style="{ width: dim.score + '%' }" :class="'fill-' + scoreTier(dim.score)"></div>
           </div>
           <span class="score-bar-value">{{ dim.score }}</span>
         </div>
       </div>
-      <div v-else class="eval-report" style="opacity:0.5">{{ $t('ideas.noEval') }}</div>
+      <div v-else class="eval-report eval-report--muted">{{ $t('ideas.noEval') }}</div>
     </div>
 
     <!-- 标签 -->
@@ -183,7 +183,7 @@
       <div class="tag-list" v-if="parseTags(idea.tags).length > 0">
         <span class="tag" v-for="tag in parseTags(idea.tags)" :key="tag">{{ tag }}</span>
       </div>
-      <div v-else class="eval-report" style="opacity:0.5">{{ $t('ideas.noTags') }}</div>
+      <div v-else class="eval-report eval-report--muted">{{ $t('ideas.noTags') }}</div>
     </div>
 
     <!-- 状态管理 -->
@@ -230,7 +230,7 @@ import { useProjectStore } from '../../stores/project'
 import { useRendered } from '../../composables/useMarkdown'
 import { ideaApi } from '../../api'
 import { formatDate } from '../../utils/time'
-import { parseScores, assessmentClass, assessmentLabel } from '../../utils/ideaEval'
+import { parseScores, assessmentClass, assessmentLabel, scoreTier } from '../../utils/ideaEval'
 import type { IdeaRecord, IdeaStatus, IdeaEvaluationRecord } from '../../api/types'
 
 const props = defineProps<{
@@ -491,17 +491,10 @@ watch(() => props.idea.id, loadHistory)
   border-left: 3px solid var(--df-accent);
   border-radius: 0 8px 8px 0;
 }
+/* 弱化态(空数据/加载中占位,原 inline opacity:0.5 统一为 class) */
+.eval-report--muted { opacity: 0.5; }
 
-/* ===== 状态标签 ===== */
-.status-tag {
-  font-size: 11px; font-weight: 500; padding: 2px 8px;
-  border-radius: var(--df-radius-xs);
-}
-.status-draft { background: rgba(90,99,128,0.2); color: var(--df-text-dim); }
-.status-pending_review { background: rgba(100,181,246,0.2); color: var(--df-info); }
-.status-approved { background: rgba(100,255,218,0.15); color: var(--df-success); }
-.status-promoted { background: rgba(108,99,255,0.2); color: var(--df-accent); }
-.status-rejected { background: rgba(255,107,107,0.2); color: var(--df-danger); }
+/* ===== 状态标签已提取到 styles/components.css 全局(.status-tag 系列) ===== */
 
 /* ===== 对抗式评估 ===== */
 .adversarial-eval {
@@ -595,21 +588,7 @@ watch(() => props.idea.id, loadHistory)
   margin-bottom: 1rem;
 }
 
-.assessment-badge {
-  display: inline-block;
-  padding: 4px 12px;
-  border-radius: 20px;
-  font-size: 11px;
-  font-weight: 500;
-  margin: 0.5rem 0;
-}
-
-.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 系列已提取到 styles/components.css 全局 */
 
 .final-score {
   font-size: 14px;
@@ -774,45 +753,7 @@ watch(() => props.idea.id, loadHistory)
   margin: 6px 0 0;
 }
 
-/* ===== 多维评分条（div 模拟） ===== */
-.score-bar-chart {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-.score-bar-row {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-.score-bar-label {
-  font-size: 12px;
-  color: var(--df-text-secondary);
-  min-width: 72px;
-  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);
-}
+/* ===== 多维评分条已提取到 styles/components.css 全局(.score-bar-* 系列) ===== */
 
 /* ===== 标签 ===== */
 .tag-list { display: flex; gap: 8px; flex-wrap: wrap; }
@@ -854,22 +795,8 @@ watch(() => props.idea.id, loadHistory)
 .related-edit-item input { cursor: pointer; }
 .related-edit-actions { display: flex; gap: 8px; }
 
-/* ===== 按钮 ===== */
-.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 10px; font-size: 12px; }
+/* ===== 按钮已提取到 global.css 全局(.btn/.btn-primary/.btn-ghost/.btn-sm) ===== */
+/* IdeaDetail 特有按钮定位 */
 .desc-edit-btn { margin-bottom: var(--df-gap-page); margin-top: 4px; }
 .desc-edit-actions { display: flex; gap: 8px; margin-bottom: var(--df-gap-page); margin-top: 8px; }