#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}}