fix: 用页面底色分隔图库搜索区域和列表

src/admin.css

@@ -458,12 +458,12 @@ body {
 .gallery-workspace-page .workspace-scroll-content {
     padding-top: 8px;
 }
-/* 筛选与关联素材整体吸顶；间距由内部 padding 承担，避免出现透明断层。 */
+/* 筛选和关联行各自保留面板底色；外层用页面底色绘制与列表的间隔，吸顶时不透图。 */
 .gallery-workspace-page .gallery-sticky-controls {
     position: sticky;
     top: 0;
     z-index: 10;
-    background: var(--app-subtle);
+    background: var(--app-body);
     margin-block: 10px 0;
     padding-bottom: 12px;
 }

src/components/ui/flatTheme.test.ts

@@ -145,14 +145,14 @@ describe('全站平面主题', () => {
         // 静态保护吸顶和横向尺寸规则；真实视口滚动与位置仍需浏览器验收。
         const css = readFileSync('src/admin.css', 'utf8')
         expect(css).toMatch(
-            /\.gallery-workspace-page \.gallery-sticky-controls\s*\{[^}]*position:\s*sticky;[^}]*top:\s*0;[^}]*z-index:\s*10;[^}]*background:\s*var\(--app-subtle\);/
+            /\.gallery-workspace-page \.gallery-sticky-controls\s*\{[^}]*position:\s*sticky;[^}]*top:\s*0;[^}]*z-index:\s*10;[^}]*background:\s*var\(--app-body\);/
         )
         expect(css).toMatch(
             /\.gallery-workspace-page \.workspace-scroll > \.n-scrollbar-container\s*\{[^}]*overflow-anchor:\s*none;/
         )
         expect(css).toMatch(/\.asset-impact-links\s*\{[^}]*width:\s*max-content;[^}]*white-space:\s*nowrap;/)
         expect(css).toMatch(/\.gallery-sticky-controls > \.form-image-filter-region\s*\{[^}]*margin-block:\s*0;/)
-        // 列表前的间距属于吸顶容器内部，滚动时仍由不透明背景覆盖。
+        // 间隔使用页面底色，与搜索面板明显分开；随容器吸顶，不会露出滚过的图片。
         expect(css).toMatch(
             /\.gallery-workspace-page \.gallery-sticky-controls\s*\{[^}]*margin-block:\s*10px 0;[^}]*padding-bottom:\s*12px;/
         )