From db82a573ddc77695167d1c3235bbd6f8e9ea14f9 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Sun, 6 Sep 2026 17:28:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=9F=BA=E7=A1=80=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E4=B8=A4=E8=A1=8C=E4=B8=A4=E5=88=97=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ConfigSettings/ConfigField/ConfigField.vue | 6 +++++-
 .../components/ConfigSettings/ConfigForm/ConfigForm.css   | 8 ++++++++
 .../components/ConfigSettings/ConfigForm/ConfigForm.js    | 2 +-
 .../components/ConfigSettings/ConfigForm/ConfigForm.vue   | 2 +-
 4 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/components/ConfigSettings/ConfigField/ConfigField.vue b/frontend/src/views/components/ConfigSettings/ConfigField/ConfigField.vue
index c2e29ef..3377937 100644
--- a/frontend/src/views/components/ConfigSettings/ConfigField/ConfigField.vue
+++ b/frontend/src/views/components/ConfigSettings/ConfigField/ConfigField.vue
@@ -1,5 +1,9 @@
 <template>
-  <div class="config-field" :class="{ 'field-wide': ['list', 'network'].includes(field.type) }" :data-field="fieldKey(field)">
+  <div
+    class="config-field"
+    :class="{ 'field-wide': ['list', 'network'].includes(field.type) && field.wide !== false }"
+    :data-field="fieldKey(field)"
+  >
     <label :id="`${id}-label`" :for="id" class="field-label">
       {{ field.label }}
       <span v-if="field.required" class="field-required" aria-hidden="true">*</span>
diff --git a/frontend/src/views/components/ConfigSettings/ConfigForm/ConfigForm.css b/frontend/src/views/components/ConfigSettings/ConfigForm/ConfigForm.css
index c2fed21..028fd95 100644
--- a/frontend/src/views/components/ConfigSettings/ConfigForm/ConfigForm.css
+++ b/frontend/src/views/components/ConfigSettings/ConfigForm/ConfigForm.css
@@ -109,3 +109,11 @@
     gap: 12px;
   }
 }
+
+/* 基础配置的站点字段在桌面半屏抽屉中保持两行两列，窄手机容器回退为单列。 */
+@container config-main (min-width: 441px) {
+  .form-grid.site-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 10px 14px;
+  }
+}
diff --git a/frontend/src/views/components/ConfigSettings/ConfigForm/ConfigForm.js b/frontend/src/views/components/ConfigSettings/ConfigForm/ConfigForm.js
index eee29f3..2d444af 100644
--- a/frontend/src/views/components/ConfigSettings/ConfigForm/ConfigForm.js
+++ b/frontend/src/views/components/ConfigSettings/ConfigForm/ConfigForm.js
@@ -79,7 +79,7 @@ const baseGroups = [
   group('site', '站点与域名', '填写域名即可，无需添加协议前缀或路径。', [
     field('domains.primary', '主邮件域名', 'text', { required: true, placeholder: 'example.com' }),
     field('domains.web', '网页访问域名', 'text', { required: true, placeholder: 'mail.example.com' }),
-    field('domains.accepted', '接收邮件的域名', 'list', { required: true, hint: '需包含主邮件域名，每个域名单独填写。', placeholder: 'example.com' }),
+    field('domains.accepted', '接收邮件的域名', 'list', { required: true, wide: false, hint: '需包含主邮件域名，每个域名单独填写。', placeholder: 'example.com' }),
     field('logLevel', '日志级别', 'select', { options: options([['', '默认级别'], ['debug', '调试'], ['info', '信息'], ['warn', '警告'], ['error', '错误']]) })
   ]),
   group('database', '数据库连接', '修改数据库类型、名称或文件请使用右侧“数据库迁移”，支持 SQLite、MySQL、PostgreSQL，避免切换到空数据库。', [
diff --git a/frontend/src/views/components/ConfigSettings/ConfigForm/ConfigForm.vue b/frontend/src/views/components/ConfigSettings/ConfigForm/ConfigForm.vue
index 2c2ca39..16b2de4 100644
--- a/frontend/src/views/components/ConfigSettings/ConfigForm/ConfigForm.vue
+++ b/frontend/src/views/components/ConfigSettings/ConfigForm/ConfigForm.vue
@@ -24,7 +24,7 @@
     >
       <p v-if="group.secretConfigured !== undefined" class="credential-status">{{ group.secretConfigured ? '凭据已配置' : '未配置凭据' }}</p>
       <p v-if="group.note" class="form-group-note" role="note">{{ group.note }}</p>
-      <div class="form-grid">
+      <div class="form-grid" :class="{ 'site-grid': section === 'base' && group.id === 'site' }">
         <ConfigField
           v-for="field in group.fields"
           :key="fieldKey(field)"