:root{--detail-container-height: 100vh}@media screen and (max-width: 1440px){html{font-size:143px !important}}.details_loading{top:.5556rem !important}.details_loading>.loading-content>.loading-progressbar{background-color:rgba(0,0,0,0) !important}.none{display:none}*{scroll-behavior:smooth}* img{user-select:none}*::-webkit-scrollbar-track{width:10px;border-radius:5px}*::-webkit-scrollbar{width:10px;border-radius:5px}*::-webkit-scrollbar-thumb{height:20px;background-color:#ccc;border-radius:5px}.hide{display:none !important}body{position:absolute;top:0;bottom:0;left:0;right:0;z-index:8;min-width:1440px}header{position:fixed;top:0;left:0;z-index:9;display:flex;flex-direction:row;width:100%;height:.5556rem;display:flex;justify-content:center;align-items:center;transition:all .5s;border-bottom:1px solid rgba(0,0,0,0);min-width:1440px}header.scroll{border-bottom:1px solid #e5e6eb;box-shadow:0px 4px 12px 0px rgba(146,146,146,.25)}header:hover::before{background:rgba(255,255,255,.65)}header::before{content:"";transition:all 1s;position:absolute;top:0;left:0;width:100%;height:.5556rem;background:rgba(255,255,255,.25);filter:blur(3px);backdrop-filter:blur(3px);-webkit-filter:blur(3px);z-index:-1;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}header .logo{width:.7222rem;height:.2778rem;margin-left:.5556rem;display:flex;justify-content:center;align-items:center}header .logo img{width:100%;height:100%}header nav{flex:1;padding:0 1.25rem;height:.1389rem;display:flex;justify-content:space-between}header nav>.nav-item{color:inherit;text-decoration:none;cursor:pointer;display:flex;height:.1389rem;align-items:center;cursor:pointer}header nav>.nav-item.active>.title,header nav>.nav-item.active>.separator,header nav>.nav-item:hover>.title,header nav>.nav-item:hover>.separator{color:#31373d}header nav>.nav-item>.title{font-size:.0972rem;color:#90949a;font-family:PingFang SC-Semibold,PingFang SC;font-weight:600;transition:all .3s}header nav>.nav-item>.separator{display:inline-block;width:1px;height:.0938rem;background-color:#90949a;margin:0 .0375rem 0 .075rem;transition:all .3s}header .btn-group a{display:block;width:.6667rem;height:.2778rem;border:none;background-color:#31373d;color:#fff;font-family:PingFang SC-Regular;font-size:.1111rem;text-align:center;line-height:.2778rem;margin-right:.5556rem;cursor:pointer;text-decoration:none;border-radius:.0556rem;-webkit-border-radius:.0556rem;-moz-border-radius:.0556rem;-ms-border-radius:.0556rem;-o-border-radius:.0556rem}header>.title{flex:1;height:100%;display:flex}header>.title>.btn{width:.5556rem;height:.5556rem;display:flex;justify-content:center;align-items:center}header>.title>.btn>img{width:.1806rem;height:.1806rem;cursor:pointer}header>.title>.desc{flex:1;height:100%;display:flex;justify-content:center;align-items:center;font-size:.1319rem;width:0;padding:0 .1111rem;overflow:hidden}header>.title>.desc p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800;user-select:none;letter-spacing:.0347rem}main{position:absolute;top:0;bottom:0;left:0;right:0;z-index:8;padding-top:.5556rem;transition:all 1s}main>.main-body>#home{width:100%;display:flex;min-height:4.125rem;margin-bottom:.8333rem}main>.main-body>#home>.decorations{width:1.7361rem;display:flex;flex-direction:column;min-height:4.125rem;justify-content:space-around;align-items:center}main>.main-body>#home>.decorations>.text{writing-mode:vertical-rl;font-size:.1111rem;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#90949a;line-height:.1319rem;cursor:pointer}main>.main-body>#home>.readme{flex:1}main>.main-body>#home>.readme>.text-content{margin-top:.9583rem;padding-right:.1806rem}main>.main-body>#home>.readme>.text-content>.title>.level1,main>.main-body>#home>.readme>.text-content>.title>.level2{font-size:.2222rem;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;line-height:.2361rem}main>.main-body>#home>.readme>.text-content>.content>.chinese{margin-top:.2014rem}main>.main-body>#home>.readme>.text-content>.content>.chinese,main>.main-body>#home>.readme>.text-content>.content>.english{font-size:.1111rem;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#90949a;line-height:.1806rem}main>.main-body>#home>.readme>.other-content{width:100%;height:.3056rem;margin-top:.3889rem;display:flex;align-items:center}main>.main-body>#home>.readme>.other-content>.call{width:.8333rem;height:.2847rem;line-height:.2847rem;text-align:center;transition:all .2s;border-radius:.0347rem;letter-spacing:.0347rem;cursor:pointer;border:0;outline:none;background:#fff;background-blend-mode:soft-light,normal;box-shadow:.0069rem .0069rem .0347rem #fff,.0486rem .0486rem .0972rem rgba(174,174,192,.4)}main>.main-body>#home>.readme>.other-content>.call::before{height:0%;width:2px}main>.main-body>#home>.readme>.other-content>.call:hover{box-shadow:-0.011302rem -0.011302rem .033906rem #fff,.016953rem .016953rem .033906rem rgba(174,174,192,.4)}main>.main-body>#home>.readme>.other-content>.call:active{box-shadow:-0.018836rem -0.018836rem .018836rem rgba(255,255,255,.7),inset .028255rem .028255rem .018836rem rgba(174,174,192,.2)}main>.main-body>#home>.readme>.other-content>.phone{font-size:.1389rem;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#31373d;margin-left:.2778rem;opacity:0}main>.main-body>#home>.portrait{width:4.0278rem;position:relative}main>.main-body>#home>.portrait>.bgc{width:2.7778rem;height:4.125rem;background:#edf4ff;border-radius:0px 0px 0px .1667rem;position:absolute;right:0;top:0}main>.main-body>#home>.portrait>.img{width:3.1458rem;height:3.5903rem;position:absolute;left:0;bottom:0}main>.main-body>#home>.portrait>.img>img{width:100%;height:100%}main>.main-body .portfolio-wrapper{width:6.75rem;margin:0 auto;overflow:hidden}main>.main-body .portfolio-wrapper>.title{width:100%;display:flex;align-items:center}main>.main-body .portfolio-wrapper>.title>.line{width:.7083rem;height:.0069rem;background-color:#90949a;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#90949a;margin-right:.1667rem}main>.main-body .portfolio-wrapper>.title>.desc{font-size:.1806rem;color:#90949a}main>.main-body .portfolio-wrapper>.item-wrapper{margin-top:.4444rem;width:100%}main>.main-body .portfolio-wrapper>.item-wrapper>.item{width:2.0278rem;float:left;margin-right:.2222rem;cursor:pointer}main>.main-body .portfolio-wrapper>.item-wrapper>.item>.img{width:100%;height:1.4514rem;border-radius:.1111rem;overflow:hidden}main>.main-body .portfolio-wrapper>.item-wrapper>.item>.img:hover>img{transform:scale(1.2)}main>.main-body .portfolio-wrapper>.item-wrapper>.item>.img>img{width:100%;height:100%;transition:all 1s}main>.main-body .portfolio-wrapper>.item-wrapper>.item>.title{font-size:.1389rem;font-family:PingFang SC-Semibold,PingFang SC;font-weight:600;color:#31373d;padding-top:.1667rem;padding-bottom:.1111rem}main>.main-body .portfolio-wrapper>.item-wrapper>.item>.desc{height:.1667rem;margin-bottom:.5556rem}main>.main-body .portfolio-wrapper>.item-wrapper>.item>.desc>.paragraph,main>.main-body .portfolio-wrapper>.item-wrapper>.item>.desc>.separator{line-height:.1667rem}main>.main-body .portfolio-wrapper>.item-wrapper>.item>.desc>.separator{display:inline-block;width:.0069rem;height:.0972rem;background-color:#000;margin-left:.0833rem;margin-right:.0833rem}main>.main-body .portfolio-wrapper>.item-wrapper>.item>.desc>.paragraph{font-size:.1111rem;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#90949a}main .details-body>#_details{background-color:#fff}main .details-body>#_details>div{overflow-y:auto;width:100%;top:0;position:sticky;box-shadow:0px -4px 10px 0px rgba(41,41,52,.06);background-color:#fff}main .details-body>#_details>div>img{width:100%}.cssanimation,.cssanimation span{animation-duration:1s;animation-fill-mode:both}.cssanimation span{display:inline-block}.leFadeInBottom span{animation-name:leFadeInBottom}@keyframes leFadeInBottom{from{opacity:0 !important;transform:translateY(100%)}to{opacity:1 !important}}.leFadeOut span{animation-name:leFadeOut}@keyframes leFadeOut{to{opacity:0}}.leFadeOutRight span{animation-name:leFadeOutRight}@keyframes leFadeOutRight{from{opacity:1}to{opacity:0;transform:translateX(60px)}}.leFadeInRight span{animation-name:leFadeInRight}@keyframes leFadeInRight{from{opacity:0;transform:translateX(60px)}to{opacity:1}}.eggshell{position:fixed;top:0;bottom:0;left:0;right:0;z-index:99999999999}