fix: make SMS code input visible on login

apps/taro/src/pages/student/student.css

@@ -104,16 +104,49 @@
   font-size: 19px;
 }
 
-.login-card .toolbar {
-  align-items: center;
-  overflow-x: visible;
+.login-field {
+  display: grid;
+  gap: 8px;
 }
 
-.login-card .toolbar .input {
-  flex: 1;
+.login-field-label {
+  color: #334155;
+  font-size: 17px;
+  font-weight: 850;
+}
+
+.login-input {
+  box-sizing: border-box;
+  display: block;
+  width: 100%;
+  height: 54px;
+  min-height: 54px;
+  padding: 0 16px;
+  border: 1px solid #dbe3ef;
+  border-radius: 10px;
+  background: #fff;
+  color: #111827;
+  font-size: 17px;
+  line-height: 54px;
+}
+
+.login-code-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 104px;
+  align-items: center;
+  gap: 10px;
   min-width: 0;
 }
 
+.login-code-input {
+  min-width: 0;
+}
+
+.login-send-button {
+  width: 104px;
+  min-width: 104px;
+}
+
 .login-page-admin {
   background:
     linear-gradient(to right, rgba(15, 23, 42, 0.035) 1px, transparent 1px),
@@ -2179,9 +2212,11 @@
     border-radius: 24px 0 0 24px;
   }
 
-  .login-card .input {
+  .login-input {
     height: 52px;
+    min-height: 52px;
     font-size: 15px;
+    line-height: 52px;
   }
 
   .login-card .primary-button,
@@ -2287,8 +2322,13 @@
     flex: 1 1 150px;
   }
 
-  .login-card .toolbar .secondary-button {
-    flex: 0 0 86px;
+  .login-code-row {
+    grid-template-columns: minmax(0, 1fr) 92px;
+  }
+
+  .login-send-button {
+    width: 92px;
+    min-width: 92px;
   }
 
   .asset-preview-frame,