成就系统手机端适配，开始界面优化

src/ui/achievement.vue

@@ -19,7 +19,7 @@
         <div id="list">
             <div id="achievement-list" :style="{ left: `-${offset}%` }">
                 <div v-for="t of column" class="achievement-one">
-                    <Scroll class="list-scroll">
+                    <Scroll class="list-scroll" :width="10">
                         <div class="list-div">
                             <div
                                 v-for="a of getAllAchievements(t)"
@@ -316,4 +316,35 @@ function exit() {
         white-space: nowrap;
     }
 }
+
+@media screen and (max-width: 600px) {
+    #achievement {
+        width: 90vw;
+        height: 90vh;
+        font-size: 4.2vw;
+    }
+
+    #column {
+        font-size: 4.3vw;
+    }
+
+    .list-one {
+        width: 90%;
+
+        .list-content {
+            height: 15vh;
+        }
+
+        .list-text {
+            font-size: 3.2vw;
+        }
+
+        .list-end {
+            margin-bottom: 0.8vh;
+            .end-info {
+                font-size: 3.2vw;
+            }
+        }
+    }
+}
 </style>

src/ui/completeAchievement.vue

@@ -104,4 +104,11 @@ onMounted(async () => {
         top: -30vh;
     }
 }
+
+@media screen and (max-width: 600px) {
+    #complete-box {
+        width: 90vw;
+        left: 5%;
+    }
+}
 </style>

src/ui/start.vue

@@ -527,20 +527,24 @@ onUnmounted(() => {
         display: flex;
         align-items: center;
         flex-direction: row-reverse;
+        justify-content: flex-start;
         right: 5%;
         bottom: 10%;
         font-size: 1.3em;
         z-index: 1;
+        width: 50%;
 
         .setting-buttons {
-            margin-left: 40%;
+            margin-left: 4%;
             color: white;
             transition: color 0.2s linear;
             cursor: pointer;
         }
 
         .setting-buttons2 {
-            margin-left: 40%;
+            margin-left: 4%;
+            position: relative;
+            top: 1px;
         }
 
         #sound {