fix: 调整移动端题号浮钮位置

index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="theme-color" content="#3276fc" />
-    <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
     <title></title>
   </head>
   <body>

src/components/QuestionNum.vue

@@ -270,6 +270,14 @@ export default {
 
 /* ========== 移动端适配 ========== */
 
+// 横屏手机 + 平板
+@media (min-width: 768px) and (max-width: 991px) {
+  .flag-tips {
+    width: 180px;
+    padding: 10px 0 6px;
+  }
+}
+
 // 竖屏手机
 @media (max-width: 767px) {
   .info {

src/views/Confirm.vue

@@ -331,6 +331,7 @@ export default {
   }
 }
 .explain-box {
+  position: relative;
   width: 100%;
   min-height: 100%;
   background: #f9f9f9;
@@ -477,7 +478,7 @@ export default {
       transform: none;
       width: 100%;
       background: #fff;
-      padding: 16px 0 24px;
+      padding: 16px 0 calc(24px + env(safe-area-inset-bottom));
       box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
       .tips {
         text-align: center;

src/views/Exam.vue

@@ -327,6 +327,7 @@ export default {
 .exam-container {
   width: 100%;
   height: 100vh;
+  height: 100dvh;
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -495,7 +496,7 @@ export default {
     }
     .footer {
       height: auto;
-      padding: 8px 12px;
+      padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
       flex-wrap: wrap;
       gap: 8px;
       .exam-btn {
@@ -527,7 +528,7 @@ export default {
     .mobile-num-fab {
       display: flex;
       position: fixed;
-      bottom: 80px;
+      bottom: calc(96px + env(safe-area-inset-bottom));
       right: 16px;
       width: 48px;
       height: 48px;
@@ -592,12 +593,7 @@ export default {
           overflow-y: auto;
           padding: 0 16px 24px;
           -webkit-overflow-scrolling: touch;
-          // 隐藏原有固定定位的图例（在弹出层内部跟着文档流）
-          .flag-tips {
-            position: static;
-            width: 100%;
-            padding: 10px 0 0;
-          }
+          // 图例在弹出层内跟随文档流（由 QuestionNum 组件自身处理）
         }
       }
     }

src/views/Finish.vue

@@ -50,6 +50,7 @@ export default {
     left: 50%;
     transform: translate(-50%, -50%);
     width: 342px;
+    max-width: 90vw;
     height: 220px;
     background: #ffffff;
     border-radius: 5px;