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

pages/family/f08-album-detail.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";
 .album-detail-page {
   display: flex;
   min-height: 100vh;
@@ -127,7 +127,7 @@ onUnload(() => {
 }
 .album-state-card,
 .photo-card {
-  @include adaptive.adaptive-family-content;
+  @include adaptive-family-content;
 }
 .album-state-card {
   width: 100%;
@@ -142,13 +142,13 @@ onUnload(() => {
 .album-state-card text:first-child {
   color: $ink;
   font-family: STKaiti, KaiTi, serif;
-  font-size: 36rpx;
+  font-size: clamp(19px, 36rpx, 24px);
   font-weight: 700;
 }
 .album-state-card text:nth-child(2) {
   margin-top: 10rpx;
   color: $ink-muted;
-  font-size: 23rpx;
+  font-size: clamp(14px, 23rpx, 17px);
   line-height: 1.6;
 }
 .album-state-card .app-button {
@@ -168,13 +168,13 @@ onUnload(() => {
 .photo-card text:first-child {
   color: $ink;
   font-family: STKaiti, KaiTi, serif;
-  font-size: 30rpx;
+  font-size: clamp(17px, 30rpx, 22px);
   font-weight: 700;
 }
 .photo-card text:not(:first-child) {
   margin-top: 8rpx;
   color: $ink-muted;
-  font-size: 22rpx;
+  font-size: clamp(14px, 22rpx, 17px);
   line-height: 1.5;
 }
 </style>