style: 统一折叠标题颜色与主体操作间距

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];
 }

src/features/breakdown/components/SubjectList.vue

@@ -58,27 +58,28 @@ const filtered = computed(() =>
                 >
                     {{ subject.description }}
                 </p>
-                <NButton
+                <div v-if="(subject.description?.length ?? 0) > 160 || projectId" class="subject-record-actions">
-                    v-if="(subject.description?.length ?? 0) > 160"
+                    <NButton
-                    text
+                        v-if="(subject.description?.length ?? 0) > 160"
-                    size="small"
+                        text
-                    class="mt-2"
+                        size="small"
-                    :aria-expanded="expanded.has(subject.profileId)"
+                        :aria-expanded="expanded.has(subject.profileId)"
-                    @click="toggleDescription(subject.profileId)"
+                        @click="toggleDescription(subject.profileId)"
-                    >{{ expanded.has(subject.profileId) ? '收起介绍' : '展开完整介绍' }}</NButton
+                        >{{ expanded.has(subject.profileId) ? '收起介绍' : '展开完整介绍' }}</NButton
-                >
+                    >
-                <RouterLink
+                    <RouterLink
-                    v-if="projectId"
+                        v-if="projectId"
-                    :to="{ path: `/projects/${projectId}/subject-identity`, query: { subjectRef: subject.ref } }"
+                        :to="{ path: `/projects/${projectId}/subject-identity`, query: { subjectRef: subject.ref } }"
-                    class="text-button mt-3 mr-4"
+                        class="text-button"
-                    >管理稳定身份／母版</RouterLink
+                        >管理稳定身份／母版</RouterLink
-                >
+                    >
-                <RouterLink
+                    <RouterLink
-                    v-if="projectId"
+                        v-if="projectId"
-                    :to="{ path: `/projects/${projectId}/subject-images`, query: { subjectRef: subject.ref } }"
+                        :to="{ path: `/projects/${projectId}/subject-images`, query: { subjectRef: subject.ref } }"
-                    class="text-button mt-3"
+                        class="text-button"
-                    >查看形态图片／生图</RouterLink
+                        >查看形态图片／生图</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);
 }