fix(vip): align modal level icon and name

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

assets/css/frontend/vip-modal.css

@@ -159,7 +159,17 @@
   }
 }
 
-.pay-vip-info {
+.aksrt-vip-level-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.aksrt-vip-level-header .aksrt-vip-level-icon {
+  flex: 0 0 auto;
+}
+
   padding: 12px;
   border-radius: 10px;
   background: var(--surface-2, rgba(0, 0, 0, 0.04));

assets/js/pay-vip.js

@@ -297,15 +297,17 @@
       var row = node("div", "pay-vip-form-row");
       var info = node("div", "pay-vip-info level-" + level);
       var levelInfo = levels[String(level)] || {};
+      var levelHeader = node("div", "aksrt-vip-level-header");
       if (levelInfo.img_icon) {
         var levelIcon = node("img", "aksrt-vip-level-icon");
         levelIcon.src = text(levelInfo.img_icon);
         levelIcon.alt = "";
         levelIcon.loading = "lazy";
         levelIcon.decoding = "async";
-        append(info, levelIcon);
+        append(levelHeader, levelIcon);
       }
-      append(info, node("div", "v-name font-bold", group.name || levelInfo.name || "VIP" + level));
+      append(levelHeader, node("div", "v-name font-bold", group.name || levelInfo.name || "VIP" + level));
+      append(info, levelHeader);
       if (levelInfo.desc) append(info, node("div", "muted-2-color em09 mb6", levelInfo.desc));
       renderEquity(info, levelInfo.equity);
       append(row, info);