fix(frontend): 修复Studio原型表格与时间线样式

frontend/src/pages/studio/IngestionPipelinePage.vue

@@ -25,8 +25,10 @@ import { ingestionSteps } from '@/data/studioMock';
         <div class="pipeline-timeline">
           <article v-for="step in ingestionSteps" :key="step.name" :class="`is-${step.status}`">
             <div class="timeline-dot" />
-            <strong>{{ step.name }}</strong>
-            <span>{{ step.description }}</span>
+            <div class="timeline-content">
+              <strong>{{ step.name }}</strong>
+              <span>{{ step.description }}</span>
+            </div>
           </article>
         </div>
       </section>

frontend/src/pages/studio/ObservabilityPage.vue

@@ -25,7 +25,11 @@ import { recentRuns, traceSteps } from '@/data/studioMock';
           <div v-for="run in recentRuns" :key="run.id" class="run-row">
             <strong>{{ run.name }}</strong>
             <span>{{ run.type }}</span>
-            <el-tag :type="run.status === '成功' ? 'success' : 'warning'">{{ run.status }}</el-tag>
+            <span class="status-cell">
+              <span class="status-pill" :class="run.status === '成功' ? 'is-success' : 'is-warning'">
+                {{ run.status }}
+              </span>
+            </span>
             <span>{{ run.latency }}</span>
             <span>{{ run.cost }}</span>
           </div>

frontend/src/pages/studio/StudioDashboardPage.vue

@@ -76,7 +76,11 @@ import { lifecycleSteps, readinessChecklist, recentRuns } from '@/data/studioMoc
           <div v-for="run in recentRuns" :key="run.id" class="run-row">
             <strong>{{ run.name }}</strong>
             <span>{{ run.type }}</span>
-            <el-tag :type="run.status === '成功' ? 'success' : 'warning'">{{ run.status }}</el-tag>
+            <span class="status-cell">
+              <span class="status-pill" :class="run.status === '成功' ? 'is-success' : 'is-warning'">
+                {{ run.status }}
+              </span>
+            </span>
             <span>{{ run.latency }}</span>
             <span>{{ run.cost }}</span>
           </div>