feat(game): 更新游戏页面功能和认证刷新机制

- 将开发环境代理目标从 192.168.1.5 改为 127.0.0.1
- 重构 auth.ts 文件中的代码缩进格式
- 实现自动令牌刷新机制，支持 JWT 过期时间检测
- 添加 WebSocket 连接的令牌强制刷新逻辑
- 新增 WindSquare 组件显示方位风向图标
- 实现动态座位风向计算和显示功能
- 优化 WebSocket URL 构建方式，移除查询参数中的令牌传递
- 添加登录失效时自动跳转到登录页面的功能
- 限制玩家名称显示长度为4个字符
- 改进 WebSocket 错误处理和重连机制

src/assets/styles/room.css

@@ -393,6 +393,10 @@
   border-color: rgba(244, 222, 163, 0.72);
 }
 
+.picture-scene .player-badge.offline {
+  opacity: 0.55;
+}
+
 .picture-scene .avatar-card {
   display: grid;
   place-items: center;
@@ -425,6 +429,22 @@
   color: #eef5ff;
 }
 
+.picture-scene .player-badge.seat-right .player-meta,
+.picture-scene .player-badge.seat-left .player-meta {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 48px;
+  transform: rotate(-90deg);
+}
+
+.picture-scene .player-badge.seat-right .player-meta p,
+.picture-scene .player-badge.seat-left .player-meta p {
+  line-height: 1;
+  letter-spacing: 1px;
+  white-space: nowrap;
+}
+
 .picture-scene .dealer-mark,
 .picture-scene .missing-mark {
   display: inline-flex;
@@ -461,6 +481,10 @@
   object-fit: contain;
 }
 
+.picture-scene .missing-mark span {
+  color: #effff5;
+}
+
 .wall {
   position: absolute;
   display: flex;
@@ -542,6 +566,15 @@
   left: 110px;
 }
 
+.center-wind-square {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 3;
+  pointer-events: none;
+}
+
 .center-desk {
   position: absolute;
   left: 50%;