diff --git a/grid-study/styles.css b/grid-study/styles.css
index 855d8dc..86311e7 100644
--- a/grid-study/styles.css
+++ b/grid-study/styles.css
@@ -8,8 +8,6 @@ body {
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
-
-
}
/* 顶栏样式 */
diff --git a/login-page/index.html b/login-page/index.html
new file mode 100644
index 0000000..22a9781
--- /dev/null
+++ b/login-page/index.html
@@ -0,0 +1,19 @@
+
+
+
+
+
+ 登录
+
+
+
+
+
Journey US
+
+
+
+
diff --git a/login-page/src/login_background.webp b/login-page/src/login_background.webp
new file mode 100644
index 0000000..965745b
Binary files /dev/null and b/login-page/src/login_background.webp differ
diff --git a/login-page/style.css b/login-page/style.css
new file mode 100644
index 0000000..3fe7965
--- /dev/null
+++ b/login-page/style.css
@@ -0,0 +1,45 @@
+body {
+ margin: 0;
+ font-family: Arial, sans-serif;
+ background-image: url('src/login_background.webp');
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+}
+.login_page {
+ display: flex;
+ margin-left: auto;
+ margin-right: 0;
+ justify-content: center;
+ flex-direction: column;
+ align-items: flex-start;
+ height: 100vh;
+ padding: 0 40px;
+ max-width: 400px;
+ background-color: rgba(249, 189, 211, 0.98);
+ backdrop-filter: blur(10px);
+ border: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 20px;
+ color: #ff8cb1;
+}
+
+.login_page h2 {
+ font-size: 45px;
+ font-weight: 700;
+}
+
+.login_page form{
+ width: 100%;
+}
+
+.login_page input{
+ width: 100%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ box-sizing: border-box;
+ border: 0px;
+ background-color: #ffeef4;
+ color: #ff8cb1;
+ border-radius: 12px;
+}