@charset "utf-8";.text{font-family:AaHuanLeBao,cursive;font-size:5em;letter-spacing:-8px;text-align:center;margin:20px auto;cursor:default}.text .letter{position:relative;display:inline-block;-webkit-transition:all 1s;transition:all 1s;white-space:nowrap}.text .letter .character{opacity:.65;-webkit-transition:color .4s;transition:color .4s;cursor:pointer}.text .letter span{position:absolute;bottom:.2rem;left:.3rem;display:block;width:100%;height:15px}.text .letter span::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,0,0,.25)}.text .letter:hover .character{color:#636363!important}.second-part,.text .first-part{display:inline-block;white-space:nowrap}.text .first-part{-webkit-animation:slideFirstPart 5s ease-in-out infinite alternate;animation:slideFirstPart 5s ease-in-out infinite alternate}.text .second-part{position:absolute;-webkit-animation:slideFadeInSecondPart 5s ease-in-out infinite alternate;animation:slideFadeInSecondPart 5s ease-in-out infinite alternate}@-webkit-keyframes slideFirstPart{0%,25%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-55%);transform:translateX(-55%)}100%{-webkit-transform:translateX(-55%);transform:translateX(-55%)}}@-webkit-keyframes slideFadeInSecondPart{0%,25%{visibility:hidden;opacity:0;-webkit-transform:translateX(8%);transform:translateX(8%)}50%{visibility:visible;opacity:1;-webkit-transform:translateX(-49%);transform:translateX(-49%)}100%{visibility:visible;opacity:1;-webkit-transform:translateX(-49%);transform:translateX(-49%)}}@keyframes slideFirstPart{0%,25%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-55%);transform:translateX(-55%)}100%{-webkit-transform:translateX(-55%);transform:translateX(-55%)}}@keyframes slideFadeInSecondPart{0%,25%{visibility:hidden;opacity:0;-webkit-transform:translateX(8%);transform:translateX(8%)}50%{visibility:visible;opacity:1;-webkit-transform:translateX(-49%);transform:translateX(-49%)}100%{visibility:visible;opacity:1;-webkit-transform:translateX(-49%);transform:translateX(-49%)}}.text .letter:nth-child(1).poofed{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:poofing1 1.4s ease-in-out infinite alternate;animation:poofing1 1.4s ease-in-out infinite alternate}@-webkit-keyframes poofing1{0%{-webkit-transform:rotateZ(0) rotateY(0) translateY(0) scale(1);transform:rotateZ(0) rotateY(0) translateY(0) scale(1)}50%{-webkit-transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1)}56%{-webkit-transform:rotateZ(459deg) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(459deg) rotateY(360deg) translateY(0) scale(1)}100%{-webkit-transform:rotateZ(459deg) rotateY(360deg) translateY(-700px) scale(.01);transform:rotateZ(459deg) rotateY(360deg) translateY(-700px) scale(.01)}}@keyframes poofing1{0%{-webkit-transform:rotateZ(0) rotateY(0) translateY(0) scale(1);transform:rotateZ(0) rotateY(0) translateY(0) scale(1)}50%{-webkit-transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1)}56%{-webkit-transform:rotateZ(459deg) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(459deg) rotateY(360deg) translateY(0) scale(1)}100%{-webkit-transform:rotateZ(459deg) rotateY(360deg) translateY(-700px) scale(.01);transform:rotateZ(459deg) rotateY(360deg) translateY(-700px) scale(.01)}}.text .first-part .letter:nth-child(1) .character{color:#f44336;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:.33333s;animation-delay:.33333s}.text .first-part .letter:nth-child(1) span::before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:.33333s;animation-delay:.33333s}.text .first-part .letter:nth-child(2).poofed{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:poofing2 1.4s ease-in-out infinite alternate;animation:poofing2 1.4s ease-in-out infinite alternate}@-webkit-keyframes poofing2{0%{-webkit-transform:rotateZ(0) rotateY(0) translateY(0) scale(1);transform:rotateZ(0) rotateY(0) translateY(0) scale(1)}50%{-webkit-transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1)}56%{-webkit-transform:rotateZ(540deg) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(540deg) rotateY(360deg) translateY(0) scale(1)}100%{-webkit-transform:rotateZ(540deg) rotateY(360deg) translateY(-700px) scale(.01);transform:rotateZ(540deg) rotateY(360deg) translateY(-700px) scale(.01)}}@keyframes poofing2{0%{-webkit-transform:rotateZ(0) rotateY(0) translateY(0) scale(1);transform:rotateZ(0) rotateY(0) translateY(0) scale(1)}50%{-webkit-transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1)}56%{-webkit-transform:rotateZ(540deg) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(540deg) rotateY(360deg) translateY(0) scale(1)}100%{-webkit-transform:rotateZ(540deg) rotateY(360deg) translateY(-700px) scale(.01);transform:rotateZ(540deg) rotateY(360deg) translateY(-700px) scale(.01)}}.text .first-part .letter:nth-child(2) .character{color:#9c27b0;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:.66667s;animation-delay:.66667s}.text .first-part .letter:nth-child(2) span::before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:.66667s;animation-delay:.66667s}.text .first-part .letter:nth-child(3).poofed{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:poofing3 1.4s ease-in-out infinite alternate;animation:poofing3 1.4s ease-in-out infinite alternate}@-webkit-keyframes poofing3{0%{-webkit-transform:rotateZ(0) rotateY(0) translateY(0) scale(1);transform:rotateZ(0) rotateY(0) translateY(0) scale(1)}50%{-webkit-transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1)}56%{-webkit-transform:rotateZ(264deg) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(264deg) rotateY(360deg) translateY(0) scale(1)}100%{-webkit-transform:rotateZ(264deg) rotateY(360deg) translateY(-700px) scale(.01);transform:rotateZ(264deg) rotateY(360deg) translateY(-700px) scale(.01)}}@keyframes poofing3{0%{-webkit-transform:rotateZ(0) rotateY(0) translateY(0) scale(1);transform:rotateZ(0) rotateY(0) translateY(0) scale(1)}50%{-webkit-transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1)}56%{-webkit-transform:rotateZ(264deg) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(264deg) rotateY(360deg) translateY(0) scale(1)}100%{-webkit-transform:rotateZ(264deg) rotateY(360deg) translateY(-700px) scale(.01);transform:rotateZ(264deg) rotateY(360deg) translateY(-700px) scale(.01)}}.text .first-part .letter:nth-child(3) .character{color:#f99b0c;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:1s;animation-delay:1s}.text .first-part .letter:nth-child(3) span::before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:1s;animation-delay:1s}.text .second-part .letter:nth-child(1).poofed{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:poofing7 1.4s ease-in-out infinite alternate;animation:poofing7 1.4s ease-in-out infinite alternate}@-webkit-keyframes poofing7{0%{-webkit-transform:rotateZ(0) rotateY(0) translateY(0) scale(1);transform:rotateZ(0) rotateY(0) translateY(0) scale(1)}50%{-webkit-transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1)}56%{-webkit-transform:rotateZ(156deg) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(156deg) rotateY(360deg) translateY(0) scale(1)}100%{-webkit-transform:rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(.01);transform:rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(.01)}}@keyframes poofing7{0%{-webkit-transform:rotateZ(0) rotateY(0) translateY(0) scale(1);transform:rotateZ(0) rotateY(0) translateY(0) scale(1)}50%{-webkit-transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1)}56%{-webkit-transform:rotateZ(156deg) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(156deg) rotateY(360deg) translateY(0) scale(1)}100%{-webkit-transform:rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(.01);transform:rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(.01)}}.text .second-part .letter:nth-child(1) .character{color:#00c6b2;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:1.33333s;animation-delay:1.33333s}.text .second-part .letter:nth-child(1) span::before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:1.33333s;animation-delay:1.33333s}.text .second-part .letter:nth-child(2).poofed{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:poofing8 1.4s ease-in-out infinite alternate;animation:poofing8 1.4s ease-in-out infinite alternate}@-webkit-keyframes poofing8{0%{-webkit-transform:rotateZ(0) rotateY(0) translateY(0) scale(1);transform:rotateZ(0) rotateY(0) translateY(0) scale(1)}50%{-webkit-transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1)}56%{-webkit-transform:rotateZ(156deg) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(156deg) rotateY(360deg) translateY(0) scale(1)}100%{-webkit-transform:rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(.01);transform:rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(.01)}}@keyframes poofing8{0%{-webkit-transform:rotateZ(0) rotateY(0) translateY(0) scale(1);transform:rotateZ(0) rotateY(0) translateY(0) scale(1)}50%{-webkit-transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1)}56%{-webkit-transform:rotateZ(156deg) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(156deg) rotateY(360deg) translateY(0) scale(1)}100%{-webkit-transform:rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(.01);transform:rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(.01)}}.text .second-part .letter:nth-child(2) .character{color:#4caf50;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:1.66667s;animation-delay:1.66667s}.text .second-part .letter:nth-child(2) span::before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:1.66667s;animation-delay:1.66667s}.text .second-part .letter:nth-child(3).poofed{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:poofing9 1.4s ease-in-out infinite alternate;animation:poofing9 1.4s ease-in-out infinite alternate}@-webkit-keyframes poofing9{0%{-webkit-transform:rotateZ(0) rotateY(0) translateY(0) scale(1);transform:rotateZ(0) rotateY(0) translateY(0) scale(1)}50%{-webkit-transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1)}56%{-webkit-transform:rotateZ(156deg) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(156deg) rotateY(360deg) translateY(0) scale(1)}100%{-webkit-transform:rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(.01);transform:rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(.01)}}@keyframes poofing9{0%{-webkit-transform:rotateZ(0) rotateY(0) translateY(0) scale(1);transform:rotateZ(0) rotateY(0) translateY(0) scale(1)}50%{-webkit-transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(0) rotateY(360deg) translateY(0) scale(1)}56%{-webkit-transform:rotateZ(156deg) rotateY(360deg) translateY(0) scale(1);transform:rotateZ(156deg) rotateY(360deg) translateY(0) scale(1)}100%{-webkit-transform:rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(.01);transform:rotateZ(156deg) rotateY(360deg) translateY(-700px) scale(.01)}}.text .second-part .letter:nth-child(3) .character{color:#ff5a5f;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:2s;animation-delay:2s}.text .second-part .letter:nth-child(3) span::before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes wave{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes wave{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes shadow{0%{width:0;height:0}50%{width:60%;height:60%}100%{width:0;height:0}}@keyframes shadow{0%{width:0;height:0}50%{width:60%;height:60%}100%{width:0;height:0}}@-webkit-keyframes rotate{0%{-webkit-transform:rotateZ(0) scale(.7);transform:rotateZ(0) scale(.7)}100%{-webkit-transform:rotateZ(360deg) scale(.7);transform:rotateZ(360deg) scale(.7)}}@keyframes rotate{0%{-webkit-transform:rotateZ(0) scale(.7);transform:rotateZ(0) scale(.7)}100%{-webkit-transform:rotateZ(360deg) scale(.7);transform:rotateZ(360deg) scale(.7)}}@media only screen and (max-width:1024px) and (max-aspect-ratio:1/1){.text{font-size:5em;letter-spacing:-6px}.text .letter span{bottom:0;left:.2rem}}@media only screen and (max-width:767px){.text{font-size:3.5em;letter-spacing:-6px}.text .letter span{bottom:.15rem}}@media only screen and (max-width:480px){.text{font-size:3em;letter-spacing:-5px}.text .letter span{bottom:-.1em;left:.15rem}}:root{--grow-time:2s;--fade-time:8s}.circle{border-radius:100%;height:2px;position:absolute;transform:translateZ(0);width:2px}.circle.dynamic{z-index:-1;background:#81ecec;-webkit-animation:grow var(--grow-time) forwards,fade var(--fade-time) calc(var(--grow-time) - var(--fade-time)) forwards;animation:grow var(--grow-time) forwards,fade var(--fade-time) calc(var(--grow-time) - var(--fade-time)) forwards;opacity:.4;pointer-events:none}.circle.static{z-index:-2;width:100px;height:100px;opacity:1;transition:opacity .3s ease;pointer-events:auto}.circle.static:hover{opacity:.5}@-webkit-keyframes grow{0%{-webkit-transform:translateZ(0) scale(0);transform:translateZ(0) scale(0)}100%{-webkit-transform:translateZ(0) scale(100);transform:translateZ(0) scale(100)}}@keyframes grow{0%{-webkit-transform:translateZ(0) scale(0);transform:translateZ(0) scale(0)}100%{-webkit-transform:translateZ(0) scale(100);transform:translateZ(0) scale(100)}}@-webkit-keyframes fade{80%{opacity:.4}100%{opacity:0}}@keyframes fade{80%{opacity:.4}100%{opacity:0}}#main-content{visibility:hidden}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:10px;background:#3498db;border-radius:5px;animation:load 1.8s ease-in-out infinite}.loader:after,.loader:before{position:absolute;display:block;content:"";animation:load 1.8s ease-in-out infinite;height:10px;border-radius:5px}.loader:before{top:-20px;left:10px;width:40px;background:#ef4836}.loader:after{bottom:-20px;width:35px;background:#f5ab35}@keyframes load{0%{transform:translateX(40px)}50%{transform:translateX(-30px)}100%{transform:translateX(40px)}}@font-face{font-family:AaHuanLeBao;src:url(subset-AaHuanLeBao.woff2) format('woff2'),url(subset-AaHuanLeBao.woff) format('woff'),url(subset-AaHuanLeBao.ttf) format('truetype'),url(subset-AaHuanLeBao.svg#AaHuanLeBao) format('svg');font-weight:400;font-style:normal;font-display:swap}body,html{position:fixed;margin:0;padding:0;height:100%;width:100%;font-family:PingFang SC,RobotoDraft,Roboto,Helvetica Neue,Helvetica,Arial,STHeiti,华文黑体,Microsoft YaHei,微软雅黑,sans-serif;color:#333;background:rgba(249,249,249,.66);overflow-x:hidden;overflow-y:hidden}body{display:flex;justify-content:center;align-items:center}.personal-info{margin:auto;margin-bottom:30px;text-align:center}.content-container{position:relative;text-align:center}.avatar{border-radius:50%;width:192px;margin:15px auto;-webkit-transition:opacity .25s ease,transform .25s ease;transition:opacity .25s ease,transform .25s ease}.avatar:hover{opacity:.7;transform:scale(1.05)}.avatar:active{transform:scale(.95);transition:transform .1s ease}p{margin:0}a{text-decoration:none;color:inherit}.bio{color:rgba(51,51,51,.54);margin-top:8px;display:flex;justify-content:center;align-items:center;cursor:default}.bio>span{font-weight:300;letter-spacing:1px;opacity:0;transition:all 1s .5s}.bio.ready>span{opacity:1}.intro .bio span{font-family:'Microsoft YaHei',sans-serif;font-weight:bolder;font-size:16px;padding:0 5px}.newline{display:inline}.social-links{text-align:center;margin-top:10px}.social-links ul{list-style:none;padding:0;margin:0 auto}.social-links ul li{display:inline-block;margin-right:5px;margin-top:0;padding:10px;border-radius:50%;list-style-type:none}.social-links ul li a{position:relative;display:block;border-radius:50%}.social-links ul li svg{width:40px;height:40px;border-radius:50%;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;cursor:pointer}.social-links ul li svg:hover{opacity:.3}.social-links ul li a:hover::after{opacity:1;pointer-events:none}.social-links ul li a::after{content:attr(tip);position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:5px 10px;border-radius:6px;font-size:.8em;white-space:nowrap;z-index:1;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;pointer-events:none}.social-links ul li svg:active{transform:scale(.9);filter:brightness(.5);transition:transform .1s ease,filter .1s ease}.footer{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);opacity:.3;font-weight:100;text-align:center}.footer p{font-size:12px;padding-bottom:2px}::selection{background:rgba(0,149,255,.1);color:#6f8ec5}@media only screen and (max-width:1025px) and (max-aspect-ratio:1/1){.avatar{width:256px}.bio>span,.intro .bio span{font-size:24px}.social-links ul li svg{width:56px;height:56px}.social-links ul li{padding:14px}.social-links ul li a::after{font-size:16px;padding:8px 12px}.newline{display:block}}@media only screen and (max-width:767px){.avatar{width:160px}.bio>span,.intro .bio span{font-size:14px;letter-spacing:.7px}.social-links ul li svg{width:32px;height:32px}.social-links ul li{padding:8px}.social-links ul li a::after{font-size:10px;padding:5px 8px}.newline{display:block}}@media only screen and (max-width:480px){.avatar{width:150px}.bio>span,.intro .bio span{font-size:13px;letter-spacing:.7px}.social-links ul li svg{width:40px;height:40px}.social-links ul li{padding:7px}.social-links ul li a::after{font-size:12px;padding:6px 8px}.footer{font-size:8px}.newline{display:block}}