diff --git a/src/components/md-deck/PltPreview.tsx b/src/components/md-deck/PltPreview.tsx
index 34dd0a6..902d261 100644
--- a/src/components/md-deck/PltPreview.tsx
+++ b/src/components/md-deck/PltPreview.tsx
@@ -1,4 +1,5 @@
 import { createSignal, For, Show, createMemo } from 'solid-js';
+import { Portal } from 'solid-js/web';
 import { parsePlt, extractCutPaths } from '../../plotcutter/parser';
 import { generateTravelPaths, travelPathsToSvg } from '../../plotcutter/layout';
 import type { CardPath } from '../../plotcutter/types';
@@ -91,10 +92,11 @@ export function PltPreview(props: PltPreviewProps) {
   };
 
   return (
-    <div class="fixed inset-0 bg-black/50 z-50 overflow-auto">
-      <div class="min-h-screen py-20 px-4">
-        {/* 头部控制栏 */}
-        <div class="fixed top-4 left-1/2 -translate-x-1/2 bg-white shadow-lg rounded-lg px-4 py-3 flex items-center gap-4 z-50">
+    <Portal>
+      <div class="fixed inset-0 bg-black/50 z-[60] overflow-auto">
+        <div class="min-h-screen py-20 px-4">
+          {/* 头部控制栏 */}
+          <div class="fixed top-4 left-1/2 -translate-x-1/2 bg-white shadow-lg rounded-lg px-4 py-3 flex items-center gap-4 z-50">
           <h2 class="text-base font-bold m-0">PLT 切割预览</h2>
           <div class="flex items-center gap-2 flex-1">
             <Show when={parsedData().width > 0}>
@@ -224,5 +226,6 @@ export function PltPreview(props: PltPreviewProps) {
         </div>
       </div>
     </div>
+    </Portal>
   );
 }
diff --git a/src/components/md-deck/PrintPreview.tsx b/src/components/md-deck/PrintPreview.tsx
index 3a36fcb..5e8afcc 100644
--- a/src/components/md-deck/PrintPreview.tsx
+++ b/src/components/md-deck/PrintPreview.tsx
@@ -1,4 +1,5 @@
 import { createSignal, For, Show } from 'solid-js';
+import { Portal } from 'solid-js/web';
 import type { DeckStore } from './hooks/deckStore';
 import { usePageLayout } from './hooks/usePageLayout';
 import { usePDFExport, type ExportOptions } from './hooks/usePDFExport';
@@ -60,21 +61,22 @@ export function PrintPreview(props: PrintPreviewProps) {
   };
 
   return (
-    <Show when={!showPltPreview()} fallback={<PltPreview pltCode={pltCode()} onClose={handleClosePltPreview} />}>
-      <div class="fixed inset-0 bg-black/50 z-50 overflow-auto">
-        <div class="min-h-screen py-20 px-4">
-          <PrintPreviewHeader
-            store={store}
-            pageCount={pages().length}
-            onExport={handleExport}
-            onOpenPltPreview={handleOpenPltPreview}
-            onClose={props.onClose}
-          />
+    <Portal>
+      <Show when={!showPltPreview()} fallback={<PltPreview pltCode={pltCode()} onClose={handleClosePltPreview} />}>
+        <div class="fixed inset-0 bg-black/50 z-[60] overflow-auto">
+          <div class="min-h-screen py-20 px-4">
+            <PrintPreviewHeader
+              store={store}
+              pageCount={pages().length}
+              onExport={handleExport}
+              onOpenPltPreview={handleOpenPltPreview}
+              onClose={props.onClose}
+            />
 
-        <PrintPreviewFooter store={store} />
+          <PrintPreviewFooter store={store} />
 
-        <div class="flex flex-col items-center gap-8">
-          <For each={pages()}>
+          <div class="flex flex-col items-center gap-8">
+            <For each={pages()}>
             {(page) => {
               // 根据页面类型（正面/背面）决定使用哪个图层配置
               const isFrontPage = page.cards[0]?.side !== 'back';
@@ -197,5 +199,6 @@ export function PrintPreview(props: PrintPreviewProps) {
       </div>
     </div>
     </Show>
+    </Portal>
   );
 }