diff --git a/components/layout/top-bar.tsx b/components/layout/top-bar.tsx
index 365fab3..7b95a2d 100644
--- a/components/layout/top-bar.tsx
+++ b/components/layout/top-bar.tsx
@@ -255,7 +255,7 @@ export function TopBar({ collapsed, isDesktop=true }: { collapsed: boolean, isDe
 
   return (
     <div
-       className="fixed right-0 top-0 h-16 header z-[999]"
+       className="fixed right-0 top-0 h-16 header"
        style={{
          isolation: "isolate",
          left: (pathname === "/" || !isDesktop) ? "0" : (collapsed ? "2.5rem" : "16rem")
diff --git a/components/pages/work-flow/H5MediaViewer.tsx b/components/pages/work-flow/H5MediaViewer.tsx
index c0877e9..abf1212 100644
--- a/components/pages/work-flow/H5MediaViewer.tsx
+++ b/components/pages/work-flow/H5MediaViewer.tsx
@@ -165,7 +165,7 @@ export function H5MediaViewer({
     // 渲染视频 slide
     const renderVideoSlides = () => (
         <div data-alt="carousel-wrapper" className="relative w-full aspect-auto min-h-[200px] overflow-hidden rounded-lg" style={{
-            height: 'calc(100vh - 20rem)',
+            height: 'calc(100vh - 16rem)',
         }}>
             <Carousel
                 ref={carouselRef}
@@ -191,7 +191,7 @@ export function H5MediaViewer({
                                         ref={(el) => (videoRefs.current[idx] = el)}
                                         className="w-full h-full object-contain [transform:translateZ(0)] [backface-visibility:hidden] [will-change:transform] bg-black"
                                         style={{
-                                            maxHeight: 'calc(100vh - 20rem)',
+                                            maxHeight: 'calc(100vh - 16rem)',
                                         }}
                                         src={url}
                                         preload="metadata"
@@ -225,7 +225,7 @@ export function H5MediaViewer({
                                 </>
                             ) : (
                                 <div className="w-full aspect-auto min-h-[200px] flex items-center justify-center bg-black/10 relative" data-alt="video-status" style={{
-                                    height: 'calc(100vh - 20rem)',
+                                    height: 'calc(100vh - 16rem)',
                                 }}>
                                     {status === 0 && (
                                         <span className="text-blue-500 text-base">Generating...</span>
@@ -251,7 +251,7 @@ export function H5MediaViewer({
     // 渲染图片 slide
     const renderImageSlides = () => (
         <div data-alt="carousel-wrapper" className="relative w-full aspect-auto min-h-[200px] overflow-hidden rounded-lg" style={{
-            height: 'calc(100vh - 20rem)',
+            height: 'calc(100vh - 16rem)',
         }}>
             <Carousel
                 ref={carouselRef}
@@ -267,7 +267,7 @@ export function H5MediaViewer({
                 {imageUrls.map((url, idx) => (
                     <div key={`h5-image-${idx}`} data-alt="image-slide" className="relative w-full h-full flex justify-center">
                         <img src={url} alt="scene" className="w-full h-full object-contain" style={{
-                            maxHeight: 'calc(100vh - 20rem)',
+                            maxHeight: 'calc(100vh - 16rem)',
                         }} />
                     </div>
                 ))}
@@ -494,7 +494,7 @@ export function H5MediaViewer({
               [data-alt='carousel-wrapper'] .slick-slide { display: flex !important;justify-content: center; }
               .slick-slider { height: 100% !important;display: flex !important; }
               .ant-carousel { height: 100% !important; }
-              .slick-list { width: 100%;height: 100% !important;max-height: calc(100vh - 20rem); }
+              .slick-list { width: 100%;height: 100% !important;max-height: calc(100vh - 16rem); }
               .slick-track { display: flex !important; align-items: center;height: 100% !important; }
             `}</style>
         </div>
diff --git a/components/pages/work-flow/H5TaskInfo.tsx b/components/pages/work-flow/H5TaskInfo.tsx
index e8be32a..5cda52b 100644
--- a/components/pages/work-flow/H5TaskInfo.tsx
+++ b/components/pages/work-flow/H5TaskInfo.tsx
@@ -125,14 +125,14 @@ const H5TaskInfo: React.FC<H5TaskInfoProps> = ({
   return (
     <div
       data-alt="h5-header"
-      className={`absolute top-0 -left-4 right-0 z-[50] pr-1 ${className || ''}`}
+      className={`${className || ''}`}
     >
       <div
         data-alt="h5-header-bar"
         className="flex items-start gap-3"
       >
         {/* 左侧标题区域 */}
-        <div data-alt="title-area" className="flex-1 min-w-0 bg-gradient-to-b from-slate-900/80 via-slate-900/40 to-transparent backdrop-blur-sm rounded-lg py-4 px-4">
+        <div data-alt="title-area" className="flex-1 min-w-0 p-2">
           <h1
             data-alt="title"
             className="text-white text-lg font-bold"
diff --git a/components/ui/script-modal.tsx b/components/ui/script-modal.tsx
index 27e3216..ce7218a 100644
--- a/components/ui/script-modal.tsx
+++ b/components/ui/script-modal.tsx
@@ -140,7 +140,7 @@ export function ScriptModal({ isOpen, onClose, currentStage = 0, roles, currentL
           
           {/* 弹窗内容 */}
           <motion.div
-            className="fixed inset-0 z-50 flex items-center justify-center"
+            className="fixed inset-0 z-[61] flex items-center justify-center"
             initial={{ opacity: 0 }}
             animate={{ opacity: 1 }}
             exit={{ opacity: 0 }}