feat 需求提报

src/views/login/cpns/LoginForm.vue

@@ -67,36 +67,44 @@ const localAgree = computed({
 </template>
 
 <style lang="less" scoped>
+// 设计稿 #36（账号密码登录）纵向坐标：
+// 账号标签 457 → 密码标签 585（差 128）
+// 密码输入框底 ~648 → 勾选行 641 区间 → 登录按钮文字 688
+// 表单左边界与 title 内缩对齐：1032.5 - 982.5(title 层中心对齐后) ≈ 0，
+// 实测 title padding-left 17px 抵消 693/714 的差，故表单不再额外内缩。
 .login-form {
   .flex(column, flex-start, stretch);
-  margin: 26px 0 0 17px;
-  width: 680px;
+  margin: 26px 0 0;
+  width: 100%;
 
   &__field {
     .flex(column, flex-start, stretch);
-    gap: 8px;
-    width: 680px;
+    // 标签底 474 → 输入框顶 480，间距 6px
+    gap: 6px;
+    width: 100%;
   }
 
+  // 第一个字段底（480+40=520）→ 第二个字段标签顶 585，间距 65px
   &__field + &__field {
-    margin-top: 40px;
+    margin-top: 65px;
   }
 
   &__label {
-    font-size: 13px * @auth-font-scale;
+    font-size: 13px;
     font-weight: 500;
-    line-height: 17px * @auth-font-scale;
+    line-height: 17px;
     color: #1f2937;
+    text-align: center;
   }
 
   &__input {
     width: 100%;
-    height: 39px * @auth-font-scale;
-    padding: 0 12px * @auth-font-scale;
+    height: 40px;
+    padding: 0 12px;
     border: 1px solid #dde1e7;
     border-radius: @radius-sm;
     background: @white;
-    font-size: 13px * @auth-font-scale;
+    font-size: 13px;
     color: #1f2937;
     outline: none;
     transition: border-color 0.2s;
@@ -111,20 +119,23 @@ const localAgree = computed({
     }
   }
 
+  // 设计稿 #36：勾选框 (1042.2,642) 7.5×14，文字 12px 起于 x=1059。
+  // 注：设计稿勾选标注 y=642 与密码输入框底 648 重叠，二者无法同时满足，
+  // 这里按视觉取勾选行落在输入框下方 8px。
   &__agree {
     .flex(row, flex-start, center);
     gap: 8px;
-    margin-top: 22px;
-    font-size: 12px * @auth-font-scale;
+    margin-top: 8px;
+    font-size: 12px;
     font-weight: 400;
-    line-height: 16px * @auth-font-scale;
+    line-height: 16px;
     color: #6b7280;
     cursor: pointer;
 
     input {
       flex-shrink: 0;
-      width: 16px * @auth-font-scale;
-      height: 16px * @auth-font-scale;
+      width: 14px;
+      height: 14px;
       margin: 0;
       accent-color: @primary-strong;
     }
@@ -135,15 +146,17 @@ const localAgree = computed({
     }
   }
 
+  // 设计稿 #36：按钮文字 (1352,688) 54×20 居中，按钮盒约 693×46
   &__submit {
     width: 100%;
-    height: 46px * @auth-font-scale;
-    margin-top: 18px;
+    height: 46px;
+    // 勾选行底 657 → 按钮顶 674
+    margin-top: 17px;
     border: none;
     border-radius: @radius-sm;
     background: @primary-strong;
     color: @white;
-    font-size: 15px * @auth-font-scale;
+    font-size: 15px;
     font-weight: 500;
     cursor: pointer;
     transition: background 0.2s;