fix(vip): render membership icons without wrappers

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
2026-08-11 18:02:34 +08:00
co-authored by Claude Fable 5
parent 18da39788f
commit fbbc8faf3d
6 changed files with 45 additions and 40 deletions
+21 -13
View File
@@ -1211,7 +1211,11 @@ body.uc-modal-open {
/* Defensive: modal stylesheet also styles .pay-vip-info; keep UC cards independent */
.uc-vip-tab .uc-vip-level-card.pay-vip-info {
display: block;
background: var(--main-bg-color, var(--surface-1, #fff));
background: transparent;
border: 0;
box-shadow: none;
border-radius: 0;
padding: 0;
}
.uc-vip-level-card.level-1 {
background: linear-gradient(180deg, rgba(246, 196, 83, 0.16), rgba(255, 255, 255, 0.02)) !important;
@@ -1220,18 +1224,22 @@ body.uc-modal-open {
background: linear-gradient(180deg, rgba(142, 68, 173, 0.12), rgba(255, 255, 255, 0.02)) !important;
}
.uc-vip-level-card .vip-baicon {
position: absolute !important;
left: auto !important;
right: 8px !important;
top: 6px !important;
bottom: auto !important;
width: auto !important;
transform: none !important;
opacity: 0.08;
font-size: 64px;
line-height: 1;
pointer-events: none;
z-index: 0;
display: none;
}
.uc-vip-level-card .v-iconbox {
justify-content: flex-start;
gap: 0;
}
.uc-vip-level-card .v-icon {
display: inline-flex;
width: auto;
height: auto;
border-radius: 0;
background: transparent !important;
color: inherit;
}
.uc-vip-level-card .v-info {
display: none;
}
.uc-vip-level-card__inner {
position: relative;
+7 -7
View File
@@ -24,9 +24,9 @@
padding-inline-end: 84px;
overflow: hidden;
box-sizing: border-box;
border-radius: var(--radius, 8px);
background: #fff;
box-shadow: var(--shadow-sm);
border-radius: 0;
background: transparent;
box-shadow: none;
color: var(--color-ink-2);
}
@@ -112,11 +112,11 @@
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
width: auto;
height: auto;
flex: 0 0 auto;
border-radius: 50%;
background: var(--vip-card-soft);
border-radius: 0;
background: transparent;
color: var(--vip-card-accent);
font-size: 15px;
}