refactor: update PostCSS configuration and remove Tailwind config file

- Modified postcss.config.mjs to use the new plugin format for Tailwind CSS.
- Removed the tailwind.config.ts file as it is no longer needed.

Author: sxjeru

app/globals.css

@@ -1,6 +1,8 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+
+@theme {
+  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+}
 
 :root {
   color-scheme: dark;
@@ -22,7 +24,7 @@ html {
 }
 
 body {
-  font-family: theme('fontFamily.sans');
+  font-family: var(--font-sans);
   background: #0f172a;
   color: #f1f5f9;
 }
@@ -63,11 +65,6 @@ body,
   background: var(--scrollbar-thumb-hover);
 }
 
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
 /* 模态框动画 */
 @keyframes modalFadeIn {
   from {

app/login/page.tsx

@@ -138,7 +138,7 @@ function LoginPageContent() {
 
             {isLocked && (
               <div className="bg-red-500/10 border border-red-500/50 rounded-lg p-4 text-red-400 flex items-start gap-3">
-                <Shield className="h-5 w-5 mt-0.5 flex-shrink-0 animate-pulse" />
+                <Shield className="h-5 w-5 mt-0.5 shrink-0 animate-pulse" />
                 <div className="flex-1">
                   <p className="font-semibold mb-1">账户已锁定</p>
                   <p className="text-sm flex items-center gap-1.5">

app/page.tsx

@@ -577,7 +577,7 @@ export default function DashboardPage() {
     <main className={`min-h-screen px-6 py-8 transition-colors ${darkMode ? "bg-slate-900 text-slate-100" : "bg-slate-50 text-slate-900"}`}>
       {overviewError ? (
         <div className="mb-6 flex items-start gap-3 rounded-xl border border-red-500/50 bg-red-500/10 px-4 py-3 text-sm text-red-400">
-          <AlertTriangle className="mt-0.5 h-5 w-5 flex-shrink-0" />
+          <AlertTriangle className="mt-0.5 h-5 w-5 shrink-0" />
           <div>
             <p className="font-semibold">加载失败</p>
             <p className="text-red-300">{overviewError}</p>
@@ -957,7 +957,7 @@ export default function DashboardPage() {
                 {/* 饼图 */}
                 <div
                   ref={pieChartContainerRef}
-                  className="flex-shrink-0 w-64"
+                  className="shrink-0 w-64"
                   onPointerLeave={() => {
                     cancelPieLegendClear();
                     setPieTooltipOpen(false);
@@ -1055,7 +1055,7 @@ export default function DashboardPage() {
                         >
                           <div className="flex items-center gap-2 mb-1">
                             <div 
-                              className={`w-3 h-3 rounded-full flex-shrink-0 transition-all duration-200 ${
+                              className={`w-3 h-3 rounded-full shrink-0 transition-all duration-200 ${
                                 isHighlighted && hoveredPieIndex === originalIndex ? 'ring-2 ring-offset-1' : ''
                               }`}
                               style={{ 
@@ -1710,7 +1710,7 @@ export default function DashboardPage() {
                       >
                         <div className="flex items-center gap-2 mb-1.5">
                           <div 
-                            className={`w-4 h-4 rounded-full flex-shrink-0 transition-all duration-200 ${
+                            className={`w-4 h-4 rounded-full shrink-0 transition-all duration-200 ${
                               isHighlighted && hoveredPieIndex === originalIndex ? 'ring-2 ring-offset-1' : ''
                             }`}
                             style={{ 

package.json

@@ -13,22 +13,19 @@
   },
   "dependencies": {
     "@vercel/postgres": "^0.10.0",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.1",
     "drizzle-orm": "^0.45.1",
     "lucide-react": "^0.562.0",
     "next": "^14.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "recharts": "^3.6.0",
-    "tailwindcss-animate": "^1.0.7",
     "zod": "^3.22.4"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.18",
     "@types/node": "^20.12.12",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
-    "autoprefixer": "^10.4.18",
     "drizzle-kit": "^0.31.8",
     "eslint": "^8.57.0",
     "eslint-config-next": "^14.2.5",