feat(admin): 优化大屏开发体验并完善用户界面组件

- 新增大屏开发调试指南文档，包含设计基准、调试方法和字体配置说明
- 添加字体大小预览工具，支持多分辨率视口切换（2048x1080/1920x1080/3840x2160）
- 新增字体资源 README 文档和团队标题背景图片
- 优化用户界面背景图片（title-bg3.png、title-bg4.png）
- 更新 ActionButton 和 CompetitionLayout 组件样式
- 完善用户模块各页面布局（分析、封面、抽签、游戏、规则、团队）
- 优化题目渲染器组件和成绩详情页面
- 更新 UnoCSS 配置以支持大屏字体缩放方案

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

@@ -87,7 +87,10 @@ onMounted(() => {
 </script>
 
 <template>
-  <CompetitionLayout :show-back="true" back-btn-text="返回" :show-next="false" next-btn-text="下一步" :show-title="false" @next="handleNext" @back="handleBack">
+  <CompetitionLayout
+    :show-back="true" back-btn-text="返回" :show-next="false" next-btn-text="下一步" :show-title="false"
+    @next="handleNext" @back="handleBack"
+  >
     <!-- Scroll Content -->
     <div class="scroll-container">
       <!-- 卷轴背景动画容器 -->
@@ -113,7 +116,7 @@ onMounted(() => {
                 <div class="icon-wrapper">
                   <img src="@/assets/imgs/user/team-title-icon.webp" alt="team-icon" class="h-full w-full object-cover">
                 </div>
-                <div class="team-name">
+                <div class="team-name text-3xl">
                   {{ item.name }}
                 </div>
               </div>
@@ -181,6 +184,7 @@ onMounted(() => {
   100% {
     transform: translateY(0px);
   }
+
   50% {
     transform: translateY(-15px);
   }
@@ -189,7 +193,7 @@ onMounted(() => {
 .title-section {
   position: absolute;
   top: 130px; // 使用固定像素值，确保在卷轴内部
-  left: 40px; // 距离左边缘的固定距离
+  left: 47px; // 距离左边缘的固定距离
   z-index: 10;
 
   .scroll-bg {
@@ -207,8 +211,8 @@ onMounted(() => {
 // 添加响应式适配
 @media (max-width: 1920px) {
   .title-section {
-    top: 70px;
-    left: 50px;
+    top: 140px;
+    left: 45px;
   }
 }
 
@@ -316,14 +320,20 @@ onMounted(() => {
   }
 
   .team-name {
-    font-size: 1.5rem;
+    // min-width: 130px;
+    // width: 300px;
+    // height: 120px;
+    min-height: 60px;
+    min-width: 250px;
+    line-height: 60px;
     color: #333;
     font-weight: bold;
     text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
-    background: url('@/assets/imgs/user/team-title-bg.svg') no-repeat center center;
-    background-size: contain;
+    background: url('@/assets/imgs/user/team-title-bg.png') no-repeat center center;
+    background-size: 100% 100%;
     padding: 15px 30px;
-    border-radius: 10px;
+    text-align: center;
+    box-sizing: border-box;
   }
 }
 </style>