.ranking-container[data-v-45b239b8]{display:flex;flex-direction:column;padding:4rem 4.5rem;background-image:url(/assets/static/rank-bg.BjZty04C.webp)}.header-area[data-v-45b239b8]{display:flex;justify-content:space-between;align-items:center}.ranking-text[data-v-45b239b8]{color:#e8edf3;font-family:ZhanKu,sans-serif;font-size:3.875rem;text-transform:uppercase;letter-spacing:2px}html[lang=zh] .ranking-text[data-v-45b239b8]{font-family:maoken,sans-serif}.filter-group-wrapper[data-v-45b239b8]{display:flex;align-items:center}.filter-group[data-v-45b239b8]{display:flex;gap:1.5rem}.filter-item[data-v-45b239b8]{width:13.625rem;height:2.625rem;border-radius:2rem;display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;color:#e8edf3;background-color:transparent;cursor:pointer;transition:all .3s ease;border:1px solid #444}.filter-item[data-v-45b239b8]:hover,.filter-item.active[data-v-45b239b8]{background-color:#373737;color:#fff}.main[data-v-45b239b8]{display:flex;align-items:center;justify-content:space-between;overflow:hidden}.left-area[data-v-45b239b8],.center-area[data-v-45b239b8],.right-area[data-v-45b239b8]{display:flex;flex-direction:column;justify-content:center}.left-area[data-v-45b239b8]{flex:1;overflow:hidden}.center-area[data-v-45b239b8]{flex:2;display:flex;align-items:center;justify-content:center;height:40rem}.desc[data-v-45b239b8]{color:#878787;font-size:1.2rem;text-transform:uppercase;line-height:1.6}html[lang=zh] .desc[data-v-45b239b8]{font-family:maoken,sans-serif}.view-btn[data-v-45b239b8]{margin-top:2rem;color:#fff;display:flex;align-items:center;gap:1rem;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:1px}.right-area[data-v-45b239b8]{flex:1;align-items:center;position:relative}