:root{--bodyHeight:-webkit-calc(100vh - 5em);--bodyHeight:calc(100vh - 5em);--mainWidth:-webkit-calc(100vw - 33em);--mainWidth:calc(100vw - 33em)}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#app{color:var(--defFontColor);display:grid;grid-template-areas:"b b" "d c" "e c" "footer footer";grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto auto;height:-webkit-calc(100vh - 5em);height:calc(100vh - 5em);overflow:hidden;overflow-y:auto;position:relative;width:100vw}div:has(>.head){position:-webkit-sticky;position:sticky;top:0;z-index:2}.page_top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:-webkit-gradient(linear,left top,left bottom,from(#409eff),color-stop(#409eff88),to(#fff));background:linear-gradient(180deg,#409eff,#409eff88,#fff);-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1em 0;width:100vw}.page_top h1{font-size:5em;text-align:center}.page_top h2{font-size:2.9em;max-width:60%;text-align:center}main{-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-areas:"categorys projects" "categorys pageNum";grid-template-columns:auto 1fr;grid-template-rows:1fr auto;min-height:50vh;padding-top:2em}.project_type{color:var(--defFontColor);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:4em 0 8em}.project_type_item{cursor:pointer;font-size:2em;font-weight:700;margin:0 3em}.project_type_item,.project_type_item>a{display:grid;justify-items:center}.project_type_item svg{background:#fff;border-radius:2em;height:1.5em;margin-bottom:.5em;padding:.5em;width:1.5em}.project_type_item *{pointer-events:none}.current_project_type{color:var(--el-color-primary)}.current_project_type svg path{fill:var(--el-color-primary)}.projects{--ADWidth:-webkit-calc(60vh - 3em);--ADWidth:calc(60vh - 3em);-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 2em;position:relative;width:-webkit-calc(100vw - var(--ADWidth));width:calc(100vw - var(--ADWidth))}.noProjectTips{color:var(--el-border-color-darker);font-size:3em;font-weight:700;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.category_projects{display:grid;grid-template-columns:repeat(4,25%);justify-items:center}.project{margin-bottom:1em;width:95%}.project .project_top{-webkit-box-shadow:0 0 10px var(--el-border-color-darker);box-shadow:0 0 10px var(--el-border-color-darker);overflow:hidden;position:relative;width:100%}.project .project_top .project_detials{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:1em .5em}.project .project_top .project_detials .project_name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.project .project_top .project_detials .project_info,.project .project_top .project_detials .project_info .project_info_item{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.project .project_top .project_detials .project_info .project_info_item{color:var(--el-text-color-regular);margin-left:1.5em}.project .project_top .project_detials .project_info .project_info_item svg{height:1.5em;margin-right:.5em;width:1.5em}.project .project_top .project_detials .project_info .project_info_item svg path{fill:var(--el-text-color-regular)}.project .project_tags{padding:.5em 0}.project .project_tags .project_tag{background:var(--el-border-color-lighter);border-radius:.25em;margin-bottom:1em;margin-right:1em;padding:.5em}.project .project_tags .project_tag:empty{display:none}.project img{display:block;height:-webkit-calc(15.83333vw - var(--ADWidth)/4*0.95/1.5 - .63333em);height:calc(15.83333vw - var(--ADWidth)/4*.95/1.5 - .63333em);-o-object-fit:contain!important;object-fit:contain!important;width:100%}.rotation_image{left:0;-o-object-fit:unset!important;object-fit:unset!important;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transition:opacity .2s;transition:opacity .2s;width:1500%!important;z-index:1}.image-progress{background:var(--el-color-primary);height:.5em;position:absolute;top:-webkit-calc(15.83333vw - var(--ADWidth)/4*0.95/1.5 - .63333em);top:calc(15.83333vw - var(--ADWidth)/4*.95/1.5 - .63333em);-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:width .2s;transition:width .2s;z-index:1}.pages_con{display:grid;margin-bottom:1em;margin-top:7em;place-items:center}.page_nums{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.page_item{background:var(--backgroungColor);border-radius:.5em;cursor:pointer;display:grid;height:4em;margin:0 .5em;place-items:center;width:4em}.page_item:hover{background-color:var(--hoverBackgroungColor);color:var(--primaryColor)}.page_item_focus{background:var(--primaryColor)!important;color:#fff!important}.page_pre{background-image:url(/pages/mockups/img/prev.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:30% 30%}.page_pre:hover{background-image:url(/pages/mockups/img/prev_focus.svg)}.page_next{background-image:url(/pages/mockups/img/next.svg);background-position:100% 50%;background-repeat:no-repeat;background-size:30% 30%;padding:0 3.5em 0 2em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.page_next:hover{background-image:url(/pages/mockups/img/next_focus.svg)}.themes{display:grid;grid-template-columns:repeat(3,33.33%);justify-items:center;margin-left:10%;width:80%}.theme{margin-bottom:2em;width:90%}.theme img{height:16vw;-o-object-fit:cover;object-fit:cover;width:100%}.theme_name{font-size:3em;font-weight:700}.theme_describe{font-size:1.5em;word-break:break-word}.theme_create_date,.theme_describe{color:var(--el-text-color-secondary)}.theme_create_date{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:.5em 0}.theme_create_date svg{height:1.5em;margin-right:.5em;width:1.5em}.theme_create_date svg path{fill:var(--el-text-color-secondary)}#app:has(.current_project_type[type=Category]) h1[type=Category],#app:has(.current_project_type[type=Category]) h2[type=Category],#app:has(.current_project_type[type=Theme]) h1[type=Theme],#app:has(.current_project_type[type=Theme]) h2[type=Theme]{display:block}#app:has(.current_project_type[type=Category]) h1[type=Theme],#app:has(.current_project_type[type=Category]) h2[type=Theme],#app:has(.current_project_type[type=Theme]) h1[type=Category],#app:has(.current_project_type[type=Theme]) h2[type=Category]{display:none}#app:has(.current_project_type[type=Theme]) main{grid-template-areas:"projects";grid-template-columns:1fr;grid-template-rows:1fr}#app:has(.current_project_type[type=Category]) main{grid-template-areas:"categorys projects" "categorys pageNum";grid-template-columns:auto 1fr;grid-template-rows:1fr auto}#app:has(.current_project_type[type=Theme]) .category_projects,#app:has(.current_project_type[type=Theme]) .categorys,#app:has(.current_project_type[type=Theme]) .pages_con{display:none}#app:has(.current_project_type[type=Theme]) .themes{display:grid}#app:has(.current_project_type[type=Category]) .category_projects,#app:has(.current_project_type[type=Category]) .pages_con{display:grid}#app:has(.current_project_type[type=Category]) .categorys{display:block}#app:has(.current_project_type[type=Category]) .themes{display:none}.category_h5{display:none}.ADS{--rightADHeight:-webkit-calc(50vh - 2.5em);--rightADHeight:calc(50vh - 2.5em);--rightADWidth:-webkit-calc(var(--rightADHeight)*1.2);--rightADWidth:calc(var(--rightADHeight)*1.2);grid-area:c;height:-webkit-calc(100vh - 5em);height:calc(100vh - 5em);position:-webkit-sticky;position:sticky;top:0;width:var(--rightADWidth)}.load_more_project{background:var(--el-color-primary);border-radius:.25em;color:#fff;cursor:pointer;font-size:1.5em;margin:0 auto;padding:.5em 1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.page_top .advertisement_block{--adwidth:-webkit-calc(77vw - 6em);--adwidth:calc(77vw - 6em);--adheight:-webkit-calc(9.51923vw - 0.74176em);--adheight:calc(9.51923vw - 0.74176em);background-color:#fff;margin:2em 0 8em}.advertisement_block .mobile-md,.advertisement_block .mobile-sm,.advertisement_block .pc{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:none;-webkit-justify-content:space-evenly;justify-content:space-evenly}@media screen and (max-width:1024px){#app,main{display:block}.categorys{display:none!important}.category_h5{background:#fff;display:block;height:4em;overflow:hidden;position:-webkit-sticky;position:sticky;top:-1px;-webkit-transition:height .2s;transition:height .2s;z-index:2}.category_h5_show{border-bottom:1px solid var(--el-border-color);height:50vh!important;overflow-y:auto}.category_h5::-webkit-scrollbar{height:0;width:0}.category_h5_title{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background-color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-weight:700;height:4em;-webkit-justify-content:center;justify-content:center;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1}.category_h5_title svg{height:1.5em;margin-left:1em;width:1.5em}.category_h5 .categorys{border:none;display:block!important;padding:0;width:100%}.category_item_title:hover{background-color:unset!important;color:unset!important}.category_item_title svg:hover path{fill:unset}.project_type{margin-bottom:1em}.projects{padding:0 1em;width:100vw}.project{width:100%}.project img{height:-webkit-calc(33.33333vw - 1.33333em);height:calc(33.33333vw - 1.33333em)}.pages_con{margin:2em 0!important}.page_top .advertisement_block{--adwidth:-webkit-calc(100vw - 2em);--adwidth:calc(100vw - 2em);--adheight:-webkit-calc(12.36264vw - 0.24725em);--adheight:calc(12.36264vw - 0.24725em)}.ADS{display:none}}@media screen and (max-width:600px){.page_top .advertisement_block{--adwidth:-webkit-calc(100vw - 2em);--adwidth:calc(100vw - 2em);--adheight:-webkit-calc(50.37783vw - 1.00756em);--adheight:calc(50.37783vw - 1.00756em)}.category_projects{display:block!important}.project img{height:-webkit-calc(66.66667vw - 1.33333em);height:calc(66.66667vw - 1.33333em)}}@media screen and (min-width:748px){.advertisement_block .mobile-md,.advertisement_block .mobile-sm,.advertisement_block .pc{display:none}.advertisement_block .pc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}@media screen and (min-width:488px) and (max-width:748px){.advertisement_block .mobile-md,.advertisement_block .mobile-sm,.advertisement_block .pc{display:none}.advertisement_block .mobile-md{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}@media screen and (max-width:488px){.advertisement_block .mobile-md,.advertisement_block .mobile-sm,.advertisement_block .pc{display:none}.advertisement_block .mobile-sm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}