From 9653f4756098cbc1368d961e9e05899b978950e3 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sat, 31 Jan 2026 21:45:01 +0800
Subject: [PATCH] fix: center video modal properly on screen

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 components/top-navbar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/top-navbar.tsx b/components/top-navbar.tsx
index c21ef06..4d7d4c0 100644
--- a/components/top-navbar.tsx
+++ b/components/top-navbar.tsx
@@ -453,14 +453,14 @@ export function TopNavbar({
       {/* 功能教程弹窗 */}
       {showTutorialModal && currentTutorialVideo && (
         <div 
-          className="fixed inset-0 z-[100] flex items-center justify-center bg-black/80"
+          className="fixed inset-0 z-[100] flex items-center justify-center bg-black/90 p-4"
           onClick={() => {
             setShowTutorialModal(false);
             setCurrentTutorialVideo(null);
           }}
         >
           <div 
-            className="relative w-full max-w-4xl mx-4"
+            className="relative w-full max-w-5xl max-h-[90vh] flex flex-col"
             onClick={(e) => e.stopPropagation()}
           >
             {/* 标题和关闭按钮 */}