@font-face{font-family:SmileySans;src:url(https://cdn.jsdelivr.net/gh/zhouhuiMr/resources@main/font/SmileySans-Oblique.ttf.woff2)}:root{--menu-container-height: 80px;--common-text-white: #FFFFFF;--common-text-hover-color: #FFB742;--common-text-size-large: 32px;--common-text-font-family: Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"宋体",sans-serif;--menu-item-font-family: "SmileySans", Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"宋体",sans-serif;--vertical-menu-width: 200px;--vertical-menu-right: -200px;--common-background-color: #212529;--common-background-white: #FFFFF0;--common-background-light-black: #282b2e;--common-shadow-black: #6f7072;--loading-background-color: #FFB742;--scrollbar-background-color: #ACACAA;--scrollbar-track-color: #E1E1DB}*{padding:0;margin:0;font-family:var(--common-text-font-family)}body,html{width:100%;height:100%;background-color:var(--common-background-color)}[v-cloak]{display:none!important}#app{position:relative;width:100%;height:100%;overflow:hidden}.menu_span{width:100%;height:100%}.menu_ul{display:flex;list-style-type:none;width:100%;height:100%}.horizontal_menu{flex-direction:row}.vertical_menu,.menu_sub_list{flex-direction:column}.menu_ul .menu_item{position:relative;display:flex;flex-direction:column;cursor:pointer;font-weight:400;color:var(--common-text-white);font-family:var(--menu-item-font-family)}.horizontal_menu .menu_parent_item{min-width:100px;height:100%;padding:0 10px}.vertical_menu .menu_parent_item{min-width:100px;height:auto;padding:0 20px;overflow:hidden;transition-property:max-height}.horizontal_menu .menu_parent_item:hover,.vertical_menu .menu_parent_item :hover{color:var(--common-text-hover-color)}.menu_sub_item{width:calc(100% - 20px);height:56px;font-size:20px;padding:0 10px;justify-content:center}.horizontal_menu .menu_sub_item:hover{background-color:var(--common-text-hover-color);color:#fff}.vertical_menu .menu_sub_item:hover{color:var(--common-text-hover-color)}.horizontal_menu .menu_parent_item .menu_item_span{display:flex;flex-direction:row;width:100%;height:100%;justify-content:center;align-items:center}.vertical_menu .menu_parent_item .menu_item_span{display:flex;flex-direction:row;width:100%;height:50px;justify-content:space-between;align-items:center}.menu_item_span p{font-size:24px;margin-right:10px;font-family:var(--menu-item-font-family)}.menu_item .sub_menu_span{display:flex;flex-direction:column;position:absolute;top:60px;min-width:calc(100% + 50px);padding:0 10px;height:auto;margin-left:-8px;z-index:100}.sub_menu_span .sub_menu_interspace{width:100%;height:10px;background:none}.sub_menu_span .sub_menu_line{width:100%;height:2px;background-color:var(--common-text-hover-color)}.sub_menu_item_span{width:100%;background:var(--common-background-color);box-shadow:0 1px 3px #000}.subMenu-enter-from,.subMenu-leave-to{opacity:0;transform:translateY(30px)}.subMenu-enter-to,.subMenu-leave-from{opacity:1}.subMenu-enter-active,.subMenu-leave-active{transition:all .5s ease}.vertical_sub_menu_span{display:flex;flex-direction:column;width:100%;height:auto}.horizontal_menu{display:flex}.vertical_menu{display:none;height:auto}.vertical_menu_bt{position:absolute;width:80px;height:100%;top:0;right:0;justify-content:center;align-items:center}.vertical_menu_bt .menu_bt_span{display:block;font-size:30px;color:var(--common-text-white)}.menu_span_layer{position:fixed;top:0;left:0;background-color:#000;opacity:.4;z-index:90}.right_menu_span{display:flex;flex-direction:column;position:fixed;top:0;right:var(--vertical-menu-right);width:var(--vertical-menu-width);background-color:var(--common-background-color);overflow:hidden;z-index:100}.right_menu_span .menu_bt_span{display:flex;width:var(--menu-container-height);height:100%;justify-content:center;align-items:center;right:0;font-size:30px;color:var(--common-text-white)}.right_menu_span_top{display:flex;justify-content:flex-end;width:100%;height:var(--menu-container-height)}.right_menu_span_center{width:100%;height:calc(100% - var(--menu-container-height));overflow-y:auto}@keyframes menu_expanion{0%{opacity:0;right:var(--vertical-menu-right)}to{opacity:1;transform:translate(0)}}@keyframes menu_hidden{0%{opacity:1;right:0}to{opacity:0;transform:translate(var(--vertical-menu-width))}}.vertical_menu_expanion{opacity:1;right:0;animation:menu_expanion .5s 1}.vertical_menu_hidden{opacity:0;right:var(--vertical-menu-right);animation:menu_hidden 1s 1}@keyframes menu_layer_show{0%{opacity:0}to{opacity:.4}}@keyframes menu_layer_hidden{0%{opacity:.4}to{opacity:0}}.menu_layer_show{opacity:.4;animation:menu_layer_show 1s 1}.menu_layer_hidden{opacity:0;animation:menu_layer_hidden 1s 1}@media screen and (max-width: 720px){.horizontal_menu{display:none}.vertical_menu{display:flex}}@media screen and (max-width: 360px){.horizontal_menu{display:none}.vertical_menu{display:flex}}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-background-color) var(--scrollbar-track-color)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-background-color);border-radius:1px}::-webkit-scrollbar-track{background-color:var(--scrollbar-track-color);border-radius:1px}.main_container{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.menu_container{display:flex;flex-direction:row;position:sticky;justify-content:space-between;top:0;left:0;width:calc(100% - 140px);height:100px;padding:0 100px 0 40px;background-color:var(--common-background-color);z-index:100}.menu_container .log_span{display:flex;align-items:center;width:70px;height:auto}.log_span img,.view_container{width:100%;height:auto}.slide-right-enter-active{transition:all .2s ease}.slide-right-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.slide-right-enter,.slide-right-leave-to{transform:translate(10px);opacity:0}.slide-left-enter-active{transition:all .2s ease}.slide-left-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.slide-left-enter,.slide-left-leave-to{transform:translate(10px);opacity:0}.filing{position:fixed;bottom:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 0;width:100%;height:20px;color:var(--common-text-white)}.filing a{color:var(--common-text-white);text-decoration:none}@media screen and (max-width: 720px){.menu_container{display:flex;flex-direction:row;position:sticky;justify-content:space-between;top:0;left:0;width:calc(100% - 110px);height:100px;padding:0 100px 0 10px;background-color:var(--common-background-color);z-index:100}.menu_container .log_span{display:flex;align-items:center;width:60px;height:auto}}@media screen and (max-width: 360px){.menu_container{display:flex;flex-direction:row;position:sticky;justify-content:space-between;top:0;left:0;width:calc(100% - 105px);height:100px;padding:0 100px 0 5px;background-color:var(--common-background-color);z-index:100}.menu_container .log_span{display:flex;align-items:center;width:60px;height:auto}}#space_canvas{position:relative;padding:0;margin:0;background-color:var(--common-background-color)}.progress_span{display:flex;flex-direction:row;width:100%;height:60px;font-size:18px;color:var(--common-text-white);font-family:var(--menu-item-font-family)}.progress_span .progress_text{display:flex;justify-content:end;align-items:center;width:180px;height:100%;font-weight:600}.progress_container{display:flex;flex-direction:column;margin-left:20px;width:100%;height:100%}.progress_value{margin-top:2px;font-weight:600}.progress_track{overflow:hidden;margin-top:0;width:100%;height:10px;border-radius:8px;background-color:#9c9c9c}.progress_bar{width:10px;height:100%;background-image:linear-gradient(to bottom,#ffffff,var(--loading-background-color),#ffffff);border-radius:0 2px 2px 0}@media screen and (max-width: 720px){.progress_span{font-size:14px}.progress_span .progress_text{width:120px}.progress_container{display:flex;flex-direction:column;margin-left:10px;width:100%;height:100%}.progress_track{width:90%}}.home_container{background-color:var(--common-background-color)}.canvas_container{position:relative;width:100%;overflow:hidden}.loading_layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;color:#f8f8ff}.loading_container{position:absolute;top:0;left:0;padding:20px 5% 0;width:90%;height:100%;background-color:#1c1c1c}.loading_title{font-size:18px;font-weight:400}.loading_explain{margin-top:20px;width:100%;height:auto}.loading_explain_border{display:flex;flex-direction:row;justify-content:space-between;max-width:480px;min-width:320px;height:18px;font-size:14px;overflow:hidden}.loading_explain_border .loading_explain_corner{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;width:12px;height:auto}.loading_explain_border .loading_explain_dotted{display:flex;flex-direction:row;align-items:center}.loading_explain_border>p{white-space:nowrap;overflow:hidden}.loading_detail_container{position:relative;padding:20px 0 0;width:100%;height:auto;font-weight:100}.loading_summary{display:flex;flex-direction:row;margin-bottom:20px}.loading_detail{display:flex;flex-direction:column;justify-content:flex-end;height:240px;overflow:hidden}.loading_detail_span{width:100%;height:auto;margin-bottom:0}.loading_detail_item{display:flex;flex-direction:row;height:24px;align-items:center;flex-shrink:0;flex-wrap:nowrap;font-size:14px;overflow:hidden}.loading_detail_item>p{white-space:nowrap;overflow:hidden}.loading_detail_item .loading_file_name{width:260px}@media (min-width: 1024px){.about{min-height:100%;display:flex;align-items:center}}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
