style: 优化选角面板间距与角色卡片布局

src/features/subject-identity/SubjectIdentityPage.vue

@@ -166,7 +166,7 @@ watch(
                         title="角色选角总览与批量操作"
                         :has-receipt="!!session.receipt"
                     >
-                        <div class="flex flex-wrap items-end justify-between gap-4">
+                        <div class="identity-tools-intro flex flex-wrap items-end justify-between gap-4">
                             <div>
                                 <h2 class="text-lg font-semibold">主体身份</h2>
                                 <p class="mt-2 text-sm text-muted">
@@ -294,21 +294,21 @@ watch(
                                             >
                                                 并发数与本批上限都必须是正整数。
                                             </p>
-                                            <div class="casting-list mt-5">
+                                            <div class="casting-list" role="group" aria-label="角色选角进度">
                                                 <NButton
                                                     v-for="item in casting.items"
                                                     :key="item.subjectId"
                                                     @click="select(item.subjectId)"
                                                     class="casting-item"
                                                     :class="{ selected: selectedId === item.subjectId }"
-                                                    ><span class="min-w-0">
-                                                        <span class="block truncate text-xs font-medium">{{
-                                                            item.subjectName
-                                                        }}</span>
-                                                        <span class="mt-1 block font-mono text-[10px] text-muted">{{
+                                                    :aria-pressed="selectedId === item.subjectId"
+                                                    ><span class="casting-item-identity">
+                                                        <span class="casting-item-name">{{ item.subjectName }}</span>
+                                                        <span class="casting-item-ref">{{
                                                             item.subjectRef
                                                         }}</span> </span
                                                     ><StatusBadge
+                                                        class="casting-item-status"
                                                         :status="item.status"
                                                         :label="castingStatusLabel(item.status)"
                                                 /></NButton>