feat(game): 添加游戏桌面组件的警告提示和动画效果

- 在动物游戏中添加余额不足和选择限制的警告提示
- 为警告状态添加震动动画和视觉反馈效果
- 实现倒计时警告状态的动画和样式变化
- 添加胜利和失败状态的历史记录显示
- 为筹码和操作按钮添加禁用状态的视觉效果
- 实现用户信息和流程按钮的交互功能
- 添加自动设置弹窗的打开功能
- 优化游戏阶段切换时的选择清空逻辑
- 添加剩余时间变化的回调函数支持
- 为历史记录添加中奖状态的颜色标识

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

@@ -80,23 +80,23 @@ export function DesktopGameHistory() {
                   }
                 >
                   <div
-                    className={
-                      'common-neon-inset w-full !rounded-b-none text-center text-design-20'
-                    }
+                    className="common-neon-inset w-full !rounded-b-none text-center text-design-20 font-bold tracking-[0.08em]"
+                    style={{
+                      color: item.isWin ? '#FFE375' : '#8DFF98',
+                      textShadow: item.isWin
+                        ? '0 0 calc(var(--design-unit)*10) #FFE375, 0 0 calc(var(--design-unit)*22) rgba(255,227,117,0.48)'
+                        : '0 0 calc(var(--design-unit)*10) #8DFF98, 0 0 calc(var(--design-unit)*22) rgba(141,255,152,0.48)',
+                    }}
                   >
-                    {item.statusLabel}
+                    {item.isWin
+                      ? t('gameDesktop.history.win')
+                      : t('gameDesktop.history.lost')}
                   </div>
                   <div
                     className={
                       'flex w-full flex-col gap-design-5 px-design-10 py-design-10 text-design-16'
                     }
                   >
-                    <div>
-                      <span className={'text-[#84A2A2]'}>
-                        {t('gameDesktop.history.orderNo')}:{' '}
-                      </span>
-                      <span className={'text-[#C0E7EB]'}>{item.orderNo}</span>
-                    </div>
                     <div>
                       <span className={'text-[#84A2A2]'}>
                         {t('gameDesktop.history.roundId')}:{' '}
@@ -109,12 +109,6 @@ export function DesktopGameHistory() {
                       </span>
                       <span>{item.numbersLabel}</span>
                     </div>
-                    <div>
-                      <span className={'text-[#84A2A2]'}>
-                        {t('gameDesktop.history.settledAt')}:{' '}
-                      </span>
-                      <span>{item.createdAtLabel}</span>
-                    </div>
                     <div>
                       <span className={'text-[#84A2A2]'}>
                         {t('gameDesktop.history.totalPoolAmount')}:{' '}
@@ -131,12 +125,6 @@ export function DesktopGameHistory() {
                         {item.resultNumberLabel}
                       </span>
                     </div>
-                    <div>
-                      <span className={'text-[#84A2A2]'}>
-                        {t('gameDesktop.history.payout')}:{' '}
-                      </span>
-                      <span>{item.winAmountLabel}</span>
-                    </div>
                   </div>
                 </div>
               </div>