feat: unify project responsive layouts

pages/family/f01-family-feed.vue

@@ -144,6 +144,8 @@ const openSection = (key) => {
 };
 </script>
 <style scoped lang="scss">
+@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+
 .family-page {
   display: flex;
   min-height: 100vh;
@@ -173,12 +175,12 @@ const openSection = (key) => {
   font-size: 23rpx;
 }
 .feed-shortcuts {
+  @include adaptive.adaptive-scroll-button(secondary);
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   width: 100%;
   min-height: 48px;
   margin-top: 15rpx;
-  background: url("/static/assets/foundation/transparent/a01-scroll-secondary-v3.png") center / 100% 100% no-repeat;
 }
 .feed-shortcut {
   width: 100%;
@@ -196,6 +198,7 @@ const openSection = (key) => {
 }
 .feed-card,
 .feed-state-card {
+  @include adaptive.adaptive-family-letter;
   display: flex;
   width: 100%;
   min-height: 230rpx;
@@ -204,7 +207,6 @@ const openSection = (key) => {
   justify-content: center;
   margin-top: 17rpx;
   box-sizing: border-box;
-  background: url("/static/assets/modules/family/transparent/f01-family-letter-card.png") center / 100% 100% no-repeat;
 }
 .feed-card__copy {
   padding: 15% 9%;
@@ -259,11 +261,11 @@ const openSection = (key) => {
   line-height: 1.45;
 }
 .feed-action {
+  @include adaptive.adaptive-scroll-button(primary);
   width: 514rpx;
   max-width: 100%;
   min-height: 76rpx;
   margin: 19rpx auto 0;
-  background: url("/static/assets/foundation/transparent/a01-scroll-primary-v3.png") center / 100% 100% no-repeat;
 }
 .feed-action text {
   display: flex;