feat: unify project responsive layouts

components/AppToast.vue

@@ -18,6 +18,8 @@ defineProps({
 </script>
 
 <style scoped lang="scss">
+@use "../styles/adaptive-frame-profiles.scss" as adaptive;
+
 .app-toast {
   position: fixed;
   z-index: 100;
@@ -29,13 +31,7 @@ defineProps({
   min-height: 82rpx;
   align-items: center;
   justify-content: center;
-  box-sizing: border-box;
-  border: 16rpx solid transparent;
-  border-width: 16rpx 74rpx;
-  border-image-source: url("/static/assets/foundation/transparent/a01-scroll-toast-v3.png");
-  border-image-slice: 58 280 fill;
-  border-image-width: 16rpx 74rpx;
-  border-image-repeat: stretch;
+  @include adaptive.adaptive-feedback-toast;
   transform: translateX(-50%);
   pointer-events: none;
 }