: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);height:-webkit-calc(100vh - 5em);height:calc(100vh - 5em);overflow:hidden;overflow-y:auto;position:relative;width:100vw}.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:100%}.page_top h1{font-size:5em;text-align:center}.page_top h2{font-size:3em;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{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 2em;position:relative;width:100%}.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:2em;width:95%}.project img{height:-webkit-calc(15.83333vw - 4.59167em);height:calc(15.83333vw - 4.59167em);width:100%}.pages_con{display:none;margin-bottom:1em;margin-top:7em;place-items:center}.pages_con:has(a){display:grid}.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%}.project_cover{height:-webkit-calc(24vw - 1.2em);height:calc(24vw - 1.2em);overflow:hidden;position:relative;width:100%}.theme img{min-height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.theme_name{font-size:2.5em;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)}@media screen and (max-width:1204px){.project_type{margin-bottom:1em}.themes{display:block;margin:0}.themes,a.theme{width:100%}.project_cover{height:-webkit-calc(60vw - 2.4em);height:calc(60vw - 2.4em)}}.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 (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}}