From e7dfe3c380d4162c96179ec4017adcef247dd2d0 Mon Sep 17 00:00:00 2001
From: selfrelease <freedak.ipad@gmail.com>
Date: Fri, 31 Jul 2026 17:43:50 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20Tailwind=20CSS=20bo?=
 =?UTF-8?q?rder=20=E7=B1=BB=E5=90=8D=E5=86=B2=E7=AA=81=EF=BC=88border-bord?=
 =?UTF-8?q?er-default=20=E6=94=B9=E4=B8=BA=E7=9B=B4=E6=8E=A5=E9=A2=9C?=
 =?UTF-8?q?=E8=89=B2=E5=80=BC=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/ui/DataTable.tsx          | 6 +++---
 frontend/src/components/ui/FilterBar.tsx          | 2 +-
 frontend/src/index.css                            | 6 +++---
 frontend/src/pages/dashboard/PerformanceStats.tsx | 2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/ui/DataTable.tsx b/frontend/src/components/ui/DataTable.tsx
index 4aafcd0..e0760fa 100644
--- a/frontend/src/components/ui/DataTable.tsx
+++ b/frontend/src/components/ui/DataTable.tsx
@@ -48,10 +48,10 @@ export function DataTable<T>({
     align === 'right' ? 'text-right' : align === 'center' ? 'text-center' : 'text-left'
 
   return (
-    <div className={clsx('overflow-x-auto border border-border-default rounded-card bg-surface-card', className)}>
+    <div className={clsx('overflow-x-auto border border-[#DDE1DD] rounded-card bg-surface-card', className)}>
       <table className="w-full text-sm">
         <thead>
-          <tr className="border-b border-border-default bg-surface-muted">
+          <tr className="border-b border-[#DDE1DD] bg-surface-muted">
             {columns.map((col) => (
               <th
                 key={col.key}
@@ -99,7 +99,7 @@ export function DataTable<T>({
                 key={rowKey(row)}
                 onClick={onRowClick ? () => onRowClick(row) : undefined}
                 className={clsx(
-                  'border-b border-border-subtle transition-colors',
+                  'border-b border-[#ECEEEC] transition-colors',
                   onRowClick && 'cursor-pointer hover:bg-surface-muted',
                 )}
               >
diff --git a/frontend/src/components/ui/FilterBar.tsx b/frontend/src/components/ui/FilterBar.tsx
index fe6c5f8..70c9889 100644
--- a/frontend/src/components/ui/FilterBar.tsx
+++ b/frontend/src/components/ui/FilterBar.tsx
@@ -40,7 +40,7 @@ export function FilterBar({
               value={searchValue || ''}
               onChange={(e) => onSearchChange(e.target.value)}
               placeholder={searchPlaceholder}
-              className="w-full pl-8 pr-3 py-1.5 rounded-md border border-border-default bg-surface-card text-sm text-ink-900 focus:outline-none focus:ring-2 focus:ring-brand-600/30 focus:border-brand-600 transition-colors"
+              className="w-full pl-8 pr-3 py-1.5 rounded-md border border-[#DDE1DD] bg-surface-card text-sm text-ink-900 focus:outline-none focus:ring-2 focus:ring-brand-600/30 focus:border-brand-600 transition-colors"
             />
           </div>
         )}
diff --git a/frontend/src/index.css b/frontend/src/index.css
index b44619d..080408e 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -33,16 +33,16 @@
     @apply btn bg-brand-600 text-white hover:bg-brand-700;
   }
   .btn-secondary {
-    @apply btn bg-surface-muted text-ink-700 hover:bg-border-subtle;
+    @apply btn bg-surface-muted text-ink-700 hover:bg-surface-card;
   }
   .btn-danger {
     @apply btn bg-danger text-white hover:bg-danger-light;
   }
   .card {
-    @apply bg-surface-card rounded-card border border-border-default;
+    @apply bg-surface-card rounded-card border border-[#DDE1DD];
   }
   .input {
-    @apply w-full px-2.5 py-2 rounded-md border border-border-default bg-surface-card text-sm text-ink-900 focus:outline-none focus:ring-2 focus:ring-brand-600/30 focus:border-brand-600 transition-colors;
+    @apply w-full px-2.5 py-2 rounded-md border border-[#DDE1DD] bg-surface-card text-sm text-ink-900 focus:outline-none focus:ring-2 focus:ring-brand-600/30 focus:border-brand-600 transition-colors;
   }
   .label {
     @apply block text-sm font-medium text-ink-700 mb-1;
diff --git a/frontend/src/pages/dashboard/PerformanceStats.tsx b/frontend/src/pages/dashboard/PerformanceStats.tsx
index 477a938..4537bde 100644
--- a/frontend/src/pages/dashboard/PerformanceStats.tsx
+++ b/frontend/src/pages/dashboard/PerformanceStats.tsx
@@ -54,7 +54,7 @@ export default function PerformanceStats() {
         <select
           value={period}
           onChange={(e) => setPeriod(e.target.value)}
-          className="text-xs px-2 py-1 rounded border border-border-default bg-surface-card text-ink-700 focus:outline-none focus:ring-2 focus:ring-brand-600/30"
+          className="text-xs px-2 py-1 rounded border border-[#DDE1DD] bg-surface-card text-ink-700 focus:outline-none focus:ring-2 focus:ring-brand-600/30"
         >
           {[new Date().getFullYear(), new Date().getFullYear() - 1].map(y => (
             <option key={y} value={y}>{y} 年</option>