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

pages/records/r09-life-events.vue

@@ -32,7 +32,7 @@ const returnToRecords = () =>
     : goBack();
 </script>
 <style scoped lang="scss">
-@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+@import "../../styles/adaptive-frame-profiles.scss";
 .life-page {
   display: flex;
   min-height: 100vh;
@@ -51,20 +51,20 @@ const returnToRecords = () =>
   min-height: 340rpx;
   padding: 78rpx 52rpx 50rpx;
   text-align: center;
-  @include adaptive.adaptive-records-content;
+  @include adaptive-records-content;
 }
 .state-card text {
   display: block;
 }
 .state-card text:first-child {
   color: $ink;
-  font-size: 35rpx;
+  font-size: clamp(19px, 35rpx, 24px);
   font-weight: 700;
 }
 .state-card text:nth-child(2) {
   margin-top: 18rpx;
   color: $ink-muted;
-  font-size: 24rpx;
+  font-size: clamp(15px, 24rpx, 18px);
   line-height: 1.65;
 }
 .state-card .app-button {