.game-select-popup[data-v-bd453fa1]{height:100%;display:flex;flex-direction:column;padding:10px 24px;max-width:940px;width:940px}.game-select-popup__tabs[data-v-bd453fa1]{margin-bottom:16px;display:flex;align-items:center}.game-select-popup__tabs .tab-item[data-v-bd453fa1]{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;--un-text-opacity:1;color:rgb(102 102 102 / var(--un-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.game-select-popup__tabs .tab-item.active[data-v-bd453fa1]{font-size:14px;--un-text-opacity:1;color:rgb(0 164 255 / var(--un-text-opacity))}.game-select-popup__tabs .tab-item[data-v-bd453fa1]:not(:last-child):after{content:"|";margin-left:8px;margin-right:8px;display:inline-block;--un-text-opacity:1;color:rgb(229 229 229 / var(--un-text-opacity))}.game-select-popup__letter-filter[data-v-bd453fa1]{margin-bottom:12px;border-radius:6px;--un-bg-opacity:1;background-color:rgb(245 246 250 / var(--un-bg-opacity));padding:8px 10px}.game-select-popup__letter-filter .letter-list[data-v-bd453fa1]{display:flex;flex-wrap:wrap;column-gap:8px;row-gap:6px}.game-select-popup__letter-filter .letter-list .letter-item[data-v-bd453fa1]{cursor:pointer;border-radius:4px;padding:3px 5px;font-size:12px;--un-text-opacity:1;color:rgb(102 102 102 / var(--un-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.game-select-popup__letter-filter .letter-list .letter-item[data-v-bd453fa1]:hover{--un-bg-opacity:1;background-color:rgb(232 243 255 / var(--un-bg-opacity));color:var(--c-color-primary)}.game-select-popup__letter-filter .letter-list .letter-item.active[data-v-bd453fa1]{background-color:var(--c-color-primary);--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.game-select-popup__search[data-v-bd453fa1]{margin-bottom:12px}.game-select-popup__list[data-v-bd453fa1]{max-height:360px;flex:1 1 0%;overflow-y:auto}.game-select-popup__list .game-grid[data-v-bd453fa1]{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));column-gap:12px;row-gap:16px}.game-select-popup__list .game-grid .game-item[data-v-bd453fa1]{cursor:pointer;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.game-select-popup__loading[data-v-bd453fa1]{display:flex;justify-content:center;padding-top:12px;padding-bottom:12px}.game-select-popup__loading .loading-indicator[data-v-bd453fa1]{font-size:12px;color:var(--c-color-primary)}.game-select-popup__loading .no-data[data-v-bd453fa1],.game-select-popup__loading .no-more[data-v-bd453fa1]{font-size:12px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity))}.search-container-box[data-v-cd893c38]{--td-bg-color-specialcomponent:transparent;position:relative;box-sizing:border-box;width:100%;height:100%;height:40px;display:flex;border-width:2px;--un-border-opacity:1;border-color:rgb(0 0 0 / var(--un-border-opacity));border-radius:8px;border-style:solid;--un-bg-opacity:.8;background-color:hsla(0,0%,100%,var(--un-bg-opacity));padding:10px 100px 10px 15px;--td-comp-margin-s:15px}.search-container-box .game-select-trigger[data-v-cd893c38]{position:relative}.search-container-box__left[data-v-cd893c38]{box-sizing:border-box;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px}.search-container-box__left .select-game-text[data-v-cd893c38]{color:var(--c-text-title);font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.search-container-box__left>svg[data-v-cd893c38]{fill:var(--c-text-placeholder)}.search-container-box__left:hover .select-game-text[data-v-cd893c38]{color:var(--c-text-link)}.search-container-box__left:hover>svg[data-v-cd893c38]{fill:var(--c-text-link)}.search-container-box__right[data-v-cd893c38]{position:relative;margin-left:17px;display:flex;flex:1 1 0%;align-items:center;--td-brand-color:transparent;--td-brand-color-focus:transparent;--td-brand-color-hover:transparent;--td-component-border:transparent;--td-bg-color-container-hover:transparent}.search-container-box__right[data-v-cd893c38] .t-input__inner:-moz-placeholder{color:var(--c-text-input-placeholder);font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.search-container-box__right[data-v-cd893c38] .t-input__inner:placeholder-shown{color:var(--c-text-input-placeholder);font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.search-container-box .search-btn[data-v-cd893c38]{position:absolute;right:4px;top:4px;bottom:4px;z-index:1;width:80px;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:4px;--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity));color:#fff;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.home-top-nav[data-v-4b4069fc]{background:linear-gradient(180deg,#fff9,#fff);border:1px solid #fff;border-radius:8px;box-sizing:border-box;display:flex;height:44px;justify-content:space-between;margin:0 auto;width:100%}.header-content .header-content-main .search-container .hot-search-container .hot-search-item[data-v-d945012b],.text-style[data-v-d945012b]{color:var(--c-text-placeholder);font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.header-content[data-v-d945012b]{box-sizing:border-box;height:113px;display:flex;flex-direction:column;justify-content:space-between;padding-top:20px;padding-bottom:12px}.header-content .header-content-main[data-v-d945012b]{display:flex;align-items:center}.header-content .header-content-main .search-container[data-v-d945012b]{margin-left:40px;width:750px;display:flex;flex-direction:column}.header-content .header-content-main .search-container .hot-search-container[data-v-d945012b]{margin-top:11px;display:flex;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-height:24px}.header-content .header-content-main .search-container .hot-search-container .hot-search-item[data-v-d945012b]{display:flex;flex-shrink:0;cursor:pointer;align-items:center}.header-content .header-content-main .search-container .hot-search-container .hot-search-item[data-v-d945012b]:hover{color:var(--c-text-link)}.header-content .header-content-main .search-container .hot-search-container .hot-search-item:hover>span[data-v-d945012b]{color:var(--c-text-link)}.header-content .header-content-main .search-container .hot-search-container-placeholder[data-v-d945012b]{margin-top:11px;min-height:24px}.header-content .bottom-container[data-v-d945012b]{width:100%;display:flex;align-items:center;column-gap:85px}.header-content .bottom-container-item[data-v-d945012b]{color:#000;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:500;line-height:normal;cursor:pointer}.header-content .bottom-container-item[data-v-d945012b]:hover{color:var(--c-text-link)}