feat: unify project responsive layouts

pages/records/r11-merit-records.vue

@@ -149,6 +149,8 @@ onUnmounted(() => {
 });
 </script>
 <style scoped lang="scss">
+@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+
 .merit-page {
   display: flex;
   min-height: 100vh;
@@ -174,8 +176,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;
 }
 .merit-summary {
   text-align: center;
@@ -254,8 +255,7 @@ onUnmounted(() => {
   box-sizing: border-box;
   color: $ink;
   font-size: 22rpx;
-  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;