diff --git a/index.html b/index.html
new file mode 100644
index 0000000..c1e3c35
--- /dev/null
+++ b/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8">
+    <title>导航页</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style>
+      body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; padding: 20px; }
+      h1 { margin-bottom: 8px; }
+      p.description { color: #586069; margin: 0 0 16px; }
+      ul.nav-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
+      ul.nav-list li { margin: 0; }
+      ul.nav-list a { text-decoration: none; color: #0366d6; padding: 10px 14px; display: block; border: 1px solid #e1e4e8; border-radius: 6px; }
+      ul.nav-list a:hover { background: #f6f8fa; }
+    </style>
+
+</head>
+    <body>
+    <h1>学习 demo</h1>
+    <p class="description">为 Atlas 项目启动做准备的学习记录</p>
+    <ul class="nav-list">
+      <li><a href="/grid-study">Grid Study</a></li>
+      <li><a href="/login-page">Login Page</a></li>
+    </ul>
+  </body>
+</html>
\ No newline at end of file
diff --git a/login-page/style.css b/login-page/style.css
index 3fe7965..5894e26 100644
--- a/login-page/style.css
+++ b/login-page/style.css
@@ -3,7 +3,7 @@ body {
     font-family: Arial, sans-serif;
     background-image: url('src/login_background.webp');
     background-size: cover;
-    background-position: center;
+    background-position: right;
     background-repeat: no-repeat;
     background-attachment: fixed;
 }
@@ -17,7 +17,7 @@ body {
     height: 100vh;
     padding: 0 40px; 
     max-width: 400px;
-    background-color: rgba(249, 189, 211, 0.98);
+    background-color: rgba(255, 255, 255, 0.7);
     backdrop-filter: blur(10px);
     border: 1px solid rgba(255, 255, 255, 0.2);
     padding: 20px;
