.top-left-box[data-v-27260647]{position:relative;width:280px;border-radius:10px}.top-left-box__content[data-v-27260647]{position:absolute;top:40px;bottom:0;box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-radius:8px;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:17px 5px 22px}.top-left-box__content-item[data-v-27260647]{box-sizing:border-box;height:82px;display:flex;cursor:pointer;justify-content:center;border-radius:8px;padding-left:10px;padding-right:10px}.top-left-box__content-item[data-v-27260647]:hover{--un-bg-opacity:.5;background-color:rgb(246 246 246 / var(--un-bg-opacity))}.top-left-box__content-item .inner-box[data-v-27260647]{display:flex;flex-direction:column}.top-left-box__content-item .inner-box .title[data-v-27260647]{color:#333;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.top-left-box__content-item .inner-box .tips[data-v-27260647]{color:#999;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.select-game-mask[data-v-27260647]{position:absolute;right:-630px;top:0;z-index:999;width:620px;height:340px;display:flex;flex-direction:column;cursor:pointer;overflow:hidden;border-radius:6px;padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#0000008c,#000000a6 66.44%,#000c)}.select-game-mask .loading-spinner[data-v-27260647]{width:14px;height:14px;border-width:2px;border-color:transparent;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgb(0 164 255 / var(--un-border-top-opacity));--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:rgb(0 164 255 / var(--un-border-right-opacity));border-radius:9999px;animation:spin-27260647 .8s linear infinite}@keyframes spin-27260647{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.select-game-mask .letter-item[data-v-27260647]{position:relative;cursor:pointer;overflow:hidden}.select-game-mask .letter-item.letter-active[data-v-27260647]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;border-radius:1px;--un-bg-opacity:1;background-color:rgb(0 164 255 / var(--un-bg-opacity));animation:slideIn-27260647 .3s ease-in-out}.select-game-mask .game-grid[data-v-27260647]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:15px;column-gap:15px;row-gap:20px}.select-game-mask .game-grid .game-item[data-v-27260647]{display:flex;flex-direction:column;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.select-game-mask .game-grid .game-item[data-v-27260647]:hover{--un-scale-x:1.1;--un-scale-y:1.1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.select-game-mask .game-grid .game-item .game-icon[data-v-27260647]{margin-bottom:6px;width:60px;height:60px;overflow:hidden;border-width:2px;border-color:transparent;border-radius:9999px}.select-game-mask .game-grid .game-item .game-icon[data-v-27260647]:hover{--un-border-opacity:1;border-color:rgb(0 164 255 / var(--un-border-opacity))}.select-game-mask .game-grid .game-item .game-icon img[data-v-27260647]{width:100%;height:100%;object-fit:cover}.select-game-mask .game-grid .game-item .game-name[data-v-27260647]{margin-top:4px;font-size:12px;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}@keyframes slideIn-27260647{0%{width:0}to{width:100%}}.slide-fade-enter-active[data-v-27260647],.slide-fade-leave-active[data-v-27260647]{transition:all .3s ease}.slide-fade-enter-from[data-v-27260647],.slide-fade-leave-to[data-v-27260647]{opacity:0;transform:translate(-30px)}