feat 登录页面

src/views/login/index.vue

@@ -146,13 +146,13 @@ async function onGetCode(target: string): Promise<void> {
 </style>
 
 <style lang="less" scoped>
-// ===== 账号密码登录页专属（--auth-form-x/y 默认值即本页基准） =====
+// ===== 账号密码 / 手机验证码登录页专属 =====
 .auth-page {
   &__subtitle {
     margin: 12px 0 0;
-    font-size: 13px;            // 设计稿 13/400 #6B7280
+    font-size: 13px * @auth-font-scale;   // 设计稿 13/400 #6B7280，整体 ×@auth-font-scale
     font-weight: 400;
-    line-height: 17px;
+    line-height: 17px * @auth-font-scale;
     color: #6b7280;
   }
 
@@ -161,14 +161,14 @@ async function onGetCode(target: string): Promise<void> {
     .flex(row, flex-start, center);
     gap: 24px;
     margin: 26px 0 0 17px;      // 406 − 363 = 43；x1039 − 1022 = 17
-    height: 25px;
   }
 
   &__tab {
-    padding: 0;
+    position: relative;
+    padding: 0 0 8px;
     border: none;
     background: transparent;
-    font-size: 14px;            // 设计稿 14/400 #4B5563 → 激活 14/600 #024FFF
+    font-size: 22px;   // 固定 22px
     font-weight: 400;
     color: #4b5563;
     cursor: pointer;
@@ -177,15 +177,26 @@ async function onGetCode(target: string): Promise<void> {
     &.is-active {
       font-weight: 600;
       color: @primary-strong;
+
+      // 抵消 html zoom，保证两 Tab 下划线视觉均为 2px（否则 2px×zoom 会因亚像素取整一粗一细）
+      &::after {
+        content: '';
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        height: calc(2px / @page-zoom);
+        background: @primary-strong;
+      }
     }
   }
 
   &__switch {
     align-self: center;         // 设计稿：X 居中 @(1325,774)
     margin: 53px 0 0;           // 按钮底 721 → 774
-    font-size: 12px;            // 设计稿 12/400 #6B7280
+    font-size: 12px * @auth-font-scale;   // 设计稿 12/400 #6B7280
     font-weight: 400;
-    line-height: 16px;
+    line-height: 16px * @auth-font-scale;
     color: #6b7280;
   }
 }