diff --git a/src/assets/font/HarmonyOS_Sans_TC_Bold.ttf b/src/assets/font/HarmonyOS_Sans_TC_Bold.ttf
new file mode 100644
index 0000000..62a0ae5
Binary files /dev/null and b/src/assets/font/HarmonyOS_Sans_TC_Bold.ttf differ
diff --git a/src/assets/font/HarmonyOS_Sans_TC_Regular.ttf b/src/assets/font/HarmonyOS_Sans_TC_Regular.ttf
new file mode 100644
index 0000000..6fb8fd3
Binary files /dev/null and b/src/assets/font/HarmonyOS_Sans_TC_Regular.ttf differ
diff --git a/src/assets/images/CoursesVideoPlayer/living_bg.png b/src/assets/images/CoursesVideoPlayer/living_bg.png
new file mode 100644
index 0000000..972a97a
Binary files /dev/null and b/src/assets/images/CoursesVideoPlayer/living_bg.png differ
diff --git a/src/assets/images/Dashboard/CalendarTaskModule/calendar_task_bg.png b/src/assets/images/Dashboard/CalendarTaskModule/calendar_task_bg.png
new file mode 100644
index 0000000..832b19c
Binary files /dev/null and b/src/assets/images/Dashboard/CalendarTaskModule/calendar_task_bg.png differ
diff --git a/src/assets/images/Dashboard/QuickAccess/bg.png b/src/assets/images/Dashboard/QuickAccess/bg.png
new file mode 100644
index 0000000..a35f893
Binary files /dev/null and b/src/assets/images/Dashboard/QuickAccess/bg.png differ
diff --git a/src/assets/images/Dashboard/QuickAccess/item_bg.png b/src/assets/images/Dashboard/QuickAccess/item_bg.png
new file mode 100644
index 0000000..79e8c36
Binary files /dev/null and b/src/assets/images/Dashboard/QuickAccess/item_bg.png differ
diff --git a/src/assets/images/Dashboard/TaskList/task_list_bg.png b/src/assets/images/Dashboard/TaskList/task_list_bg.png
new file mode 100644
index 0000000..378bee1
Binary files /dev/null and b/src/assets/images/Dashboard/TaskList/task_list_bg.png differ
diff --git a/src/assets/images/Dashboard/right_content_bg.png b/src/assets/images/Dashboard/right_content_bg.png
new file mode 100644
index 0000000..f682c42
Binary files /dev/null and b/src/assets/images/Dashboard/right_content_bg.png differ
diff --git a/src/assets/images/Login/login_bg.png b/src/assets/images/Login/login_bg.png
new file mode 100644
index 0000000..a575ce1
Binary files /dev/null and b/src/assets/images/Login/login_bg.png differ
diff --git a/src/assets/images/PersonalProfile/line_icon1.png b/src/assets/images/PersonalProfile/line_icon1.png
new file mode 100644
index 0000000..7dd0bdb
Binary files /dev/null and b/src/assets/images/PersonalProfile/line_icon1.png differ
diff --git a/src/assets/images/PersonalProfile/line_icon2.png b/src/assets/images/PersonalProfile/line_icon2.png
new file mode 100644
index 0000000..e661c2c
Binary files /dev/null and b/src/assets/images/PersonalProfile/line_icon2.png differ
diff --git a/src/assets/images/PersonalProfile/personal_profile_bg.png b/src/assets/images/PersonalProfile/personal_profile_bg.png
index 2c06f83..143bccc 100644
Binary files a/src/assets/images/PersonalProfile/personal_profile_bg.png and b/src/assets/images/PersonalProfile/personal_profile_bg.png differ
diff --git a/src/assets/images/PersonalProfile/title_icon.png b/src/assets/images/PersonalProfile/title_icon.png
new file mode 100644
index 0000000..f01fff0
Binary files /dev/null and b/src/assets/images/PersonalProfile/title_icon.png differ
diff --git a/src/assets/images/PersonalProfile/unified_profile_right_bg.png b/src/assets/images/PersonalProfile/unified_profile_right_bg.png
new file mode 100644
index 0000000..45e7222
Binary files /dev/null and b/src/assets/images/PersonalProfile/unified_profile_right_bg.png differ
diff --git a/src/assets/images/Rank/first_icon.png b/src/assets/images/Rank/first_icon.png
index 4f36b70..aa9584d 100644
Binary files a/src/assets/images/Rank/first_icon.png and b/src/assets/images/Rank/first_icon.png differ
diff --git a/src/assets/images/Rank/icon1.png b/src/assets/images/Rank/icon1.png
new file mode 100644
index 0000000..2e50702
Binary files /dev/null and b/src/assets/images/Rank/icon1.png differ
diff --git a/src/assets/images/Rank/icon2.png b/src/assets/images/Rank/icon2.png
new file mode 100644
index 0000000..b15a4f7
Binary files /dev/null and b/src/assets/images/Rank/icon2.png differ
diff --git a/src/assets/images/Rank/icon3.png b/src/assets/images/Rank/icon3.png
new file mode 100644
index 0000000..5b1f837
Binary files /dev/null and b/src/assets/images/Rank/icon3.png differ
diff --git a/src/assets/images/Rank/second_icon.png b/src/assets/images/Rank/second_icon.png
index 8c7c3d0..d05bd51 100644
Binary files a/src/assets/images/Rank/second_icon.png and b/src/assets/images/Rank/second_icon.png differ
diff --git a/src/assets/images/Rank/third_icon.png b/src/assets/images/Rank/third_icon.png
index 7e03d66..8c824f6 100644
Binary files a/src/assets/images/Rank/third_icon.png and b/src/assets/images/Rank/third_icon.png differ
diff --git a/src/pages/Login/index.css b/src/pages/Login/index.css
new file mode 100644
index 0000000..a25625a
--- /dev/null
+++ b/src/pages/Login/index.css
@@ -0,0 +1,110 @@
+.login-page-wrapper {
+  width: 100vw;
+  height: 100vh;
+  position: relative;
+  background-image: url("@/assets/images/Login/login_bg.png");
+  background-size: 100% 100%;
+  position: relative;
+
+  .login-icon {
+    width: 285px;
+    height: 96px;
+    position: absolute;
+    top: 127px;
+    left: 166px;
+  }
+
+  .login-content {
+    width: 540px;
+    height: 626px;
+    position: absolute;
+    top: 137px;
+    left: 820px;
+    background-color: #fff;
+    border-radius: 30px;
+    box-sizing: border-box;
+    padding: 30px 20px;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+
+    .login-title {
+      width: 100%;
+      text-align: center;
+      height: 49px;
+      line-height: 49px;
+      font-size: 36px;
+      font-weight: 700;
+      color: #1d2129;
+      margin-bottom: 20px;
+      > span {
+        color: #0077ff;
+      }
+    }
+    .login-tips {
+      width: 100%;
+      height: 28px;
+      line-height: 28px;
+      color: #86909c;
+      text-align: center;
+      font-size: 20px;
+      font-weight: 400;
+      margin-bottom: 20px;
+    }
+
+    .qr-code-wrapper {
+      width: 340px;
+      height: 340px;
+      border-radius: 24px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      background-color: #f9fbfe;
+      border: 1px solid #e4e8eb;
+      margin-bottom: 20px;
+      position: relative;
+      transition: all 0.3s ease;
+    }
+
+    .login-user-read {
+      width: 100%;
+      height: 25px;
+      text-align: center;
+      line-height: 25px;
+      font-size: 18px;
+      font-weight: 400;
+      color: #959da9;
+
+      > span {
+        color: #1d2129;
+        cursor: pointer;
+        text-decoration: underline;
+      }
+    }
+
+    /* 超时遮罩层 */
+    .qr-expired-overlay {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: rgba(255, 255, 255, 0.9);
+      border-radius: 24px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      backdrop-filter: blur(4px);
+      z-index: 20;
+
+      .expired-content {
+        text-align: center;
+        padding: 20px;
+        font-size: 24px;
+        font-weight: 500;
+        color: #000000;
+      }
+    }
+  }
+}