feat: 优化竞赛流程并修复题目禁用功能

- 调整倒计时音效触发时间为剩余10秒，并更新音频文件
- 修复题目禁用功能，将IsDisabled类型从number改为boolean
- 优化抽题页面，替换为静态图片并禁用放大预览
- 为卡片添加3D悬停效果，提升交互体验
- 在结果发布前检查倒计时是否结束，防止提前发布
- 优化团队选择页面样式，更新图标和背景
- 修复Typewriter组件内容重复累加的问题
- 更新图表标签从"正确数量"改为"预估得分"
- 优化竞赛布局，统一"下一步"按钮文本

apps/admin/src/views/user/draw/index.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
+import drawImg from '@/assets/imgs/user/draw.svg'
 import CompetitionLayout from '@/components/custom/user/CompetitionLayout.vue'
 import { useRouterPush } from '@/hooks/common/router'
 import { fetchGetCurrentQuestion } from '@/service/api/game'
@@ -130,29 +131,29 @@ function handleBack() {
 }
 
 const questionMainTitle = computed(() => question.value?.QuestionList?.Name || '')
+const questionTitle = computed(() => question.value?.QuestionList?.QuestionContent || question.value?.QuestionList?.Name || '')
 </script>
 
 <template>
   <CompetitionLayout :show-back="true" :show-next="false" :title="questionMainTitle || '抽题'" @back="handleBack">
     <div class="h-full w-full flex flex-col items-center pt-10 font-sans">
-      <!-- <div v-if="question" class="mb-10 max-w-4xl text-center">
+      <div v-if="question" class="mb-10 max-w-4xl text-center">
         <div class="text-2xl text-gray-800 font-medium leading-relaxed tracking-wide">
-          {{ questionMainTitle || '' }}
+          {{ questionTitle || '' }}
         </div>
-      </div> -->
+      </div>
 
       <!-- 题目卡片列表 -->
       <div v-if="loading" class="text-xl text-gray-500">
         加载中...
       </div>
-      <div v-else class="w-full flex flex-1 items-center justify-center pb-10">
+      <div v-else class="w-full flex items-center justify-center pb-10">
         <div v-if="question" class="lottery-stick-container">
           <div
             class="lottery-stick" :class="{ 'is-selected': flippedId === question?.Activity_Question?.ID }"
             @click="handleCardClick(question)"
           >
-            <!-- 签身 (默认显示) -->
-            <div class="stick-face stick-body">
+            <!-- <div class="stick-face stick-body">
               <div class="stick-top-mark" />
               <div
                 class="writing-mode-vertical-rl h-full flex items-center justify-center text-xl text-yellow-900 font-bold tracking-widest opacity-80"
@@ -160,11 +161,12 @@ const questionMainTitle = computed(() => question.value?.QuestionList?.Name || '
                 抽 题
               </div>
             </div>
-            <!-- 签面 (翻转后显示 - 实际上是放大显示的) -->
             <div class="stick-face stick-content">
               <span class="writing-mode-vertical-rl text-2xl text-red-600 font-bold">{{ questionMainTitle
               }}</span>
-            </div>
+            </div> -->
+            <!-- 禁用放大 -->
+            <NImage :src="drawImg" class="h-full w-full object-cover" :preview-disabled="true" />
           </div>
         </div>
       </div>
@@ -178,8 +180,8 @@ const questionMainTitle = computed(() => question.value?.QuestionList?.Name || '
 
 <style scoped>
 .lottery-stick-container {
-  width: 50px;
-  height: 240px;
+  /* width: 50px;
+  height: 240px; */
   perspective: 1000px;
   cursor: pointer;
   transition: transform 0.3s;
@@ -236,7 +238,7 @@ const questionMainTitle = computed(() => question.value?.QuestionList?.Name || '
 
 /* 选中（抽出）动画状态 */
 .lottery-stick.is-selected {
-  transform: translateY(-100px) scale(2) rotateY(180deg);
+  transform: translateY(-100px) scale(1.4) rotateY(180deg);
   z-index: 50;
 }