feat: 收口组件样式并调整移动端侧栏

src/components/ui/WorkspacePage.vue

@@ -12,3 +12,72 @@ defineProps<{ split?: boolean; compact?: boolean }>()
         <NScrollbar v-else class="workspace-scroll" content-class="workspace-scroll-content"><slot /></NScrollbar>
     </section>
 </template>
+
+<style>
+/* 本组件专属布局与 Naive 内部结构覆盖。 */
+@reference "../../styles/styles.css";
+.workspace-page {
+    @apply relative h-full flex flex-col min-h-0 overflow-hidden;
+}
+.workspace-heading-scroll.n-scrollbar {
+    @apply shrink-0 h-auto max-h-[min(35dvh,260px)] overflow-hidden;
+}
+.workspace-heading {
+    @apply pt-4 px-6 pb-3;
+}
+.content-first-workspace .workspace-heading {
+    @apply py-2 px-5;
+}
+.content-first-workspace .workspace-split {
+    @apply pt-0 px-5 pb-3 gap-2;
+}
+.content-first-workspace .workspace-scroll-content {
+    @apply pt-0 px-5 pb-4;
+}
+.workspace-heading h2 {
+    @apply text-base;
+}
+.workspace-heading .text-sm {
+    @apply text-xs;
+}
+.workspace-heading .production-controls {
+    @apply gap-3;
+}
+.workspace-heading .n-input-number {
+    @apply w-full;
+}
+.workspace-scroll {
+    @apply flex-1 min-h-0;
+}
+.workspace-scroll-content {
+    @apply pt-1 px-6 pb-6;
+}
+.workspace-scroll > .n-scrollbar-container {
+    @apply overscroll-contain;
+}
+.workspace-split {
+    @apply flex flex-col flex-1 min-h-0 overflow-hidden pt-1 px-6 pb-5 gap-3;
+}
+.workspace-split > .my-6 {
+    @apply m-0 shrink-0;
+}
+@media (max-width: 760px) {
+    .workspace-heading {
+        @apply p-3;
+    }
+    .content-first-workspace .workspace-heading {
+        @apply py-2 px-3;
+    }
+    .content-first-workspace .workspace-split,
+    .content-first-workspace .workspace-scroll-content {
+        @apply pt-0 px-3 pb-3;
+    }
+    .workspace-scroll-content,
+    .workspace-split {
+        @apply pt-0 px-3 pb-3;
+    }
+    .workspace-heading .production-controls {
+        @apply grid-cols-[minmax(100px,_1fr)_80px];
+    }
+}
+</style>