.top-nav[data-v-587bd97e]{width:100%;height:64px;display:flex;justify-content:space-between;align-items:center;background-image:linear-gradient(270deg,#4cb2ff,#0f69ca 65%,#1a6bc2)}.top-nav .top-left[data-v-587bd97e]{display:flex;justify-content:flex-start;align-items:center;padding:14px 24px}.top-nav .top-left span[data-v-587bd97e]{font-family:PingFangSC-Semibold;font-size:24px;color:#f4f9ff;letter-spacing:0;font-weight:600;margin-left:12px}.top-nav .top-right[data-v-587bd97e]{display:flex;justify-content:flex-start;align-items:center;padding:14px 24px}.top-nav .top-right .right-head[data-v-587bd97e]{width:40px;height:40px;border-radius:50%;border:1px solid #fff;margin-left:24px;margin-right:12px}.top-nav .top-right .head-name[data-v-587bd97e]{font-family:PingFangSC-Semibold;font-size:15px;color:#fff;text-align:center;font-weight:600}.test{position:absolute;top:0;left:0}.app-wrapper{height:100%;width:100%}.app-main{box-sizing:border-box;height:100vh}