style(mini-program): 优化创造未来页面布局与原型一致

修改内容:
- .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

@@ -520,11 +520,11 @@ onMounted(async () => {
 
 .npc-form {
   display: grid;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr;  /* 三列等分 */
-  gap: 16rpx;
+  gap: 16rpx;  /* 间距适中 */
 }
 
-/* textarea 跨越两列 */
+/* textarea 跨越三列 */
 .npc-textarea {
   grid-column: 1 / -1;
 }