oa-frontend-pretrial-cleanup 收敛PC试运行前页面风格

client/src/index.css

@@ -55,26 +55,15 @@
   .workbench-hero {
     position: relative;
     overflow: hidden;
-    background:
-      radial-gradient(circle at 12% 4%, rgba(0, 57, 138, 0.14), transparent 17rem),
-      radial-gradient(circle at 86% 12%, rgba(19, 168, 184, 0.15), transparent 19rem),
-      linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(230, 236, 244, 0.94));
+    background: rgba(255, 255, 255, 0.96);
     border: 1px solid rgba(226, 232, 240, 0.92);
-    border-radius: var(--radius-2xl);
+    border-radius: var(--radius-panel);
     box-shadow: var(--shadow-sm);
-    @apply flex flex-col gap-5 px-6 py-7 md:flex-row md:items-end md:justify-between md:px-7;
+    @apply flex flex-col gap-4 px-5 py-5 md:flex-row md:items-end md:justify-between md:px-6;
   }
 
   .workbench-hero::after {
-    position: absolute;
-    inset: auto -5rem -7rem auto;
-    width: 18rem;
-    height: 18rem;
-    content: "";
-    background:
-      repeating-radial-gradient(ellipse at center, rgba(0, 57, 138, 0.13) 0 1px, transparent 1px 16px);
-    border-radius: 9999px;
-    transform: rotate(-8deg);
+    display: none;
   }
 
   .workbench-hero > * {
@@ -84,17 +73,17 @@
 
   .workbench-hero__eyebrow {
     color: var(--color-accent-primary);
-    @apply text-xs font-bold uppercase tracking-[0.22em];
+    @apply text-xs font-bold uppercase;
   }
 
   .workbench-hero__title {
     color: var(--color-text-primary);
-    @apply mt-2 text-3xl font-semibold tracking-tight md:text-4xl;
+    @apply mt-1 text-2xl font-semibold md:text-3xl;
   }
 
   .workbench-hero__subtitle {
     color: var(--color-text-secondary);
-    @apply mt-3 max-w-3xl text-sm leading-6 md:text-base md:leading-7;
+    @apply mt-2 max-w-3xl text-sm leading-6;
   }
 
   .workbench-hero--compact {
@@ -135,16 +124,11 @@
   .section-panel {
     position: relative;
     overflow: hidden;
-    @apply p-5 md:p-6;
+    @apply p-4 md:p-5;
   }
 
   .section-panel::before {
-    position: absolute;
-    inset: 0 0 auto 0;
-    height: 3px;
-    content: "";
-    background: linear-gradient(90deg, var(--color-accent-primary), rgba(19, 168, 184, 0.72), transparent);
-    opacity: 0.7;
+    display: none;
   }
 
   .section-panel__header {
@@ -155,7 +139,7 @@
 
   .section-panel__title {
     color: var(--color-text-primary);
-    @apply text-base font-semibold tracking-tight;
+    @apply text-base font-semibold;
   }
 
   .section-panel__desc {
@@ -166,7 +150,7 @@
   .section-panel__body {
     position: relative;
     z-index: 1;
-    @apply mt-5;
+    @apply mt-4;
   }
 
   .metric-card {