From 05cebc53318dbfb6d0b7cf030ae18525e0f74849 Mon Sep 17 00:00:00 2001
From: GouJ <hefangjay@qq.com>
Date: Tue, 22 Sep 2026 18:49:03 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=BB=9F=E4=B8=80=E6=8A=98=E5=8F=A0?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E9=A2=9C=E8=89=B2=E4=B8=8E=E4=B8=BB=E4=BD=93?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ui/DetailDisclosure.vue        |  6 +++
 .../breakdown/components/SubjectList.vue      | 46 ++++++++++---------
 2 files changed, 31 insertions(+), 21 deletions(-)

diff --git a/src/components/ui/DetailDisclosure.vue b/src/components/ui/DetailDisclosure.vue
index 10887bb..94571f6 100644
--- a/src/components/ui/DetailDisclosure.vue
+++ b/src/components/ui/DetailDisclosure.vue
@@ -33,6 +33,12 @@ defineExpose({
 .detail-disclosure.n-collapse {
     @apply text-xs text-muted;
 }
+.detail-disclosure .n-button,
+.detail-disclosure .n-button:hover,
+.detail-disclosure .n-button:focus,
+.detail-disclosure .n-button:active {
+    color: var(--app-ink) !important;
+}
 .detail-disclosure-content {
     @apply py-3 px-3.5 bg-(--app-subtle) text-ink leading-[1.8];
 }
diff --git a/src/features/breakdown/components/SubjectList.vue b/src/features/breakdown/components/SubjectList.vue
index 88dbf4f..caa48f7 100644
--- a/src/features/breakdown/components/SubjectList.vue
+++ b/src/features/breakdown/components/SubjectList.vue
@@ -58,27 +58,28 @@ const filtered = computed(() =>
                 >
                     {{ subject.description }}
                 </p>
-                <NButton
-                    v-if="(subject.description?.length ?? 0) > 160"
-                    text
-                    size="small"
-                    class="mt-2"
-                    :aria-expanded="expanded.has(subject.profileId)"
-                    @click="toggleDescription(subject.profileId)"
-                    >{{ expanded.has(subject.profileId) ? '收起介绍' : '展开完整介绍' }}</NButton
-                >
-                <RouterLink
-                    v-if="projectId"
-                    :to="{ path: `/projects/${projectId}/subject-identity`, query: { subjectRef: subject.ref } }"
-                    class="text-button mt-3 mr-4"
-                    >管理稳定身份／母版</RouterLink
-                >
-                <RouterLink
-                    v-if="projectId"
-                    :to="{ path: `/projects/${projectId}/subject-images`, query: { subjectRef: subject.ref } }"
-                    class="text-button mt-3"
-                    >查看形态图片／生图</RouterLink
-                >
+                <div v-if="(subject.description?.length ?? 0) > 160 || projectId" class="subject-record-actions">
+                    <NButton
+                        v-if="(subject.description?.length ?? 0) > 160"
+                        text
+                        size="small"
+                        :aria-expanded="expanded.has(subject.profileId)"
+                        @click="toggleDescription(subject.profileId)"
+                        >{{ expanded.has(subject.profileId) ? '收起介绍' : '展开完整介绍' }}</NButton
+                    >
+                    <RouterLink
+                        v-if="projectId"
+                        :to="{ path: `/projects/${projectId}/subject-identity`, query: { subjectRef: subject.ref } }"
+                        class="text-button"
+                        >管理稳定身份／母版</RouterLink
+                    >
+                    <RouterLink
+                        v-if="projectId"
+                        :to="{ path: `/projects/${projectId}/subject-images`, query: { subjectRef: subject.ref } }"
+                        class="text-button"
+                        >查看形态图片／生图</RouterLink
+                    >
+                </div>
                 <NCollapse class="subject-details mt-4" :default-expanded-names="['details']"
                     ><NCollapseItem name="details"
                         ><template #header
@@ -128,6 +129,9 @@ const filtered = computed(() =>
 .subject-form-card {
     @apply mt-3 p-4 min-w-0 wrap-anywhere bg-(--app-subtle);
 }
+.subject-record-actions {
+    @apply mt-4 flex flex-wrap items-center gap-y-2 gap-x-4;
+}
 .subject-record-list > article:nth-child(even) .subject-form-card {
     @apply bg-(--app-control);
 }