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

pages/records/r01-people-list.vue

@@ -211,7 +211,7 @@ onUnload(() => {
 </script>
 
 <style scoped lang="scss">
-@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+@import "../../styles/adaptive-frame-profiles.scss";
 
 .people-page {
   display: flex;
@@ -228,7 +228,7 @@ onUnload(() => {
   padding: 22rpx 24rpx 100rpx;
 }
 .people-search {
-  @include adaptive.adaptive-records-field;
+  @include adaptive-records-field;
   display: grid;
   grid-template-columns: minmax(0, 1fr) 126rpx;
   width: 100%;
@@ -243,7 +243,7 @@ onUnload(() => {
   padding-left: 31rpx;
   box-sizing: border-box;
   color: $ink;
-  font-size: 24rpx;
+  font-size: clamp(15px, 24rpx, 18px);
 }
 .people-search__placeholder {
   color: #8a7965;
@@ -257,14 +257,14 @@ onUnload(() => {
   align-items: center;
   justify-content: center;
   color: $brand-red;
-  font-size: 24rpx;
+  font-size: clamp(15px, 24rpx, 18px);
   font-weight: 700;
 }
 .people-list {
   margin-top: 12px;
 }
 .person-card {
-  @include adaptive.adaptive-records-person;
+  @include adaptive-records-person;
   display: flex;
   width: 100%;
   min-height: clamp(92px, 190rpx, 108px);
@@ -283,18 +283,18 @@ onUnload(() => {
 .person-card__name {
   color: $ink;
   font-family: STKaiti, KaiTi, serif;
-  font-size: 31rpx;
+  font-size: clamp(17px, 31rpx, 22px);
   font-weight: 700;
 }
 .person-card__meta {
   margin-top: 7rpx;
   color: $ink-muted;
-  font-size: 23rpx;
+  font-size: clamp(14px, 23rpx, 17px);
 }
 .person-card__hint {
   margin-top: 8rpx;
   color: #806a51;
-  font-size: 21rpx;
+  font-size: clamp(13px, 21rpx, 16px);
 }
 .people-primary-action {
   margin: 22rpx auto 0;
@@ -322,14 +322,14 @@ onUnload(() => {
 .people-state-card text:first-child {
   color: $ink;
   font-family: STKaiti, KaiTi, serif;
-  font-size: 31rpx;
+  font-size: clamp(17px, 31rpx, 22px);
   font-weight: 700;
 }
 .people-result-empty text:last-child,
 .people-state-card text:last-child {
   margin-top: 13rpx;
   color: $ink-muted;
-  font-size: 23rpx;
+  font-size: clamp(14px, 23rpx, 17px);
   line-height: 1.5;
 }
 .people-result-empty .app-button,