body{background-color:#f5f7f9;height:100%;margin:0;padding:0}.clearfix:after{display:block;content:"";clear:both}#app{background-color:#f5f7f9;height:100vh}.logo[data-v-331bd927]{cursor:pointer;height:100%;display:flex}.logo .image[data-v-331bd927]{height:60px;width:60px}.logo .image img[data-v-331bd927]{width:100%;height:100%}.logo .title[data-v-331bd927]{display:flex;justify-content:center;align-items:center;padding:0 .5rem;font-weight:bolder}.nav{justify-content:space-between;background-color:#fff;box-shadow:0 1px 1px #e6e6e6;padding:0 5rem;height:60px;position:relative}.nav .menu-btn{display:none;cursor:pointer;font-size:1.5rem;font-weight:700;color:#6190e8}.nav .menu-btn svg{width:1.2rem}.nav .right{transition:all .2s ease}@media only screen and (max-width:992px){.nav{justify-content:center}.nav .menu-btn{display:flex;position:absolute;top:0;right:0;height:100%;width:3rem;justify-content:center;align-items:center}.nav .right{position:absolute;z-index:999;top:100%;right:0;height:0;overflow:hidden;border:1px solid #e4e7ed;box-shadow:0 .2px 12px 0 rgb(0 0 0/10%)}.nav .right .item{float:none;min-width:13rem}.nav .right.active{height:15rem}}.section-navigation[data-v-958d9fc8]{position:relative;background-color:#f5f7f9}.section-navigation .navigation[data-v-958d9fc8]{display:flex;background-color:#fff;padding:2rem;justify-content:space-evenly;width:80vw;margin:0 auto}.section-navigation .navigation .item[data-v-958d9fc8]{padding:0 2rem;margin:1rem 0}.section-navigation .navigation .icon[data-v-958d9fc8]{width:100%;text-align:left}.section-navigation .navigation .title[data-v-958d9fc8]{margin:1rem 0;color:#4573de;font-size:1.2rem}.section-navigation .navigation .desc[data-v-958d9fc8]{color:#6b798c;font-size:.9rem;line-height:1.5}.prototype-screens[data-v-58961274]{display:flex}.prototype-screens img[data-v-58961274]{width:100%}.prototype-screens>div[data-v-58961274]{margin:0 1rem;background-color:#fff;border-radius:30px;box-shadow:0 4px 30px 0 rgb(223 225 230/50%)}.prototype-screens div[data-v-58961274]:first-child{margin-top:10rem}.prototype-screens div[data-v-58961274]:nth-child(2){margin-top:7.5rem}.prototype-screens div[data-v-58961274]:nth-child(3){margin-top:5rem}.prototype-screens div[data-v-58961274]:nth-child(4){margin-top:2.5rem}@media only screen and (max-width:992px){.prototype-screens div[data-v-58961274]:first-child{margin-top:4rem}.prototype-screens div[data-v-58961274]:nth-child(2){margin-top:3rem}.prototype-screens div[data-v-58961274]:nth-child(3){margin-top:2rem}.prototype-screens div[data-v-58961274]:nth-child(4){margin-top:1rem}}.separate-panel[data-v-525cfe6f]{position:relative}.separate-panel[data-v-525cfe6f]:before{content:"";display:block;position:absolute;top:-12rem;width:100%;height:15rem;background:#f8faff;box-shadow:0 -.3rem 1.5rem 0 #dfe1e6;transform:skewY(-4deg);background-color:#f5f7f9}@media only screen and (max-width:992px){.separate-panel[data-v-525cfe6f]:before{top:-3rem}}.footer[data-v-7c96254b]{display:flex;justify-content:space-between;padding:2rem 5rem 4rem;background-color:#fff;margin:3rem 0 0;color:#6190e8}.footer .logo[data-v-7c96254b]{height:4rem;color:#6190e8}.footer .logo .copyright[data-v-7c96254b]{font-size:.9rem}.footer .github[data-v-7c96254b]{display:flex;justify-content:center;align-items:center;cursor:pointer}.header[data-v-8330008c]{padding:0}.main[data-v-8330008c]{overflow:initial}.main>.logo[data-v-8330008c]{margin-top:8rem;text-align:center}@media screen and (max-width:992px){.main>.logo[data-v-8330008c]{margin-top:1rem}}.main>.desc[data-v-8330008c]{margin:5rem auto;color:#8994c6;font-size:1.5rem;font-weight:700;text-align:center}@media screen and (max-width:992px){.main>.desc[data-v-8330008c]{margin:2rem auto}}.main .btn-group[data-v-8330008c]{text-align:center}.main .btn-group .btn[data-v-8330008c]{display:inline-block;width:11rem;height:3.5rem;margin:1rem 2rem;font-size:1rem;line-height:3.5rem;border-radius:2rem;transition:all .3s;cursor:pointer;border-style:none}.main .btn-group .btn[data-v-8330008c]:hover{box-shadow:0 4px 12px 0 rgb(51 105 231/40%)}.main .btn-group .btn-begin[data-v-8330008c]{color:#fff;background-image:linear-gradient(90deg,#00aeff,#3369e7);box-shadow:0 2px 6px 0 rgb(51 105 231/40%);cursor:pointer;transition:color .3s ease}.main .btn-group .btn-github[data-v-8330008c]{color:#316de9;border:1px solid #2f6ee9;background-color:#fff}.login-panel[data-v-30258c5a]{margin:auto;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%}.login-panel .card[data-v-30258c5a]{max-width:40rem;overflow:visible;margin:0 .5rem}.login-panel .header[data-v-30258c5a]{display:flex;justify-content:center}.login-panel .logo[data-v-30258c5a]{width:3rem;height:3rem;position:relative;top:25%;transform:translateY(-50%)}.login-panel .logo img[data-v-30258c5a]{width:100%;height:100%}.login-panel .content[data-v-30258c5a]{padding:0 2rem 2rem}.login-panel .content .item[data-v-30258c5a]{margin:.5rem auto}.login-panel .content button[data-v-30258c5a]{width:100%}.card[data-v-6f9e3494]{max-width:40rem;margin:0 auto}.item[data-v-6f9e3494]{display:flex;margin:1rem 0}.item .title[data-v-6f9e3494]{width:7rem}.item .content[data-v-6f9e3494]{width:100%}button.btn[data-v-6f9e3494]{text-align:center;width:100%}.setting-item[data-v-0b23610a]{margin:1rem 0}.setting-item .actions[data-v-0b23610a],.setting-item .desc[data-v-0b23610a]{text-align:center;margin:1.5rem auto}.btn.active[data-v-0b23610a]{background:#fff;border-color:#409eff;color:#409eff;z-index:1}.proxied[data-v-38105994]{font-size:2.3rem;cursor:pointer}.proxied.active[data-v-38105994]{color:#409eff}.panel .header[data-v-38105994]{display:flex;justify-content:space-between}.form[data-v-f78b6af8]{margin-top:2rem}.item[data-v-f78b6af8]{display:flex;margin:1rem 0}.item .title[data-v-f78b6af8]{width:7rem}.item .content[data-v-f78b6af8]{width:100%}button.btn[data-v-f78b6af8]{text-align:center;width:100%}.breadcrumb[data-v-f78b6af8]{margin:1rem 0}.form[data-v-4c1cc30b]{margin-top:2rem}.item[data-v-4c1cc30b]{display:flex;margin:1rem 0}.item .title[data-v-4c1cc30b]{width:7rem}.item .content[data-v-4c1cc30b]{width:100%}button.btn[data-v-4c1cc30b]{text-align:center;width:100%}.panel{padding:1rem .5rem}.breadcrumb{margin:1rem 0}