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

pages/genealogy/g06-search-genealogies.vue

@@ -111,7 +111,7 @@ onUnload(() => {
 </script>
 
 <style scoped lang="scss">
-@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+@import "../../styles/adaptive-frame-profiles.scss";
 .search-page {
   display: flex;
   min-height: 100vh;
@@ -128,7 +128,7 @@ onUnload(() => {
 .search-note,
 .state-card,
 .genealogy-card {
-  @include adaptive.adaptive-genealogy-state-panel;
+  @include adaptive-genealogy-state-panel;
 }
 .search-note {
   display: flex;
@@ -140,13 +140,13 @@ onUnload(() => {
 .search-note text:first-child {
   color: $ink;
   font-family: STKaiti, KaiTi, serif;
-  font-size: 30rpx;
+  font-size: clamp(17px, 30rpx, 22px);
   font-weight: 700;
 }
 .search-note text:last-child {
   margin-top: 6rpx;
   color: $ink-muted;
-  font-size: 21rpx;
+  font-size: clamp(13px, 21rpx, 16px);
 }
 .state-card {
   display: flex;
@@ -158,7 +158,7 @@ onUnload(() => {
   padding: 42rpx;
   text-align: center;
   color: $ink;
-  font-size: 28rpx;
+  font-size: clamp(16px, 28rpx, 20px);
 }
 .state-card .app-button {
   width: 100%;
@@ -182,20 +182,20 @@ onUnload(() => {
 .card-heading text:first-child {
   color: $ink;
   font-family: STKaiti, KaiTi, serif;
-  font-size: 31rpx;
+  font-size: clamp(17px, 31rpx, 22px);
   font-weight: 700;
   overflow-wrap: anywhere;
 }
 .card-heading text:last-child {
   flex: 0 0 auto;
   color: $brand-red;
-  font-size: 22rpx;
+  font-size: clamp(14px, 22rpx, 17px);
 }
 .card-meta,
 .card-copy {
   display: block;
   color: $ink-muted;
-  font-size: 22rpx;
+  font-size: clamp(14px, 22rpx, 17px);
   line-height: 1.5;
 }
 .card-meta {
@@ -211,7 +211,7 @@ onUnload(() => {
   gap: 18rpx;
   margin-top: 20rpx;
   color: $ink-muted;
-  font-size: 21rpx;
+  font-size: clamp(13px, 21rpx, 16px);
 }
 .card-footer .app-button {
   min-width: 180rpx;