fix: 统一图库操作图标背景

为刷新图库和批量生图按钮补充与未选中布局按钮一致的浅色背景。

src/features/subject-images/SubjectImagesPage.vue

@@ -616,7 +616,7 @@ async function showStaleForms() {
                                     <NPopover trigger="hover" placement="top" :disabled="isMobile">
                                         <template #trigger>
                                             <NButton
-                                                class="icon-button"
+                                                class="icon-button gallery-action-button"
                                                 size="small"
                                                 :disabled="query.loading.value || impact.query.loading.value"
                                                 aria-label="刷新图库"
@@ -635,7 +635,7 @@ async function showStaleForms() {
                                     <NPopover trigger="hover" placement="top" :disabled="isMobile">
                                         <template #trigger>
                                             <NButton
-                                                class="icon-button"
+                                                class="icon-button gallery-action-button"
                                                 size="small"
                                                 data-workspace-tools
                                                 aria-label="批量生图"
@@ -943,8 +943,9 @@ async function showStaleForms() {
 .gallery-layout-switch {
     @apply flex items-center gap-2;
 }
-/* 未选中的排版按钮保留浅灰底，和筛选容器区分，同时不覆盖选中项的绿色状态。 */
-.gallery-layout-switch .layout-option-button:not(.layout-option-active) {
+/* 未选中的排版按钮与图库操作按钮共用浅灰底，同时不覆盖选中布局的绿色状态。 */
+.gallery-layout-switch .layout-option-button:not(.layout-option-active),
+.gallery-layout-switch .gallery-action-button {
     background: var(--app-control-hover);
 }
 @container (max-width: 1200px) {

tests/components/ui/flatTheme.test.ts

@@ -218,8 +218,9 @@ describe('全站平面主题', () => {
         )
         expect(css).toMatch(/\.filter-result-count\s*\{[^}]*display:\s*none;/)
         expect(css).toMatch(
-            /\.gallery-layout-switch \.layout-option-button:not\(\.layout-option-active\)\s*\{[^}]*background:\s*var\(--app-control-hover\);/
+            /\.gallery-layout-switch \.layout-option-button:not\(\.layout-option-active\),\s*\.gallery-layout-switch \.gallery-action-button\s*\{[^}]*background:\s*var\(--app-control-hover\);/
         )
+        expect(source.match(/class="icon-button gallery-action-button"/g)).toHaveLength(2)
         expect(css).toMatch(
             /\.gallery-layout-switch\s*\{[^}]*display:\s*flex;[^}]*align-items:\s*center;[^}]*gap:\s*8px;/
         )