#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#app .emoji{position:fixed;font-size:34px;pointer-events:none;animation:float 1.2s ease-out forwards}@keyframes float{0%{opacity:1;transform:translate(0) rotate(0deg)}to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(var(--rotate))}}#app .click-area{height:100vh;display:flex;justify-content:center;align-items:center;font-size:24px;cursor:pointer;background:#f1f3f5}#app .click-area p{padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 15px rgba(0,0,0,.1);transition:transform .2s}#app .click-area p:active{transform:scale(.95)}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}body{height:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}html{box-sizing:border-box}*,:after,:before,a,body,div,html,p,span{padding:0;margin:0}*,:after,:before{box-sizing:inherit}@font-face{font-family:MyFont;src:url(https://ruston-test.oss-cn-shenzhen.aliyuncs.com/%E9%B8%BF%E9%9B%B7%E6%9D%BF%E4%B9%A6%E7%AE%80%E4%BD%93-%E6%AD%A3%E5%BC%8F%E7%89%88.ttf) format("truetype")}