From 0ce9ae00e7db7f73c53b2d64666678cf08b55917 Mon Sep 17 00:00:00 2001
From: GouJ <hefangjay@qq.com>
Date: Tue, 22 Sep 2026 22:29:15 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=BB=9F=E4=B8=80=E7=94=9F=E6=88=90?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E8=A1=A8=E5=8D=95=E5=AF=B9=E9=BD=90=E4=B8=8E?=
 =?UTF-8?q?=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/CreativeProfileSettings.vue    | 19 ++++++++++++++++-
 .../components/GenerationOptionFields.vue     | 21 +++++++++++++++++--
 2 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/src/features/generation-config/components/CreativeProfileSettings.vue b/src/features/generation-config/components/CreativeProfileSettings.vue
index c6baf80..66fc052 100644
--- a/src/features/generation-config/components/CreativeProfileSettings.vue
+++ b/src/features/generation-config/components/CreativeProfileSettings.vue
@@ -238,11 +238,28 @@ onScopeDispose(() => controller?.abort())
 <style scoped>
 @reference "../../../styles/styles.css";
 .creative-profile-grid {
-    @apply grid grid-cols-[repeat(2,_minmax(0,_1fr))] gap-x-5 gap-y-5;
+    @apply grid grid-cols-[repeat(2,_minmax(0,_1fr))] items-start gap-x-5 gap-y-6;
 }
 .model-section {
     @apply min-w-0 p-4 bg-(--app-subtle);
 }
+.model-section > :deep(.n-form-item) {
+    @apply mb-6;
+}
+.creative-profile-grid > :deep(.n-form-item--top-labelled),
+.model-section > :deep(.n-form-item--top-labelled) {
+    grid-template-rows: minmax(var(--n-label-height), auto) auto auto;
+}
+.creative-profile-grid > :deep(.n-form-item-label),
+.model-section > :deep(.n-form-item-label) {
+    min-height: 30px;
+    padding: 0 0 8px;
+}
+.creative-profile-grid > :deep(.n-form-item-blank),
+.model-section > :deep(.n-form-item-blank) {
+    min-height: 34px;
+    align-items: center;
+}
 .creative-profile-settings {
     @apply mb-7;
 }
diff --git a/src/features/generation-config/components/GenerationOptionFields.vue b/src/features/generation-config/components/GenerationOptionFields.vue
index 288122e..1d82742 100644
--- a/src/features/generation-config/components/GenerationOptionFields.vue
+++ b/src/features/generation-config/components/GenerationOptionFields.vue
@@ -114,10 +114,27 @@ function constrainedOptions(schema: GenerationOptionSchema, current: string | nu
 <style scoped>
 @reference "../../../styles/styles.css";
 .generation-option-grid {
-    @apply grid grid-cols-[repeat(2,_minmax(0,_1fr))] gap-x-4 gap-y-5;
+    @apply grid grid-cols-[repeat(2,_minmax(0,_1fr))] items-start gap-x-4 gap-y-6;
 }
 .generation-option-grid :deep(.n-form-item) {
-    @apply min-w-0 mb-0;
+    @apply min-w-0 mb-0 self-start;
+}
+/* Naive 默认使用 1fr 扩展控件行；同排说明文字不等高时会把较短字段的控件推到底部。 */
+.generation-option-grid :deep(.n-form-item--top-labelled) {
+    grid-template-rows: minmax(var(--n-label-height), auto) auto auto;
+}
+.generation-option-grid :deep(.n-form-item-label) {
+    min-height: 30px;
+    padding: 0 0 8px;
+}
+.generation-option-grid :deep(.n-form-item-blank) {
+    min-height: 34px;
+    align-items: center;
+}
+.generation-option-grid :deep(.n-form-item-feedback-wrapper:not(:empty)) {
+    min-height: 0;
+    padding: 8px 0 0;
+    line-height: 1.55;
 }
 @media (max-width: 760px) {
     .generation-option-grid {