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

pages/profile/m08-promotion.vue

@@ -103,7 +103,7 @@ onBackPress((event) => handleBackPress(event, requestBack));
 </script>
 
 <style scoped lang="scss">
-@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+@import "../../styles/adaptive-frame-profiles.scss";
 .promotion-page {
   display: flex;
   min-height: 100vh;
@@ -120,7 +120,7 @@ onBackPress((event) => handleBackPress(event, requestBack));
 .invite-hero,
 .state-card,
 .promotion-card {
-  @include adaptive.adaptive-profile-content;
+  @include adaptive-profile-content;
 }
 .invite-hero {
   display: flex;
@@ -142,13 +142,13 @@ onBackPress((event) => handleBackPress(event, requestBack));
   margin-top: 12rpx;
   color: $ink;
   font-family: STKaiti, KaiTi, serif;
-  font-size: 34rpx;
+  font-size: clamp(19px, 34rpx, 24px);
   font-weight: 700;
 }
 .invite-hero text:last-child {
   margin-top: 12rpx;
   color: $ink-muted;
-  font-size: 22rpx;
+  font-size: clamp(14px, 22rpx, 17px);
   line-height: 1.55;
 }
 .state-card {
@@ -161,7 +161,7 @@ onBackPress((event) => handleBackPress(event, requestBack));
   padding: 38rpx;
   text-align: center;
   color: $ink;
-  font-size: 26rpx;
+  font-size: clamp(16px, 26rpx, 20px);
 }
 .state-card .app-button {
   width: 100%;
@@ -182,7 +182,7 @@ onBackPress((event) => handleBackPress(event, requestBack));
 }
 .promotion-title {
   color: $ink;
-  font-size: 28rpx;
+  font-size: clamp(16px, 28rpx, 20px);
   font-weight: 700;
   overflow-wrap: anywhere;
 }
@@ -193,13 +193,13 @@ onBackPress((event) => handleBackPress(event, requestBack));
   border: 1rpx solid rgba(181, 46, 34, 0.26);
   border-radius: 999rpx;
   color: $brand-red;
-  font-size: 20rpx;
+  font-size: clamp(13px, 20rpx, 16px);
   line-height: 1.3;
 }
 .promotion-copy {
   margin-top: 12rpx;
   color: $ink-muted;
-  font-size: 22rpx;
+  font-size: clamp(14px, 22rpx, 17px);
   line-height: 1.55;
   overflow-wrap: anywhere;
 }