feat: 完成70%全局样式与可读性优化

components/AuthPageShell.vue

@@ -6,16 +6,17 @@
         src="/static/assets/modules/auth/opaque/a01-vnext-header-v1.png"
         mode="widthFix"
       />
-      <image
-        class="auth-shell__seal"
-        src="/static/assets/foundation/transparent/brand-seal.png"
-        mode="aspectFit"
-      />
+      <view class="auth-shell__brand-lockup">
+        <image
+          class="auth-shell__seal"
+          src="/static/assets/foundation/transparent/brand-seal.png"
+          mode="aspectFit"
+        />
+        <text class="auth-shell__project-name">代代相传</text>
+      </view>
     </view>
 
-    <view class="auth-shell__paper">
-      <slot />
-    </view>
+    <view class="auth-shell__paper"><slot /></view>
 
     <slot name="overlay" />
   </view>
@@ -51,13 +52,21 @@
   pointer-events: none;
 }
 
-.auth-shell__seal {
+.auth-shell__brand-lockup {
   position: absolute;
   top: calc(var(--app-safe-top) + clamp(46px, 11.5vw, 58px));
   left: 50%;
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+
+.auth-shell__seal {
+  position: static;
   width: clamp(56px, 17vw, 78px);
   height: clamp(67px, 20.4vw, 94px);
-  transform: translateX(-50%);
   pointer-events: none;
 }
 
@@ -75,4 +84,15 @@
   background-size: 100% auto, 100% auto;
   background-repeat: no-repeat, repeat-y;
 }
+
+.auth-shell__project-name {
+  color: #f8dfa6;
+  font-family: "STKaiti", "KaiTi", serif;
+  font-size: clamp(14px, 24rpx, 17px);
+  font-weight: 700;
+  letter-spacing: 4rpx;
+  line-height: 1;
+  white-space: nowrap;
+}
+
 </style>