feat(admin): 优化用户界面组件并新增自定义按钮样式

- 新增按钮背景图片资源（btn-bg.png、progress-title.png、title-bg3.png、title-bg4.png）
- 扩展 ActionButton 组件支持自定义按钮类型，新增 custom 类型用于背景图片驱动的按钮
- 添加 btnBg 和 fontSize 属性到 ActionButton，支持动态背景和字体大小配置
- 重构 ActionButton 样式结构，分离 standard-btn 和 custom-btn 两种按钮样式
- 优化按钮禁用状态的样式处理和交互反馈
- 更新 CompetitionLayout 组件支持新的标题背景类型（titleBg3、titleBg4）
- 新增 titleTextColor 和 fontSize 属性到 CompetitionLayout，增强标题和按钮的定制化能力
- 更新所有用户页面组件（cover、draw、game、groups、rules、teams）以适配新的按钮和布局配置

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

@@ -196,7 +196,8 @@ onMounted(async () => {
 <template>
   <CompetitionLayout
     :show-back="true" :show-next="showNextButton" next-btn-text="下一步" :title="activityName"
-    :title-bg-type="2" @back="handleBack" @next="handleNext"
+    :title-bg-type="2" back-btn-text="返回" @back="handleBack"
+    @next="handleNext"
   >
     <div class="h-screen w-full overflow-y-auto font-sans">
       <div class="relative z-10 min-h-full w-full">

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

@@ -132,11 +132,14 @@ function handleBack() {
 
 const questionMainTitle = computed(() => question.value?.QuestionList?.Name || '')
 const questionTitle = computed(() => question.value?.QuestionList?.QuestionContent || question.value?.QuestionList?.Name || '')
+
+const titleBgTypeNum = computed(() => RoundType.value === 0 ? 3 : 4)
 </script>
 
 <template>
   <CompetitionLayout
-    :show-back="true" :show-next="true" :title="questionMainTitle || '抽题'" next-btn-text="开始抽题"
+    :show-back="true" :show-next="true" back-btn-text="返回" :title="questionMainTitle || '抽题'" next-btn-text="开始抽题"
+    :title-bg-type="titleBgTypeNum || 3" title-text-color="#ffffff"
     @next="handleCardClick(question as Api.Competition.CurrentQuestionResponse)" @back="handleBack"
   >
     <div class="h-full w-full flex flex-col items-center pt-10 font-sans">
@@ -169,7 +172,10 @@ const questionTitle = computed(() => question.value?.QuestionList?.QuestionConte
               }}</span>
             </div> -->
             <!-- 禁用放大 -->
-            <NImage :src="drawImg" class="h-full w-full object-cover" width="300" height="300" :preview-disabled="true" />
+            <NImage
+              :src="drawImg" class="h-full w-full object-cover" width="300" height="300"
+              :preview-disabled="true"
+            />
           </div>
         </div>
       </div>

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

@@ -20,6 +20,7 @@ const { activityId, groupId, activityInfo, teamId, teamIds } = storeToRefs(activ
 const currentQuestionInfo = computed(() => store.currentQuestionInfo)
 const currentQuestionDetail = computed(() => store.currentQuestionDetail)
 const currentQuestionMainInfo = computed(() => store.currentQuestionMainInfo)
+const RoundType = computed(() => store.currentQuestionMainInfo?.Activity_Question?.RoundType)
 
 const loading = ref(false)
 
@@ -246,13 +247,16 @@ async function fetchGetGameStatisticsData(_params: Api.Competition.QuestionAddPa
     }
   }
 }
+
+const titleBgTypeNum = computed(() => RoundType.value === 0 ? 3 : 4) || 3
 </script>
 
 <template>
   <CompetitionLayout
     action-position="top" :show-back="false" :show-next="true" :title="mainTitle || ''"
-    back-btn-text="返回" :next-btn-text="isStarted ? formattedTime : '开始答题'" :next-disabled="isStarted" btn-theme="light"
-    @back="handleBack" @next="handleNext"
+    :title-bg-type="titleBgTypeNum" title-text-color="#ffffff" back-btn-text="返回"
+    :next-btn-text="isStarted ? formattedTime : '开始答题'" :next-disabled="isStarted" btn-theme="light" @back="handleBack"
+    @next="handleNext"
   >
     <div class="relative h-full w-full flex flex-col items-center overflow-hidden px-12 font-sans">
       <!-- 题目说明 -->

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

@@ -83,7 +83,7 @@ onMounted(() => {
 
 <template>
   <CompetitionLayout
-    :show-back="true" :show-next="isAllEnd" next-btn-text="查看常规赛结果" next-btn-text2="查看加时赛结果"
+    :show-back="true" back-btn-text="返回" :show-next="isAllEnd" next-btn-text="查看常规赛结果" font-size="22" next-btn-text2="查看加时赛结果"
     :show-next-btn2="hasExtraTime && isAllEnd" :title-bg-type="2" title="展示组别" @back="handleBack" @next="handleNext"
     @next2="handleNext2"
   >

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

@@ -49,8 +49,8 @@ function handleNext() {
 
 <template>
   <CompetitionLayout
-    :show-back="true" :show-next="true" :title="activityName" next-btn-text="下一步" @back="handleBack"
-    @next="handleNext"
+    :show-back="true" back-btn-text="返回" :show-next="true" :title="activityName" next-btn-text="下一步"
+    @back="handleBack" @next="handleNext"
   >
     <div class="items-flex-start h-full w-full flex justify-center font-sans">
       <div class="rules-content-wrapper">

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

@@ -87,7 +87,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <CompetitionLayout :show-back="true" :show-next="true" next-btn-text="下一步" :show-title="false" @next="handleNext" @back="handleBack">
+  <CompetitionLayout :show-back="true" back-btn-text="返回" :show-next="true" next-btn-text="下一步" :show-title="false" @next="handleNext" @back="handleBack">
     <!-- Scroll Content -->
     <div class="scroll-container">
       <!-- 卷轴背景动画容器 -->