feat: 完成70%全局样式与可读性优化

pages/auth/a04-register.vue

@@ -141,7 +141,7 @@
           :class="{ 'field-block--error': fieldErrors.password }"
         >
           <view class="input-row">
-            <label class="input-label" for="a04-password"
+            <label class="input-label input-label--password" for="a04-password"
               ><text class="required-mark">*</text>设置密码</label
             >
             <input
@@ -174,7 +174,7 @@
           :class="{ 'field-block--error': fieldErrors.confirmPassword }"
         >
           <view class="input-row">
-            <label class="input-label" for="a04-confirm-password"
+            <label class="input-label input-label--password" for="a04-confirm-password"
               ><text class="required-mark">*</text>确认密码</label
             >
             <input
@@ -681,7 +681,7 @@ const submitRegister = async () => {
   grid-column: 1;
   grid-row: 1;
   color: #9f170f;
-  font-size: 58rpx;
+  font-size: clamp(29px, 58rpx, 36px);
   font-weight: 700;
   letter-spacing: 7rpx;
 }
@@ -691,7 +691,7 @@ const submitRegister = async () => {
   grid-row: 2;
   margin-top: 12rpx;
   color: #806c58;
-  font-size: 25rpx;
+  font-size: clamp(15px, 25rpx, 18px);
   letter-spacing: 2rpx;
 }
 
@@ -721,14 +721,18 @@ const submitRegister = async () => {
 .input-label {
   flex: 0 0 152rpx;
   color: #674b35;
-  font-size: 30rpx;
+  font-size: clamp(17px, 30rpx, 22px);
+}
+.input-label--password {
+  flex-basis: 220rpx;
+  white-space: nowrap;
 }
 
 .required-mark {
   display: inline-block;
   margin-right: 4rpx;
   color: #b42318;
-  font-size: 26rpx;
+  font-size: clamp(16px, 26rpx, 20px);
   line-height: 1;
   transform: translateY(-3rpx);
 }
@@ -738,7 +742,7 @@ const submitRegister = async () => {
   min-width: 0;
   min-height: var(--app-touch-min);
   color: #493323;
-  font-size: 30rpx;
+  font-size: clamp(17px, 30rpx, 22px);
 }
 
 .get-code {
@@ -751,7 +755,7 @@ const submitRegister = async () => {
   border-left: 1rpx solid #d7bd94;
   background: transparent !important;
   color: #a7160c;
-  font-size: 26rpx;
+  font-size: clamp(16px, 26rpx, 20px);
   white-space: nowrap;
 }
 
@@ -767,8 +771,8 @@ const submitRegister = async () => {
 .agreement-error {
   display: block;
   color: #b42318;
-  font-size: 21rpx;
-  line-height: 32rpx;
+  font-size: clamp(13px, 21rpx, 16px);
+  line-height: max(1.35em, clamp(17px, 32rpx, 22px));
 }
 
 .field-error {
@@ -796,23 +800,25 @@ const submitRegister = async () => {
   z-index: 1;
   grid-area: 1 / 1;
   color: #fffaf0;
-  font-size: 36rpx;
+  font-size: clamp(19px, 36rpx, 24px);
   letter-spacing: 6rpx;
 }
 
 .agreement-area {
+  position: relative;
   min-height: 118rpx;
   margin-top: 18rpx;
+  color: #493323;
 }
 
 .agreement-row {
   display: flex;
   align-items: center;
+  flex-wrap: nowrap;
   justify-content: center;
   min-height: var(--app-touch-min);
-  color: #493323;
-  font-size: 24rpx;
-  line-height: 30rpx;
+  font-size: clamp(12px, 22rpx, 14px);
+  line-height: 1.45;
 }
 
 .agreement-icon {
@@ -829,12 +835,20 @@ const submitRegister = async () => {
   width: var(--app-touch-min);
   min-width: var(--app-touch-min);
   min-height: var(--app-touch-min);
-  margin-right: 2rpx;
+  box-sizing: border-box;
+  margin: 0 -12rpx 0 0;
+  padding-top: 0;
 }
 
 .agreement-copy {
   display: flex;
+  flex: 0 0 auto;
   align-items: center;
+  min-width: 0;
+  padding-top: 2rpx;
+}
+.agreement-copy text {
+  white-space: nowrap;
 }
 
 .agreement-link {
@@ -842,6 +856,7 @@ const submitRegister = async () => {
   align-items: center;
   min-height: var(--app-touch-min);
   color: #a7160c;
+  white-space: nowrap;
 }
 .agreement-error {
   text-align: center;
@@ -871,7 +886,7 @@ const submitRegister = async () => {
   min-height: 82rpx;
   margin-top: auto;
   color: #493323;
-  font-size: 28rpx;
+  font-size: clamp(16px, 28rpx, 20px);
 }
 
 .login-entry__link {