feat: unify project responsive layouts

pages/records/r06-ritual-detail.vue

@@ -126,6 +126,8 @@ const backToRituals = () =>
   uni.redirectTo({ url: "/pages/records/r05-ritual-list" });
 </script>
 <style scoped lang="scss">
+@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+
 .ritual-detail-page {
   display: flex;
   min-height: 100vh;
@@ -151,8 +153,7 @@ const backToRituals = () =>
 .state-card {
   box-sizing: border-box;
   padding: 42rpx 46rpx;
-  background: url("/static/assets/modules/records/transparent/module-content-frame.png")
-    center/100% 100% no-repeat;
+  @include adaptive.adaptive-records-content;
 }
 .detail-card > text {
   display: block;