.wrap[data-v-7d465e55]{margin:auto;margin-top:1.98vw;max-width:1300px;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center}.wrap .left[data-v-7d465e55]{text-align:left;margin:30px;max-width:534px}.wrap .left>h1[data-v-7d465e55]{font-size:26px;font-weight:700;color:#222;display:flex;align-items:center;line-height:26px;transform:translateX(200px);opacity:0;transition:.8s}.wrap .left>h1[data-v-7d465e55]:before{content:"";width:5px;height:26px;display:inline-block;margin-right:10px}.wrap .left>span[data-v-7d465e55]{font-size:16px;color:#999;line-height:30px;display:block;transform:translateX(200px);opacity:0;transition:1s}.wrap .right[data-v-7d465e55]{width:640px;display:flex;flex-wrap:wrap;justify-content:flex-end;transform:translateX(-200px);opacity:0;transition:.8s}.wrap .right .logo-wrap[data-v-7d465e55]{min-width:154px;min-height:204px;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.wrap .right .logo-wrap>img[data-v-7d465e55]{width:82px;height:82px;-o-object-fit:contain;object-fit:contain;transition:.3s;overflow:hidden}.wrap .right .logo-wrap pre[data-v-7d465e55]{margin:0;font-family:none;font-size:14px;color:#333;position:absolute;top:80%;left:50%;transform:translateX(-50%);text-align:center;overflow:hidden}.wrap .right .logo-wrap>object[data-v-7d465e55]{width:0;opacity:0;display:flex;transition:.8s;overflow:hidden;position:relative}.wrap .right .logo-wrap>object .icon-wrap[data-v-7d465e55]{width:80px;height:204px;display:flex;justify-content:center;align-items:center;position:relative}.wrap .right .logo-wrap>object .icon-wrap>img[data-v-7d465e55]{width:64px;height:44px;-o-object-fit:contain;object-fit:contain;transition:.3s}.wrap .right .logo-wrap>object .icon-wrap>pre[data-v-7d465e55]{top:65%}.wrap .right .logo-wrap>object .icon-wrap:hover>img[data-v-7d465e55]{transform:scale(1.2)}.wrap .right .logo-wrap>object .icon-wrap:hover>pre[data-v-7d465e55]{color:#0167d8}.wrap .right .logo-wrap:hover>img[data-v-7d465e55]{transform:scale(1.1)}.wrap .right .logo-wrap:hover>pre[data-v-7d465e55]{color:#0167d8}.wrap .right .logo-wrap-hover:hover>img[data-v-7d465e55],.wrap .right .logo-wrap-hover:hover>pre[data-v-7d465e55]{width:0;opacity:0}.wrap .right .logo-wrap-hover:hover>object[data-v-7d465e55]{opacity:1}.wrap .right .logo-wrap-hover:hover .w1[data-v-7d465e55]{width:80px}.wrap .right .logo-wrap-hover:hover .w2[data-v-7d465e55]{width:160px}.wrap .right .logo-wrap-hover:hover .w3[data-v-7d465e55]{width:240px}.wrap .right .logo-wrap-hover:hover .w4[data-v-7d465e55]{width:320px}.wrap .right .logo-wrap-hover:hover .w5[data-v-7d465e55]{width:400px}.wrap .right .logo-wrap-hover:hover .w6[data-v-7d465e55]{width:480px}.customImgBox{width:auto!important}.customImgBox img{width:150px}::-webkit-scrollbar{background:#f1f1f1;width:10px;height:10px}::-webkit-scrollbar-thumb{border-radius:5px;background-color:#c1c1c1;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}body{margin:0;background:#f7f8fb}a{text-decoration:none}#app .header{position:sticky;top:0;z-index:999;height:80px;background:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}#app .header .header__box{margin:auto;max-width:1400px;height:100%;display:flex;align-items:center;justify-content:flex-end;padding:0 30px}#app .header .header__box .logo{margin-right:auto;height:50px}#app .header .header__box .nav{display:flex;align-items:center}#app .header .header__box .nav>span{margin:0 10px;color:#666;background-color:rgba(209,209,240,.2);padding:5px 10px;border-radius:4px;cursor:pointer}#app .header .header__box .nav>span:hover{color:#0167d8}#app .header .header__box .lang{margin:0 10px;width:26px;height:24px;position:relative;cursor:pointer}#app .header .header__box .lang .icon{position:absolute;top:0;left:0}#app .header .header__box .lang:hover{color:#0167d8}#app .header .header__box .nav_small{font-size:40px;color:#0167d8;cursor:pointer}#app .header_down{box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}#app .content{text-align:center;padding:2.81vw 0 8.33vw}#app .content .content__title{padding:26px;font-size:34px;font-weight:700;display:inline-block}#app .project{overflow-x:hidden}#app .project .s1 h1:before{background:#419bfe}#app .project .s2 h1:before{background:#d83434}#app .project .s3 h1:before{background:#69b053}#app .project .s4 h1:before{background:#ff7c00}#app .project .s5 h1:before{background:#f66ee9}#app .project object:after{content:"";position:absolute;top:0;right:0;width:16px;height:100%;pointer-events:none;background:linear-gradient(270deg,#f7f8fb,rgba(247,248,251,0))}#app .project:nth-child(odd){background:#fff}#app .project:nth-child(odd) object:after{background:linear-gradient(270deg,#fff,hsla(0,0%,100%,0))}#app .tools .tools__box{margin:35px auto 0;display:flex;flex-wrap:wrap;justify-content:center;max-width:1090px}#app .tools .tools__box>img{margin:25px 20px;width:178px;height:94px;-o-object-fit:contain;object-fit:contain;transition:.3s;cursor:pointer}#app .tools .tools__box>img:hover{transform:scale(1.1)}#app .scenic{background:url(/img/scenic_bg.add01f50.png) no-repeat 50%;background-size:cover}#app .scenic .scenic__box{margin:40px auto 0;display:flex;flex-wrap:wrap;justify-content:center;max-width:1185px}#app .scenic .scenic__box>div{margin:20px 12px;display:flex;flex-direction:column;align-items:center}#app .scenic .scenic__box>div .img__box{position:relative;border-radius:4px;overflow:hidden}#app .scenic .scenic__box>div .img__box>img{width:213px;height:128px;-o-object-fit:cover;object-fit:cover;display:block;cursor:pointer}#app .scenic .scenic__box>div .img__box .light{cursor:pointer;position:absolute;left:-100%;top:0;width:180px;height:100%;background-image:linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform:skewx(-25deg)}#app .scenic .scenic__box>div .img__box:hover .light{left:120%;transition:.8s}#app .scenic .scenic__box>div>span{margin-top:12px;font-size:16px;color:rgba(0,0,0,.8)}#app .footer{width:100%;height:70px;line-height:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:16px;padding:0 30px;box-sizing:border-box}#app .footer,#app .footer>a{color:#adadad}#app .footer>a:hover{color:#1890ff}#app .footer>i:hover{cursor:pointer}@media (max-width:1221px){#app .wrap .right{justify-content:center}}@media (max-width:627px){#app .wrap .right{padding:0 83px}}:root{--dark-theme:#252526;--dark-bg:#1e1e1e;--dark-text:hsla(0,0%,100%,.87)}html.dark ::-webkit-scrollbar{background:#424242}html.dark ::-webkit-scrollbar-thumb{background-color:#686868}html.dark ::-webkit-scrollbar-thumb:hover{background-color:#7b7b7b}html.dark body{margin:0;background:var(--dark-theme)}html.dark #app .header{background:var(--dark-bg)}html.dark #app .header .header__box .nav>span{color:#999;background-color:var(--dark-theme)}html.dark #app .header .header__box .nav>span:hover,html.dark #app .header .header__box .nav_small{color:#0167d8}html.dark #app .header_down{box-shadow:0 6px 6px -6px #000}html.dark #app .content .content__title,html.dark #app .project h1,html.dark #app .project pre{color:var(--dark-text)}html.dark #app .project .icon-wrap:hover>pre,html.dark #app .project .logo-wrap:hover>pre{color:#0167d8}html.dark #app .project object:after{background:linear-gradient(to left,var(--dark-theme),rgba(37,37,38,0))}html.dark #app .project:nth-child(odd){background:var(--dark-bg)}html.dark #app .project:nth-child(odd) object:after{background:linear-gradient(to left,var(--dark-bg),rgba(30,30,30,0))}html.dark #app .scenic{position:relative;background:none}html.dark #app .scenic .scenic__box>div>span{color:var(--dark-text)}html.dark #app .scenic:before{content:"";position:absolute;z-index:-1;inset:0;background:url(/img/scenic_bg.add01f50.png) no-repeat 50%;background-size:cover;filter:brightness(.1) saturate(200)}html.dark #app .footer,html.dark #app .footer>a{color:var(--dark-text)}html.dark #app .footer>a:hover{color:#1890ff}