refactor: 统一主体与镜头目录并优化筛选工具栏布局

src/features/subject-images/SubjectImagesPage.vue

@@ -211,29 +211,31 @@ function resetFilters() {
             </ul>
             <p class="mt-3 text-[11px] text-muted">回执仅保留于当前浏览器会话；图片以刷新后的数据库记录为准。</p>
         </section>
-        <div class="my-6 flex flex-wrap items-center gap-4">
-            <label class="search-field">
-                <Search :size="14" />
+        <div class="form-image-filter-region">
+            <div class="form-image-filters" role="group" aria-label="形态图片筛选">
                 <NInput
                     placeholder="搜索主体、引用或形态"
                     :input-props="{ 'aria-label': '搜索形态图片' }"
                     v-model:value="search"
+                    clearable
+                    ><template #prefix><Search :size="14" /></template
                 ></NInput>
-            </label>
-            <NSelect
-                aria-label="筛选主体类型"
-                v-model:value="module"
-                :options="[
-                    { label: String('全部类型'), value: 'all' },
-                    { label: String('人物'), value: 'character' },
-                    { label: String('场景'), value: 'scene' },
-                    { label: String('道具'), value: 'prop' }
-                ]"
-                class="select-control"
-            ></NSelect>
-            <NCheckbox v-model:checked="onlyMissing" class="flex items-center gap-2 text-xs">仅看缺少主图 </NCheckbox>
-            <NCheckbox v-model:checked="onlyStale" class="flex items-center gap-2 text-xs">仅看身份过期 </NCheckbox>
-            <span class="ml-auto text-xs text-muted">{{ filtered.length }} 个形态</span>
+                <NSelect
+                    aria-label="筛选主体类型"
+                    v-model:value="module"
+                    :options="[
+                        { label: String('全部类型'), value: 'all' },
+                        { label: String('人物'), value: 'character' },
+                        { label: String('场景'), value: 'scene' },
+                        { label: String('道具'), value: 'prop' }
+                    ]"
+                ></NSelect>
+                <div class="filter-toggles">
+                    <NCheckbox v-model:checked="onlyMissing">仅看缺少主图</NCheckbox>
+                    <NCheckbox v-model:checked="onlyStale">仅看身份过期</NCheckbox>
+                </div>
+                <span class="filter-result-count">{{ filtered.length }} 个形态</span>
+            </div>
         </div>
         <p v-if="!query.data.value && query.loading.value" class="py-10 text-sm text-muted" role="status">
             正在读取形态和已有图片…