feat: unify project responsive layouts

pages/genealogy/g03-create-genealogy.vue

@@ -24,7 +24,7 @@
               <input
                 v-model="createForm.surname"
                 maxlength="4"
-                placeholder="如：汤"
+                placeholder="请输入姓氏"
                 placeholder-class="placeholder"
                 @input="clearFieldError('surname')"
               />
@@ -37,7 +37,7 @@
               <input
                 v-model="createForm.name"
                 maxlength="24"
-                placeholder="如：汤氏家谱"
+                placeholder="请输入家谱名称"
                 placeholder-class="placeholder"
                 @input="clearFieldError('name')"
               />
@@ -407,6 +407,7 @@ const enterOverview = () =>
 </script>
 
 <style scoped lang="scss">
+@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
 .flow-page {
   display: flex;
   min-height: 100vh;
@@ -420,9 +421,8 @@ const enterOverview = () =>
 }
 
 .create-flow-panel {
+  @include adaptive.adaptive-genealogy-state-panel;
   min-height: 1000rpx;
-  background: url("/static/assets/modules/genealogy/transparent/g01-empty-panel-frame.png")
-    center / 100% 100% no-repeat;
 }
 
 .create-flow-panel__content {