.toastBox[data-v-5a1de777]{position:fixed;left:50%;bottom:10vh;transform:translateX(-50%);background-color:#000;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.3);max-width:80vw;text-align:center}.toastFade-enter-active[data-v-5a1de777],.toastFade-leave-active[data-v-5a1de777]{transition:all .3s ease}.toastFade-enter[data-v-5a1de777],.toastFade-leave-to[data-v-5a1de777]{opacity:0;transform:translateX(-50%) translateY(20px)}.customLoading[data-v-5a1de777]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.loadingBox[data-v-5a1de777]{width:120px;height:120px;background-color:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center}.loadingSpinner[data-v-5a1de777]{width:60px;height:60px;position:relative}.spinnerBlock[data-v-5a1de777]{width:14px;height:14px;background-color:#cfd8dc;position:absolute;border-radius:2px}.centerBlock[data-v-5a1de777]{top:23px;left:23px;background-color:#cfd8dc}.outerBlock[data-v-5a1de777]{animation:outerRotate-5a1de777 1s linear infinite}.o1[data-v-5a1de777]{top:0;left:0;animation-delay:0s}.o2[data-v-5a1de777]{top:0;left:23px;animation-delay:.125s}.o3[data-v-5a1de777]{top:0;left:46px;animation-delay:.25s}.o4[data-v-5a1de777]{top:23px;left:46px;animation-delay:.375s}.o5[data-v-5a1de777]{top:46px;left:46px;animation-delay:.5s}.o6[data-v-5a1de777]{top:46px;left:23px;animation-delay:.625s}.o7[data-v-5a1de777]{top:46px;left:0;animation-delay:.75s}.o8[data-v-5a1de777]{top:23px;left:0;animation-delay:.875s}@keyframes outerRotate-5a1de777{0%{background-color:#409eff;opacity:1}to{background-color:#cfd8dc;opacity:1}}.progressBar[data-v-5a1de777]{width:100%;padding:10px 0;background-color:#eeeff3;position:sticky;top:0;z-index:100}.progressBar[data-v-5a1de777] .el-progress{width:100%}.progressBar[data-v-5a1de777] .el-progress-bar__inner{background:linear-gradient(90deg,#67c23a,#e6a23c)!important}.backTopBtn[data-v-5a1de777]{position:fixed;right:40px;bottom:70px;width:60px;height:60px;border-radius:50%;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000}.backTopBtn[data-v-5a1de777]:active{transform:scale(.92)}.fade-enter-active[data-v-5a1de777],.fade-leave-active[data-v-5a1de777]{transition:opacity .25s ease}.fade-enter[data-v-5a1de777],.fade-leave-to[data-v-5a1de777]{opacity:0}.progressBar[data-v-5a1de777]{display:none}[data-v-5a1de777] .el-button{border:none}[data-v-5a1de777] .el-button:focus{outline:none;box-shadow:none}[data-v-5a1de777] .el-button .el-icon-search{font-weight:700;font-size:16px}[data-v-5a1de777] .leftView .el-button{font-size:16px;font-weight:700;padding:10px 16px}[data-v-5a1de777] .leftView .el-button i{font-size:16px}.responsive-container[data-v-5a1de777]{display:flex;align-items:center}.responsive-img[data-v-5a1de777]{border-radius:5px;-o-object-fit:cover;object-fit:cover;margin-right:10px}@media (max-width:768px){.responsive-img[data-v-5a1de777]{width:80px;height:80px}}@media (min-width:769px) and (max-width:1024px){.responsive-img[data-v-5a1de777]{width:100px;height:100px}}@media (min-width:1025px){.responsive-img[data-v-5a1de777]{width:120px;height:120px}}.topView[data-v-5a1de777]{position:fixed;top:0;left:0;right:0;z-index:200;background-color:#eeeff3;justify-content:space-between;padding:10px 10px}.topView .leftView[data-v-5a1de777],.topView .rightView[data-v-5a1de777],.topView[data-v-5a1de777]{display:flex;align-items:center}.topView .rightView .el-button[data-v-5a1de777]{padding:10px 16px}.searchView[data-v-5a1de777]{position:fixed;top:0;left:0;right:0;z-index:200;background-color:#eeeff3;display:flex;padding:10px 0}.searchView .searchBox[data-v-5a1de777]{width:95%;margin:0 auto;display:flex;align-items:center;background-color:#fff;border-radius:20px;padding:8px 15px}.searchView .searchBox .searchIcon[data-v-5a1de777]{color:#999;font-size:18px;margin-right:10px}.searchView .searchBox .searchInput[data-v-5a1de777]{flex:1;border:none;outline:none;font-size:16px;font-weight:700;background:transparent}.searchView .searchBox .searchInput[data-v-5a1de777]::-moz-placeholder{color:#999}.searchView .searchBox .searchInput[data-v-5a1de777]::placeholder{color:#999}.searchView .searchBox .closeIcon[data-v-5a1de777]{color:#999;font-size:16px;cursor:pointer}.searchView .searchBox .closeIcon[data-v-5a1de777]:hover{color:#666}.backgrouddiv[data-v-5a1de777]{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background-color:#eeeff3;overflow:hidden;z-index:1}.backgrouddiv .scrollWrap[data-v-5a1de777]{width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.backgrouddiv .pullRefreshTip[data-v-5a1de777]{width:100%;text-align:center;color:#888;font-size:14px;pointer-events:none;transition:height .2s ease,line-height .2s ease;overflow:hidden}.backgrouddiv .loadMoreTip[data-v-5a1de777]{padding:16px 0 32px;text-align:center;color:#888;font-size:14px}.backgrouddiv .content[data-v-5a1de777]{width:95%;margin:0 auto!important;padding-top:80px;padding-bottom:20px;display:flex;flex-direction:column;gap:10px}.backgrouddiv .content .gameItem[data-v-5a1de777]{margin-bottom:0}.backgrouddiv .content .Cards[data-v-5a1de777]{background-color:#fff;border-radius:12px;padding:10px 12px}.backgrouddiv .content .topNameView[data-v-5a1de777]{display:flex;justify-content:space-between;align-items:center}.backgrouddiv .content .gameCard[data-v-5a1de777]{background-color:#fff;border-radius:12px;display:flex;align-items:center;gap:12px}.backgrouddiv .content .favoriteIconWrap[data-v-5a1de777]{flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.backgrouddiv .content .favoriteIconWrap[data-v-5a1de777]:active{background:transparent}.backgrouddiv .content .favoriteIcon[data-v-5a1de777]{width:20px;height:20px;transition:transform .2s ease}.backgrouddiv .content .favoriteIcon[data-v-5a1de777]:hover{transform:scale(1.1)}.backgrouddiv .content .gameImgWrap[data-v-5a1de777]{position:relative;flex-shrink:0}.backgrouddiv .content .gameImg[data-v-5a1de777]{width:80px;height:80px;border-radius:12px;-o-object-fit:cover;object-fit:cover}.backgrouddiv .content .onlineCount[data-v-5a1de777]{color:hsla(0,0%,70.6%,.65);font-size:11px;padding:3px 8px;border-radius:12px}.backgrouddiv .content .gameInfo[data-v-5a1de777]{flex:1;display:flex;flex-direction:column;gap:6px}.backgrouddiv .content .gameName[data-v-5a1de777]{font-size:14px;font-weight:600;color:#222}.backgrouddiv .content .gameTags[data-v-5a1de777]{display:flex;flex-direction:column;gap:4px}.backgrouddiv .content .tag[data-v-5a1de777]{font-size:13px;color:#000;font-weight:700;border-radius:6px}.backgrouddiv .content .defaultTag[data-v-5a1de777]{color:#999;font-size:10px;border-radius:6px}.backgrouddiv .content .gameMeta .leftitem[data-v-5a1de777],.backgrouddiv .content .gameMeta[data-v-5a1de777]{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.backgrouddiv .content .gameMeta .leftitem .letmetaItem[data-v-5a1de777]{font-size:10px;color:#999;font-weight:700}.backgrouddiv .content .gameMeta .leftitem .line[data-v-5a1de777]{width:1px;margin-left:10px;height:20px;background-color:#999}.backgrouddiv .content .gameMeta .leftitem .centermetaItem[data-v-5a1de777]{margin-left:10px;font-size:10px;color:#999}.backgrouddiv .content .gameMeta .rightmetaItem .gameBtn[data-v-5a1de777]{flex-shrink:0;background-color:#dbeafe;color:#3b82f6;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer}.backgrouddiv .content .gameMeta .rightmetaItem .gameBtn[data-v-5a1de777]:hover{opacity:.9}.backgrouddiv .content .metaItem[data-v-5a1de777]{font-size:12px;color:#999}@media (min-width:768px){.backgrouddiv .content[data-v-5a1de777]{flex-direction:row;flex-wrap:wrap}.backgrouddiv .content .gameItem[data-v-5a1de777]{width:calc(50% - 5px)}}.searchSlide-enter-active[data-v-5a1de777],.searchSlide-leave-active[data-v-5a1de777]{transition:all .3s cubic-bezier(.4,0,.2,1)}.searchSlide-enter-from[data-v-5a1de777],.searchSlide-leave-to[data-v-5a1de777]{opacity:0;transform:scale(.9)}