nav{position:fixed;left:20px;bottom:0;z-index:2333;transform:rotate(-90deg) translateZ(0);transform-origin:0 0;transition:.3s all ease-out;vertical-align:middle;font-family:Roboto,Tahoma,Consolas,Microsoft YaHei}nav a.clip{height:3px;width:3px;background:#fff;border-radius:100%}nav a{display:inline-block;font-size:13px;color:#fff;text-decoration:none;margin:0 10px;opacity:.4;transition:.3s all;vertical-align:middle}nav a.time{opacity:1}nav a.active,nav a:hover{text-decoration:underline;opacity:1}#startrack{height:140%;width:100%}.background.fixed{position:fixed;top:-60%}.background{position:absolute;top:0;left:0;width:100vw;height:100vh}.background .cover{position:absolute;bottom:-42%;left:0;height:100%;width:100%;background:linear-gradient(to top,rgba(32,32,32,1) 30%,rgba(32,32,32,0) 100%)}.intro{position:relative}.chatbox>.line{display:none}.about ul.skill li .progress div:after{content:"";display:inline-block;position:absolute;right:-4px;top:-8px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:3px solid #fff}.chatbox .line{margin:40px 0}.chatbox .line p{margin:10px 0}.chatbox .question a{display:inline-block;background-color:#ffffff4d;border-radius:10px 10px 10px 0;font-size:12px;padding:0 10px;margin-right:10px;cursor:pointer;opacity:.8;transform:translateY(0);transition:.2s all}.chatbox .question a:hover{opacity:1;transform:translateY(-2px);-webkit-animation:index-link-active 1s cubic-bezier(.315,.605,.375,.925) forwards}.chatbox .question.disable a{opacity:.3}.chatbox .question.disable a.selected{opacity:.9}.chatbox .question a.error{opacity:.3;animation:error .2s ease-in-out}.chatbox .loading span{display:inline-block;height:10px;width:10px;border-radius:100%;background-color:#fff;margin-right:5px;animation:loading-point 1.4s infinite ease-in-out both}.chatbox .loading span:nth-child(1){animation-delay:.2s}.chatbox .loading span:nth-child(2){animation-delay:.4s}.chatbox .loading span:nth-child(3){animation-delay:.6s}.links a{color:#fff;text-decoration:none}.find .links .item{position:relative;width:17.6%;height:80px;line-height:80px;margin:10px 1.2%;padding:5px 0;text-align:center;float:left;transition:.2s all;opacity:.9}.find .links .item:hover{opacity:1;transform:translateY(-10px);-webkit-animation:index-link-active 1s cubic-bezier(.315,.605,.375,.925) forwards}.find .links .item .inner{position:relative;z-index:5}.find .links .item .bg{position:absolute;bottom:0;left:0;width:100%;height:1.8%;z-index:0;transition:.15s all}.find .links .item:hover .bg{height:100%;width:100%;border-radius:5px;box-shadow:0 3px 20px #00000047}.find .links .item i{font-size:20px}.find .links .item span{display:inline-block;width:100px}.find .links .col-3 .item{width:30.93%;margin:10px 1.2%}.clear:after{content:"";display:block;height:0;visibility:hidden;clear:both}.gate .links .item{margin:5px 0;padding:15px 1.5%;float:left;width:22%;height:60px;transition:.2s all;opacity:.85}.gate .links .item.akarin{opacity:.58}.gate .links .item:hover{opacity:1;border-radius:5px;background-color:#ffffff40;transform:translateY(-5px);box-shadow:0 3px 20px #00000047;-webkit-animation:index-link-active 1s cubic-bezier(.315,.605,.375,.925) forwards}.gate .links .item .avatar{float:left;height:60px;line-height:60px;width:60px;border-radius:100%;text-align:center;margin-right:15px;background-color:#353535;overflow:hidden}.gate .links .item .avatar i{font-size:24px}.gate .links .item .avatar img{height:60px;max-width:60px;border-radius:100%}.gate .links .item .inner{padding:6px}.gate .links .item .inner h5{font-weight:400;font-size:17px}.gate .links .item .inner p{font-size:13px;color:#fff9}.ch{width:100%;padding:80px 0;animation:fadedown 1s cubic-bezier(.19,1,.22,1);-webkit-animation:fadedown 1s cubic-bezier(.19,1,.22,1);-ms-animation:fadedown 1s cubic-bezier(.19,1,.22,1);-moz-animation:fadedown 1s cubic-bezier(.19,1,.22,1)}.ch h2.chtitle{padding-bottom:30px;font-size:26px;letter-spacing:.2em;color:#ffffff80}.ch h2.chtitle span{color:#fff}.ch h2.chtitle:after{content:"";display:block;width:10%;height:5px;background-color:#ffffff80;margin-top:30px}.footer{text-align:center}.footer a{color:inherit;text-decoration:none}.footer a:hover{text-decoration:underline}.footer h3{font-weight:400;font-size:20px;letter-spacing:.8em;margin:6px 0}.footer p{font-size:12px;letter-spacing:1em;opacity:.3}.footer p.c{margin-top:20px;letter-spacing:.1em}*{padding:0;margin:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}body,html{font-family:Microsoft YaHei;-webkit-font-smoothing:antialiased;color:#fff;line-height:1.5;min-width:1150px;background-color:#212121;font-size:14px;overflow-x:hidden}@keyframes bg{0%{transform:rotate(0);border-radius:0}50%{transform:rotate(180deg);border-radius:0}to{transform:rotate(360deg);border-radius:0}}@-webkit-keyframes bg{0%{transform:rotate(0);border-radius:0}50%{transform:rotate(180deg);border-radius:0}to{transform:rotate(360deg);border-radius:0}}@-ms-keyframes bg{0%{transform:rotate(0);border-radius:0}50%{transform:rotate(180deg);border-radius:0}to{transform:rotate(360deg);border-radius:0}}@-moz-keyframes bg{0%{transform:rotate(0);border-radius:0}50%{transform:rotate(180deg);border-radius:0}to{transform:rotate(360deg);border-radius:0}}@keyframes fadedown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadedown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@-ms-keyframes fadedown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@-moz-keyframes fadedown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.container{position:relative;width:1000px;margin:0 auto;height:100%;padding:20px 0}.intro{color:#fff;height:100vh;padding:0}.intro .container{animation:fadedown 3.5s cubic-bezier(.19,1,.22,1);-webkit-animation:fadedown 3.5s cubic-bezier(.19,1,.22,1);-ms-animation:fadedown 3.5s cubic-bezier(.19,1,.22,1);-moz-animation:fadedown 3.5s cubic-bezier(.19,1,.22,1)}.hello{position:absolute;bottom:20%;left:0}.hello h1,.hello h2{font-weight:400;font-size:22px;line-height:1.5em;letter-spacing:.2em}.hello h1{font-size:42px;letter-spacing:.5em}.hello h2{padding-top:.6em}.hello .circle{float:left;margin-right:10px;letter-spacing:0}.hello .circle span{display:inline-block;width:13px;height:13px;background-color:#fff;border-radius:100%;margin-right:5px}.hello .circle span:nth-child(1){background-color:#ff493f}.hello .circle span:nth-child(2){background-color:#f7c900}.hello .circle span:nth-child(3){background-color:#00ff37}.about .introduct{line-height:2em}.about .introduct img.avatar{float:right;width:140px;margin-left:40px;margin-right:20px;border-radius:100%}.about ul.skill{margin-top:50px}.about ul.skill li{list-style:none;padding:10px 0;width:45%;float:left;margin-right:5%}.about ul.skill li p{display:inline-block;width:26%;margin-right:3%;font-size:12px}.about ul.skill li .progress{display:inline-block;width:70%;height:3px;background-color:#fff3;vertical-align:middle}.about ul.skill li .progress span{font-size:12px;color:#fff6;opacity:0;position:relative;top:-5px;letter-spacing:.5em;transition:.3s all}.about ul.skill li:hover .progress span{opacity:1;top:0}.about ul.skill li .progress div{background-color:#fff;height:3px;position:relative}ul.skill li .progress div{animation:progressin 7s;-webkit-animation:progressin 7s;-ms-animation:progressin 7s;-moz-animation:progressin 7s}@keyframes progressin{0%{width:0}}@-webkit-keyframes progressin{0%{width:0}}@-ms-keyframes progressin{0%{width:0}}@-moz-keyframes progressin{0%{width:0}}@keyframes loading-point{0%{opacity:.8}50%{opacity:.25}to{opacity:8}}@keyframes error{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(0)}75%{transform:translate(2px)}to{transform:translate(0)}}@keyframes index-link-active{0%{transform:perspective(1600px) rotateX(0) rotateY(0) translateZ(0)}16%{transform:perspective(1600px) rotateX(10deg) rotateY(5deg) translateZ(32px)}to{transform:perspective(1600px) rotateX(0) rotateY(0) translateZ(65px)}}@media screen and (min-width: 1400px){.container{width:70%}nav a{font-size:18px}}@media screen and (max-width: 700px){body,html{min-width:0}.container{width:auto;margin:0 5%}div.el span{display:block;width:60%;left:0;top:75px;margin:-40% auto 0}nav{padding:15px 5%;overflow:auto;font-size:13px;left:0;top:inherit;bottom:0;transform:rotate(0) translateZ(0);transform-origin:0 100%;white-space:nowrap;width:90%;background:-webkit-linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8))}.ch{padding:40px 0}.hello{width:90%;padding:5%;text-align:center;bottom:50%}.hello .circle{float:none;margin-right:0}.hello h2{padding-top:0}.hello h1,.hello h2{font-weight:400;font-size:14px}.hello .circle{padding:20px}.hello .circle span{margin:0 5px;width:10px;height:10px}.hello h1{font-size:26px}.about .introduct img.avatar{float:none;margin-left:0;margin-right:0;width:100px}.about .introduct,.about .skill{float:none;width:auto}.about .skill{padding-top:40px}.about ul.skill li{width:100%}.find .links .item,.gate .links .item{width:46%;height:auto;padding:5px 0;margin:10px 2%}.find .links .item{height:60px;line-height:60px;font-size:13px}.gate .links .item .avatar{height:40px;line-height:40px;width:40px}.gate .links .item .avatar img{height:40px;max-width:40px}.gate .links .item .inner{padding:0}.gate .links .item .inner h5{font-size:15px}.gate .links .item .inner h5,.gate .links .item .inner p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.footer{padding-bottom:100px}.footer h3,.footer p{letter-spacing:.2em}}@font-face{font-family:iconfont;src:url(data:font/woff2;base64,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) format("woff2")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-netease:before{content:""}.icon-weibo:before{content:""}.icon-qq:before{content:""}.icon-mail:before{content:""}.icon-steam:before{content:""}.icon-zhihu:before{content:""}.icon-bangumi-icon:before{content:""}.icon-twitter:before{content:""}.icon-bilibili:before{content:""}.icon-github2:before{content:""}