body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{font-size:16px;width:100vw;height:100vh;background-color:#000}body{margin:0;padding:0;width:100vw;height:100vh;color:var(--text-black)}:root{--normal-grey: #f0f0f0;--tab-grey: #eeeeee;--dialog-border: #bbbbbb;--text-black: #3f3f3f;--button-ligher-blue: #91bcfc;--button-blue: #4f93fa;--button-disable-blue: #315892;--dialog-mask-color: #efefefaf;--type-count: 3;--animation-time: .2s;--preview-height: 660px;--preview-width: 360px;--blank-area-max-height: 560px;--delete-red: #ff3333}button{cursor:pointer;outline:none;font-weight:600;font-size:1em;min-height:2.3em;color:#fff;background-color:var(--button-blue);padding:0 1em;box-sizing:border-box;border:none;border-radius:5px}button:focus{border:none}a{cursor:pointer;font-size:.9em;color:var(--button-blue);font-weight:700;white-space:nowrap;overflow:hidden}u{cursor:pointer;font-weight:700}.base-page{width:100vw;height:100vh;background-color:#fff;color:#fff;font-size:16px;text-align:center;overflow:hidden}.base-page .back-link{position:absolute;top:1em;right:1em}.show-view{visibility:visible}.hide-view{display:none;visibility:hidden}input,textarea,select{padding:.4em 1em;outline:none;border:none;border-radius:.3em;background-color:var(--normal-grey);box-sizing:border-box;font-size:.9em;resize:none}input:focus,textarea:focus{background:white!important;border:.08em solid var(--button-blue)!important;color:var(--button-blue)}.vertical-space{height:1.2em;width:auto}.horizontal-space{width:1em;height:auto}.common-shadow{box-shadow:5px 5px 10px var(--dialog-border)}.foucs-shadow{box-shadow:5px 5px 10px var(--button-ligher-blue)}.right-arrow{width:24px;height:24px;position:relative}.right-arrow:after{content:" ";width:.6em;height:.6em;position:absolute;border-top:3px solid var(--text-black);border-right:3px solid var(--text-black);transform:rotate(45deg);top:.4em;right:.4em}::-webkit-scrollbar-thumb{background-color:var(--dialog-border);height:50px;outline-offset:-2px;outline:2px solid #fff;-webkit-border-radius:6px;border:2px solid #fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track-piece{background-color:#fff}.base-page .center-view span{font-size:16em;text-shadow:5px 5px 6px var(--dialog-border)}.base-page .highlights{overflow:hidden}.base-page .highlights p{font-size:1.8em;color:var(--text-black);font-weight:600}.base-page .highlights .left-in{animation:left-insert 1s}.base-page .highlights .right-in{animation:right-insert .7s}.base-page .navigate-user{display:flex;flex-direction:column;justify-content:center;align-items:center}.base-page .navigate-user button{font-size:1em;height:40px;color:#fff;background-color:var(--button-blue);padding:0 1em;box-sizing:border-box;border:none;border-radius:2px;margin-bottom:.6em}.base-page .ipc-view{position:absolute;width:100%;display:flex;align-items:center;justify-content:center;color:var(--text-black);bottom:10px}@media screen and (max-width: 1024px){.base-page{position:relative;height:100vh;top:0;left:0}.base-page .center-view{height:100%;width:100%;display:flex;justify-content:center;align-items:center;z-index:1}.base-page .center-view span{font-size:8em;writing-mode:vertical-lr}.base-page .highlights{width:100vw;height:100vh;position:absolute;top:0;display:flex;justify-content:space-between}.base-page .highlights p{writing-mode:vertical-lr}.base-page .navigate-user{position:absolute;bottom:0;height:50vh;width:100vw;display:flex;justify-content:center;align-items:center}}@keyframes left-insert{0%{transform:translate(-10vw)}}@keyframes right-insert{0%{transform:translate(110vw)}}.sign-in-page{width:100vw;height:100vh;background-color:var(--normal-grey);display:flex;justify-content:center;align-items:center}.sign-in-page button{min-height:2.8em}.sign-in-page .sign-in-out-view{width:24em;height:30em;background-color:#fff;outline:none;position:relative;border-radius:.3em}.sign-in-page .sign-in-out-view .content-view{width:100%;height:100%}.sign-in-page .sign-in-out-view:before,.sign-in-page .sign-in-out-view:after{color:#fff;position:absolute;font-size:7.5em;font-weight:500;text-shadow:5px 5px 6px var(--dialog-border)}.sign-in-page .sign-in-out-view:before{top:-25%;content:"ON";left:-3em}.sign-in-page .sign-in-out-view:after{top:100%;content:"ROAD";right:-4.5em}@media screen and (max-width: 1024px){.sign-in-page .sign-in-out-view:before,.sign-in-page .sign-in-out-view:after{display:none}}.project-introduce{display:flex;align-items:center;justify-content:center;width:100%;height:100%;flex-direction:column;background-color:#000}.project-introduce .project-introduce-icon-view{display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:auto;height:20em;border-radius:1em}.project-introduce .project-introduce-icon-view p{font-size:3.5em;font-weight:700;margin:0 0 .5em}.project-introduce button{font-size:1.5em;line-height:1.5em;font-weight:bolder}.base-page .my-projects-page{background-color:#fff;width:100%;max-width:1920px;height:100%;position:relative;left:0;right:0;margin:auto;box-sizing:border-box;padding:20px;display:flex;flex-direction:column}.base-page .page-title{width:100%;height:55px;text-align:center;font-size:2em;color:var(--text-black)}.base-page .my-projects-page .page-content{display:flex;width:100%;flex:1}.base-page .preview-page{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;flex-direction:column}.base-page .preview-page #edit-project{margin-top:2em}#preview-component{height:660px;width:360px;position:relative;display:flex;flex-direction:column;color:var(--text-black);flex-shrink:0}.preview-edit-mode{width:100%!important}#preview-component #preview-normal-dialog,#preview-component #preview-condition-dialog,#preview-component #preview-loading-dialog{width:100%;height:100%;position:absolute;z-index:9;background-color:var(--dialog-mask-color);display:flex;align-items:center;justify-content:center}.normal-label{height:50px;display:flex;align-items:center;justify-content:space-between;margin:0 1em;box-sizing:border-box;border-bottom:1px solid var(--text-black)}.normal-label .label{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .2em;box-sizing:border-box}.normal-label .content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .2em;box-sizing:border-box}.up-down-label{color:var(--text-black);width:100%;display:flex;flex-direction:column;padding:0 1em;box-sizing:border-box}.up-down-label .label{width:100%;height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .2em;box-sizing:border-box;text-align:start;font-size:1.4em;line-height:36px}.up-down-label .content{width:100%;text-overflow:ellipsis;white-space:wrap;padding:.5em .2em;box-sizing:border-box;text-align:start}.normal-input{height:50px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 1em;box-sizing:border-box}.normal-input .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .5em;box-sizing:border-box;flex:.4;text-align:left}.normal-input .content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .2em;box-sizing:border-box;height:3em}.normal-button{height:50px;display:flex;align-items:center;justify-content:center;margin:0 1em;box-sizing:border-box}.normal-image{width:100%;display:flex;align-items:center;justify-content:center;position:relative;padding:0 1em;box-sizing:border-box;color:var(--text-black);overflow:hidden;margin-bottom:.5em}.guidance-image{height:auto;flex-wrap:wrap;flex-direction:column}.guidance-image .row{display:flex;justify-content:space-around;width:100%;box-sizing:border-box;padding:0 0 .6em}.normal-image .image{height:100%;width:100%;background-color:var(--normal-grey);border-radius:4px}.normal-image .image-text{position:absolute;font-size:1em;width:auto!important}.normal-image .image1{height:100%;width:calc(100% - 2em);position:absolute;border-radius:4px;background-color:var(--normal-grey);display:flex;align-items:center;justify-content:center}.normal-image .image2{height:100%;width:calc(100% - 2em);position:absolute;left:100%;border-radius:4px;background-color:var(--normal-grey);display:flex;align-items:center;justify-content:center}.normal-image .index-point{display:flex;align-items:center;justify-content:center;position:absolute;margin:auto;left:0;right:0;bottom:.5em}.normal-image .index-point .point{width:.3em;height:.3em;border-radius:.3em;border:.15em solid white;margin:0 .2em}.normal-image .index-point .point-active{background-color:#fff}.normal-image .left-out{animation:left-out 1s normal linear}.normal-image .right-in{animation:right-in 1s normal linear}.found-image-gallery{width:100%;height:100%;display:flex;flex-wrap:wrap;padding:0 1em;box-sizing:border-box;justify-content:space-between;flex-basis:content}.found-image-gallery .found-item{width:48.5%;height:16em}.found-image-gallery .found-item .image{width:100%;height:86%;background-color:var(--normal-grey)}.found-image-gallery .found-item .content{width:100%;height:14%;color:var(--text-black);text-align:left}.image-label-button{width:100%;height:72px;padding:4px;box-sizing:border-box;align-items:center;display:flex;border-radius:4px}.image-label-button .image{height:100%;width:96px;background-color:var(--normal-grey);margin-right:6px}.image-label-button .text-view{flex:1;color:var(--text-black);height:100%;text-align:start}.image-label-button .text-view .text-title{font-weight:700;font-size:1.1em;height:50%}.image-label-button .text-view .text-content{font-size:1em;height:50%}.image-label-button .end-button{height:auto}.image-label-horization{width:100%;height:48px;padding:4px .5em;box-sizing:border-box;align-items:center;display:flex;border-radius:4px}.image-label-horization .image{height:36px;width:36px;background-color:var(--normal-grey);margin-right:6px}.image-label-horization .label{font-size:1.1em;flex:1;text-align:start}@keyframes left-out{0%{left:0%}to{left:calc(-100% + 2em)}}@keyframes right-in{0%{left:calc(100% - 1em)}to{left:1em}}#loading-dialog,#normal-dialog{position:absolute;z-index:100}#choose-component-dialog,#create-page-dialog{position:absolute;z-index:99}.dialog-background{position:fixed;width:100vw;height:100vh;top:0;left:0;right:0;bottom:0}.dialog-background .dialog-mask{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--dialog-mask-color)}.loading-view{width:10rem;height:10rem;background-color:#fff;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:1rem;flex-direction:column;color:var(--text-black)}.loading-amin{display:flex;justify-content:center;align-items:flex-end;width:100%;height:2rem;margin-bottom:1.5rem}.loading-amin .img-litter1{position:relative;width:.8rem;height:.8rem;margin:0 .6rem;animation:xAxis 1s infinite ease-in;animation-delay:.15s}.loading-amin .img-litter1:after{position:absolute;content:" ";width:.8rem;height:.8rem;border-radius:.3rem;background-color:#000;background:url(/assets/svg/logo-123b04bc.svg);background-size:cover;animation:yAxis 1s infinite ease-out;animation-delay:.15s}.loading-amin .img-litter2{position:relative;width:.8rem;height:.8rem;margin:0 .6rem;animation:xAxis 1s infinite ease-in;animation-delay:.3s}.loading-amin .img-litter2:after{position:absolute;content:" ";width:.8rem;height:.8rem;border-radius:.3rem;background-color:#000;background:url(/assets/svg/logo-123b04bc.svg);background-size:cover;animation:yAxis 1s infinite ease-out;animation-delay:.3s}.loading-amin .img-litter3{position:relative;width:.8rem;height:.8rem;margin:0 .6rem;animation:xAxis 1s infinite ease-in;animation-delay:.45s}.loading-amin .img-litter3:after{position:absolute;content:" ";width:.8rem;height:.8rem;border-radius:.4rem;background-color:#000;background:url(/assets/svg/logo-123b04bc.svg);background-size:cover;animation:yAxis 1s infinite ease-out;animation-delay:.45s}.loading-amin .img-big{position:relative;width:1rem;height:1rem;margin:0 .6rem;animation:xAxis 1s infinite ease-in}.loading-amin .img-big:after{position:absolute;content:" ";width:1rem;height:1rem;border-radius:.4rem;background-color:#000;background:url(/assets/svg/logo-123b04bc.svg);background-size:cover;animation:yAxis 1s infinite ease-out}@keyframes xAxis{50%{animation-timing-function:ease-in;transform:translate(.4rem)}}@keyframes yAxis{50%{animation-timing-function:ease-out;transform:translateY(-1.8rem)}}#preview-normal-dialog .normal-dialog{min-height:5em;max-height:20em;width:16em;background-color:#fff;padding:1.2em 1em;box-sizing:border-box;border-radius:.3em;font-size:1.1em;box-shadow:5px 5px 10px var(--dialog-border);display:flex;flex-direction:column;text-align:left}#preview-condition-dialog .normal-dialog{min-height:5em;max-height:20em;width:16em;background-color:#fff;padding:1.5em 2em;box-sizing:border-box;border-radius:.3em;font-size:1.1em;box-shadow:5px 5px 10px var(--dialog-border);display:flex;flex-direction:column;text-align:left}.normal-dialog{min-height:5em;max-height:20em;width:20em;background-color:#fff;padding:1.5em 2em;box-sizing:border-box;border-radius:.3em;font-size:1.1em;box-shadow:5px 5px 10px var(--dialog-border);display:flex;flex-direction:column}.normal-dialog:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;-webkit-filter:blur(20px);-moz-filter:blur(20px);-ms-filter:blur(20px);-o-filter:blur(20px);filter:blur(20px);z-index:-1;background-color:var(--dialog-mask-color);margin:-30px}.normal-dialog .title-text{font-weight:600;color:#000;word-wrap:break-word;word-break:normal;margin-bottom:.2em}.normal-dialog .content-text{color:var(--text-black);word-wrap:break-word;word-break:normal;margin-bottom:.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical}.normal-dialog .condition-view{overflow-y:auto;max-height:20em}.normal-dialog .condition-view .condition-item{padding:.5em 0;box-sizing:border-box;cursor:pointer}.normal-dialog .operation-view{display:flex;align-items:center;justify-content:flex-end}.normal-dialog .operation-view button{height:2.3em;padding:0 .8em;border-radius:.3em}.normal-dialog .operation-view span{color:var(--button-blue);cursor:pointer}.normal-dialog .operation-view samp{color:var(--text-black);cursor:pointer;padding:0 .6em;box-sizing:border-box}.normal-dialog .operation-view .sure-btn{color:#fff;background-color:var(--button-blue)}.normal-dialog .operation-view .cancel-btn{color:var(--text-black);margin-left:1em}.dialog-background .dialog-mask .project-edit-dialog{width:30em;height:28em;background-color:#fff;border-radius:.3em;color:var(--text-black);display:flex;flex-direction:column;padding:0 .8em;box-sizing:border-box}.dialog-background .dialog-mask .project-edit-dialog:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;-webkit-filter:blur(20px);-moz-filter:blur(20px);-ms-filter:blur(20px);-o-filter:blur(20px);filter:blur(20px);z-index:-1;background-color:var(--dialog-mask-color);margin:-30px}.dialog-background .dialog-mask .project-edit-dialog .title{font-size:1.3em;font-weight:700;height:2em;display:flex;align-items:center;justify-content:center;margin-top:.6em}.dialog-background .dialog-mask .project-edit-dialog .project-name{display:flex;align-items:center;margin-top:1em}.dialog-background .dialog-mask .project-edit-dialog .project-descript{display:flex;margin-top:2em}.dialog-background .dialog-mask .project-edit-dialog .project-descript span{line-height:2.5em}.dialog-background .dialog-mask .project-edit-dialog .project-descript textarea{width:23.2em;height:12.5em;line-height:2em}.dialog-background .dialog-mask .project-edit-dialog .project-option{display:flex;align-items:center;justify-content:center;margin-top:2em;justify-content:space-evenly}.dialog-background .dialog-mask .project-edit-dialog .project-option button{width:4.5em}.dialog-background .dialog-mask .project-edit-dialog .project-option .cancel-btn{color:var(--text-black);background-color:var(--dialog-mask-color)}.dialog-background .dialog-mask input{width:23.2em;height:3em}.dialog-background .dialog-mask span{width:6em}.dialog-background .dialog-mask .create-project-page-dialog{width:50em;height:40em;background-color:#fff;display:flex;flex-direction:column;align-items:center}.dialog-background .dialog-mask .create-project-page-dialog .centent{width:100%;display:flex;justify-content:space-around;align-items:center;flex:1}.dialog-background .dialog-mask .create-project-page-dialog button{width:8em;margin-bottom:1em}.dialog-background .dialog-mask .choose-component-dialog{width:90em;height:50em;background-color:#fff;display:flex;flex-direction:column;align-items:center;position:relative;border-radius:4px}.dialog-background .dialog-mask .choose-component-dialog .title{width:100%;align-items:center;justify-content:center;display:flex;font-size:2em;padding:.5em;box-sizing:border-box}.dialog-background .dialog-mask .choose-component-dialog .close-icon{font-weight:bolder;position:absolute;right:.1em;color:var(--text-black);width:2em;height:2em}.dialog-background .dialog-mask .choose-component-dialog .close-icon:after{content:"+";transform:rotate(45deg);position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;text-align:center;font-size:2em;line-height:1em}.dialog-background .dialog-mask .choose-component-dialog .component-center{width:100%;height:auto;flex:1;display:flex;overflow:hidden}.dialog-background .dialog-mask .choose-component-dialog .component-center .type-list{width:15em;height:100%;overflow-y:auto;box-sizing:border-box}.dialog-background .dialog-mask .choose-component-dialog .component-center .type-list .item{width:100%;height:3em;display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box}.dialog-background .dialog-mask .choose-component-dialog .component-center .type-list .active{width:100%;background-image:linear-gradient(135deg,white,white,var(--button-ligher-blue));border-radius:4px}.dialog-background .dialog-mask .choose-component-dialog .component-center .type-content{width:75em;height:100%;overflow-y:auto;display:flex;flex-wrap:wrap;padding:1em;box-sizing:border-box;align-content:flex-start}.dialog-background .dialog-mask .choose-component-dialog .component-center .type-content .item{height:20em;width:20em;margin-bottom:1.5em;margin-right:1.5em;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1em;cursor:pointer;overflow:hidden}.dialog-background .dialog-mask .choose-component-dialog .component-center .type-content .active{border:1px solid var(--button-blue);border-radius:6px}.dialog-background .dialog-mask .choose-component-dialog .button-view{height:50px;width:100%;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 320px){.dialog-background .dialog-mask .normal-dialog{width:16em}}.icon-text-tab-item{display:flex;flex-direction:column;align-items:center;flex:1}.icon-text-tab-item .image{width:1.5em;height:1.5em;margin:.2em;background-color:var(--normal-grey)}.icon-text-tab-item span{color:var(--text-black);height:1em;font-size:1em;line-height:1em;text-align:center}.common-blank-area{width:100%;height:100%;overflow-y:auto;max-height:var(--blank-area-max-height);min-height:var(--blank-area-max-height);flex:1}.edit-component{width:100%;height:auto;box-sizing:border-box;margin:2em 0;display:flex;flex-direction:column;cursor:pointer}.nav-bar{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-sizing:border-box;position:relative}.nav-bar .nav-btn{width:24px;height:24px;position:absolute;font-weight:500;color:var(--text-black)}.nav-bar .nav-btn:after{width:.6em;height:.6em;position:absolute;border-top:3px solid var(--text-black);border-left:3px solid var(--text-black);transform:rotate(-45deg);content:" ";top:.4em}.nav-bar .title{flex:1}.page-footer-tab-bar{width:100%;height:50px;display:flex;align-items:center;justify-content:space-around;box-shadow:0 -1px 2px var(--dialog-border)}.sign-in-view{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.sign-in-view input{width:20em;margin-top:2em;height:3em;padding:.4em 1em;outline:none;border:none;border-radius:.3em;background-color:var(--normal-grey);box-sizing:border-box;font-size:.9em}.sign-in-view .input-has-content{background-color:#fff;border:.08em solid var(--button-ligher-blue)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sign-in-view .row-with-vaild-button{width:18em;padding:0;box-sizing:border-box;position:relative;margin-top:2em}.sign-in-view .row-with-vaild-button input{margin-top:0}.sign-in-view .row-with-vaild-button button{position:absolute;float:right;background-color:var(--button-blue);border-radius:.3em;padding:0 .5em;top:0;right:0;color:#fff}.sign-in-view .row-with-vaild-button button:disabled{background-color:var(--normal-grey);color:#000;border:.08em solid var(--button-blue)}.sign-in-view .sign-in-button{margin-top:2.5em;width:18em;float:right;background-color:var(--button-blue);border-radius:.3em;top:0;right:0;color:#fff}.forget-password{text-decoration:underline;margin-top:1.2em}#vaild_code{width:8em}#get_vaild_code{width:10em}.user-component{width:4.5em;height:4.5em;position:absolute;background-color:#fff;border-radius:4.5em;left:1em;top:.5em;display:flex;justify-content:center;align-items:center;z-index:88}.user-component .user-icon{width:80%;height:80%;border-radius:50%;background-color:#fff;z-index:2}.user-component .user-operation-view{height:60%;background:white;position:absolute;left:75%;z-index:0;border-top-right-radius:4.5em;border-bottom-right-radius:4.5em;display:flex;align-items:center;justify-content:center}.user-operation-animation-show{width:10em;animation:comeout .2s ease-out}.user-operation-animation-hide{width:0em;animation:comein .2s ease-in}.add-page-btn{width:100%;height:100%;border-radius:50%;font-size:1em;padding:0}@keyframes comeout{0%{width:0em}to{width:10em}}@keyframes comein{0%{width:10em}to{width:0}}.project-edit-panel{width:100%;height:calc(100% - 55px);background-color:#fff;display:flex}.project-edit-panel .project-edit-info{width:25em;height:99.5%;overflow-y:auto;box-sizing:border-box;border-radius:5px;box-shadow:5px 5px 10px var(--dialog-border);padding:2em .8em;display:flex;flex-direction:column}.project-edit-panel .project-edit-info .edit-content{width:100%;overflow-y:scroll;overflow-x:hidden;flex:1}.project-edit-panel .project-edit-info .option-view{width:100%}.project-edit-panel .project-edit-info .option-view .del-node{margin-top:1em;background-color:var(--delete-red)}.project-edit-panel .project-edit-info .option-view .add-node{margin-top:1em}.project-edit-panel .project-edit-info .row{color:var(--text-black);display:flex;align-items:center;justify-content:space-between;padding:1em 0;box-sizing:border-box}.project-edit-panel .project-edit-info .row input,select{width:15em}.project-edit-panel .project-edit-info .row .edit-click-array-view{width:100%;display:flex;flex-direction:column;position:relative;padding:2em 0 0;box-sizing:border-box}.project-edit-panel .project-edit-info .row .edit-click-array-view .edit-item{width:100%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;position:relative;padding-bottom:1em}.project-edit-panel .project-edit-info .row .edit-click-array-view .edit-item .edit-view{display:flex;align-items:center}.project-edit-panel .project-edit-info .row .edit-click-array-view .edit-item select{width:15em}.project-edit-panel .project-edit-info .row .edit-click-array-view .del-icon{font-weight:bolder;color:var(--text-black);width:1.5em;height:1.5em;position:absolute;right:0;top:0}.del-icon:after{content:"+";transform:rotate(45deg);position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;text-align:center;font-size:2em;line-height:.6em;cursor:pointer}.project-edit-panel .project-edit-show-panel{height:100%;flex:1;overflow:auto;position:relative}.project-edit-panel .project-edit-show-panel .page-list{height:8em;width:50em;overflow-x:auto;position:fixed;box-shadow:5px 5px 10px var(--dialog-border);margin:auto;left:calc((100vw - 25em)/2);right:calc((100vw - 25em)/2);top:4em;padding:.8em 1em;border-radius:8px;color:var(--text-black);display:flex;z-index:2;background-color:#fff}.project-edit-panel .project-edit-show-panel .page-list .page-list-item{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 1em;width:6em;box-sizing:border-box}.project-edit-panel .project-edit-show-panel .page-list .active{background-color:var(--dialog-mask-color);border-radius:.4em}.project-edit-panel .project-edit-show-panel .page-list .page-list-item .snapshot{height:6em;width:3em;object-fit:contain;margin:.5em 0}.project-edit-panel .project-edit-show-panel .page-list .page-list-item .item-name{color:var(--text-black);max-width:6em;height:2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-edit-panel .project-edit-show-panel .preview-panel{width:100%;height:100%;box-sizing:border-box;padding:11em 1em 1em;position:relative;color:var(--text-black);overflow:scroll;min-width:1440px}#control-panel{width:100%;height:100%;display:flex}#control-panel .project-deep-panel{width:calc(var(--preview-width) + 40px);padding:20px;height:auto;overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column}.my-projects-page .page-content .project-list{width:30%;height:100%;margin-right:20px;overflow-y:auto;box-sizing:border-box;padding:10px;border-radius:5px}.project-list .project-item{width:100%;height:8em;background-color:#fff;border-radius:.5em;border:.1em;box-sizing:border-box;padding:1em;cursor:pointer}.project-list .project-item.focus{border:.1em solid var(--button-blue)}.project-list .project-item .row{width:100%;height:2em;display:flex;align-items:center;justify-content:space-between;color:var(--text-black);margin:0}.my-projects-page .page-content .project-detail{width:70%;height:100%;color:var(--text-black)}.project-detail .row{display:flex;width:100%;padding:1em;justify-content:space-around;line-height:1em;box-sizing:border-box}.project-detail .row span{margin-top:.5em;width:8em}.project-detail .row textarea{height:12.5em;width:0;flex:1}.project-detail>:not(:first-child){margin-top:1em}.tab-view{width:100%;height:100%;background-color:#fff;border-radius:.3em;padding:0 1em;box-sizing:border-box;position:relative}.tab-view .tab-bar{width:100%;height:3em;border-bottom:.09em solid var(--button-blue);display:flex}.tab-view .tab-bar .tab-item{height:100%;overflow:hidden;white-space:nowrap;display:flex;align-items:center;justify-content:center;background-color:#fff;position:relative;box-sizing:border-box;font-size:1.2em;padding:0 .1em}.tab-view .tab-bar .active{background-color:#fff}.tab-view .tab-bar .active button{color:var(--button-blue)}.tab-view .tab-bar button{background-color:#fff;color:var(--text-black)}.tab-view .tab-component-view{width:100%;position:relative}