improve(ui):优化管理后台的抽屉在移动端的展示效果

web/admin/src/styles/main.css

@@ -517,3 +517,18 @@ body {
 .arco-drawer-wrapper .arco-drawer {
   border-radius: 0 var(--ta-radius-xl) var(--ta-radius-xl) 0;
 }
+
+/* 移动端弹层自适应：固定宽度统一收口，避免溢出可视区（断点与 useIsMobile 的 768 对齐） */
+@media (max-width: 767px) {
+  /* 抽屉整屏铺满 */
+  .arco-drawer {
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+  /* 模态框左右各留 16px 边距，更符合模态语义，并顶部留白 */
+  .arco-modal {
+    width: calc(100vw - 32px) !important;
+    max-width: 100% !important;
+    top: 16px;
+  }
+}