.banner_container[data-v-54bf9606]{position:relative;cursor:pointer}.banner_img_wrapper[data-v-54bf9606]{position:relative;width:100%;height:272px;overflow:hidden}.banner_img_wrapper .banner_img[data-v-54bf9606]{position:absolute;z-index:0;top:0;left:0;width:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .8s ease-in-out}.banner_img_wrapper .banner_img.active[data-v-54bf9606]{z-index:1;opacity:1!important}.slide_btn[data-v-54bf9606]{position:absolute;top:120px;width:40px;height:80px;z-index:5}.slide_prev[data-v-54bf9606]{left:16px}.slide_next[data-v-54bf9606]{right:16px}.banner_pagination[data-v-54bf9606]{position:absolute;right:12px;bottom:16px;display:flex;flex-direction:row;z-index:1}.banner_pagination .banner_pagination_item[data-v-54bf9606]{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.banner_pagination .banner_pagination_item div[data-v-54bf9606]{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.5)}.banner_pagination .banner_pagination_item.active div[data-v-54bf9606]{background:#fff}.card[data-v-52576f4c]{display:flex;cursor:pointer;flex-shrink:0;flex-direction:column;align-items:center;border-radius:4px;width:158.67px;height:192px;margin-left:8px;box-sizing:border-box;margin-bottom:8px;position:relative;background-color:hsla(0,0%,100%,.05)}.card[data-v-52576f4c]:hover{background-color:hsla(0,0%,100%,.1)!important}.card .card-content[data-v-52576f4c]{border-radius:inherit;box-sizing:border-box;background-color:inherit;width:100%;height:100%;border:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;position:absolute;z-index:2;transition:background-color .2s ease-in-out}.card .card-content .card_img[data-v-52576f4c]{display:block;width:48px;height:48px;margin-bottom:20px}.card .card-content .card-text .card_name[data-v-52576f4c]{color:#fff;font-family:PingFang SC;font-style:normal;font-weight:600;font-size:14px;line-height:18px;text-align:center;margin-bottom:6px}.card .card-content .card-text .card_des[data-v-52576f4c]{color:hsla(0,0%,100%,.6);text-align:center;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:12px;line-height:16px}.card-icon[data-v-52576f4c]{position:absolute;top:0;right:0;width:28px;height:16px}.isHorizontal[data-v-52576f4c]{height:64px}.isHorizontal .card-content[data-v-52576f4c]{flex-direction:row;align-items:flex-start;align-items:center;justify-content:flex-start}.isHorizontal .card-content .card_img[data-v-52576f4c]{width:32px;height:32px;margin-bottom:0;margin-right:10px;margin-left:18px}.isHorizontal .card-content .card-text[data-v-52576f4c]{height:32px}.isHorizontal .card-content .card-text .card_name[data-v-52576f4c]{text-align:left;font-weight:400!important;line-height:32px}#cards:hover>.card[data-v-52576f4c]:after,.card[data-v-52576f4c]:hover:before{opacity:1}.card[data-v-52576f4c]:after,.card[data-v-52576f4c]:before{border-radius:inherit;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:100%}.card[data-v-52576f4c]:before{background:radial-gradient(500px circle at var(--mouse-x) var(--mouse-y),hsla(0,0%,100%,.06),transparent 40%);z-index:3}.card[data-v-52576f4c]:after{background:radial-gradient(300px circle at var(--mouse-x) var(--mouse-y),hsla(0,0%,100%,.03),transparent 40%);z-index:1}.search_container[data-v-f03080c8]{position:absolute;right:16px;top:0;width:242px;height:32px}.wrap-search[data-v-f03080c8]{position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;width:242px;height:32px;padding-left:10px;padding-right:4px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid hsla(0,0%,100%,.05);border-radius:4px}.wrap-search.active[data-v-f03080c8],.wrap-search[data-v-f03080c8]:hover{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.2)}.wrap-search .search-input-wrapper[data-v-f03080c8]{flex:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:4px}.wrap-search .search-input-wrapper .icon-search[data-v-f03080c8]{width:16px;height:16px}.wrap-search .search-input-wrapper input[data-v-f03080c8]{flex:1;height:32px;color:#fff;background-color:transparent;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:32px;box-sizing:content-box}.wrap-search .search-input-wrapper input[data-v-f03080c8]::-moz-placeholder{font-family:Microsoft YaHei;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:hsla(0,0%,100%,.4)}.wrap-search .search-input-wrapper input[data-v-f03080c8]::placeholder{font-family:Microsoft YaHei;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:hsla(0,0%,100%,.4)}.wrap-search .icon-close[data-v-f03080c8]{width:24px;height:24px;cursor:pointer;border-radius:4px}.wrap-search .icon-close[data-v-f03080c8]:hover{background-color:hsla(0,0%,100%,.1)}.wrap-search .icon-close[data-v-f03080c8]:active{background-color:hsla(0,0%,100%,.3)}.search-result[data-v-f03080c8]{padding-right:5px!important;height:240px!important}.search-result .search-result-list[data-v-f03080c8]{width:226px;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:scroll}.search-result .search-result-list[data-v-f03080c8]::-webkit-scrollbar-thumb{background-color:var(--kt-scrollbar-normal);border-radius:20px}.search-result .search-result-list[data-v-f03080c8]::-webkit-scrollbar-thumb:hover{background-color:var(--kt-scrollbar-hover)}.search-result .search-result-list[data-v-f03080c8]::-webkit-scrollbar-thumb:active{background-color:var(--kt-scrollbar-pressed)}.search-result .result-item[data-v-f03080c8]{cursor:pointer;border-radius:4px;box-sizing:border-box;width:208px;height:40px;padding-left:12px;display:flex;flex-direction:row;align-items:center;flex-shrink:0;margin-bottom:4px}.search-result .result-item.active[data-v-f03080c8],.search-result .result-item[data-v-f03080c8]:hover{background-color:var(--kt-subsidiary-btn-bg-hover)}.search-common[data-v-f03080c8]{display:flex;flex-direction:column;align-items:flex-start;padding:12px;box-sizing:border-box;isolation:isolate;position:absolute;width:242px;height:189px;right:0;top:42px;background:var(--kt-menu-bg);border:1px solid var(--kt-menu-border);box-shadow:0 12px 24px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:4px;z-index:5}.search-recommend .recommend-title[data-v-f03080c8]{height:22px;line-height:22px;font-size:12px;padding-left:8px;color:var(--kt-menu-text);font-style:normal;font-weight:500}.search-recommend .recommend-list[data-v-f03080c8]{cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:5px}.search-recommend .recommend-list .recommend-item[data-v-f03080c8]{margin-top:1px;border-radius:4px;box-sizing:border-box;width:107px;height:32px;display:flex;flex-direction:row;align-items:center;padding:8px 12px}.search-recommend .recommend-list .recommend-item.active[data-v-f03080c8],.search-recommend .recommend-list .recommend-item[data-v-f03080c8]:hover{background-color:var(--kt-subsidiary-btn-bg-hover)}.search-img[data-v-f03080c8]{margin-right:6px}.recommend-img[data-v-f03080c8]{width:16px;height:16px}.recommend-name[data-v-f03080c8]{margin-left:6px;height:24px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:12px;line-height:24px;color:var(--kt-menu-text)}.search-result-empty[data-v-f03080c8]{top:38px;padding:12px;height:240px!important;align-items:center!important;justify-content:center}.search-result-empty img[data-v-f03080c8]{width:60px;height:60px}.search-result-empty div[data-v-f03080c8]{height:40px;width:100%;line-height:40px;color:var(--kt-text-fourth);font-family:PingFang SC;font-style:normal;font-weight:400;font-size:12px;text-align:center}.category-wrapper[data-v-0b976203]{position:absolute;top:272px;z-index:5;left:0;width:100%;height:420px;overflow:hidden;transition:all .3s;padding:0 5px 0 8px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box}.category-wrapper .tab-list[data-v-0b976203]{width:100%;height:32px;display:flex;margin-left:8px;flex-direction:row;align-items:flex-start;margin-bottom:16px}.category-wrapper .tab-list .tab-item[data-v-0b976203]{cursor:pointer;padding:0 16px;line-height:32px;height:32px;gap:10px;border-radius:4px;font-family:PingFang SC;font-style:normal;font-size:14px;font-weight:400;margin-left:4px;color:hsla(0,0%,100%,.8)}.category-wrapper .tab-list .tab-item.active[data-v-0b976203]{font-weight:500;color:#fff;background:hsla(0,0%,100%,.1)}.category-wrapper .tab-list .tab-item[data-v-0b976203]:hover{background:hsla(0,0%,100%,.1)}.category-wrapper .card-list[data-v-0b976203]{max-height:570px;width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-content:flex-start;flex-wrap:wrap;margin-bottom:30px;overflow-y:hidden;overflow-x:hidden}.titlebar[data-v-70db5278]{position:absolute;left:0;top:0;z-index:101;width:100%;height:48px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 8px 0 16px}.titlebar .titlebar-left[data-v-70db5278]{display:flex;flex-direction:row;justify-content:flex-start}.titlebar .titlebar-left img[data-v-70db5278]{width:24px;height:24px;margin-right:8px}.titlebar .titlebar-left div[data-v-70db5278]{color:hsla(0,0%,100%,.95);font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:22px;gap:10px}.titlebar .titlebar-right[data-v-70db5278]{height:30px}.titlebar .titlebar-right .user-info[data-v-70db5278],.titlebar .titlebar-right[data-v-70db5278]{display:flex;flex-direction:row;align-items:center}.titlebar .titlebar-right .user-info .text-link[data-v-70db5278]{cursor:pointer;padding:0 8px;height:24px;border-radius:4px;font-family:PingFang SC;font-style:normal;font-weight:600;font-size:12px;line-height:24px;text-align:center;margin-right:12px}.titlebar .titlebar-right .user-info .unlogin[data-v-70db5278]{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.05);color:#fff}.titlebar .titlebar-right .user-info .unlogin[data-v-70db5278]:hover{background:hsla(0,0%,100%,.05)}.titlebar .titlebar-right .user-info .unlogin[data-v-70db5278]:active{background:hsla(0,0%,100%,.2)}.titlebar .titlebar-right .user-info .login[data-v-70db5278]{background:linear-gradient(90deg,#fedcc8,#fdcaaa);color:#63361c}.titlebar .titlebar-right .user-info .login[data-v-70db5278]:hover{background:#e2b891}.titlebar .titlebar-right .user-info .login[data-v-70db5278]:active{background:#ffecda}.titlebar .titlebar-right .user-info .userimg[data-v-70db5278]{width:24px;height:24px;border-radius:50%;cursor:pointer}.titlebar .titlebar-right .user-info .usericon[data-v-70db5278]{width:16px;height:16px;margin-left:12px;cursor:pointer}.titlebar .titlebar-right .line[data-v-70db5278]{width:1px;height:14px;background-color:hsla(0,0%,96.1%,.24);margin:0 -1px 0 12px}.titlebar .titlebar-right .tool[data-v-70db5278]{display:flex;flex-direction:row;align-items:center;position:relative}.titlebar .titlebar-right .tool .tool-item[data-v-70db5278]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-left:8px;border-radius:6px}.titlebar .titlebar-right .tool .tool-item[data-v-70db5278]:active,.titlebar .titlebar-right .tool .tool-item[data-v-70db5278]:hover{background-color:hsla(0,0%,100%,.15)}.titlebar .titlebar-right .tool .tool-item img[data-v-70db5278]{width:16px;height:16px}.titlebar .titlebar-right .tool .more-item.active[data-v-70db5278]{background-color:hsla(0,0%,100%,.15)}.titlebar .more-wrap[data-v-70db5278]{position:absolute;border-radius:4px;right:72px;top:32px;z-index:20;padding:8px;box-sizing:border-box;width:212px;height:48px;background:var(--kt-menu-bg);border:1px solid var(--kt-menu-border);box-shadow:0 12px 24px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.titlebar .more-wrap .more-wrap-content[data-v-70db5278]{cursor:pointer;display:flex;flex-direction:row;align-items:center;width:196px;height:32px;border-radius:6px}.titlebar .more-wrap .more-wrap-content.active[data-v-70db5278]{font-weight:500;background-color:var(--kt-subsidiary-btn-bg-hover)}.titlebar .more-wrap .more-wrap-content[data-v-70db5278]:hover{background-color:var(--kt-subsidiary-btn-bg-hover)}.titlebar .more-wrap .more-wrap-content img[data-v-70db5278]{width:16px;height:16px;margin-right:8px;margin-left:8px}.titlebar .more-wrap .more-wrap-content div[data-v-70db5278]{font-family:PingFang SC;font-style:normal;font-size:14px;font-weight:400;line-height:32px;color:var(--kt-menu-text)}.toggle-btn[data-v-63f3d146]{position:fixed;bottom:0;left:0;z-index:10;width:100%;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center}.toggle-btn .toggle-btn-content[data-v-63f3d146]{cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;width:126px;height:32px}.toggle-btn .toggle-btn-content img[data-v-63f3d146]{width:16px;height:16px;margin-right:4px}.toggle-btn .toggle-btn-content .moveupdown[data-v-63f3d146]{animation:moveUpDown-63f3d146 .6s ease-in-out infinite}.toggle-btn .toggle-btn-content .imgdown[data-v-63f3d146]{transform:rotate(180deg)}.toggle-btn .toggle-btn-content div[data-v-63f3d146]{text-align:center;width:28px;height:18px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:hsla(0,0%,100%,.8)}@keyframes moveUpDown-63f3d146{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,select,td,textarea,th,ul{margin:0;padding:0;border:0}dd,dl,dt,li,ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button,input{outline:0}a{text-decoration:none}body,html{height:100%;font-family:Microsoft YaHei,微软雅黑,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon{width:16px;height:16px;vertical-align:-.15em;fill:currentColor;overflow:hidden}.icon-xiala{font-size:10px}::-webkit-scrollbar{width:6px;height:6px;cursor:pointer}:root[theme-mode=dark]{--kt-menu-bg:rgba(37,39,41,0.8);--kt-menu-border:hsla(0,0%,100%,0.10196078431372549);--kt-menu-text:#fff;--kt-subsidiary-btn-bg-hover:hsla(0,0%,100%,0.050980392156862744);--kt-icon-btn-bg-normal:hsla(0,0%,100%,0);--kt-text-fourth:hsla(0,0%,100%,0.8);--kt-scrollbar-normal:hsla(0,0%,100%,0.2);--kt-scrollbar-hover:hsla(0,0%,100%,0.30196078431372547);--kt-scrollbar-pressed:hsla(0,0%,100%,0.050980392156862744)}:root[theme-mode=light]{--kt-menu-bg:hsla(0,0%,100%,0.8);--kt-menu-border:rgba(0,0,0,0.10196078431372549);--kt-menu-text:#000;--kt-subsidiary-btn-bg-hover:hsla(0,0%,100%,0.8980392156862745);--kt-icon-btn-bg-normal:hsla(0,0%,100%,0);--kt-text-fourth:rgba(0,0,0,0.6);--kt-scrollbar-normal:rgba(0,0,0,0.2);--kt-scrollbar-hover:rgba(0,0,0,0.30196078431372547);--kt-scrollbar-pressed:rgba(0,0,0,0.30196078431372547)}#app{width:100%;height:100%}.wrap_content_bg{background-color:#323233!important}.main_content,.wrap_content{position:relative;width:100%;height:100%}.main_content{overflow:hidden}.main_content .bg_img{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .8s ease-in-out}.main_content .content-wrap{position:absolute;width:100%;height:100%;z-index:2}.main_content .content-wrap .content-wrap-masking{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background-color:rgba(32,32,32,.4);opacity:0;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.animating .content-wrap-masking{z-index:2!important}.showAllCategory .category-wrapper{top:54px;height:634px}.showAllCategory .card-list{overflow-x:hidden;overflow-y:scroll!important}.showAllCategory .card-list::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.2);border-radius:20px}.showAllCategory .card-list::-webkit-scrollbar-thumb:active,.showAllCategory .card-list::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.3)}.main_content .bg_img.active{opacity:1!important}.loading{position:absolute;left:0;top:0;z-index:100}.loading,.loading img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.loading img{background-color:#323233}.fadeOutAnimation{animation:fadeOutAnimation .3s forwards}.fadeInAnimation{animation:fadeInAnimation .3s forwards}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}