fix(mini-user): center qualification image on translucent mask

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/mini-user/src/pages/mine/index.tsx

@@ -558,16 +558,19 @@ export default function MinePage() {
         >
           <ScrollView
             scrollY
+            enableFlex
             className="mine-qualification-scroll"
             style={{ height: '100%' }}
             enhanced
             showScrollbar
           >
-            <Image
-              className="mine-qualification-img"
-              src={QUALIFICATION_DISCLOSURE_URL}
-              mode="widthFix"
-            />
+            <View className="mine-qualification-body">
+              <Image
+                className="mine-qualification-img"
+                src={QUALIFICATION_DISCLOSURE_URL}
+                mode="widthFix"
+              />
+            </View>
           </ScrollView>
           <Text className="mine-qualification-hint">点击任意处关闭</Text>
         </View>

apps/mini-user/src/styles/mine.css

@@ -509,7 +509,7 @@
   height: 100%;
   padding: 0;
   margin: 0;
-  background: #000;
+  background: rgba(0, 0, 0, 0.55);
   box-sizing: border-box;
 }
 
@@ -521,7 +521,17 @@
   max-height: none;
   border-radius: 0;
   overflow: hidden;
-  background: #000;
+  background: transparent;
+}
+
+.mine-qualification-body {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  min-height: 100%;
+  width: 100%;
+  padding: 24px 16px 56px;
 }
 
 .mine-qualification-img {
@@ -539,6 +549,7 @@
   z-index: 1;
   text-align: center;
   font-size: 12px;
-  color: rgba(255, 255, 255, 0.82);
+  color: rgba(255, 255, 255, 0.9);
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
   pointer-events: none;
 }