merge: integrate feat/auth into develop

2026-08-03 17:44:00 +08:00
parent 386efb4d98 838cbfdc16
commit d7bd88335c
38 changed files with 2590 additions and 796 deletions
@@ -25,3 +25,86 @@
 * { box-sizing: border-box; }
 html, body { margin: 0; min-width: 1024px; min-height: 100%; }
 button, input, select, textarea { font: inherit; }
+
+.auth-loading,
+.login-page {
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.auth-loading {
+  gap: 12px;
+  color: #61758a;
+}
+
+.auth-loading > span {
+  width: 20px;
+  height: 20px;
+  border: 2px solid #bfd5e9;
+  border-top-color: #1677ff;
+  border-radius: 50%;
+  animation: auth-spin 0.8s linear infinite;
+}
+
+@keyframes auth-spin { to { transform: rotate(360deg); } }
+
+.login-page {
+  padding: 48px;
+  background:
+    radial-gradient(circle at 20% 15%, rgba(22, 119, 255, 0.12), transparent 34%),
+    linear-gradient(145deg, #eef5fb, #f8fafc 55%, #edf3f8);
+}
+
+.login-card {
+  width: 420px;
+  padding: 42px;
+  border: 1px solid #dbe6ef;
+  border-radius: 18px;
+  background: rgba(255, 255, 255, 0.96);
+  box-shadow: 0 22px 60px rgba(37, 63, 88, 0.14);
+}
+
+.login-brand {
+  width: 46px;
+  height: 46px;
+  display: grid;
+  place-items: center;
+  border-radius: 13px;
+  color: white;
+  background: linear-gradient(145deg, #1177e8, #25a1f2);
+}
+
+.login-kicker {
+  margin: 26px 0 8px;
+  color: #1677ff;
+  font-size: 11px;
+  font-weight: 750;
+  letter-spacing: 0.14em;
+}
+
+.login-card h1 { margin: 0; font-size: 27px; }
+.login-description { margin: 10px 0 28px; color: #728398; }
+.login-card form { display: grid; gap: 18px; }
+.login-card label { display: grid; gap: 8px; color: #465b70; font-size: 13px; }
+.login-card input {
+  width: 100%;
+  padding: 12px 14px;
+  border: 1px solid #cad8e5;
+  border-radius: 9px;
+  outline: none;
+  color: #18334f;
+  background: white;
+}
+.login-card input:focus { border-color: #1677ff; box-shadow: 0 0 0 3px rgba(22, 119, 255, 0.12); }
+.login-card button {
+  min-height: 44px;
+  border: 0;
+  border-radius: 9px;
+  color: white;
+  background: #1677ff;
+  cursor: pointer;
+}
+.login-card button:disabled { opacity: 0.65; cursor: wait; }
+.login-error { margin: -4px 0 0; color: #d4380d; font-size: 13px; }