fix(workspace): 创作工作台 - 修复线上样式层级并优化 Agent、菜单与素材密度

web/src/styles/globals.css

@@ -1309,11 +1309,6 @@
         box-shadow: none;
     }
 
-    .workspace-account-popover .ant-popover-inner {
-        border-color: color-mix(in srgb, var(--foreground) 7%, transparent) !important;
-        box-shadow: var(--elevation-overlay) !important;
-    }
-
     body.app-spatial-overlays {
         --workspace-overlay-bg: rgba(244, 244, 245, 1);
         --workspace-overlay-bg-strong: rgba(250, 250, 250, 1);
@@ -14299,11 +14294,9 @@ html:not(.dark) .creation-history-drawer-root {
     -webkit-backdrop-filter: blur(12px);
 }
 
-/* 3. 素材网格以 6 列为桌面基准；首格是新增素材，因此每页 35 项时正好组成 6×6 完整网格。 */
-.assets-library-page .assets-library-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, max(180px, calc(100% / var(--assets-grid-columns, 6) - 14px))), 1fr)); gap: 18px 14px; }
+/* 素材密度由页面传入卡片最小宽度，网格布局统一在 workspace-product.css。 */
 .assets-library-page .library-create-title { margin-top: 12px; font-size: var(--fs-body); }
 .assets-library-page .library-create-meta { margin-top: 4px; font-size: var(--fs-label); }
-@media (max-width: 899px) and (min-width: 640px) { .assets-library-page .assets-library-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); } }
 
 /* 4. 封面浮层统一：窄屏隐藏分类徽章；浅底封面（文本/音频/模型）改用自适应玻璃浮层 */
 @media (max-width: 1100px) { .assets-cover-badge.is-category { display: none; } }
@@ -17089,20 +17082,6 @@ html:not(.dark) .creation-home .creation-user-message-copy-wrap { box-shadow: 0
     justify-content: center;
 }
 
-/* Account popover: every action gets its own row so icon and label can never collide. */
-.workspace-account-popover .ant-popover-inner {
-    width: auto;
-    padding: 0 !important;
-    border: 0 !important;
-    border-radius: 16px !important;
-    background: var(--user-surface) !important;
-    box-shadow: none !important;
-}
-
-.workspace-account-popover .ant-popover-inner-content {
-    padding: 0 !important;
-}
-
 .app-user-workspace .app-workspace-sidebar-profile-popover {
     width: 100%;
     padding: 14px;
@@ -17239,15 +17218,14 @@ html:not(.dark) .creation-home .creation-user-message-copy-wrap { box-shadow: 0
 }
 
 .workspace-topbar-account-section {
-    padding: 11px 0 4px;
-    border-top: 1px solid var(--user-border);
+    padding: var(--space-2) var(--space-3) var(--space-1);
 }
 
 .workspace-topbar-account-theme {
     display: flex;
     height: 40px;
     align-items: center;
-    padding: 0 8px;
+    padding: 0 var(--space-5);
     border-radius: 10px;
     color: var(--user-ink-muted);
 }

web/src/styles/workspace-menus.css

@@ -0,0 +1,46 @@
+/* Same layer as the legacy overlay rules; explicit component classes keep
+   menus quiet without changing dialogs, notifications or the canvas editor. */
+@layer utilities {
+    .workspace-quiet-popup.ant-select-dropdown,
+    .workspace-quiet-popup .ant-dropdown-menu,
+    .workspace-quiet-popup .ant-popover-container,
+    .workspace-account-popover .ant-popover-container {
+        border: 0 !important;
+        border-radius: var(--user-radius-card) !important;
+        background: var(--user-surface-raised) !important;
+        background-image: none !important;
+        box-shadow: none !important;
+    }
+
+    .workspace-quiet-popup.ant-select-dropdown,
+    .workspace-quiet-popup .ant-dropdown-menu {
+        padding: var(--space-2);
+    }
+
+    .workspace-quiet-popup :where(.ant-select-item-option, .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title) {
+        border-radius: var(--user-radius-control) !important;
+        color: var(--user-ink) !important;
+    }
+
+    .workspace-quiet-popup .ant-dropdown-menu-item-danger {
+        color: var(--destructive) !important;
+    }
+
+    .workspace-quiet-popup .ant-select-item-option-active:not(.ant-select-item-option-disabled),
+    .workspace-quiet-popup .ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover,
+    .workspace-quiet-popup .ant-dropdown-menu-submenu-title:not(.ant-dropdown-menu-item-disabled):hover {
+        background: var(--user-surface-muted) !important;
+    }
+
+    .workspace-quiet-popup .ant-select-item-option-selected:not(.ant-select-item-option-disabled),
+    .workspace-quiet-popup .ant-dropdown-menu-item-selected {
+        background: var(--user-surface-hover) !important;
+        color: var(--user-ink) !important;
+        font-weight: 600;
+    }
+
+    .workspace-quiet-popup .ant-dropdown-menu-item-disabled,
+    .workspace-quiet-popup .ant-select-item-option-disabled {
+        color: var(--user-ink-soft) !important;
+    }
+}

web/src/styles/workspace-product.css

@@ -207,11 +207,24 @@
         box-shadow: none !important;
     }
     .app-user-workspace .collection-toolbar .ant-input-affix-wrapper svg { width: var(--user-icon-size); height: var(--user-icon-size); color: var(--user-ink-soft); }
