feat: unify project responsive layouts

pages/family/f02-publish-feed.vue

@@ -80,6 +80,8 @@ onUnmounted(() => {
 });
 </script>
 <style scoped lang="scss">
+@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+
 .publish-page {
   display: flex;
   min-height: 100vh;
@@ -88,6 +90,7 @@ onUnmounted(() => {
 }
 .publish-page__header,
 .publish-panel {
+  @include adaptive.adaptive-family-content;
   z-index: 1;
 }
 .publish-panel {
@@ -96,7 +99,6 @@ onUnmounted(() => {
   margin: 18rpx auto 0;
   padding: 9%;
   box-sizing: border-box;
-  background: url("/static/assets/modules/family/transparent/module-content-frame.png") center / 100% 100% no-repeat;
 }
 .publish-form > text,
 .publish-result > text {
@@ -117,12 +119,12 @@ onUnmounted(() => {
   line-height: 1.6;
 }
 .publish-field {
+  @include adaptive.adaptive-family-field;
   display: flex;
   min-height: 250rpx;
   margin-top: 24rpx;
   padding: 25rpx;
   box-sizing: border-box;
-  background: url("/static/assets/modules/family/transparent/module-field-frame.png") center / 100% 100% no-repeat;
 }
 .publish-field textarea {
   width: 100%;