优化工作台与报销任务优先页面（portal-task-first-redesign）

client/src/index.css

@@ -793,6 +793,107 @@
     @apply h-full;
   }
 
+  .portal-work-summary {
+    background: rgba(255, 255, 255, 0.96);
+    border: 1px solid rgba(226, 232, 240, 0.92);
+    border-radius: var(--radius-panel);
+    box-shadow: var(--shadow-xs);
+    @apply flex flex-col gap-3 px-4 py-3.5 md:flex-row md:items-center md:justify-between md:px-5;
+  }
+
+  .portal-work-summary__eyebrow {
+    color: var(--color-accent-primary);
+    @apply text-xs font-bold;
+  }
+
+  .portal-work-summary__title {
+    color: var(--color-text-primary);
+    @apply mt-1 text-lg font-semibold leading-7 md:text-xl;
+  }
+
+  .portal-work-summary__meta {
+    color: var(--color-text-tertiary);
+    @apply mt-1 text-xs font-medium;
+  }
+
+  .portal-task-list {
+    border: 1px solid rgba(226, 232, 240, 0.94);
+    background: rgba(255, 255, 255, 0.72);
+    @apply overflow-hidden rounded-lg divide-y divide-slate-200/80;
+  }
+
+  .portal-task-row {
+    background: rgba(255, 255, 255, 0.88);
+    color: var(--color-text-primary);
+    @apply grid min-h-[68px] grid-cols-[auto,minmax(0,1fr)] items-center gap-3 px-3.5 py-3 transition-colors hover:bg-white md:grid-cols-[auto,minmax(0,1fr),auto,auto];
+  }
+
+  .portal-task-row--warning {
+    background: rgba(255, 251, 235, 0.74);
+  }
+
+  .portal-task-row--high {
+    background: rgba(254, 242, 242, 0.78);
+  }
+
+  .portal-task-row__icon {
+    background: rgba(0, 57, 138, 0.08);
+    color: var(--color-accent-primary);
+    @apply flex size-9 items-center justify-center rounded-lg;
+  }
+
+  .portal-task-row--warning .portal-task-row__icon {
+    @apply bg-amber-50 text-amber-700;
+  }
+
+  .portal-task-row--high .portal-task-row__icon {
+    @apply bg-red-50 text-red-700;
+  }
+
+  .portal-task-row__title {
+    color: var(--color-text-primary);
+    @apply block truncate text-sm font-semibold;
+  }
+
+  .portal-task-row__reason {
+    color: var(--color-text-secondary);
+    @apply mt-1 block text-xs leading-5;
+  }
+
+  .portal-task-row__meta {
+    color: var(--color-text-secondary);
+    @apply ml-12 inline-flex w-fit rounded-full bg-slate-100 px-2.5 py-0.5 text-xs font-semibold md:ml-0;
+  }
+
+  .portal-task-row__action {
+    color: var(--color-accent-primary);
+    @apply ml-12 text-sm font-semibold md:ml-0;
+  }
+
+  .portal-empty-start {
+    border: 1px dashed rgba(203, 213, 225, 0.9);
+    background: rgba(248, 250, 252, 0.78);
+    @apply flex flex-col gap-4 rounded-lg px-4 py-4 md:flex-row md:items-center md:justify-between;
+  }
+
+  .portal-empty-start__title {
+    color: var(--color-text-primary);
+    @apply text-base font-semibold;
+  }
+
+  .portal-empty-start__desc {
+    color: var(--color-text-secondary);
+    @apply mt-1 text-sm leading-6;
+  }
+
+  .portal-inline-actions {
+    @apply flex flex-wrap gap-2;
+  }
+
+  .portal-task-secondary-grid {
+    @apply grid gap-4 xl:grid-cols-2;
+  }
+
   .portal-list-card {
     background: rgba(255, 255, 255, 0.92);
     border: 1px solid rgba(226, 232, 240, 0.94);