From c2493e4c718e7f0311ceb1ca159e4d0556c6d9a8 Mon Sep 17 00:00:00 2001
From: cat-shark <1716967236@qq.com>
Date: Sun, 2 Aug 2026 11:48:00 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=A2=9E=E5=8A=A0=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E5=BC=B9=E7=AA=97=E5=85=A8=E5=B1=80=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/main.css | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/src/assets/main.css b/src/assets/main.css
index edf0458..0253c4c 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -56,6 +56,46 @@ a:hover {
   }
 }
 
+/* 移动端弹窗适配：覆盖 Element Plus 内联宽度并约束 footer */
+@media (max-width: 768px) {
+  .el-dialog {
+    --el-dialog-width: calc(100% - 24px) !important;
+    --el-dialog-margin-top: 5vh;
+    max-height: calc(100vh - 60px);
+  }
+
+  .el-dialog__body {
+    max-height: calc(100vh - 200px);
+    overflow-y: auto;
+  }
+
+  .el-dialog__footer {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+
+  .el-dialog__footer .el-button {
+    flex: 1;
+    margin-left: 0;
+  }
+
+  .el-message-box {
+    max-width: calc(100% - 24px);
+  }
+
+  .el-message-box__btns {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+
+  .el-message-box__btns .el-button {
+    flex: 1;
+    margin-left: 0;
+  }
+}
+
 .fade-up-enter-active,
 .fade-up-leave-active {
   transition: opacity 0.22s ease, transform 0.22s ease;