perf(style): use skill

app/theme.ts

@@ -1,5 +1,5 @@
 // theme.ts
-import { Button, createTheme, MantineColorsTuple } from "@mantine/core"
+import { Button, Menu, createTheme, MantineColorsTuple } from "@mantine/core"
 
 /* --------  1. 自定义颜色（可删/可改） -------- */
 const brandColors: MantineColorsTuple = [
@@ -151,5 +151,34 @@ export const theme = createTheme({
         }
       },
     }),
+    Menu: Menu.extend({
+      defaultProps: {
+        radius: "sm",
+        shadow: "sm",
+      },
+      styles() {
+        return {
+          dropdown: {
+            border: "1px solid #E5E6EB",
+            borderRadius: "4px",
+            background: "#FFFFFF",
+            boxShadow: "0 8px 20px rgba(15, 23, 42, 0.08)",
+            padding: "4px",
+          },
+          item: {
+            minHeight: "28px",
+            borderRadius: "4px",
+            padding: "4px 8px",
+            fontSize: "12px",
+            lineHeight: "20px",
+            color: "#4E5969",
+          },
+          arrow: {
+            borderColor: "#E5E6EB",
+            background: "#FFFFFF",
+          },
+        }
+      },
+    }),
   },
 })