refactor(platform): 用户工作区 - 收紧素材卡片与分页布局并统一设置页表面

web/src/styles/globals.css

@@ -840,8 +840,13 @@
         background: color-mix(in srgb, var(--workspace-canvas) 92%, transparent);
     }
 
-    .app-spatial-workspace .app-user-content {
-        scrollbar-gutter: stable;
+    /* 工作区保留滚轮与触控板滚动，只隐藏会形成额外竖向分割的浏览器轨道。 */
+    .app-spatial-workspace .app-workspace-scroll {
+        scrollbar-width: none;
+    }
+
+    .app-spatial-workspace .app-workspace-scroll::-webkit-scrollbar {
+        display: none;
     }
 
     .app-spatial-workspace .app-page-header {
@@ -889,7 +894,7 @@
 
     .app-spatial-workspace .app-pagination-bar {
         border-color: var(--workspace-border);
-        background: color-mix(in srgb, var(--workspace-surface-strong) 92%, transparent);
+        background: transparent;
     }
 
     .app-spatial-workspace .app-home-header {
@@ -3093,10 +3098,10 @@
 
     .canvas-library-page .app-pagination-bar {
         position: static;
-        margin-top: 28px;
+        margin-top: var(--space-4);
         border-color: var(--workspace-border);
         background: transparent;
-        padding: 16px 0 8px;
+        padding: var(--space-1-half) var(--space-2);
         backdrop-filter: none;
     }
 
@@ -3287,7 +3292,7 @@
         min-width: 0;
         flex-wrap: wrap;
         justify-content: flex-end;
-        gap: 4px 0;
+        gap: var(--space-1) 0;
     }
 
     :where(.ant-modal-content, .ant-drawer-content) {