feat(tiles): 实现麻将牌图像系统并优化游戏界面显示

- 重命名 tileMap.ts 为 bottomTileMap.ts 并扩展支持字牌（东南西北、中发白）
- 新增 leftTileMap.ts、rightTileMap.ts 和 topTileMap.ts 支持多位置牌面渲染
- 实现牌面图像类型区分（手牌、明牌、盖牌）和动态图像键构建
- 添加牌面验证函数支持不同花色的数值范围检查
- 更新 ChengduGamePage.vue 使用新的底部牌面配置文件
- 实现玩家手牌可见性控制仅在非等待阶段显示
- 重构服务器响应解析逻辑适配新的数据结构
- 添加玩家手牌响应处理器实时更新手牌状态
- 将玩家手牌显示从文本改为图像展示提升用户体验
- 重构CSS样式实现牌面图像的响应式布局和阴影效果

src/assets/styles/room.css

@@ -886,20 +886,25 @@
 }
 
 .tile-chip {
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
   min-width: 90px;
   height: 126px;
-  border: 1px solid rgba(70, 80, 92, 0.18);
-  border-radius: 8px;
-  color: #14181d;
-  font-size: 32px;
-  font-weight: 700;
-  background:
-    linear-gradient(180deg, #ffffff 0%, #f8fafc 68%, #dfe6ed 100%);
-  box-shadow:
-    inset 0 -4px 0 #1ea328,
-    inset 0 1px 0 rgba(255, 255, 255, 0.9),
-    0 6px 12px rgba(0, 0, 0, 0.18);
+  padding: 0;
+  border: 0;
+  background: transparent;
+  box-shadow: none;
   cursor: pointer;
+  transition: transform 120ms ease-out;
+}
+
+.tile-chip-image {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.18));
 }
 
 .tile-chip.selected {