feat: 增强结果展示与用户交互

- 在 PlayerBottomNav 中新增注单导航选项
- 在 DrawResultDetailScreen 中添加高亮显示用户命中号码的功能，并显示个人派彩信息
- 在 DrawResultsListScreen 中引入 JackpotResultsStrip 组件以展示奖池信息
- 在 TwentyThreeResultsGrid 中实现命中号码的高亮效果，提升用户体验

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

@@ -3,12 +3,18 @@
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 
-import { LayoutGrid, Trophy, Wallet } from "lucide-react";
+import { LayoutGrid, Receipt, Trophy, Wallet } from "lucide-react";
 
 import { cn } from "@/lib/utils";
 
 const tabs = [
   { href: "/hall", label: "大厅", icon: LayoutGrid, match: (p: string) => p === "/hall" },
+  {
+    href: "/orders",
+    label: "注单",
+    icon: Receipt,
+    match: (p: string) => p === "/orders" || p.startsWith("/orders/"),
+  },
   {
     href: "/wallet",
     label: "钱包",
@@ -34,7 +40,7 @@ export function PlayerBottomNav() {
       className="fixed bottom-0 left-0 right-0 z-50 border-t border-border bg-background/95 pb-[env(safe-area-inset-bottom,0px)] backdrop-blur-md supports-[backdrop-filter]:bg-background/90"
       aria-label="主导航"
     >
-      <div className="mx-auto grid h-14 max-w-lg grid-cols-3">
+      <div className="mx-auto grid h-14 w-full max-w-lg grid-rows-1 [grid-template-columns:repeat(4,minmax(0,1fr))]">
         {tabs.map(({ href, label, icon: Icon, match }) => {
           const active = match(pathname);
           return (
@@ -44,7 +50,7 @@ export function PlayerBottomNav() {
               prefetch
               aria-current={active ? "page" : undefined}
               className={cn(
-                "flex flex-col items-center justify-center gap-0.5 text-[11px] font-medium transition-colors",
+                "flex min-h-0 min-w-0 max-w-full flex-col items-center justify-center gap-0.5 px-0.5 text-center text-[10px] font-medium leading-tight transition-colors sm:text-[11px]",
                 active
                   ? "text-primary"
                   : "text-muted-foreground hover:text-foreground active:text-foreground",
@@ -52,9 +58,9 @@ export function PlayerBottomNav() {
             >
               <Icon
                 aria-hidden
-                className={cn("size-[22px]", active && "stroke-[2.25px]")}
+                className={cn("size-5 shrink-0 sm:size-[22px]", active && "stroke-[2.25px]")}
               />
-              {label}
+              <span className="w-full truncate">{label}</span>
             </Link>
           );
         })}