refactor(game): 重构游戏组件和数据结构

- 移除中心模态框的背景模糊效果并调整透明度
- 为桌面游戏历史组件添加空状态显示组件
- 重构头部时钟显示逻辑，提取为独立组件并优化时间同步
- 移除用户ID遮罩功能，直接使用昵称显示中奖信息
- 调整入口页面的模态框渲染结构和认证状态检查逻辑
- 更新奖池广播数据结构，替换用户ID为昵称字段
- 优化实时同步中的数据验证和映射逻辑
- 调整移动端头部时钟组件的实现方式

src/features/game/components/desktop/desktop-game-history.tsx

@@ -1,3 +1,4 @@
+import { History } from 'lucide-react'
 import { useCallback, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import historyBg from '@/assets/system/history-bg.png'
@@ -43,6 +44,25 @@ function HistoryRewardNumber({
   )
 }
 
+function HistoryEmptyState({ label }: { label: string }) {
+  return (
+    <div className="flex min-h-full w-full flex-1 items-center justify-center px-design-10 py-design-10">
+      <div className="flex w-fit max-w-full flex-col items-center rounded-[calc(var(--design-unit)*8)] border border-[rgba(94,212,230,0.14)] bg-[rgba(5,23,33,0.3)] px-design-14 py-design-12 text-center">
+        <div className="mb-design-8 flex h-design-42 w-design-42 items-center justify-center rounded-full border border-[#56EFFF]/18 bg-[#061D29]/55 shadow-[0_0_calc(var(--design-unit)*10)_rgba(86,239,255,0.08)]">
+          <History
+            aria-hidden="true"
+            className="h-design-20 w-design-20 text-[#A8EAF1]"
+            strokeWidth={1.8}
+          />
+        </div>
+        <div className="whitespace-nowrap text-design-16 font-semibold text-[#9CCFD4]">
+          {label}
+        </div>
+      </div>
+    </div>
+  )
+}
+
 export function DesktopGameHistory() {
   const { t } = useTranslation()
   const {
@@ -99,13 +119,7 @@ export function DesktopGameHistory() {
             className="min-h-full flex-1"
           />
         ) : isEmpty ? (
-          <div
-            className={
-              'flex w-full flex-1 items-center justify-center text-design-18 text-[#84A2A2]'
-            }
-          >
-            {emptyText}
-          </div>
+          <HistoryEmptyState label={emptyText} />
         ) : (
           <>
             {items.map((item) => {