feat: enhance UI consistency and improve spacing across components

- Added styles for player-side toast notifications to improve user feedback.
- Adjusted padding and spacing in various components for a more cohesive layout.
- Updated card and dialog components to streamline visual hierarchy and enhance readability.
- Refactored player panel and navigation elements for better alignment and user experience.

src/components/layout/player-bottom-nav.tsx

@@ -3,7 +3,7 @@
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 
-import { BarChart3, BookOpen, ClipboardList, Home, Wallet } from "lucide-react";
+import { BarChart3, ClipboardList, Home, Wallet } from "lucide-react";
 import { useTranslation } from "react-i18next";
 
 import { cn } from "@/lib/utils";
@@ -30,13 +30,6 @@ const tabs = [
     icon: ClipboardList,
     match: (p: string) => p === "/orders" || p.startsWith("/orders/"),
   },
-  {
-    href: "/rules",
-    labelKey: "nav.rules",
-    labelDefault: "规则",
-    icon: BookOpen,
-    match: (p: string) => p === "/rules",
-  },
   {
     href: "/wallet",
     labelKey: "nav.wallet",
@@ -58,7 +51,7 @@ export function PlayerBottomNav() {
       className="fixed bottom-0 left-0 right-0 z-50 border-t border-[#e4ebf5] bg-white/96 pb-[env(safe-area-inset-bottom,0px)] shadow-[0_-10px_30px_rgba(15,23,42,0.08)] backdrop-blur-md"
       aria-label={t("nav.aria")}
     >
-      <div className="mx-auto grid h-16 w-full max-w-lg grid-rows-1 [grid-template-columns:repeat(5,minmax(0,1fr))]">
+      <div className="mx-auto grid h-14 w-full max-w-lg grid-rows-1 grid-cols-4">
         {tabs.map(({ href, labelKey, labelDefault, icon: Icon, match }) => {
           const active = match(pathname);
           const label = t(labelKey, { defaultValue: labelDefault });