Add Aliyun SMS settings and refresh admin login

ai_knowledge_base_v2/apps/admin-web/src/styles.css

@@ -23,32 +23,146 @@ textarea {
 
 .login-page {
   min-height: 100vh;
-  display: grid;
-  place-items: center;
-  background: #eef4f2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 48px;
+  background:
+    linear-gradient(135deg, rgba(15, 115, 93, 0.14), rgba(234, 179, 8, 0.08)),
+    #f4f7f6;
 }
 
-.login-box {
-  width: 380px;
-  padding: 32px;
+.login-hero {
+  width: min(1080px, 100%);
+  min-height: 620px;
+  display: grid;
+  grid-template-columns: minmax(0, 1.1fr) 420px;
+  overflow: hidden;
   border: 1px solid #dce6e2;
   border-radius: 8px;
   background: #ffffff;
-  box-shadow: 0 18px 44px rgba(35, 54, 49, 0.08);
+  box-shadow: 0 24px 70px rgba(31, 45, 42, 0.12);
 }
 
+.login-hero-main {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 48px;
+  background: #12352e;
+  color: #ffffff;
+}
+
+.login-hero-main::after {
+  content: "";
+  position: absolute;
+  right: 42px;
+  bottom: 42px;
+  width: 280px;
+  height: 280px;
+  border: 1px solid rgba(255, 255, 255, 0.14);
+  border-radius: 50%;
+}
+
+.login-brand {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  font-size: 15px;
+}
+
+.login-brand span,
 .brand {
   width: 44px;
   height: 44px;
   display: grid;
   place-items: center;
-  margin-bottom: 18px;
   border-radius: 8px;
   background: #0f8b6f;
   color: #ffffff;
   font-weight: 800;
 }
 
+.login-brand span {
+  background: #eab308;
+  color: #17231f;
+}
+
+.login-brand strong {
+  font-size: 16px;
+}
+
+.login-hero-main h1 {
+  position: relative;
+  z-index: 1;
+  max-width: 620px;
+  margin: 72px 0 0;
+  font-size: 40px;
+  line-height: 1.18;
+  font-weight: 800;
+  letter-spacing: 0;
+}
+
+.login-hero-main p {
+  position: relative;
+  z-index: 1;
+  max-width: 560px;
+  margin: 18px 0 0;
+  color: rgba(255, 255, 255, 0.74);
+  font-size: 16px;
+  line-height: 1.75;
+}
+
+.login-highlights {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.login-highlights span {
+  padding: 8px 12px;
+  border: 1px solid rgba(255, 255, 255, 0.18);
+  border-radius: 6px;
+  color: rgba(255, 255, 255, 0.82);
+  font-size: 13px;
+}
+
+.login-card {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 48px;
+}
+
+.login-card-head {
+  margin-bottom: 28px;
+}
+
+.login-card h2 {
+  margin: 0;
+  color: #132822;
+  font-size: 28px;
+  line-height: 1.25;
+  letter-spacing: 0;
+}
+
+.login-card p {
+  margin: 8px 0 0;
+  color: #667a73;
+  line-height: 1.6;
+}
+
+.login-submit {
+  height: 44px;
+  margin-top: 4px;
+  font-weight: 700;
+}
+
 .login-box h1,
 .page-head h2 {
   margin: 0;
@@ -809,9 +923,33 @@ textarea {
     min-width: 0;
   }
 
-  .login-box {
-    width: min(380px, calc(100vw - 32px));
-    padding: 24px;
+  .login-page {
+    padding: 18px;
+  }
+
+  .login-hero {
+    min-height: auto;
+    grid-template-columns: 1fr;
+  }
+
+  .login-hero-main {
+    padding: 28px;
+  }
+
+  .login-hero-main::after {
+    width: 160px;
+    height: 160px;
+    right: 18px;
+    bottom: 18px;
+  }
+
+  .login-hero-main h1 {
+    margin-top: 42px;
+    font-size: 28px;
+  }
+
+  .login-card {
+    padding: 28px;
   }
 
   .admin-shell {