样式整改

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

@@ -127,11 +127,11 @@ function formatNumber(value) {
 
 <style scoped>
 .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);
   overflow: hidden;
 }
 
@@ -143,19 +143,19 @@ function formatNumber(value) {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 12px;
+  margin-bottom: var(--space-3);
 }
 
 .button-group {
   display: flex;
   align-items: center;
-  gap: 12px;
+  gap: var(--space-3);
 }
 
 .section-title {
-  font-size: 12px;
-  color: var(--color-text-secondary);
-  margin-bottom: 12px;
+  font-size: var(--font-size-xs);
+  color: var(--color-gray-600);
+  margin-bottom: var(--space-3);
 }
 
 .batch-btn {
@@ -163,7 +163,7 @@ function formatNumber(value) {
 }
 
 .batch-btn:hover {
-  box-shadow: var(--glow-primary);
+  box-shadow: var(--shadow-blue);
   filter: brightness(1.03);
 }
 
@@ -184,12 +184,12 @@ function formatNumber(value) {
 
 .top-tag {
   position: absolute;
-  top: 4px;
-  left: 4px;
+  top: var(--space-1);
+  left: var(--space-1);
   padding: 1px 6px;
   font-size: 10px;
   color: #fff;
-  background: #ff4d4f;
+  background: var(--color-error-500);
   border-radius: 2px;
 }
 
@@ -197,14 +197,14 @@ function formatNumber(value) {
   width: 80px;
   height: 45px;
   object-fit: cover;
-  border-radius: 4px;
-  border: 1px solid #eee;
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--color-gray-200);
   transition: transform 0.2s, box-shadow 0.2s;
 }
 
 .no-cover {
-  color: #999;
-  font-size: 12px;
+  color: var(--color-gray-500);
+  font-size: var(--font-size-xs);
 }
 
 .benchmark-table :deep(.ant-table-expand-icon-th),
@@ -248,32 +248,32 @@ function formatNumber(value) {
 .load-more-footer,
 .no-more-hint {
   text-align: center;
-  border-top: 1px solid var(--color-border);
+  border-top: 1px solid var(--color-gray-200);
 }
 
 .load-more-footer {
-  padding: 16px;
+  padding: var(--space-4);
 }
 
 .load-more-footer .ant-btn {
   max-width: 200px;
   height: 40px;
-  font-size: 14px;
-  border-radius: 8px;
+  font-size: var(--font-size-base);
+  border-radius: var(--radius-md);
 }
 
 .load-more-hint,
 .no-more-hint {
-  font-size: 12px;
-  color: var(--color-text-secondary);
+  font-size: var(--font-size-xs);
+  color: var(--color-gray-600);
 }
 
 .load-more-hint {
-  margin-top: 8px;
+  margin-top: var(--space-2);
 }
 
 .no-more-hint {
-  padding: 12px;
+  padding: var(--space-3);
 }
 </style>