body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}#root,body,html{min-height:100vh}.header{position:fixed;background-color:hsla(0,0%,100%,.95);left:0;right:0;margin-left:auto;margin-right:auto;height:50px;box-shadow:0 0 1px 0 rgba(0,0,0,.3),0 0 6px 2px rgba(0,0,0,.15)}.header,.header .container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header .container{padding:.5rem}.header .container .right{display:flex;flex-direction:row;align-items:center}.body{padding-top:60px;min-height:calc(100vh - 80px)}.footer{padding:.5rem;text-align:center;color:#ccc}.center-box{left:0;right:0;margin:10% auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;flex-direction:column}.center-box,.user-span{display:flex;align-items:center}.user-span{flex-direction:row}.user-span img.avatar{max-width:24px;max-height:24px;margin-right:.5rem;border-radius:50%}.user-span span.coin{margin-left:.2rem;padding-left:5px;padding-right:5px;border-radius:.2rem}.recharge-page .price{font-family:Georgia,Times,Times New Roman,serif;font-size:36px}.profile-page .profile{text-align:center}.profile-page .profile .avatar{display:flex;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}.profile-page .profile .avatar img{border-radius:50%;margin:10px;max-width:100px}.profile-page .detail .row{width:50%;margin:20px auto 0;text-align:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px;border-bottom:1px solid #eee}.nav-menu{padding-left:1rem;padding-right:1rem;display:flex;align-items:center;height:50px}.nav-menu.active{background-color:#eee}