.menu-rank[data-v-22bd358a]{align-items:center;background:linear-gradient(85.84deg,#900002,#d82128 51.89%,#641111) padding-box,linear-gradient(87.14deg,#ff9696 2.38%,#ffd5d5 28.05%,#ffa2a4 69.36%,#ffe2e2 80.9%,#ffb0b0 95.09%) border-box;border:1px solid transparent;border-radius:12px;cursor:pointer;display:flex;gap:12px;height:76px;overflow:hidden;padding:12px;position:relative}.menu-rank .logo[data-v-22bd358a]{height:48px;width:48px}.menu-rank .logo img[data-v-22bd358a]{height:100%;width:100%}.menu-rank .info[data-v-22bd358a]{color:#fff}.menu-rank .info p[data-v-22bd358a]{font-size:12px;font-weight:400;line-height:16px}.menu-rank .info .level[data-v-22bd358a]{font-size:14px;font-weight:700;line-height:20px}.menu-rank .info .point[data-v-22bd358a]{align-items:center;color:#fbc16c;display:flex;font-size:12px;font-weight:700;gap:4px;line-height:16px}.menu-rank .info .point img[data-v-22bd358a]{height:16px;width:16px}@media (min-width:1024px){.menu-rank[data-v-22bd358a]:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:100%;position:absolute;top:0;transform:translate(100);transition:transform .5s ease-in-out;width:100%}.menu-rank[data-v-22bd358a]:hover:after{transform:translate(-200%)}}.mobile .menu-rank[data-v-22bd358a]{align-items:center;border-radius:3.2vw;display:flex;gap:3.2vw;height:20.2666666667vw;padding:14px 12px}.mobile .menu-rank .logo[data-v-22bd358a]{height:12.8vw;width:12.8vw}.mobile .menu-rank .info p[data-v-22bd358a]{font-size:3.2vw;font-weight:400;line-height:4.2666666667vw}.mobile .menu-rank .info .level[data-v-22bd358a]{font-size:3.7333333333vw;font-weight:700;line-height:5.3333333333vw}.mobile .menu-rank .info .point[data-v-22bd358a]{align-items:center;color:#fbc16c;display:flex;font-size:3.2vw;font-weight:700;gap:1.0666666667vw;line-height:4.2666666667vw}.mobile .menu-rank .info .point img[data-v-22bd358a]{height:4.2666666667vw;width:4.2666666667vw}