.app-svg{display:inline-flex}.head-login{font-size:13px;margin:0 2px 0 10px}.head-login,.head-login a{align-items:center;display:flex}.head-login a{justify-content:center}.head-login a p{margin:0 6px}.head-login svg{cursor:pointer;transition:.3s}.head-login svg:hover{opacity:.7}.user-details{width:180px}.user-details .item{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin:2px 0;padding:8px 10px}.user-details .item:hover{background-color:var(--app-theme);color:#fff}.user-details .item .title{align-items:center;display:flex;font-size:13px}.user-details .item .title i{margin-right:6px}.user-details .item a{transition:0s}.user-details .item a:hover{color:#fff}.user-details .item i{cursor:pointer;font-size:15px}.user-details .item p{padding-top:1px}.user-out{border-top:1px solid #f4f4f4;cursor:pointer;margin-block-start:10px;padding:12px 10px 6px;text-align:center;width:100%}.user-out:hover{opacity:.8}.app-navs{background-color:#fff;height:52px;position:sticky;top:0;width:100%;z-index:20}.app-navs .data{margin:0 auto;max-width:1450px}.app-navs .data,.app-navs .data .left{align-items:center;display:flex;height:100%}.app-navs .data .left{justify-content:center;margin:0 40px;width:auto}@media (max-width:996px){.app-navs .data .left{margin:0 12px}}.app-navs .data .left .logo{height:40px;margin-block-start:2px}@media (max-width:996px){.app-navs .data .left .logo{display:none}}.app-navs .data .main{align-items:center;display:flex;flex:1 0 0%;gap:16px;height:100%;min-width:0}.app-navs .data .main .item{align-items:center;display:flex;gap:2px;position:relative}.app-navs .data .main .item:after{background-color:var(--app-theme);border-radius:20px;bottom:-17px;content:"";height:4px;opacity:0;position:absolute;transition:.3s;width:100%}.app-navs .data .main .item:hover:after{opacity:1}.app-navs .data .main .item i{font-size:14px}@media (max-width:996px){.app-navs .data .main .item.vue{display:none}}.app-navs .data .main .item.router-link-active{color:var(--app-theme)}.app-navs .data .main .item.router-link-active:after{opacity:1}.app-navs .data .right{align-items:center;display:flex;margin-inline-end:16px}