样式整改

frontend/app/web-gold/src/views/content-style/Benchmark.vue

@@ -327,7 +327,7 @@ defineOptions({ name: 'ContentStyleBenchmark' })
 }
 
 .stack>*+* {
-  margin-top: 16px;
+  margin-top: var(--space-4);
 }
 
 /* 稳定滚动条，只在垂直方向预留空间 */
@@ -336,13 +336,13 @@ defineOptions({ name: 'ContentStyleBenchmark' })
   max-width: 100%;
 }
 
-/* 卡片样式（不依赖 tailwind） */
+/* 卡片样式 */
 .card {
-  background: var(--color-surface);
-  border-radius: 8px;
-  padding: 16px;
-  box-shadow: var(--shadow-inset-card);
-  border: 1px solid var(--color-border);
+  background: var(--color-bg-card);
+  border-radius: var(--radius-md);
+  padding: var(--space-4);
+  box-shadow: var(--shadow-sm);
+  border: 1px solid var(--color-gray-200);
 }
 
 /* 结果区预留最小高度，切换视图时避免高度突变 */
@@ -363,8 +363,8 @@ defineOptions({ name: 'ContentStyleBenchmark' })
 }
 
 .empty-state :deep(.ant-empty-description) {
-  color: var(--color-text-secondary);
-  font-size: 14px;
+  color: var(--color-gray-600);
+  font-size: var(--font-size-base);
 }
 
 /* 全屏 Spin 遮罩样式 */