+
+    /* Select 的只读 input 在鼠标点击后也可能匹配 :focus-visible；
+       用工具栏的实际输入方式区分，不通过 blur 破坏下拉键盘操作。 */
+    .app-user-workspace .collection-toolbar .ant-select {
+        outline: none !important;
+    }
+    .app-user-workspace .collection-toolbar .ant-select:not(.ant-select-disabled):is(:hover, .ant-select-focused, .ant-select-open) {
+        background: var(--user-surface-hover) !important;
+    }
+    .app-user-workspace .collection-toolbar[data-input-modality="keyboard"] .ant-select:not(.ant-select-disabled):focus-within {
+        outline: 1px solid var(--control-focus-ring) !important;
+        outline-offset: 2px;
+    }
 }
 
 @media (max-width: 720px) {
     .app-product-workspace .library-page > div { width: calc(100% - 32px); }
-    .app-product-workspace .assets-library-page .assets-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
+    .app-product-workspace .assets-library-page .assets-library-grid { gap: var(--space-3); }
     .app-product-workspace .app-pagination-bar { flex-wrap: wrap; gap: var(--space-2); padding-inline: 0; }
     .app-product-workspace .app-pagination-pages { justify-content: center; flex: 1 1 100%; }
     .app-user-workspace .studio-collection-page > div { width: calc(100% - 32px); padding-top: 20px; }
@@ -355,7 +368,7 @@
 .app-product-workspace .skill-library-grid,
 .app-product-workspace .plugins-grid,
 .app-product-workspace .task-grid-view {
-    grid-template-columns: repeat(auto-fill, minmax(224px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--collection-grid-min-width, 224px)), 1fr));
     gap: 24px 16px;
 }
 
@@ -668,7 +681,7 @@
     .app-product-workspace .collection-toolbar-controls { flex-basis: 100%; }
     .app-product-workspace .collection-toolbar-actions { width: 100%; justify-content: flex-start; }
     .app-product-workspace .canvas-collection-grid,
-    .app-product-workspace .assets-library-grid,
+    .app-product-workspace .assets-library-grid:not(.assets-library-page .assets-library-grid),
     .app-product-workspace .task-grid-view { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 10px; }
     .app-product-workspace .plugins-grid { grid-template-columns: minmax(0, 1fr); }
     .app-product-workspace .story-launcher-panel { padding: 16px; border-radius: 16px; }