feat: unify project responsive layouts

pages/records/r10-memo-list.vue

@@ -143,6 +143,8 @@ onUnmounted(() => {
 });
 </script>
 <style scoped lang="scss">
+@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+
 .memo-page {
   display: flex;
   min-height: 100vh;
@@ -167,8 +169,7 @@ onUnmounted(() => {
 .state-card {
   box-sizing: border-box;
   padding: 34rpx 46rpx;
-  background: url("/static/assets/modules/records/transparent/module-content-frame.png")
-    center/100% 100% no-repeat;
+  @include adaptive.adaptive-records-content;
 }
 .memo-card > view {
   display: flex;
@@ -234,8 +235,7 @@ onUnmounted(() => {
   box-sizing: border-box;
   color: $ink;
   font-size: 23rpx;
-  background: url("/static/assets/modules/records/transparent/module-field-frame.png")
-    center/100% 100% no-repeat;
+  @include adaptive.adaptive-records-field;
 }
 .dialog-form text {
   display: block;