From 551d2a47b8f08e41eb490a814fed5472683aacb1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B2=A1=E5=A4=8D=E4=B9=A0?= <2353956224@qq.com>
Date: Fri, 24 Apr 2026 16:47:29 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/auto-dm/AutoDmTkWorkbench.vue | 80 +++++++++++++++----------
 1 file changed, 49 insertions(+), 31 deletions(-)

diff --git a/src/views/auto-dm/AutoDmTkWorkbench.vue b/src/views/auto-dm/AutoDmTkWorkbench.vue
index 2fca8f8..405df99 100644
--- a/src/views/auto-dm/AutoDmTkWorkbench.vue
+++ b/src/views/auto-dm/AutoDmTkWorkbench.vue
@@ -76,38 +76,56 @@
                     </div>
                   </div>
 
-                  <div class="grid grid-cols-1 gap-4 md:grid-cols-[minmax(0,1fr),minmax(0,1fr),220px,220px] items-end">
-                    <div>
-                      <label class="mb-2 block text-sm font-medium text-gray-700">分组轮换间隔（分钟）</label>
-                      <input v-model.number="configForm.groupSwitchMinutes" :disabled="isConfigControlDisabled"
-                        type="number" min="1" step="1"
-                        class="h-11 w-full rounded-lg border border-gray-300 bg-white px-4 text-sm text-gray-800 outline-none focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-60"
-                        @blur="handleSwitchMinutesBlur" />
+                  <div class="rounded-xl border border-gray-200 bg-gradient-to-br from-slate-50 via-white to-blue-50/40 p-4">
+                    <div class="flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between">
+                      <div>
+                        <div class="text-sm font-medium text-gray-900">运行设置</div>
+                        <p class="text-xs text-gray-500">控制分组轮换、单用户节奏，以及首次进入全流程的分组。</p>
+                      </div>
+                      <span class="rounded-full border border-gray-200 bg-white px-3 py-1 text-xs text-gray-600">启动前生效</span>
                     </div>
-                    <div>
-                      <label class="mb-2 block text-sm font-medium text-gray-700">每用户休眠秒数</label>
-                      <input v-model.number="configForm.postUserSleepSeconds" :disabled="isConfigControlDisabled"
-                        type="number" min="1" step="1"
-                        class="h-11 w-full rounded-lg border border-gray-300 bg-white px-4 text-sm text-gray-800 outline-none focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-60"
-                        @blur="handlePostUserSleepBlur" />
+                    <div class="mt-4 grid grid-cols-1 gap-3 md:grid-cols-2">
+                      <div class="rounded-xl border border-gray-200 bg-white/90 p-3 shadow-sm">
+                        <div class="mb-2 flex items-center justify-between gap-2">
+                          <span class="text-xs font-medium text-gray-500">轮换间隔</span>
+                          <span class="text-[11px] text-gray-400">分钟</span>
+                        </div>
+                        <input v-model.number="configForm.groupSwitchMinutes" :disabled="isConfigControlDisabled"
+                          type="number" min="1" step="1"
+                          class="h-11 w-full rounded-lg border border-gray-300 bg-white px-4 text-sm text-gray-800 outline-none focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-60"
+                          @blur="handleSwitchMinutesBlur" />
+                      </div>
+                      <div class="rounded-xl border border-gray-200 bg-white/90 p-3 shadow-sm">
+                        <div class="mb-2 flex items-center justify-between gap-2">
+                          <span class="text-xs font-medium text-gray-500">用户休眠</span>
+                          <span class="text-[11px] text-gray-400">秒</span>
+                        </div>
+                        <input v-model.number="configForm.postUserSleepSeconds" :disabled="isConfigControlDisabled"
+                          type="number" min="1" step="1"
+                          class="h-11 w-full rounded-lg border border-gray-300 bg-white px-4 text-sm text-gray-800 outline-none focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-60"
+                          @blur="handlePostUserSleepBlur" />
+                      </div>
+                      <div class="rounded-xl border border-gray-200 bg-white/90 p-3 shadow-sm">
+                        <label class="mb-2 block text-xs font-medium text-gray-500">全流程起始分组</label>
+                        <select v-model.number="configForm.initialFullGroupNumber" :disabled="isConfigControlDisabled"
+                          class="h-11 w-full rounded-lg border border-gray-300 bg-white px-4 text-sm text-gray-800 outline-none focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-60"
+                          @change="handleInitialFullGroupChange">
+                          <option v-for="option in startFullGroupOptions" :key="option.value" :value="option.value"
+                            :disabled="!option.enabled">
+                            {{ option.label }}（{{ option.hint }}{{ option.enabled ? '' : '，未启用' }}）
+                          </option>
+                        </select>
+                      </div>
+                      <label v-if="!isBrotherInfoMode"
+                        class="flex min-h-[92px] flex-col justify-between rounded-xl border border-gray-200 bg-white/90 p-3 shadow-sm">
+                        <span class="text-xs font-medium text-gray-500">未读消息处理</span>
+                        <span class="flex h-11 items-center gap-3 rounded-lg border border-gray-200 bg-gray-50 px-4 text-sm text-gray-700">
+                          <input v-model="configForm.replyUnreadMessages" :disabled="isConfigControlDisabled"
+                            type="checkbox" class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" />
+                          <span>开启 AI 回复未读消息</span>
+                        </span>
+                      </label>
                     </div>
-                    <div>
-                      <label class="mb-2 block text-sm font-medium text-gray-700">全流程起始分组</label>
-                      <select v-model.number="configForm.initialFullGroupNumber" :disabled="isConfigControlDisabled"
-                        class="h-11 w-full rounded-lg border border-gray-300 bg-white px-4 text-sm text-gray-800 outline-none focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-60"
-                        @change="handleInitialFullGroupChange">
-                        <option v-for="option in startFullGroupOptions" :key="option.value" :value="option.value"
-                          :disabled="!option.enabled">
-                          {{ option.label }}（{{ option.hint }}{{ option.enabled ? '' : '，未启用' }}）
-                        </option>
-                      </select>
-                    </div>
-                    <label v-if="!isBrotherInfoMode"
-                      class="flex h-11 items-center gap-3 rounded-lg border border-gray-200 bg-gray-50 px-4 py-3 text-sm text-gray-700">
-                      <input v-model="configForm.replyUnreadMessages" :disabled="isConfigControlDisabled"
-                        type="checkbox" class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500" />
-                      <span>开启 AI 回复未读消息</span>
-                    </label>
                   </div>
 
                   <div class="rounded-xl border border-gray-200 bg-white p-4">
@@ -119,7 +137,7 @@
                       <span class="rounded-full border border-gray-200 bg-gray-100 px-3 py-1 text-xs text-gray-600">{{
                         dataPoolLabel }}</span>
                     </div>
-                    <div class="grid grid-cols-2 gap-3">
+                    <div class="grid grid-cols-1 gap-3 sm:grid-cols-2">
                       <label class="flex items-center gap-3 rounded-lg border px-4 py-3 text-sm transition-colors"
                         :class="configForm.dataPoolSource === 'anchor_hosts' ? 'border-blue-500 bg-blue-50 text-blue-700' : 'border-gray-200 bg-gray-50 text-gray-700'">
                         <input v-model="configForm.dataPoolSource" :disabled="isConfigControlDisabled" type="radio"