修改

src/views/TaskDetailView.vue

@@ -6,7 +6,6 @@
 
     <section class="hero-card">
       <div class="hero-main">
-        <div class="hero-kicker">Task Detail</div>
         <h1 class="hero-title">{{ task.taskName || "任务详情" }}</h1>
       </div>
       <div class="hero-actions">
@@ -39,77 +38,49 @@
       </article>
 
       <article class="stat-card">
-        <div class="stat-label">处理链路</div>
-        <div class="stat-value stat-value--small">{{ task.useOmniAnalysis ? "ASR -> Omni -> qwen3.7-plus" : "ASR -> qwen3.7-plus" }}</div>
-      </article>
-
-      <article class="stat-card">
         <div class="stat-label">创建人</div>
         <div class="stat-value">{{ task.creatorName || "-" }}</div>
       </article>
-
-      <article class="stat-card">
-        <div class="stat-label">CodeDesk任务ID</div>
-        <div class="stat-value stat-value--small">{{ task.codedeskTaskId || "-" }}</div>
-      </article>
     </section>
 
     <section class="section-card">
       <div class="section-header">
-        <div>
-          <div class="section-kicker">Summary</div>
-          <h2 class="section-title">摘要</h2>
-        </div>
+        <h2 class="section-title">摘要</h2>
       </div>
       <pre class="content-block content-block--summary">{{ task.summary || "-" }}</pre>
     </section>
 
     <section class="section-card">
       <div class="section-header">
-        <div>
-          <div class="section-kicker">Analysis</div>
-          <h2 class="section-title">视频分析文案</h2>
-        </div>
+        <h2 class="section-title">视频分析文案</h2>
       </div>
       <pre class="content-block content-block--analysis">{{ task.analysisContent || "-" }}</pre>
     </section>
 
     <section class="section-card">
       <div class="section-header">
-        <div>
-          <div class="section-kicker">Brief</div>
-          <h2 class="section-title">用户要求</h2>
-        </div>
+        <h2 class="section-title">用户要求</h2>
       </div>
       <pre class="content-block content-block--brief">{{ task.promptHint || "-" }}</pre>
     </section>
 
     <section class="section-card section-card--script">
       <div class="section-header">
-        <div>
-          <div class="section-kicker">Final Script</div>
-          <h2 class="section-title">脚本内容</h2>
-        </div>
+        <h2 class="section-title">脚本内容</h2>
       </div>
       <pre class="content-block content-block--script">{{ task.scriptContent || "-" }}</pre>
     </section>
 
     <section class="section-card" v-if="task.errorMessage">
       <div class="section-header">
-        <div>
-          <div class="section-kicker">Error</div>
-          <h2 class="section-title">失败原因</h2>
-        </div>
+        <h2 class="section-title">失败原因</h2>
       </div>
       <pre class="content-block content-block--danger">{{ task.errorMessage }}</pre>
     </section>
 
     <section class="section-card">
       <div class="section-header">
-        <div>
-          <div class="section-kicker">Inputs</div>
-          <h2 class="section-title">素材输入</h2>
-        </div>
+        <h2 class="section-title">素材输入</h2>
       </div>
       <el-tabs class="material-tabs">
         <el-tab-pane label="结构化内容">
@@ -126,10 +97,7 @@
 
     <section class="section-card">
       <div class="section-header">
-        <div>
-          <div class="section-kicker">Source URLs</div>
-          <h2 class="section-title">视频链接</h2>
-        </div>
+        <h2 class="section-title">视频链接</h2>
       </div>
       <div class="link-list">
         <div class="link-item link-item--lead">
@@ -252,16 +220,8 @@ onMounted(reload);
   max-width: 760px;
 }
 
-.hero-kicker {
-  font-size: 12px;
-  font-weight: 800;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  color: rgba(255, 255, 255, 0.68);
-}
-
 .hero-title {
-  margin: 10px 0;
+  margin: 0;
   font-size: 36px;
   line-height: 1.08;
   font-weight: 800;
@@ -277,7 +237,7 @@ onMounted(reload);
 
 .stats-grid {
   display: grid;
-  grid-template-columns: 1.8fr repeat(5, minmax(0, 1fr));
+  grid-template-columns: repeat(6, minmax(0, 1fr));
   gap: 14px;
 }
 
@@ -294,6 +254,7 @@ onMounted(reload);
 }
 
 .stat-card--status {
+  grid-column: span 2;
   background: linear-gradient(135deg, #fff9dd 0%, #fffef3 100%);
 }
 
@@ -340,16 +301,8 @@ onMounted(reload);
   margin-bottom: 14px;
 }
 
-.section-kicker {
-  color: #64748b;
-  font-size: 11px;
-  font-weight: 800;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-}
-
 .section-title {
-  margin: 8px 0 6px;
+  margin: 0;
   color: #0f172a;
   font-size: 24px;
   line-height: 1.15;
@@ -467,6 +420,10 @@ onMounted(reload);
   .stats-grid {
     grid-template-columns: 1fr;
   }
+
+  .stat-card--status {
+    grid-column: auto;
+  }
 }
 
 @media (max-width: 640px) {