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

pages/genealogy/g08-join-application.vue

@@ -171,7 +171,7 @@ onUnmounted(() => {
 </script>
 
 <style scoped lang="scss">
-@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+@import "../../styles/adaptive-frame-profiles.scss";
 .join-page {
   display: flex;
   min-height: 100vh;
@@ -187,7 +187,7 @@ onUnmounted(() => {
 }
 .state-card,
 .join-form {
-  @include adaptive.adaptive-genealogy-state-panel;
+  @include adaptive-genealogy-state-panel;
 }
 .state-card {
   min-height: 340rpx;
@@ -201,13 +201,13 @@ onUnmounted(() => {
 .form-heading text:first-child {
   color: $ink;
   font-family: STKaiti, KaiTi, serif;
-  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,
@@ -226,7 +226,7 @@ onUnmounted(() => {
 }
 .form-heading text:last-child {
   color: $brand-red;
-  font-size: 24rpx;
+  font-size: clamp(15px, 24rpx, 18px);
 }
 .form-field {
   margin-top: 22rpx;
@@ -234,19 +234,19 @@ onUnmounted(() => {
 .form-field > text {
   display: block;
   color: $ink;
-  font-size: 24rpx;
+  font-size: clamp(15px, 24rpx, 18px);
   font-weight: 700;
 }
 .form-field input,
 .form-field textarea {
-  @include adaptive.adaptive-genealogy-form-field;
+  @include adaptive-genealogy-form-field;
   box-sizing: border-box;
   display: block;
   width: 100%;
   margin-top: 10rpx;
   padding: 16rpx 22rpx;
   color: $ink;
-  font-size: 24rpx;
+  font-size: clamp(15px, 24rpx, 18px);
 }
 .form-field input {
   min-height: 76rpx;
@@ -261,7 +261,7 @@ onUnmounted(() => {
   display: block;
   margin-top: 16rpx;
   color: $brand-red;
-  font-size: 22rpx;
+  font-size: clamp(14px, 22rpx, 17px);
   line-height: 1.45;
 }
 </style>