.vip-level-art{grid-template-columns:repeat(2,minmax(0,1fr))}
.vip-perks{display:grid;gap:9px;margin:18px 0;padding:0;list-style:none}
.vip-perks li{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid #eee6f4;border-radius:13px;background:#fffafd;color:#7140a0}
.vip-perks li>span:first-child{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#f4e9ff;font-size:17px}
.vip-perks li>span:last-child{display:grid;gap:3px}.vip-perks b{font-size:12px;color:#483457}.vip-perks small{font-size:10px;line-height:1.45;color:#85758e}
.vip-perks .vip-perk-premium{border-color:#f1d99c;background:linear-gradient(110deg,#fffaf0,#fff)}.vip-perk-premium>span:first-child{background:#fff0c9;color:#b47b14}
.vip-center .btn.premium{background:linear-gradient(115deg,#d9a83b,#f3d77e);color:#543b0f;border:1px solid #e7c46a}.vip-center .btn.premium.is-selected{box-shadow:0 0 0 2px #d2a33855}
.avatar.vip-frame-lavender{outline:3px solid #8750c3;outline-offset:3px;box-shadow:0 0 0 6px #eee4f8}.avatar.vip-frame-lavender::after{display:none}
.avatar.vip-frame-gold{position:relative;z-index:0;outline:0;box-shadow:none}.avatar.vip-frame-gold::after{content:"";position:absolute;z-index:1;inset:-13%;background:url('/assets/pingora-import/vip/res/drawable-xxhdpi-v4/icon_rank_frame.webp') center/contain no-repeat;pointer-events:none}
.avatar.vip-level-2::before{content:"V2";position:absolute;z-index:2;top:-4px;right:-7px;display:grid;place-items:center;min-width:16px;height:13px;padding:0 2px;border:1px solid #fff;border-radius:6px;background:linear-gradient(135deg,#d49b2f,#f6db84);color:#593b06;font:800 7px/1 Inter,'Segoe UI',sans-serif;box-shadow:0 1px 4px #704b1a55;pointer-events:none}
.room-arrival--vip-2{border-color:#e9c66d;box-shadow:0 0 0 2px #f2d88955,0 10px 30px #73562a22}.room-arrival--vip-2>b{color:#a97717}
@media(max-width:380px){.vip-level-art{gap:7px}.vip-perks li{padding:9px}.vip-actions .btn{flex:1 1 100%}}
.avatar[class*="vip-level-"]::before{content:"V" attr(data-vip-level);background:linear-gradient(135deg,hsl(calc(var(--vip-level,1)*23) 64% 43%),hsl(calc(var(--vip-level,1)*23) 84% 74%));color:#fff}
.vip-level-art{grid-template-columns:repeat(3,minmax(0,1fr));max-height:42dvh;overflow:auto;padding:2px;scrollbar-width:thin}.vip-level-art__card{aspect-ratio:1.28;background:linear-gradient(145deg,hsl(calc(var(--tier,1)*23) 78% 92%),hsl(calc(var(--tier,1)*23) 67% 79%));border:1px solid hsl(calc(var(--tier,1)*23) 48% 75%)}.vip-level-art__card--1{--tier:1}.vip-level-art__card--2{--tier:2}.vip-level-art__card--3{--tier:3}.vip-level-art__card--4{--tier:4}.vip-level-art__card--5{--tier:5}.vip-level-art__card--6{--tier:6}.vip-level-art__card--7{--tier:7}.vip-level-art__card--8{--tier:8}.vip-level-art__card--9{--tier:9}.vip-level-art__card--10{--tier:10}.vip-level-art__card--11{--tier:11}.vip-level-art__card--12{--tier:12}.vip-level-art__card--13{--tier:13}.vip-level-art__card--14{--tier:14}.vip-level-art__card--15{--tier:15}.vip-level-art__card.is-current{outline:3px solid #7437b9;outline-offset:1px}.vip-level-art__card span{inset:8px 7px auto;color:#fff;font-size:12px;text-shadow:0 1px 5px #291632}.vip-level-art__card small{position:absolute;inset:auto 7px 7px;color:#fff;font-size:9px;line-height:1.2;text-shadow:0 1px 5px #291632;z-index:1}.avatar[class*="vip-level-"]{--vip-level-active:1}.room-arrival[class*="room-arrival--vip-"]{border-color:hsl(calc(var(--vip-level,1)*23) 76% 70%);box-shadow:0 0 0 2px hsl(calc(var(--vip-level,1)*23) 76% 70% / .35),0 10px 30px #73562a22}.room-layout[class*="room-entering-vip-"] .room-banner{animation:room-vip-arrival-3 1.8s ease-out both}.room-arrival[class*="room-arrival--vip-"]>b{color:hsl(calc(var(--vip-level,1)*23) 76% 52%)}