feat: unify project responsive layouts

pages/family/f06-article-editor.vue

@@ -220,6 +220,8 @@ onUnload(() => {
 </script>
 
 <style scoped lang="scss">
+@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+
 .article-editor-page {
   display: flex;
   min-height: 100vh;
@@ -239,13 +241,8 @@ onUnload(() => {
 }
 .editor-panel,
 .editor-result-card {
+  @include adaptive.adaptive-family-panel;
   width: 100%;
-  border: 20rpx solid transparent;
-  border-image-source: url("/static/assets/modules/family/transparent/module-content-frame.png");
-  border-image-slice: 72 fill;
-  border-image-width: 64rpx;
-  border-image-repeat: stretch;
-  box-sizing: border-box;
 }
 .editor-panel__body {
   padding: 38rpx 34rpx 42rpx;
@@ -285,10 +282,10 @@ onUnload(() => {
   font-weight: 700;
 }
 .editor-control {
+  @include adaptive.adaptive-family-field;
   display: flex;
   min-height: 82rpx;
   align-items: center;
-  background: url("/static/assets/modules/family/transparent/module-field-frame.png") center / 100% 100% no-repeat;
 }
 .editor-control input,
 .editor-control textarea {