From 67f8c75a45b56fed09c3c2979b769aac3926fafc Mon Sep 17 00:00:00 2001
From: Peanut <peanut_hzm@163.com>
Date: Tue, 7 Apr 2026 21:50:47 +0800
Subject: [PATCH] =?UTF-8?q?style(mini-program):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=88=9B=E9=80=A0=E6=9C=AA=E6=9D=A5=E9=A1=B5=E9=9D=A2=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E4=B8=8E=E5=8E=9F=E5=9E=8B=E4=B8=80=E8=87=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修改内容:
- .npc-form: 从两列改为三列等分布局 (grid-template-columns: 1fr 1fr 1fr)
- 姓名、角色、关系三个输入框在同一行，宽度一致
- textarea 跨越三列，宽度与上方三个输入框总宽度一致

验收标准:
- [x] NPC 表单：姓名 | 角色 | 关系三列等分布局
- [x] textarea 跨越三列
- [x] 核心参数容器间距 24rpx（已符合）
- [x] 参数选项按钮间距 10rpx（已符合）

解决 issues: 小程序"创造未来"页面关键配角区域两列布局导致
            关系选择器换行，与原型三列布局不一致
---
 mini-program/src/pages/main/ScriptView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/mini-program/src/pages/main/ScriptView.vue b/mini-program/src/pages/main/ScriptView.vue
index 6b45f77..4b31083 100644
--- a/mini-program/src/pages/main/ScriptView.vue
+++ b/mini-program/src/pages/main/ScriptView.vue
@@ -520,11 +520,11 @@ onMounted(async () => {
 
 .npc-form {
   display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 16rpx;
+  grid-template-columns: 1fr 1fr 1fr;  /* 三列等分 */
+  gap: 16rpx;  /* 间距适中 */
 }
 
-/* textarea 跨越两列 */
+/* textarea 跨越三列 */
 .npc-textarea {
   grid-column: 1 / -1;
 }