fix(ui): center float QR titles and repair UC VIP layout

assets/css/frontend/floating-buttons.css

@@ -176,6 +176,7 @@
     font-size: 13px;
     line-height: 1.6;
     color: var(--color-ink-3);
+    text-align: center;
 }
 
 .float-btn-qrcode {
@@ -193,8 +194,32 @@
 .float-right .service-qq .hover-show-con,
 .float-right .qrcode-btn .hover-show-con {
     padding: 14px;
+    text-align: center;
 }
 
+/* Page QR hover card: keep title/caption centered under the code */
+.float-right .qrcode-btn .hover-show-con {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.float-right .qrcode-btn .hover-show-con p {
+    width: 100%;
+    text-align: center;
+    margin-top: 2px;
+}
+
+.float-right .qrcode-btn .hover-show-con .float-btn-qrcode__title {
+    width: 100%;
+    text-align: center;
+    margin: 2px 0 0;
+    font-size: 13px;
+    line-height: 1.6;
+    color: var(--color-ink-3);
+}
+
+
 .float-right .service-wechat .hover-show-con img,
 .float-right .service-qq .hover-show-con img {
     margin: 0 auto;

assets/css/frontend/vip-modal.css

@@ -102,12 +102,35 @@
   background: linear-gradient(135deg, rgba(156, 39, 176, 0.12), rgba(63, 81, 181, 0.08));
 }
 
-.v-equity {
-  margin: 0;
-  padding-left: 1.1em;
+/* Modal-only equity list (UC tab has its own stronger rules under .uc-vip-tab) */
+.payvip-modal .v-equity,
+.aksrt-vip-modal-dialog .v-equity {
+  display: block;
+  list-style: none;
+  margin: 8px 0 0;
+  padding: 0;
   font-size: 12px;
   line-height: 1.6;
 }
+.payvip-modal .v-equity > li,
+.aksrt-vip-modal-dialog .v-equity > li {
+  display: block;
+  margin: 0 0 6px;
+  padding-left: 12px;
+  position: relative;
+}
+.payvip-modal .v-equity > li::before,
+.aksrt-vip-modal-dialog .v-equity > li::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0.55em;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: currentColor;
+  opacity: 0.45;
+}
 
 .aksrt-vip-products {
   display: grid;