style: 将工作区操作移入标签页后缀并增强浅色分隔线

src/components/ui/DirectoryItem.test.ts

@@ -86,9 +86,10 @@ describe('统一目录条目', () => {
         expect(css).toMatch(/\.directory-list-content\s*\{[^}]*flex-direction:\s*row;[^}]*width:\s*max-content/)
     })
 
-    it('导出工具栏与筛选器使用受约束的网格，不让 Tabs 和 Select 默认宽度强制换行', () => {
+    it('Tabs 工具栏与筛选网格限制最小宽度，不让组件默认宽度挤压内容', () => {
         const css = readFileSync('src/admin.css', 'utf8')
-        expect(css).toMatch(/\.result-toolbar\s*\{[^}]*grid-template-columns:\s*minmax\(0, 1fr\) auto/)
+        expect(css).toMatch(/\.workspace-tabs\.n-tabs\s*\{[^}]*width:\s*100%;[^}]*min-width:\s*0/)
+        expect(css).toMatch(/\.workspace-tabs \.n-tabs-nav-scroll-wrapper\s*\{[^}]*min-width:\s*0/)
         expect(css).toMatch(
             /\.form-image-filters\s*\{[^}]*grid-template-columns:\s*minmax\(200px, 360px\) 152px minmax\(260px, 1fr\) auto/
         )

src/components/ui/flatTheme.test.ts

@@ -119,7 +119,7 @@ describe('全站平面主题', () => {
         expect(theme.common?.borderColor).not.toBe('transparent')
         expect(theme.Checkbox).not.toHaveProperty('border')
         expect(theme.Tabs?.barColor).toBe('#07c160')
-        expect(value('.n-tabs', '--n-tab-border-color')).toBe(dark ? '#333333' : '#e5e5e5')
+        expect(value('.n-tabs', '--n-tab-border-color')).toBe(dark ? '#333333' : '#bfbfbf')
     })
 
     it('单图标按钮以当前控件高度为边长，尺寸与内容按钮互不影响', () => {

src/components/ui/layout.test.ts

@@ -22,6 +22,16 @@ afterEach(() => {
 })
 
 describe('管理后台组件边界', () => {
+    it('Tabs suffix 与标签共用导航行，窄屏换行但不产生外层滚动', () => {
+        // DOM 测试不计算坐标；保护对齐尺寸与容器断点，视觉验收仍需浏览器。
+        const css = readFileSync('src/admin.css', 'utf8')
+        expect(css).toMatch(/\.workspace-tabs > \.n-tabs-nav\s*\{[^}]*align-items:\s*stretch;/)
+        expect(css).toMatch(/\.workspace-tabs \.n-tabs-nav__suffix\s*\{[^}]*align-items:\s*center;/)
+        expect(css).toMatch(/\.tabs-toolbar-actions\s*\{[^}]*align-items:\s*center;[^}]*min-height:\s*40px;/)
+        expect(css).toContain('@container tabs-toolbar (max-width: 600px)')
+        expect(css).not.toContain('.result-toolbar > .n-button')
+    })
+
     it('滚动边界样式包含 document 锁定和工作区收缩约束', () => {
         // happy-dom 不计算视口几何；这里只保护 CSS 契约，真实滚动仍需浏览器验收。
         const adminCss = readFileSync('src/admin.css', 'utf8')