#app{width:100%;height:100%;font-family:Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;background-color:#0a1428;color:#fff;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}::-webkit-scrollbar-thumb{background:rgba(0,212,255,.6);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(0,212,255,.8)}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.text-center{text-align:center}.text-primary{color:#fff}.text-secondary{color:#b3c5d7}.bg-primary{background-color:#00d4ff}.bg-surface{background-color:#1a2332}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}@media(max-width:1920px){.container{max-width:1920px}}@media(max-width:1440px){.container{max-width:1440px}}@media(max-width:1200px){.container{max-width:1200px}}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.left-panel{animation:slideInLeft .8s ease-out}.right-panel{animation:slideInRight .8s ease-out}.center-panel{animation:fadeInUp .8s ease-out .2s both}