init

src/pages/login.less

@@ -0,0 +1,59 @@
+.loginContainer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+}
+
+.loginCard {
+  width: 400px;
+  max-width: 90%;
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+  padding: 32px;
+}
+
+.loginTitle {
+  text-align: center;
+  margin-bottom: 8px !important;
+}
+
+.loginSubtitle {
+  text-align: center;
+  color: #666;
+  margin-bottom: 24px !important;
+}
+
+.loginForm {
+  width: 100%;
+}
+
+.loginButton {
+  height: 40px;
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.loginTips {
+  margin-top: 16px;
+  text-align: center;
+  color: #999;
+  font-size: 12px;
+  background-color: #f5f5f5;
+  padding: 8px;
+  border-radius: 4px;
+}
+
+// 响应式设计
+@media (max-width: 768px) {
+  .loginCard {
+    width: 90%;
+    padding: 24px;
+  }
+}
+
+.site-form-item-icon {
+  color: rgba(0, 0, 0, 0.25);
+}