修复代练大区标签和机器ID显示问题

主要修复：
- 修复代练大区标签显示，现在使用 regionDesc 而不是原始 region 值
- 将 .bottom-status 替换为真正的机器ID显示
- 在 usePlayState 中添加对 regionDesc 和 machineId 字段的支持
- 更新 GamePage 组件的 props 和模板以正确显示这些信息

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/components/play/GamePage.vue

@@ -6,9 +6,8 @@
       <div class="tab-item status-tab">状态</div>
       <div class="tab-item target-tab">目标点数</div>
     </div>
-    <div class="tab-header">{{ region }}
-      <div class="tab-item active" v-if="region === 'Q'">QQ</div>
-      <div class="tab-item active" v-if="region === 'V'">微信</div>
+    <div class="tab-header">
+      <div class="tab-item active">{{ regionDesc || (region === 'Q' ? 'QQ区' : region === 'V' ? '微信区' : region) }}</div>
       <div class="tab-item status-tab">{{ displayStatus }}</div>
       <div class="tab-item target-tab">{{ completedPoints || 0 }}/{{ totalPoints || 0 }}</div>
     </div>
@@ -42,7 +41,7 @@
 
       <!-- 底部状态显示 -->
       <div class="bottom-status">
-        ss{{ currentPoints || 0 }}
+        机器ID: {{ machineId || 'N/A' }}
       </div>
     </div>
   </div>
@@ -56,6 +55,14 @@ export default {
       type: String,
       required: true
     },
+    regionDesc: {
+      type: String,
+      default: null
+    },
+    machineId: {
+      type: String,
+      default: null
+    },
     displayStatus: {
       type: String,
       required: true