fix(vip): render membership icons without wrappers

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

assets/css/frontend/credits.css

@@ -352,12 +352,12 @@
 .aksrt-vip-badge {
 	display: inline-flex;
 	align-items: center;
-	gap: 4px;
-	padding: 2px 8px;
-	border-radius: 4px;
-	font: 600 11px/1 var(--font-ui);
-	background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
-	color: #fff;
+	justify-content: center;
+	padding: 0;
+	border-radius: 0;
+	font: inherit;
+	background: transparent;
+	color: inherit;
 	vertical-align: middle;
 }
 
@@ -371,10 +371,10 @@
 
 .aksrt-vip-badge__icon {
 	display: inline-block;
-	width: 1.1em;
-	height: 1.1em;
+	width: 1.35em;
+	height: 1.35em;
 	object-fit: contain;
-	vertical-align: -.15em;
+	vertical-align: middle;
 }
 
 .aksrt-vip-badge i {

assets/css/frontend/vip-modal.css

@@ -160,9 +160,9 @@
 }
 
 .pay-vip-info {
-  padding: 12px;
-  border-radius: 10px;
-  background: var(--surface-2, rgba(0, 0, 0, 0.04));
+  padding: 0;
+  border-radius: 0;
+  background: transparent;
 }
 
 .pay-vip-info.level-1 {
@@ -219,10 +219,10 @@
 .vip-product {
   position: relative;
   padding: 12px 8px;
-  border-radius: 10px;
-  border: 1px solid rgba(0, 0, 0, 0.08);
-  background: var(--main-bg-color, #fff);
-  transition: border-color 0.15s, box-shadow 0.15s;
+  border-radius: 0;
+  border: 0;
+  background: transparent;
+  transition: none;
 }
 
 .aksrt-vip-product-label input:checked + .vip-product {