.game-card[data-v-548f4738]{width:327px;height:468px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;flex-wrap:nowrap;gap:0;flex-shrink:0;background-color:#01141899;border:1px solid rgba(14,80,80,.6);padding:24px;box-sizing:border-box;position:relative;transition:all .3s ease}.game-card[data-v-548f4738]:hover{box-shadow:0 0 18px 3px #4afff52e;border-color:#4afff54d}.game-card:hover .game-card_title[data-v-548f4738]{transform:translateY(-80px)}.game-card:hover .game-card_content[data-v-548f4738]{transform:translateY(-33px);opacity:1}.game-card:hover .hover-overlay[data-v-548f4738]{opacity:.3}.game-card_bg[data-v-548f4738]{width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px auto auto 12px;z-index:0;object-fit:cover}.game-card .hover-overlay[data-v-548f4738]{position:absolute;left:12px;bottom:12px;z-index:0;width:calc(100% - 24px);height:calc(100% - 24px);background-color:#000;opacity:0;transition:opacity .3s ease}.game-card[data-v-548f4738]:after{content:"";position:absolute;left:12px;bottom:12px;z-index:0;width:calc(100% - 24px);height:70%;background:linear-gradient(to top,#000000b3,#0000);pointer-events:none}.game-card_title[data-v-548f4738]{position:absolute;left:24px;bottom:24px;right:24px;z-index:2;font-family:MiSans;font-size:20px;font-weight:600;line-height:30px;color:#fff;transition:transform .3s ease}.game-card_content[data-v-548f4738]{position:absolute;left:24px;bottom:-10px;right:24px;z-index:2;font-family:MiSans;font-size:14px;font-weight:500;line-height:22px;color:#cdd1d4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .3s ease,transform .3s ease}.box[data-v-128f4b89]{width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center;position:relative;display:flex;flex-direction:column;padding:0 3.2%;box-sizing:border-box}.box_top[data-v-128f4b89]{width:100%;height:7%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0}.box_top .title[data-v-128f4b89]{font-family:MiSans;font-size:clamp(20px,1.4vw,32px);font-weight:800;line-height:auto;color:#fff}.box_top .close-btn[data-v-128f4b89]{width:3.5%;height:40%;transition:transform .2s ease}.box_top .close-btn img[data-v-128f4b89]{width:100%;height:100%}.box .media-resource[data-v-128f4b89]{width:100%;height:56%}.box .media-resource .show-media[data-v-128f4b89]{width:100%;height:78.2%;object-fit:cover;padding:1.4%;margin-top:3.4%}.box .media-resource .show-media_content[data-v-128f4b89]{width:100%;height:100%;object-fit:cover}.box .media-resource .show-media video.show-media_content[data-v-128f4b89]{background-color:#000}.box .media-resource .list-box[data-v-128f4b89]{width:100%;height:12%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;margin-top:3.5%;padding:0 10%;box-sizing:border-box;position:relative}.box .media-resource .list-box .arrow-icon[data-v-128f4b89]{width:4%;height:38%;cursor:pointer;transition:opacity .3s;position:absolute;z-index:5}.box .media-resource .list-box .arrow-icon.left[data-v-128f4b89]{left:3.08%}.box .media-resource .list-box .arrow-icon.right[data-v-128f4b89]{right:3.08%}.box .media-resource .list-box .arrow-icon.disabled[data-v-128f4b89]{opacity:.5;pointer-events:none}.box .media-resource .list-box .media-list[data-v-128f4b89]{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:normal;gap:3.55%;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.box .media-resource .list-box .media-list[data-v-128f4b89]::-webkit-scrollbar{display:none}.box .media-resource .list-box .media-list_item[data-v-128f4b89]{width:18.8%;height:100%;position:relative;overflow:hidden;flex-shrink:0;cursor:pointer;transition:all .3s;border:1px solid transparent}.box .media-resource .list-box .media-list_item.active[data-v-128f4b89]{border:1px solid #03F5F7}.box .media-resource .list-box .media-list_item-content[data-v-128f4b89]{width:100%;height:100%;object-fit:cover}.box .media-resource .list-box .media-list_item.video-thumbnail[data-v-128f4b89]{position:relative}.box .media-resource .list-box .media-list_item.video-thumbnail .video-preview[data-v-128f4b89]{position:relative;width:100%;height:100%}.box_bottom[data-v-128f4b89]{width:100%;height:auto;margin-top:5%}.box_bottom .synopsis[data-v-128f4b89]{font-family:MiSans;font-size:clamp(12px,1.2vw,24px);font-weight:700;line-height:auto;color:#fff}.box_bottom .introduce[data-v-128f4b89]{width:100%;height:auto;font-family:MiSans;font-size:clamp(11px,.9vw,14px);font-weight:500;line-height:auto;color:#cecece;margin-top:5%;padding-right:1.2%;overflow-y:auto;overflow-x:hidden;line-height:1.5;max-height:4.5em}@supports (-moz-appearance: none){.box_bottom .introduce[data-v-128f4b89]{scrollbar-width:thin;scrollbar-color:rgba(3,245,247,.75) rgba(3,245,247,.12)}}.box_bottom .introduce[data-v-128f4b89]::-webkit-scrollbar{width:4px}.box_bottom .introduce[data-v-128f4b89]::-webkit-scrollbar-track{background:linear-gradient(180deg,#03f5f70a,#03f5f729);border-radius:999px;box-shadow:inset 0 0 0 1px #03f5f71f}.box_bottom .introduce[data-v-128f4b89]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#03f5f7f2,#006d78f2);border-radius:999px;box-shadow:0 0 6px #03f5f773}.box_bottom .introduce[data-v-128f4b89]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#03f5f7,#00afc1)}.box_bottom .type-box[data-v-128f4b89]{width:100%;height:17%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:0;margin-top:3%}.box_bottom .type-box .info-item[data-v-128f4b89]{font-family:MiSans;font-size:clamp(11px,.8vw,14px);font-weight:500;line-height:auto;color:#cecece;padding-right:4.5%}.box_bottom .type-box .info-item>p[data-v-128f4b89]:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box_bottom .type-box .info-item_content[data-v-128f4b89]{font-family:MiSans;font-size:clamp(11px,.8vw,14px);font-weight:600;line-height:auto;color:#fff;margin-top:.4em}.box_bottom .type-box .separator[data-v-128f4b89]{width:1px;height:95%;background-color:#ffffff80;margin-right:4.5%}.box_bottom .awards[data-v-128f4b89]{width:100%;height:17%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:0;margin-top:3%}.box_bottom .awards .info-item[data-v-128f4b89]{font-family:MiSans;font-size:clamp(11px,.8vw,14px);font-weight:500;line-height:auto;color:#cecece}.box_bottom .awards .info-item>p[data-v-128f4b89]:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box_bottom .awards .info-item_content[data-v-128f4b89]{font-family:MiSans;font-size:clamp(11px,.8vw,14px);font-weight:600;line-height:auto;color:#fff;margin-top:.4em}.box[data-v-cc645a98]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.box .game-list[data-v-cc645a98]{width:100%;height:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}.box .game-list_item[data-v-cc645a98]{width:100%}.box .pagination[data-v-cc645a98]{width:100%;height:24px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;margin-top:80px}.box .pagination_left[data-v-cc645a98]{width:30px;height:16px;cursor:pointer}.box .pagination_left.disabled[data-v-cc645a98]{opacity:.5;cursor:not-allowed}.box .pagination .page-num[data-v-cc645a98]{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:normal;gap:24px;margin:0 41px}.box .pagination .page-num .page-item[data-v-cc645a98]{cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;height:24px}.box .pagination .page-num .page-item.current[data-v-cc645a98]{font-size:20px;font-family:Impact;font-weight:400;font-style:normal;color:#03f5f7;line-height:1;padding-top:5px;letter-spacing:1px}.box .pagination .page-num .page-item.circle[data-v-cc645a98]{width:12px;height:12px;border-radius:50%;border:1px solid #fff;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.box .pagination_right[data-v-cc645a98]{width:30px;height:16px;cursor:pointer}.box .pagination_right.disabled[data-v-cc645a98]{opacity:.5;cursor:not-allowed}.box[data-v-19d96f38]{width:433px;height:354px;background-size:100% 100%;background-repeat:no-repeat;background-position:center;position:relative;padding:24px;box-sizing:border-box;color:#fff}.box .content[data-v-19d96f38]{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:0;height:100%}.box .content .section[data-v-19d96f38]{margin-bottom:20px;width:100%}.box .content .section .title[data-v-19d96f38]{font-family:MiSans;font-size:20px;font-weight:600;line-height:30px;color:#fff;margin-bottom:15px}.box .content .section .options[data-v-19d96f38]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.box .content .section .options.non-grid-layout[data-v-19d96f38]{grid-template-columns:repeat(2,1fr);gap:45px}.box .content .section .options .option[data-v-19d96f38]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0;gap:8px;cursor:pointer}.box .content .section .options .option .checkbox-img[data-v-19d96f38]{width:20px;height:20px}.box .content .section .options .option label[data-v-19d96f38]{font-family:MiSans;font-size:16px;font-weight:500;line-height:24px;color:#8e8e8e;cursor:pointer;white-space:nowrap;max-width:90px}.box .content .section .options .option label.checked[data-v-19d96f38]{color:#fff}.box .content .buttons[data-v-19d96f38]{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;gap:20px;width:100%;margin-top:20px}.box .content .buttons .btn[data-v-19d96f38]{width:96px;height:40px;background-size:100% 100%;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;cursor:pointer}.box .content .buttons .btn .btn-text[data-v-19d96f38]{font-family:MiSans;font-size:16px;font-weight:500;line-height:24px;color:#c7fff8}.box .content .buttons .btn .btn-text-hover[data-v-19d96f38]{color:#fff}.page[data-v-c3f891b1]{width:100%;height:100%}.page .fade-enter-active[data-v-c3f891b1],.page .fade-leave-active[data-v-c3f891b1]{transition:opacity 1s ease}.page .fade-enter-from[data-v-c3f891b1],.page .fade-leave-to[data-v-c3f891b1]{opacity:0}.page .top-banner[data-v-c3f891b1]{width:100%;height:0;min-width:1380px;font-size:0;position:relative;z-index:3;overflow:hidden;padding-bottom:40.62%}.page .top-banner .banner[data-v-c3f891b1]{width:100%;height:100%;position:absolute;inset:0 auto auto 0;z-index:0;object-fit:cover;vertical-align:bottom;display:block;overflow:hidden;max-width:100%;max-height:100%}.page .top-banner .point-img[data-v-c3f891b1]{width:100%;height:9%;position:absolute;bottom:7.69%;right:7.81%;z-index:5;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;flex-wrap:normal;gap:16px}.page .top-banner .point-img_item[data-v-c3f891b1]{width:8.33%;height:100%;object-fit:cover;border:1px solid #8B8488}.page .top-banner .point-img_item_img[data-v-c3f891b1]{width:100%;height:100%}.page .top-banner .point-img_item .img-active[data-v-c3f891b1]{outline:2px solid #fff;outline-offset:0}.page .flex-com-v2[data-v-c3f891b1]{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;padding:0 14.06%;box-sizing:border-box;min-width:1380px;position:relative}.page .flex-com-v2 .img[data-v-c3f891b1]{width:245px;height:auto;position:absolute}.page .flex-com-v2 .game-img[data-v-c3f891b1]{position:absolute;inset:-56px auto auto 0;z-index:0}.page .flex-com-v2 .play-img[data-v-c3f891b1]{position:absolute;inset:644px 0 auto auto;z-index:1}.page .flex-com-v2 .content[data-v-c3f891b1]{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;min-width:1380px;position:relative;z-index:2;margin:60px auto}.page .flex-com-v2 .content .tab-title[data-v-c3f891b1]{width:100%;height:67px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;font-family:MiSans;font-size:28px;font-weight:600;line-height:42px;color:#808b8f;border-bottom:1px solid rgba(255,255,255,.1);position:relative;transition:background-color .1s cubic-bezier(.4,0,.2,1),border-bottom-color .1s cubic-bezier(.4,0,.2,1),box-shadow .1s cubic-bezier(.4,0,.2,1)}.page .flex-com-v2 .content .tab-title.floating[data-v-c3f891b1]{position:fixed;top:100px;left:0;right:0;z-index:1000;background-color:#000;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 2px 10px #0000004d;padding:0 14.06%;min-width:930px;box-sizing:border-box}.page .flex-com-v2 .content .tab-title_box[data-v-c3f891b1]{width:auto;height:67px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:normal;gap:64px;font-family:MiSans;font-size:28px;font-weight:600;line-height:42px;color:#808b8f;margin-left:5px}.page .flex-com-v2 .content .tab-title_box .item[data-v-c3f891b1]{width:auto;height:67px;line-height:67px;position:relative}.page .flex-com-v2 .content .tab-title_box .item.active[data-v-c3f891b1]{background:linear-gradient(180deg,#fff,#ceffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.page .flex-com-v2 .content .tab-title_box .item .tab-underline[data-v-c3f891b1]{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:110%;height:57px;object-fit:fill}.page .flex-com-v2 .content .tab-title_filtrate[data-v-c3f891b1]{width:120px;height:40px;background-size:100% 100%;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:normal;gap:4px;cursor:pointer}.page .flex-com-v2 .content .tab-title_filtrate .filter-icon[data-v-c3f891b1]{width:16px;height:16px}.page .flex-com-v2 .content .tab-title_filtrate .filter-text[data-v-c3f891b1]{font-family:MiSans;font-size:16px;font-weight:500;line-height:24px;color:#c7fff8}.page .flex-com-v2 .content .tab-title_filtrate .filter-text-hover[data-v-c3f891b1]{color:#fff}.page .flex-com-v2 .content .tab-title .filter-form-container[data-v-c3f891b1]{position:absolute;top:100%;right:0;width:433px;height:494px;z-index:10}.page .filter-fade-enter-active[data-v-c3f891b1],.page .filter-fade-leave-active[data-v-c3f891b1]{transition:opacity .5s ease,transform .5s ease}.page .filter-fade-enter-from[data-v-c3f891b1],.page .filter-fade-leave-to[data-v-c3f891b1]{opacity:0;transform:translateY(-20px)}.page .detail-overlay[data-v-c3f891b1]{width:100%;height:100%;position:fixed;inset:0 auto auto 0;z-index:1000;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:nowrap;gap:0;background-color:#000000b3;overflow-y:auto}.page .detail-overlay .detail-container[data-v-c3f891b1]{width:40.63%;height:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:normal;gap:1001;position:relative;min-width:520px;margin:3% 0}.page .detail-overlay .detail-container .detail-bg[data-v-c3f891b1]{width:100%;height:auto;display:block}.page .detail-overlay .detail-container .detail-content[data-v-c3f891b1]{position:absolute;inset:0 auto auto 0;z-index:1002;width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}