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/app/(player)/(main)/results/[drawNo]/page.tsx

@@ -9,7 +9,7 @@ export default async function DrawResultByNoPage(props: PageProps) {
   const drawNo = decodeURIComponent(raw);
 
   return (
-    <div className="flex flex-col gap-4">
+    <div className="flex flex-col gap-3">
       <DrawResultDetailScreen drawNo={drawNo} />
     </div>
   );

src/app/(player)/(main)/results/page.tsx

@@ -2,7 +2,7 @@ import { DrawResultsListScreen } from "@/features/results/draw-results-list-scre
 
 export default function DrawResultsHistoryPage() {
   return (
-    <div className="flex flex-col gap-4">
+    <div className="flex flex-col gap-3">
       <DrawResultsListScreen />
     </div>
   );

src/app/globals.css

@@ -127,4 +127,32 @@
   html {
     @apply font-sans;
   }
+}
+
+/* 玩家端 Toast：顶部居中、紧凑尺寸（位置见 components/ui/sonner.tsx） */
+[data-sonner-toaster] {
+  --width: min(280px, calc(100vw - 24px));
+}
+
+[data-sonner-toast][data-styled="true"] {
+  padding: 8px 12px;
+  font-size: 12px;
+  line-height: 1.35;
+  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
+}
+
+[data-sonner-toast][data-styled="true"] [data-title] {
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1.35;
+}
+
+[data-sonner-toast][data-styled="true"] [data-description] {
+  font-size: 11px;
+  line-height: 1.35;
+}
+
+[data-sonner-toast][data-styled="true"] [data-icon] svg {
+  width: 14px;
+  height: 14px;
 }