style: 优化选角面板间距与角色卡片布局

src/components/ui/layout.test.ts

@@ -32,6 +32,20 @@ describe('管理后台组件边界', () => {
         const css = readFileSync('src/admin.css', 'utf8') + readFileSync('src/styles.css', 'utf8')
         expect(css).not.toMatch(/overflow(?:-[xy])?\s*:\s*(?:auto|scroll)\b/)
     })
+    it('选角面板保留说明间距，卡片按可用宽度排列并覆盖按钮默认高度', () => {
+        // 保护间距与换行契约，真实宽高和暗色效果仍需浏览器验收。
+        const css = readFileSync('src/admin.css', 'utf8')
+        expect(css).toMatch(/\.identity-tools-intro\s*\{[^}]*margin-bottom:\s*24px/)
+        expect(css).toMatch(
+            /\.casting-list\s*\{[^}]*repeat\(auto-fit, minmax\(min\(100%, 260px\), 1fr\)\);[^}]*gap:\s*12px;[^}]*margin-top:\s*24px/
+        )
+        expect(css).toMatch(
+            /\.n-button\.casting-item\s*\{[^}]*height:\s*auto;[^}]*min-height:\s*76px;[^}]*padding:\s*12px 14px/
+        )
+        expect(css).toMatch(/\.casting-item-name\s*\{[^}]*overflow-wrap:\s*anywhere/)
+        expect(css).toMatch(/\.casting-item-status\s*\{[^}]*flex-shrink:\s*0/)
+        expect(css).toMatch(/\.n-button\.casting-item\.selected\s*\{[^}]*var\(--app-subtle\)[^}]*var\(--app-ink\)/)
+    })
     it('拆解分栏跟随剩余高度收缩，移动端历史区不挤出结果区', () => {
         // DOM 环境不计算几何，保护完整的 flex → grid → NScrollbar 高度链。
         const css = readFileSync('src/admin.css', 'utf8')