feat: 收口移动端侧栏与创作拆解页布局

tests/features/breakdown/BreakdownPage.test.ts

@@ -222,8 +222,8 @@ describe('拆解页内容滚动', () => {
         expect(wrapper!.findAll('.subject-record-list > article')).toHaveLength(30)
     })
 
-    it('主体搜索与统计靠左居中，窄内容区可换行，输入框不再使用外置图标容器', () => {
-        // DOM 环境不计算布局，保护输入框宽度、主题统计色与窄屏换行的样式契约。
+    it('主体搜索与统计靠左居中，窄屏搜索拉满同一行，输入框不再使用外置图标容器', () => {
+        // DOM 环境不计算布局，保护输入框宽度、主题统计色与窄屏单行搜索的样式契约。
         const css = readAllStyles()
         expect(css).toMatch(
             /\.subject-list-toolbar\s*\{[^}]*display:\s*flex;[^}]*flex-wrap:\s*wrap;[^}]*align-items:\s*center;[^}]*justify-content:\s*flex-start;/
@@ -232,9 +232,19 @@ describe('拆解页内容滚动', () => {
             /\.subject-list-search\.n-input\s*\{[^}]*flex:\s*0 1 260px;[^}]*min-width:\s*0;[^}]*max-width:\s*100%;/
         )
         expect(css).toMatch(/\.subject-list-count\s*\{[^}]*color:\s*var\(--app-muted\);/)
+        expect(css).toMatch(/@media \(max-width: 800px\)[\s\S]*?\.subject-list-search\.n-input\s*\{[^}]*flex:\s*1/)
         expect(css + readFileSync('src/styles/styles.css', 'utf8')).not.toContain('.search-field')
     })
 
+    it('窄屏收口拆解顶栏并隐藏重复标题，设置按钮保留图标', () => {
+        const css = readAllStyles()
+        expect(css).toMatch(/@media \(max-width: 800px\)[\s\S]*?\.workspace-toolbar h2\s*\{[^}]*display:\s*none/)
+        expect(css).toMatch(/@media \(max-width: 800px\)[\s\S]*?\.workspace-tools-label\s*\{[^}]*display:\s*none/)
+        expect(css).toMatch(
+            /@media \(max-width: 800px\)[\s\S]*?\.workspace-tools-trigger\s*\{[^}]*height:\s*32px;[^}]*width:\s*32px/
+        )
+    })
+
     it.each([
         ['人物', 'character'],
         ['场景', 'scene'],