feat: 优化用户界面组件与调整布局样式

- 新增田字格组件用于汉字书写练习
- 调整模板详情页的生成参数和页面编号
- 优化用户主页轮播图和游戏页布局
- 修复答题结果页图片显示和状态切换问题
- 移除卡片悬停阴影并优化背景图片显示
- 更新状态管理注释和类型声明

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

@@ -236,9 +236,9 @@ async function fetchGetGameStatisticsData(_params: Api.Competition.QuestionAddPa
         {{ subTitle }}
       </p> -->
       <!-- 题目内容区域 -->
-      <div v-if="template && content" class="w-full flex flex-1 items-center justify-center overflow-hidden py-4">
+      <div v-if="template && content" class="w-full flex flex-1 items-start justify-center overflow-hidden py-4">
         <div class="max-h-full max-w-full">
-          <QuestionRenderer class="origin-center scale-150 transform" />
+          <QuestionRenderer class="origin-center transform" />
         </div>
       </div>
 
@@ -253,11 +253,10 @@ async function fetchGetGameStatisticsData(_params: Api.Competition.QuestionAddPa
 
       <!-- 底部图表区域 -->
       <div
-        v-if="isStarted"
         class="relative z-20 h-64 max-w-5xl w-full flex flex-col shrink-0 border-2 border-blue-300 rounded-xl bg-white/90 p-4 shadow-lg backdrop-blur"
       >
         <!-- 图表标题栏 -->
-        <div class="mb-4 flex items-center justify-between px-2">
+        <div v-if="isStarted" class="mb-4 flex items-center justify-between px-2">
           <div class="flex items-center gap-2">
             <div class="h-3 w-3 rotate-45 bg-orange-400" />
             <span class="text-lg text-blue-800 font-bold">答题进度</span>