diff --git a/src/asset/miami.jpg b/src/asset/miami.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f7012a2ce95a23678c527192f2f10029d352f256
Binary files /dev/null and b/src/asset/miami.jpg differ
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 5959774a37e790384846d12341bdea1a050f42a8..2e40856d9f50f4b10459e8cb22e2a766ef7aa616 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -40,14 +40,16 @@ export function Navbar() {
   });
 
   return (
-    <BootstrapNavbar expand="lg" className="bg-body-tertiary" fixed="top">
+    <BootstrapNavbar expand="lg" className="bg-body-tertiary" fixed="top" data-bs-theme="dark">
+      {/* 修改navbar为dark */}
       <Container>
         <BootstrapNavbar.Brand>
           {import.meta.env.VITE_TEAM_NAME}
         </BootstrapNavbar.Brand>
         <BootstrapNavbar.Toggle aria-controls="basic-navbar-nav" />
         <BootstrapNavbar.Collapse id="basic-navbar-nav">
-          <Nav className="left-aligned">{pages}</Nav>
+          <Nav className="left-aligned" data-bs-theme="dark">{pages}</Nav>
+          {/* 修改了dropdown的颜色为dark */}
         </BootstrapNavbar.Collapse>
       </Container>
     </BootstrapNavbar>
diff --git a/src/containers/App/App.css b/src/containers/App/App.css
index 153905b8d5c5d55133d4178f4fa3d7ec49010d98..a244a743d8ace64944dcbb0b1d080653a4564744 100644
--- a/src/containers/App/App.css
+++ b/src/containers/App/App.css
@@ -14,6 +14,14 @@ body {
   background-color: #45b06cff;
 }
 
+.bg-miami {
+  background-image: url('/src/asset/miami.jpg'); /* 背景图片路径 */
+  background-size: cover;        /* 使背景图片覆盖整个容器 */
+  background-position: center;   /* 居中对齐背景图片 */
+  background-repeat: no-repeat;  /* 防止背景图片重复 */
+  background-attachment: fixed;  /* 固定背景图片，使其在滚动时不移动 */
+}
+
 /* CALLOUT */
 .bd-callout {
   padding: 1.25rem;