feat: refine tiangong flows and integrate profile avatars

src/pages/profile-edit/index.scss

@@ -8,19 +8,21 @@
   overflow-x: hidden;
 }
 
-.edit-page .nav {
+// H5 keeps lazy-loaded page styles after navigation; contain all editor rules.
+.edit-page {
+.nav {
   height: calc(112px + env(safe-area-inset-top));
   padding: 0 32px 24px;
   align-items: flex-end;
 }
 
-.edit-page .nav-title {
+.nav-title {
   color: #211c3a;
   font-size: 40px;
   font-weight: 800;
 }
 
-.edit-page .back {
+.back {
   left: 34px;
   bottom: 18px;
   color: #292244;
@@ -66,7 +68,7 @@
   border-radius: 50%;
 }
 
-.water-mascot {
+.edit-water-mascot {
   width: 142px;
   height: 178px;
   position: relative;
@@ -75,7 +77,7 @@
   box-shadow: inset 16px 10px 30px rgba(255, 255, 255, 0.28);
 }
 
-.mascot-eye {
+.edit-mascot-eye {
   position: absolute;
   top: 100px;
   width: 10px;
@@ -84,10 +86,10 @@
   background: #3275ef;
 }
 
-.mascot-eye.left { left: 48px; }
-.mascot-eye.right { right: 48px; }
+.edit-mascot-eye.left { left: 48px; }
+.edit-mascot-eye.right { right: 48px; }
 
-.mascot-smile {
+.edit-mascot-smile {
   position: absolute;
   left: 56px;
   top: 116px;
@@ -341,7 +343,7 @@
     height: 220px;
   }
 
-  .water-mascot {
+  .edit-water-mascot {
     transform: scale(0.82);
   }
 
@@ -362,3 +364,7 @@
     margin-top: 18px;
   }
 }
+.profile-load-error { padding: 160px 35px 50px; display: flex; flex-direction: column; gap: 28px; text-align: center; color: #856c9c; font-size: 28px; line-height: 1.8; }
+.profile-load-error > button { width: 70%; padding: 20px; margin: 0 auto; border-radius: 40px; font-size: 28px; line-height: 1.5; color: #fff; background: #ae85d9; }
+.profile-preview-notice { display: block; margin: 0 0 24px; color: #9a86ad; font-size: 22px; line-height: 1.5; text-align: center; }
+}