重构购买卡头部标记

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;