修改注册功能问题

public/css/login.css

@@ -6,29 +6,35 @@
 .login-mode-tabs {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 8px;
-  margin: 18px 0 16px;
+  gap: 4px;
+  margin: 18px 0 18px;
   padding: 4px;
-  border: 1px solid rgba(138, 64, 42, .14);
-  border-radius: 8px;
-  background: rgba(255, 255, 255, .72);
+  border: 1px solid rgba(200, 59, 50, .16);
+  border-radius: 999px;
+  background: rgba(255, 250, 241, .88);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78);
 }
 
 /* 登录方式按钮只负责状态呈现，切换逻辑在 auth-pages.js */
 .login-mode-tab {
-  min-height: 38px;
+  min-height: 42px;
   border: 0;
-  border-radius: 6px;
+  border-radius: 999px;
   background: transparent;
   color: var(--muted);
   font: inherit;
+  font-weight: 800;
+  text-align: center;
   cursor: pointer;
+  transition: color .22s ease, background .22s ease, box-shadow .22s ease;
 }
 
 .login-mode-tab.is-active {
-  background: var(--brand);
-  color: #fff;
-  box-shadow: 0 8px 20px rgba(138, 64, 42, .18);
+  background: rgba(200, 59, 50, .11);
+  color: var(--red);
+  box-shadow:
+    inset 0 0 0 1px rgba(200, 59, 50, .16),
+    0 8px 18px rgba(138, 64, 42, .08);
 }
 
 .login-mode-panel[hidden] {
@@ -41,6 +47,10 @@
   gap: 10px;
 }
 
+.page-login .auth-links {
+  margin-top: 14px;
+}
+
 @media (max-width: 720px) {
   .page-login .auth-layout {
     align-items: start;