.vip-status-list__card::before,.vip-status-list__nav-button::before{inset:0;padding:1px;background:linear-gradient(180deg,rgba(212,199,196,.32) 0,rgba(212,199,196,.16) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);pointer-events:none;content:''}.vip-status-list__icon,.vip-status-list__reward-wrap{left:50%;transform:translateX(-50%);position:absolute}.vip-status-list__controls{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px}.vip-status-list__header-head{display:flex;align-items:center;gap:8px}.vip-status-list__header{font-weight:500;font-size:20px;line-height:1.2;letter-spacing:-.5%;color:#fff;margin:0}.vip-status-list__header-icon{width:24px;height:24px;display:block}.vip-status-list__mid{display:flex;align-items:center;row-gap:4px;column-gap:16px;flex-wrap:wrap}.vip-status-list__mid-wrap{display:flex;flex-direction:row;align-items:center;gap:8px}.vip-status-list__mid-label,.vip-status-list__mid-name{font-weight:500;font-size:16px;line-height:1.25em;color:#fff;white-space:nowrap}.vip-status-list__mid-status{display:flex;align-items:center;gap:6px}.vip-status-list__mid-icon{width:24px;height:24px;display:block;flex-shrink:0}.vip-status-list__mid-separator{width:1px;height:12px;background:rgba(255,255,255,.16);flex-shrink:0}.vip-status-list__nav{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.vip-status-list__nav-button{display:flex;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;background:linear-gradient(180deg,#4f4043 0,#5a494c 100%);border-radius:12px;cursor:pointer;transition:opacity .2s;position:relative;border:none}.vip-status-list__nav-button::before{position:absolute;border-radius:12px;-webkit-mask-composite:xor;mask-composite:exclude}.vip-status-list__nav-button:hover{opacity:.8}.vip-status-list__nav-button:active{opacity:.6}.vip-status-list__nav-icon{width:20px;height:20px;display:block}.vip-status-list__container{display:flex;gap:12px;overflow-x:auto;width:100%;padding-top:40px;margin-top:-40px;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.vip-status-list__container::-webkit-scrollbar{display:none}.vip-status-list{width:100%}.vip-status-list__item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:224px;flex-shrink:0;--vip-bg-inactive-start:rgba(69, 48, 33, 0.8);--vip-bg-inactive-end:rgba(48, 33, 23, 1);--vip-bg-active-start:rgba(157, 84, 6, 1);--vip-bg-active-end:rgba(118, 63, 4, 1);--vip-glow-color:rgba(155, 83, 6, 1)}.vip-status-list__item[data-status=new]{--vip-bg-inactive-start:rgba(51, 92, 70, 0.8);--vip-bg-inactive-end:rgba(29, 53, 40, 1);--vip-bg-active-start:rgba(67, 157, 108, 1);--vip-bg-active-end:rgba(37, 86, 59, 1);--vip-glow-color:rgba(67, 157, 108, 1)}.vip-status-list__item[data-status=bronze]{--vip-bg-inactive-start:rgba(69, 48, 33, 0.8);--vip-bg-inactive-end:rgba(48, 33, 23, 1);--vip-bg-active-start:rgba(157, 84, 6, 1);--vip-bg-active-end:rgba(118, 63, 4, 1);--vip-glow-color:rgba(155, 83, 6, 1)}.vip-status-list__item[data-status=silver]{--vip-bg-inactive-start:rgba(46, 44, 78, 0.8);--vip-bg-inactive-end:rgba(31, 29, 52, 1);--vip-bg-active-start:rgba(62, 62, 163, 1);--vip-bg-active-end:rgba(34, 34, 89, 1);--vip-glow-color:rgba(97, 97, 204, 1)}.vip-status-list__item[data-status=gold]{--vip-bg-inactive-start:rgba(84, 73, 59, 0.8);--vip-bg-inactive-end:rgba(48, 42, 33, 1);--vip-bg-active-start:rgba(175, 114, 9, 1);--vip-bg-active-end:rgba(177, 95, 6, 1);--vip-glow-color:rgba(173, 113, 7, 1)}.vip-status-list__item[data-status=platinum]{--vip-bg-inactive-start:rgba(61, 82, 77, 0.8);--vip-bg-inactive-end:rgba(35, 47, 44, 1);--vip-bg-active-start:rgba(62, 163, 134, 1);--vip-bg-active-end:rgba(34, 89, 73, 1);--vip-glow-color:rgba(61, 162, 133, 1)}.vip-status-list__item[data-status=diamond]{--vip-bg-inactive-start:rgba(70, 60, 82, 0.8);--vip-bg-inactive-end:rgba(40, 34, 47, 1);--vip-bg-active-start:rgba(104, 62, 163, 1);--vip-bg-active-end:rgba(57, 34, 89, 1);--vip-glow-color:rgba(103, 61, 160, 1)}.vip-status-list__item[data-status=star]{--vip-bg-inactive-start:rgba(90, 51, 91, 0.8);--vip-bg-inactive-end:rgba(51, 29, 52, 1);--vip-bg-active-start:rgba(146, 62, 163, 1);--vip-bg-active-end:rgba(80, 34, 89, 1);--vip-glow-color:rgba(144, 62, 161, 1)}.vip-status-list__item[data-status=silver-star]{--vip-bg-inactive-start:rgba(47, 50, 75, 0.8);--vip-bg-inactive-end:rgba(31, 34, 50, 1);--vip-bg-active-start:rgba(67, 82, 157, 1);--vip-bg-active-end:rgba(37, 45, 86, 1);--vip-glow-color:rgba(67, 82, 156, 1)}.vip-status-list__item[data-status=golden-star]{--vip-bg-inactive-start:rgba(69, 48, 33, 0.8);--vip-bg-inactive-end:rgba(59, 33, 22, 1);--vip-bg-active-start:rgba(175, 114, 9, 1);--vip-bg-active-end:rgba(139, 59, 24, 1);--vip-glow-color:rgba(174, 114, 11, 1)}.vip-status-list__item[data-status=epic-star]{--vip-bg-inactive-start:rgba(89, 33, 60, 0.8);--vip-bg-inactive-end:rgba(59, 22, 40, 1);--vip-bg-active-start:rgba(57, 5, 30, 1);--vip-bg-active-end:rgba(132, 11, 69, 1);--vip-glow-color:rgba(152, 55, 124, 1)}.vip-status-list__card{position:relative;width:100%;height:265px;border-radius:16px;border:1px solid transparent;overflow:visible;background:linear-gradient(84deg,rgba(21,19,21,0) 81%,rgba(21,19,21,.08) 99%),linear-gradient(-78deg,rgba(21,19,21,0) 80%,rgba(21,19,21,.08) 100%),linear-gradient(180deg,var(--vip-bg-inactive-start) 0,var(--vip-bg-inactive-end) 100%);background-clip:padding-box;transition:background .3s}.vip-status-list__card::before{position:absolute;border-radius:16px;-webkit-mask-composite:xor;mask-composite:exclude}.vip-status-list__title{font-weight:500;font-size:20px;line-height:1.2em;letter-spacing:-.5%;color:#fff;text-align:center;margin:20px auto 0;transition:font-size .3s,margin-top .3s}.vip-status-list__icon{top:64px;width:177px;height:115px;object-fit:cover;filter:drop-shadow(0px 4px 24px rgba(21, 19, 21, .24));transition:top .3s,width .3s,height .3s}.vip-status-list__reward-wrap{top:197px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.vip-status-list__reward-label{position:relative;font-weight:500;font-size:16px;line-height:1.25em;color:rgba(255,255,255,.64);text-align:center;z-index:1;transition:color .3s}.vip-status-list__reward-value{position:relative;font-weight:600;font-size:18px;line-height:1.33em;color:#f9b062;text-align:center;transition:color .3s}.vip-status-list__status{font-weight:500;font-size:14px;line-height:1.43em;color:rgba(255,255,255,.64);text-align:center;width:100%}.vip-status-list__decoration-bottom,.vip-status-list__decoration-time{bottom:70px;width:232px;height:51px;opacity:0;transition:opacity .3s;position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}.vip-status-list__decoration-bottom{z-index:0}.vip-status-list__decoration-time{z-index:1}.vip-status-list__item:hover .vip-status-list__card{background:linear-gradient(180deg,var(--vip-bg-active-start) 0,var(--vip-bg-active-end) 100%)}.vip-status-list__item:hover .vip-status-list__decoration-bottom,.vip-status-list__item:hover .vip-status-list__decoration-time{opacity:1}.vip-status-list__item:hover .vip-status-list__card::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:67px;height:67px;border-radius:50%;background:0 0;pointer-events:none}.vip-status-list__item:hover .vip-status-list__title{font-size:24px;margin-top:106px}.vip-status-list__item:hover .vip-status-list__icon{top:-24px;width:200px;height:130px}.vip-status-list__item:hover .vip-status-list__reward-label,.vip-status-list__item:hover .vip-status-list__reward-value{color:#fff}@media (max-width:960px){.vip-status-list__controls{flex-wrap:wrap}.vip-status-list__header-head{flex:1 1 auto;order:0}.vip-status-list__nav{flex:0 0 auto;order:1}.vip-status-list__mid{flex:1 1 100%;order:2;justify-content:flex-start}}.vip-status-list__container{overflow:hidden;position:relative}.vip-status-list__container .swiper-wrapper{display:flex;transition-property:transform}@media (max-width:600px){.vip-status-list__container{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vip-status-list__container::-webkit-scrollbar{display:none}.vip-status-list__container .swiper-wrapper{gap:8px;width:max-content}.vip-status-list__nav{display:none}}