From c8339feddb7d28786abcaee1cbbd8e5e892ef705 Mon Sep 17 00:00:00 2001
From: unknown <kate522@88.com>
Date: Sun, 23 Aug 2026 11:06:33 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=9E=84=E8=B4=AD=E4=B9=B0=E5=8D=A1?=
 =?UTF-8?q?=E5=A4=B4=E9=83=A8=E6=A0=87=E8=AE=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/routes/user-center/credits.css     | 53 ++++++-------------
 inc/helpers/user-center-renderers/vip-tab.php |  7 ++-
 2 files changed, 18 insertions(+), 42 deletions(-)

diff --git a/assets/css/routes/user-center/credits.css b/assets/css/routes/user-center/credits.css
index 41066a5d..5e013841 100644
--- a/assets/css/routes/user-center/credits.css
+++ b/assets/css/routes/user-center/credits.css
@@ -685,7 +685,8 @@ body.uc-modal-open {
 }
 
 .uc-vip-level-card .aksrt-vip-level-icon {
-  height: 2.2em;
+  width: auto;
+  height: 1.3em;
 }
 
 .uc-vip-card__header {
@@ -1210,30 +1211,6 @@ body.uc-modal-open {
 .uc-vip-level-card .vip-baicon {
   display: none;
 }
-.uc-vip-level-card .v-iconbox {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 8px;
-  margin-bottom: 10px;
-  width: 100%;
-}
-.uc-vip-level-card .v-icon {
-  width: auto;
-  height: auto;
-  border-radius: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  background: transparent !important;
-  flex: 0 0 auto;
-  color: inherit;
-}
-.uc-vip-level-card .v-info {
-  display: block;
-  text-align: left;
-  min-width: 0;
-}
 .uc-vip-level-card__inner {
   position: relative;
   z-index: 1;
@@ -1242,34 +1219,34 @@ body.uc-modal-open {
   align-items: center;
   min-height: 100%;
 }
+/* Level icon sits inline at the left of the name; its size tracks the name text. */
 .uc-vip-level-card .v-iconbox {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-  margin-bottom: 10px;
+  display: block;
   width: 100%;
+  margin-bottom: 10px;
+  text-align: center;
 }
 .uc-vip-level-card .v-icon {
-  width: auto;
-  height: auto;
-  border-radius: 0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  background: transparent !important;
   flex: 0 0 auto;
+  width: auto;
+  height: auto;
+  border-radius: 0;
+  background: transparent !important;
   color: inherit;
+  font-size: 1em;
+  line-height: 1;
 }
 .uc-vip-level-card.level-1 .v-icon,
 .uc-vip-level-card.level-2 .v-icon {
   background: transparent !important;
 }
-.uc-vip-level-card .v-info {
-  text-align: left;
-  min-width: 0;
-}
 .uc-vip-level-card .v-name {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
   font-size: 16px;
   line-height: 1.3;
   font-weight: 700;
diff --git a/inc/helpers/user-center-renderers/vip-tab.php b/inc/helpers/user-center-renderers/vip-tab.php
index 842f1406..f41b4737 100644
--- a/inc/helpers/user-center-renderers/vip-tab.php
+++ b/inc/helpers/user-center-renderers/vip-tab.php
@@ -149,13 +149,12 @@ foreach ([1, 2] as $lv) {
 
 	$cards .= '<div class="aksrt-panel text-center pay-vip-info flex1 level-' . $lv . ' uc-vip-level-card">';
 	$cards .= '<div class="relative uc-vip-level-card__inner">';
-	$cards .= '<div class="v-iconbox mb10 flex jc ac">';
-	$cards .= '<div class="v-icon flex jc ac">' . $lv_icon . '</div>';
-	$cards .= '<div class="v-info text-left"><div class="v-name font-bold">' . esc_html($lv_name) . '</div>';
+	$cards .= '<div class="v-iconbox mb10">';
+	$cards .= '<div class="v-name font-bold"><span class="v-icon">' . $lv_icon . '</span>' . esc_html($lv_name) . '</div>';
 	if ($lv_desc !== '') {
 		$cards .= '<div class="v-desc em09 muted-2-color">' . esc_html($lv_desc) . '</div>';
 	}
-	$cards .= '</div></div>';
+	$cards .= '</div>';
 	$cards .= $equity;
 	$cards .= '<a class="padding-lg but jb-vip' . $lv . ' radius pay-vip uc-vip-cta" href="javascript:;" vip-level="' . (int) $vip_attr . '">'
 		. '<span>' . esc_html($cta) . '</span>'