refactor: 重构整体页面布局与样式，统一UI设计风格

- 重构PlayerAppShell，移除冗余头部导航与国际化依赖，统一页面背景与内边距
- 新增通用页面容器组件PlayerPanel，统一页面头部布局与样式
- 重构底部导航栏，调整图标、文案与样式，新增激活状态指示器
- 重构所有页面组件：大厅页、注单页、结果页、开奖面板等，统一使用新的UI组件与设计风格
- 优化状态标签、卡片、按钮等组件的视觉样式，统一配色与圆角规范
- 移除冗余依赖与注释代码，整理代码结构

src/features/hall/hall-wallet-strip.tsx

@@ -1,11 +1,9 @@
 "use client";
 
 import { Wallet } from "lucide-react";
-import Link from "next/link";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 
 import { getWalletBalance } from "@/api/wallet";
-import { buttonVariants } from "@/components/ui/button";
 import { Skeleton } from "@/components/ui/skeleton";
 import {
   TransferInDialog,
@@ -13,23 +11,15 @@ import {
 } from "@/features/wallet/wallet-transfer-dialogs";
 import { formatMinorAsCurrency } from "@/lib/money";
 import { cn } from "@/lib/utils";
-import { usePlayerSessionStore } from "@/stores/player-session-store";
 import { useNetworkConnectionStore } from "@/stores/network-connection-store";
+import { usePlayerSessionStore } from "@/stores/player-session-store";
 import type { WalletBalanceData } from "@/types/api/wallet-balance";
 
-/**
- * 高保真稿：大厅顶部红卡 + Transfer In（蓝）/ Transfer Out（白底红边），§4.2
- * 已集成网络降级模式下的轮询刷新
- */
 export function HallWalletStrip() {
   const profile = usePlayerSessionStore((s) => s.profile);
-
+  const mode = useNetworkConnectionStore((s) => s.mode);
   const [balance, setBalance] = useState<WalletBalanceData | null>(null);
   const [loading, setLoading] = useState(true);
-
-  const mode = useNetworkConnectionStore((s) => s.mode);
-
-  /** 降级模式下的本地兜底轮询（勿写入全局 walletPollingIntervalId，避免与 useWebSocketManager 互相覆盖/触发 effect 死循环） */
   const degradedWalletPollRef = useRef<number | null>(null);
 
   const currency = useMemo(
@@ -44,17 +34,17 @@ export function HallWalletStrip() {
   }, []);
 
   useEffect(() => {
-    let c = false;
+    let cancelled = false;
     void (async () => {
       setLoading(true);
       try {
         await refresh();
       } finally {
-        if (!c) setLoading(false);
+        if (!cancelled) setLoading(false);
       }
     })();
     return () => {
-      c = true;
+      cancelled = true;
     };
   }, [refresh]);
 
@@ -64,7 +54,6 @@ export function HallWalletStrip() {
     return () => window.removeEventListener("lottery-wallet-refresh", onRefresh);
   }, [refresh]);
 
-  // 降级模式下本地兜底轮询（60s）；与 WebSocket 管理器里的 *_wallet* 全局 timer 隔离
   useEffect(() => {
     if (mode !== "polling" && mode !== "offline") {
       if (degradedWalletPollRef.current !== null) {
@@ -94,50 +83,36 @@ export function HallWalletStrip() {
   const availableMinor = Number(balance?.available_balance ?? 0);
 
   return (
-    <section className="space-y-2" aria-label="Wallet balance">
+    <section className="mb-4 space-y-3" aria-label="Wallet balance">
       <div
         className={cn(
-          "relative overflow-hidden rounded-2xl bg-gradient-to-br from-[#dc2626] to-[#991b1b] px-4 py-3.5 text-white shadow-md",
-          "ring-1 ring-black/10",
+          "relative overflow-hidden rounded-xl bg-[#e5002c] px-4 py-4 text-white shadow-[0_10px_28px_rgba(229,0,44,0.25)]",
+          "before:absolute before:inset-y-0 before:right-0 before:w-44 before:bg-[radial-gradient(circle_at_70%_70%,rgba(255,255,255,0.22),transparent_38%),linear-gradient(135deg,transparent,rgba(255,255,255,0.13))] before:content-['']",
         )}
       >
-        <div className="flex items-start gap-3">
-          <div className="flex size-11 shrink-0 items-center justify-center rounded-xl bg-white/15">
-            <Wallet className="size-6 text-white" aria-hidden />
+        <div className="relative flex items-center gap-3">
+          <div className="flex size-13 shrink-0 items-center justify-center rounded-full bg-white text-[#d81435] shadow-sm">
+            <Wallet className="size-7" aria-hidden />
           </div>
           <div className="min-w-0 flex-1">
-            <p className="text-xs font-medium uppercase tracking-wide text-white/80">
-              Wallet Balance
-            </p>
+            <p className="text-sm font-semibold text-white/90">Wallet Balance</p>
             {loading ? (
-              <Skeleton className="mt-2 h-8 w-40 rounded-md bg-white/20" />
+              <Skeleton className="mt-2 h-8 w-44 rounded-md bg-white/25" />
             ) : (
-              <p className="font-heading text-2xl font-bold tabular-nums tracking-tight">
+              <p className="mt-1 text-2xl font-black leading-none tabular-nums tracking-normal">
                 {formatMinorAsCurrency(lotteryMinor, currency)}
               </p>
             )}
           </div>
-          <Link
-            href="/wallet"
-            className={cn(
-              buttonVariants({
-                variant: "secondary",
-                size: "sm",
-              }),
-              "shrink-0 border-0 bg-white/15 text-xs text-white hover:bg-white/25",
-            )}
-          >
-            明细
-          </Link>
         </div>
       </div>
 
-      <div className="grid grid-cols-2 gap-2">
+      <div className="grid grid-cols-2 gap-3">
         <TransferInDialog
           idPrefix="hall-"
           triggerVariant="hall"
           triggerLabel="Transfer In"
-          triggerClassName="w-full min-w-0"
+          triggerClassName="h-12 rounded-lg text-base font-bold"
           currency={currency}
           lotteryMinor={lotteryMinor}
           onSuccess={refresh}
@@ -146,7 +121,7 @@ export function HallWalletStrip() {
           idPrefix="hall-"
           triggerVariant="hall"
           triggerLabel="Transfer Out"
-          triggerClassName="w-full min-w-0"
+          triggerClassName="h-12 rounded-lg text-base font-bold"
           currency={currency}
           availableMinor={availableMinor}
           onSuccess={refresh}