终端模块初版

src/components/layout/ModuleContainer.vue

@@ -35,7 +35,7 @@ watch(
         <div
           v-if="activeComponent"
           :key="activeModule"
-          class="min-h-full w-full"
+          class="h-full w-full"
         >
           <component :is="activeComponent" />
         </div>
@@ -76,6 +76,20 @@ watch(
 </template>
 
 <style scoped>
+/*
+ * 穿透 reka-ui ScrollArea 的内部 content wrapper。
+ *
+ * reka 的 viewport（overflow 滚动容器）与我们的内容之间还有一层**无高度样式的
+ * div**，百分比高度链在这里断掉——模块根的 `h-full` 解析为 auto，全高模块
+ * （终端/翻译）塌缩成内容高度，表现为卡片下方留白。给它显式 100%：
+ * 内容矮于视口时撑满，高于视口时溢出仍由 viewport 滚动（scrollHeight 计入
+ * 后代溢出），两种场景都不破坏。限定 data-main-scroll 只作用于主滚动区，
+ * 不影响模块内部的局部 ScrollArea。
+ */
+:deep([data-main-scroll] [data-reka-scroll-area-viewport] > div) {
+  height: 100%;
+}
+
 .fade-slide-enter-active,
 .fade-slide-leave-active {
   transition: all 0.3s ease;