From dc9d84d015801d622a83400ffe46141d56f3e50f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=81=B5=E5=BA=94?= <ci-test@xiaoxia.com>
Date: Mon, 6 Jul 2026 23:01:19 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=89=AA=E8=BE=91=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E5=99=A8):=20AI=E8=87=AA=E5=8A=A8=E9=80=89=E6=8B=A9=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E5=85=B3=E9=97=AD=20+=20=E9=A2=84=E8=AE=BE=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=8E=BB=E8=83=8C=E6=99=AF=20+=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=89=87=E6=AE=B5=E9=9D=A2=E6=9D=BF=E7=B4=A7=E5=87=91=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. AI自动选择开关默认值 true → false
2. 预设样式卡片去掉深色背景(#1a1a2e)，改为白底纯文字效果展示
   - 默认态: 白色背景 + 浅灰边框
   - hover: #f8fafc 浅灰底
   - active: #eef2ff 主色浅底
   - 标签文字颜色 #8888aa → #64748b
3. 添加片段面板宽度 240px → 180px，内边距 14px → 10px，间距 10px → 8px
---
 .../src/pages/editing-planner/EditingPlanner.css | 16 ++++++++--------
 .../src/pages/editing-planner/EditingPlanner.tsx |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/web/src/pages/editing-planner/EditingPlanner.css b/apps/web/src/pages/editing-planner/EditingPlanner.css
index db2b83a4f..cadc93f07 100644
--- a/apps/web/src/pages/editing-planner/EditingPlanner.css
+++ b/apps/web/src/pages/editing-planner/EditingPlanner.css
@@ -1096,16 +1096,16 @@
   position: absolute;
   top: calc(100% + 6px);
   right: 0;
-  width: 240px;
+  width: 180px;
   background: var(--bg-primary, #ffffff);
   border: 1px solid var(--line, #e2e8f0);
   border-radius: var(--radius-md, 18px);
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
   z-index: 100;
-  padding: 14px;
+  padding: 10px;
   display: flex;
   flex-direction: column;
-  gap: 10px;
+  gap: 8px;
 }
 
 /* fixed 定位版本 — 不受任何父容器 overflow 裁剪 */
@@ -1449,8 +1449,8 @@
 
 .ep-title-preset-card {
   aspect-ratio: 1;
-  background: #1a1a2e;
-  border: 2px solid var(--border-color, #3a3a5c);
+  background: #ffffff;
+  border: 2px solid var(--border-color, #e2e8f0);
   border-radius: var(--radius-xs, 8px);
   cursor: pointer;
   display: flex;
@@ -1465,13 +1465,13 @@
 
 .ep-title-preset-card:hover {
   border-color: var(--primary, #6366f1);
-  background: #252545;
+  background: #f8fafc;
   transform: translateY(-1px);
 }
 
 .ep-title-preset-card.active {
   border-color: var(--primary, #6366f1);
-  background: #2a2a4a;
+  background: #eef2ff;
   box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.3);
 }
 
@@ -1484,7 +1484,7 @@
 
 .ep-title-preset-card-label {
   font-size: 9px;
-  color: #8888aa;
+  color: #64748b;
   line-height: 1;
   text-align: center;
   margin-top: auto;
diff --git a/apps/web/src/pages/editing-planner/EditingPlanner.tsx b/apps/web/src/pages/editing-planner/EditingPlanner.tsx
index cf9d1084d..e48b365b1 100755
--- a/apps/web/src/pages/editing-planner/EditingPlanner.tsx
+++ b/apps/web/src/pages/editing-planner/EditingPlanner.tsx
@@ -101,7 +101,7 @@ const EditingPlanner: React.FC = () => {
 
   /* ── 标题/字幕/BGM 设置 ── */
   const [titleSettings, setTitleSettings] = useState({
-    aiAutoSelect: true,
+    aiAutoSelect: false,
     title: "",
     position: "top",
     font: "思源黑体",