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

pages/profile/m10-about-settings.vue

@@ -136,7 +136,7 @@ onUnload(() => logoutRequestController.abort());
 </script>
 
 <style scoped lang="scss">
-@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+@import "../../styles/adaptive-frame-profiles.scss";
 .about-page {
   display: flex;
   min-height: 100vh;
@@ -151,7 +151,7 @@ onUnload(() => logoutRequestController.abort());
   padding: 28rpx 30rpx 72rpx;
 }
 .brand-card {
-  @include adaptive.adaptive-profile-summary;
+  @include adaptive-profile-summary;
   display: flex;
   min-height: 300rpx;
   flex-direction: column;
@@ -171,20 +171,20 @@ onUnload(() => logoutRequestController.abort());
   margin-top: 6rpx;
   color: $ink;
   font-family: STKaiti, KaiTi, serif;
-  font-size: 40rpx;
+  font-size: clamp(20px, 40rpx, 26px);
   font-weight: 700;
   letter-spacing: 4rpx;
 }
 .brand-card text:nth-child(3) {
   margin-top: 8rpx;
   color: $ink-muted;
-  font-size: 22rpx;
+  font-size: clamp(14px, 22rpx, 17px);
   line-height: 1.5;
 }
 .brand-card text:last-child {
   margin-top: 10rpx;
   color: $ink-muted;
-  font-size: 20rpx;
+  font-size: clamp(13px, 20rpx, 16px);
 }
 .settings-list {
   display: flex;
@@ -193,7 +193,7 @@ onUnload(() => logoutRequestController.abort());
   margin-top: 22rpx;
 }
 .settings-row {
-  @include adaptive.adaptive-profile-field;
+  @include adaptive-profile-field;
   display: grid;
   grid-template-columns: minmax(0, 1fr) 32rpx;
   min-height: 104rpx;
@@ -210,13 +210,13 @@ onUnload(() => logoutRequestController.abort());
 }
 .settings-row text:first-child {
   color: $ink;
-  font-size: 24rpx;
+  font-size: clamp(15px, 24rpx, 18px);
   font-weight: 700;
 }
 .settings-row text:last-child {
   margin-top: 6rpx;
   color: $ink-muted;
-  font-size: 20rpx;
+  font-size: clamp(13px, 20rpx, 16px);
 }
 .settings-row image {
   width: 30rpx;