feat: 支持图库瀑布流切换并调整列表间距

src/components/ui/flatTheme.test.ts

@@ -152,10 +152,10 @@ describe('全站平面主题', () => {
         )
         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;/
-        )
+        // 间距归列表所有，吸顶时底部不留固定色带。
+        expect(css).toMatch(/\.gallery-workspace-page \.form-image-grid\s*\{[^}]*padding-top:\s*12px;/)
+        const sticky = css.match(/\.gallery-workspace-page \.gallery-sticky-controls\s*\{([^}]*)\}/)?.[1]
+        expect(sticky).not.toMatch(/padding|border-bottom|::after/)
         expect(css).toMatch(
             /\.asset-impact-links\s*\{[^}]*align-items:\s*center;[^}]*min-height:\s*32px;[^}]*padding-block:\s*6px;/
         )
@@ -165,6 +165,19 @@ describe('全站平面主题', () => {
         )
     })
 
+    it('瀑布流自适应列宽，卡片保持完整并按封面尺寸预留高度', () => {
+        const css = readFileSync('src/admin.css', 'utf8')
+        expect(css).toMatch(
+            /\.gallery-workspace-page \.form-image-masonry\s*\{[^}]*display:\s*block;[^}]*columns:\s*260px;[^}]*column-gap:\s*20px;/
+        )
+        expect(css).toMatch(
+            /\.form-image-masonry > \.form-image-card\s*\{[^}]*break-inside:\s*avoid;[^}]*margin-bottom:\s*20px;/
+        )
+        expect(css).toMatch(
+            /\.form-image-masonry \.asset-image\s*\{[^}]*aspect-ratio:\s*var\(--form-image-aspect, 4 \/ 3\);/
+        )
+    })
+
     it('图库顶部统一镜头选择和筛选的背景与垂直对齐，窄屏整组换行', () => {
         // DOM 环境不计算几何；保护容器宽度断点和居中契约，真实坐标仍需浏览器验收。
         const css = readFileSync('src/admin.css', 'utf8')