后台管理手机端适配：侧栏收成 ☰ 抽屉，列表/总览响应式单列，编辑器贴边与工具栏收紧，修 iOS 聚焦缩放

frontend/src/admin/DashboardView.vue

@@ -59,7 +59,7 @@ const chartMax = computed(() => {
       </div>
     </div>
 
-    <div style="display: grid; grid-template-columns: 1.4fr 1fr; gap: 16px;">
+    <div class="dash-cols">
       <div class="panel">
         <div class="panel-title">
           <h2>最近 12 个月发布</h2>
@@ -107,7 +107,7 @@ const chartMax = computed(() => {
       </div>
     </div>
 
-    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px;">
+    <div class="dash-cols even">
       <div class="panel">
         <div class="panel-title">
           <h2>最近发布</h2>
@@ -137,4 +137,17 @@ const chartMax = computed(() => {
       </div>
     </div>
   </section>
-</template>
+</template>
+<style scoped>
+/* 两块并排面板：桌面 1.4:1 / 1:1，手机（≤720px）单列——写死在行内样式里
+   会被 min-content 顶出横向滚动（量过：390 视口下 docW 418）。 */
+.dash-cols {display: grid;
+  grid-template-columns: 1.4fr 1fr;
+  gap: 16px;}
+.dash-cols.even {grid-template-columns: 1fr 1fr;
+  margin-top: 16px;}
+@media (max-width: 720px) {
+  .dash-cols,
+  .dash-cols.even {grid-template-columns: 1fr;}
+}
+</style>