fix: 优化形态图库移动端筛选布局

移动端将搜索、筛选和图标操作拆分为三行，避免状态筛选与四个操作按钮互相挤压。

src/features/subject-images/SubjectImagesPage.vue

@@ -553,6 +553,7 @@ async function showStaleForms() {
                         </div>
                         <div class="form-image-filters" role="group" aria-label="形态图片筛选">
                             <NInput
+                                class="search-filter"
                                 placeholder="搜索主体、引用或形态"
                                 :input-props="{ 'aria-label': '搜索形态图片' }"
                                 v-model:value="search"
@@ -560,6 +561,7 @@ async function showStaleForms() {
                                 ><template #prefix><Search :size="14" /></template
                             ></NInput>
                             <NSelect
+                                class="module-filter"
                                 aria-label="筛选主体类型"
                                 v-model:value="module"
                                 :options="[
@@ -964,7 +966,27 @@ async function showStaleForms() {
 }
 @container (max-width: 460px) {
     .form-image-filters {
-        @apply grid-cols-[minmax(0,_1fr)_120px] gap-x-2.5;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        gap: 10px;
+    }
+    /* 移动端让搜索独占首行，两个筛选项等宽，图标操作独占末行，避免控件互相挤压。 */
+    .search-filter {
+        grid-column: 1 / -1;
+        grid-row: 1;
+    }
+    .module-filter {
+        grid-column: 1;
+        grid-row: 2;
+    }
+    .status-filter {
+        grid-column: 2;
+        grid-row: 2;
+    }
+    .form-image-display-controls {
+        grid-column: 1 / -1;
+        grid-row: 3;
+        width: 100%;
+        justify-content: flex-end;
     }
     .filter-result-count {
         @apply hidden;