From 1ca535720f676f367b27650ebb1a34b7903e7231 Mon Sep 17 00:00:00 2001
From: OoO <ooo@MacBook-Pro.local>
Date: Wed, 13 May 2026 09:46:55 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E5=96=84=E5=8C=AF=E5=85=A5=E9=A0=81?=
 =?UTF-8?q?=E6=89=8B=E6=A9=9F=E7=89=88=E9=A0=81=E9=A6=96=E6=8E=92=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/static/css/page-auto-import-bem.css | 66 +++++++++++++++++++++++++
 1 file changed, 66 insertions(+)

diff --git a/web/static/css/page-auto-import-bem.css b/web/static/css/page-auto-import-bem.css
index 98a110d..b1b0f9a 100644
--- a/web/static/css/page-auto-import-bem.css
+++ b/web/static/css/page-auto-import-bem.css
@@ -187,6 +187,72 @@
   .ai-uploadrow { grid-template-columns: 1fr; }
 }
 
+@media (max-width: 768px) {
+  .ai-head {
+    flex-wrap: nowrap;
+    align-items: flex-start;
+    gap: var(--momo-space-3);
+    margin-bottom: var(--momo-space-4);
+    padding-bottom: var(--momo-space-4);
+  }
+
+  .ai-head__icon {
+    width: 36px;
+    height: 36px;
+    font-size: var(--momo-text-title);
+  }
+
+  .ai-head__main {
+    flex: 1 1 auto;
+  }
+
+  .ai-head__title {
+    margin-bottom: var(--momo-space-2);
+    font-size: var(--momo-text-headline);
+    line-height: 1.2;
+  }
+
+  .ai-head__subtitle {
+    display: block;
+    font-size: var(--momo-text-body-sm);
+    line-height: 1.55;
+  }
+
+  .ai-head__subtitle i {
+    margin-right: var(--momo-space-1);
+  }
+
+  .ai-card__head {
+    padding: var(--momo-space-4);
+  }
+
+  .ai-card__body {
+    padding: var(--momo-space-4);
+  }
+
+  .ai-notice {
+    padding: var(--momo-space-3);
+  }
+
+  .ai-toolbar {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .ai-toolbar .btn {
+    width: 100%;
+    min-height: 44px;
+    padding-right: var(--momo-space-3);
+    padding-left: var(--momo-space-3);
+  }
+}
+
+@media (max-width: 360px) {
+  .ai-toolbar {
+    grid-template-columns: 1fr;
+  }
+}
+
 /* ---------- Job table ---------- */
 .ai-jobtable {
   width: 100%;