修改完成

pages/auth/a04-register.vue

@@ -229,18 +229,16 @@ const submitRegister = () => {
 
 <style scoped lang="scss">
 .auth-page {
-  position: relative;
   width: 100%;
   height: 100dvh;
   min-height: 100%;
-  overflow-x: hidden;
   overflow-y: auto;
   background: #f7f0e4;
   color: #493323;
 }
 
 .page-canvas {
-  position: relative;
+  display: grid;
   box-sizing: border-box;
   width: 100%;
   min-height: calc(1665rpx + env(safe-area-inset-bottom));
@@ -248,48 +246,49 @@ const submitRegister = () => {
 }
 
 .page-backdrop {
-  position: absolute;
-  inset: 0 0 auto;
+  grid-area: 1 / 1;
+  align-self: start;
   width: 100%;
   height: 1665rpx;
   pointer-events: none;
 }
 
 .brand-seal {
-  position: absolute;
   z-index: 1;
-  top: 64rpx;
-  left: 50%;
+  grid-area: 1 / 1;
+  align-self: start;
+  justify-self: center;
   width: 184rpx;
   height: 221rpx;
-  transform: translateX(-50%);
+  margin-top: 64rpx;
   pointer-events: none;
 }
 
 .register-content {
-  position: relative;
   z-index: 2;
+  grid-area: 1 / 1;
   box-sizing: border-box;
   padding: 430rpx 64rpx 46rpx;
 }
 
 .page-heading {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
+  display: grid;
+  grid-template-rows: auto auto auto;
+  justify-items: center;
   min-height: 154rpx;
 }
 
 .back-button {
-  position: absolute;
-  top: 10rpx;
-  left: 0;
   display: flex;
+  grid-row: 1 / -1;
+  grid-column: 1;
+  align-self: start;
+  justify-self: start;
   align-items: center;
   justify-content: center;
   width: 88rpx;
   height: 88rpx;
+  margin-top: 10rpx;
 }
 
 .back-button__icon {
@@ -299,6 +298,7 @@ const submitRegister = () => {
 }
 
 .page-title {
+  grid-row: 1;
   color: #9f170f;
   font-size: 66rpx;
   font-weight: 700;
@@ -306,6 +306,7 @@ const submitRegister = () => {
 }
 
 .page-subtitle {
+  grid-row: 2;
   margin-top: 12rpx;
   color: #806c58;
   font-size: 25rpx;
@@ -313,6 +314,7 @@ const submitRegister = () => {
 }
 
 .register-divider {
+  grid-row: 3;
   width: 300rpx;
   height: 50rpx;
   filter: brightness(0.68) saturate(1.5) contrast(1.2);
@@ -342,7 +344,7 @@ const submitRegister = () => {
 .auth-input {
   flex: 1;
   min-width: 0;
-  height: 96rpx;
+  min-height: 96rpx;
   color: #3f2c1d;
   font-size: 29rpx;
 }
@@ -368,25 +370,21 @@ const submitRegister = () => {
 }
 
 .register-submit {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 104rpx;
+  display: grid;
+  place-items: center;
+  min-height: 104rpx;
   margin-top: 36rpx;
-  overflow: hidden;
 }
 
 .register-submit__skin {
-  position: absolute;
-  inset: 0;
+  grid-area: 1 / 1;
   width: 100%;
   height: 100%;
 }
 
 .register-submit__content {
-  position: relative;
   z-index: 1;
+  grid-area: 1 / 1;
   color: #fffaf0;
   font-size: 39rpx;
   letter-spacing: 6rpx;
@@ -417,7 +415,6 @@ const submitRegister = () => {
 .agreement-copy {
   display: flex;
   align-items: center;
-  white-space: nowrap;
 }
 
 .agreement-link {
@@ -490,7 +487,6 @@ const submitRegister = () => {
 }
 
 .feedback-toast__copy {
-  position: relative;
   z-index: 1;
   padding: 16rpx 36rpx;
   color: #5c4330;