feat(aihr): align figma pages for release

mobile-uni/src/pages/auth/login/index.vue

@@ -34,7 +34,7 @@
                 type="number"
                 maxlength="11"
                 :clearable="false"
-                primary-color="#e70014"
+                primary-color="#e60012"
                 @input="onPhoneInput"
                 placeholder="请输入手机号"
                 placeholder-style="color: #b5b8c1"
@@ -53,7 +53,7 @@
                   type="number"
                   maxlength="6"
                   :clearable="false"
-                  primary-color="#e70014"
+                  primary-color="#e60012"
                   @input="onSmsCodeInput"
                   placeholder="请输入验证码"
                   placeholder-style="color: #b5b8c1"
@@ -207,13 +207,13 @@ onShow(() => {
   min-height: 100vh;
   padding: 0;
   background:
-    radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.98), rgba(247, 247, 247, 0.86) 38%, rgba(239, 239, 239, 0.72) 100%),
-    linear-gradient(180deg, #fafafa 0%, #f2f2f2 100%);
+    radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.98), rgba(247, 248, 251, 0.9) 38%, rgba(239, 242, 247, 0.78) 100%),
+    linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
 }
 
 .login-shell {
   min-height: 100vh;
-  padding: 114px 30px 52px;
+  padding: 72px 24px 36px;
   overflow: hidden;
 }
 
@@ -243,14 +243,14 @@ onShow(() => {
 .login-head {
   position: relative;
   max-width: 720px;
-  margin: 0 auto 43px;
+  margin: 0 auto 32px;
 }
 
 .brand-lockup {
   display: flex;
   align-items: center;
   gap: 12px;
-  margin-bottom: 36px;
+  margin-bottom: 28px;
 }
 
 .login-logo {
@@ -283,7 +283,7 @@ onShow(() => {
 }
 
 .login-eyebrow {
-  color: #1d9668;
+  color: #e60012;
 }
 
 .login-head .page-title {
@@ -312,8 +312,8 @@ onShow(() => {
   margin: 0 auto;
   padding: 36px 20px 36px;
   border: 1px solid rgba(225, 227, 232, 0.95);
-  border-top: 4px solid #f20b1a;
-  border-radius: 12px;
+  border-top: 4px solid #e60012;
+  border-radius: 18px;
   background: rgba(255, 255, 255, 0.96);
   box-shadow: 0 12px 28px rgba(29, 31, 35, 0.12), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
 }
@@ -321,7 +321,7 @@ onShow(() => {
 .login-card::before {
   position: absolute;
   inset: 0;
-  border-radius: 12px;
+  border-radius: 18px;
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 26%);
   content: '';
   pointer-events: none;
@@ -369,8 +369,8 @@ onShow(() => {
 }
 
 .field-shell:focus-within {
-  border-color: #e70014;
-  box-shadow: 0 0 0 3px rgba(231, 0, 20, 0.08);
+  border-color: #e60012;
+  box-shadow: 0 0 0 3px rgba(230, 0, 18, 0.08);
 }
 
 .field-shell :deep(.uni-easyinput) {
@@ -387,6 +387,9 @@ onShow(() => {
 
 .field-shell :deep(.uni-easyinput__content-input) {
   height: 28px;
+  appearance: none;
+  -webkit-appearance: none;
+  background: transparent !important;
   color: #25282d;
   font-size: 15px;
   line-height: 28px;
@@ -433,10 +436,10 @@ onShow(() => {
   width: 100%;
   min-height: 56px;
   padding: 0 4px;
-  border: 1px solid #f20b1a;
+  border: 1px solid #e60012;
   border-radius: 8px;
   background: linear-gradient(180deg, #ffffff 0%, #fffdfd 100%);
-  color: #f20b1a;
+  color: #e60012;
   font-size: 12px;
   font-weight: 700;
   line-height: 1.3;
@@ -453,14 +456,13 @@ onShow(() => {
   justify-content: center;
   align-self: stretch;
   padding: 0 20px;
-  border-radius: 8px;
-  background: linear-gradient(90deg, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0) 12%),
-    linear-gradient(180deg, #ff1124 0%, #f40619 100%);
+  border-radius: 14px;
+  background: #e60012;
   color: #ffffff;
   font-size: 22px;
   font-weight: 800;
   letter-spacing: 2px;
-  box-shadow: 0 8px 18px rgba(231, 0, 20, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.24);
+  box-shadow: 0 8px 18px rgba(230, 0, 18, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.24);
 }
 
 .login-card :deep(.uni-noticebar) {