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

pages/profile/m04-change-password.vue

@@ -183,7 +183,7 @@ onUnload(() => {
 </script>
 
 <style scoped lang="scss">
-@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+@import "../../styles/adaptive-frame-profiles.scss";
 .password-page {
   display: flex;
   min-height: 100vh;
@@ -199,7 +199,7 @@ onUnload(() => {
 }
 .security-tip,
 .form-panel {
-  @include adaptive.adaptive-profile-content;
+  @include adaptive-profile-content;
 }
 .security-tip {
   min-height: 170rpx;
@@ -211,13 +211,13 @@ onUnload(() => {
 }
 .security-tip text:first-child {
   color: $ink;
-  font-size: 32rpx;
+  font-size: clamp(17px, 32rpx, 22px);
   font-weight: 700;
 }
 .security-tip text:last-child {
   margin-top: 10rpx;
   color: $ink-muted;
-  font-size: 22rpx;
+  font-size: clamp(14px, 22rpx, 17px);
   line-height: 1.55;
 }
 .form-panel {
@@ -229,7 +229,7 @@ onUnload(() => {
 }
 .form-row {
   display: grid;
-  grid-template-columns: 142rpx minmax(0, 1fr) 74rpx;
+  grid-template-columns: 184rpx minmax(0, 1fr) 74rpx;
   min-height: 92rpx;
   align-items: center;
   gap: 12rpx;
@@ -237,15 +237,16 @@ onUnload(() => {
 }
 .form-row > text {
   color: $ink;
-  font-size: 23rpx;
+  font-size: clamp(14px, 23rpx, 17px);
   font-weight: 700;
+  white-space: nowrap;
 }
 .form-row input {
   width: auto;
   min-width: 0;
   min-height: 68rpx;
   color: $ink;
-  font-size: 23rpx;
+  font-size: clamp(14px, 23rpx, 17px);
 }
 .password-toggle {
   display: flex;
@@ -253,13 +254,13 @@ onUnload(() => {
   align-items: center;
   justify-content: flex-end;
   color: $brand-red;
-  font-size: 21rpx;
+  font-size: clamp(13px, 21rpx, 16px);
 }
 .field-error {
   display: block;
   padding-top: 7rpx;
   color: #b42318;
-  font-size: 20rpx;
+  font-size: clamp(13px, 20rpx, 16px);
   line-height: 1.4;
   text-align: right;
 }
@@ -276,7 +277,7 @@ onUnload(() => {
     padding-left: 26rpx;
   }
   .form-row {
-    grid-template-columns: 120rpx minmax(0, 1fr) 64rpx;
+    grid-template-columns: 184rpx minmax(0, 1fr) 64rpx;
     gap: 8rpx;
   }
 }