[data-v-9780a5a5]:root{--ring-orange:#fa6400;--ring-red:#f36264;--ring-blue:#286efa;--ring-white:#fff;--header-bg:#333;--header-active:#286efa;--header-hover:#1e90ff;--header-u-bg:#333}.w[data-v-9780a5a5]{margin:0 auto;width:1200px}nav[data-v-9780a5a5]{height:80px}.navbar[data-v-9780a5a5]{align-items:center;background-color:var(--header-bg);display:flex;height:60px;justify-content:space-between;left:0;position:fixed;top:0;width:100%;z-index:1000}.logo[data-v-9780a5a5]{height:50px;line-height:50px;width:15%}.logo img[data-v-9780a5a5]{height:50px;margin-left:10px;margin-right:10px;-o-object-fit:contain;object-fit:contain;width:150px}.logo[data-v-9780a5a5]:hover{cursor:pointer}.login[data-v-9780a5a5]{align-items:center;display:flex;justify-content:flex-end;width:10%!important}.avatar[data-v-9780a5a5],.login[data-v-9780a5a5]{margin-right:20px}.avatar[data-v-9780a5a5]{border-radius:50%;height:45px;-o-object-fit:cover;object-fit:cover;width:45px}.x-cursor-p[data-v-9780a5a5]{align-items:center;color:#fff;display:flex;gap:5px}.navbar ul[data-v-9780a5a5]{height:60px;width:70%}.nav-list[data-v-9780a5a5]{align-items:center;display:flex;flex-grow:1;justify-content:center;margin:0 auto;padding:0}.nav-list li[data-v-9780a5a5]{list-style:none;margin:0 20px}.nav-list li a[data-v-9780a5a5]{align-items:center;color:#fff;display:inline-flex;gap:4px;justify-content:center;padding:5px 0;position:relative;text-decoration:none;vertical-align:middle}.nav-list li a.active[data-v-9780a5a5]{border-bottom:2px solid var(--header-active)}.nav-list li a[data-v-9780a5a5]:not(.active):not(.publish-button):hover:after{background-color:var(--header-active);bottom:0;content:"";display:block;height:2px;left:0;position:absolute;width:100%}.publish-button[data-v-9780a5a5]{background-color:var(--header-active);border:none;border-radius:20px;cursor:pointer;font-size:14px;transition:background-color .3s ease;width:70px}.publish-button svg[data-v-9780a5a5]{height:16px;width:16px;fill:#fff}.publish-button[data-v-9780a5a5]:hover{background-color:var(--header-hover)}@media screen and (max-width:1600px){.w[data-v-9780a5a5]{max-width:100%}}@media screen and (max-width:1400px){.w[data-v-9780a5a5]{max-width:100%}}@media screen and (max-width:1200px){.w[data-v-9780a5a5]{max-width:100%}}@media screen and (max-width:1000px){.w[data-v-9780a5a5]{max-width:100%}.navbar[data-v-9780a5a5]{display:block}.logo img[data-v-9780a5a5]{margin-top:5px}.navbar ul li[data-v-9780a5a5]{float:inherit}.navbar ul li a[data-v-9780a5a5]{color:#fff;display:inline-block}.navbar[data-v-9780a5a5]{padding:0 10px;width:100%}.logo[data-v-9780a5a5]{width:50%}.logo h1[data-v-9780a5a5]{font-size:18px}.navbar ul[data-v-9780a5a5]{background:#333;display:none;height:auto;left:0;text-align:center;top:60px;width:100%;z-index:99}.hbg[data-v-9780a5a5],.navbar ul[data-v-9780a5a5]{position:absolute}.hbg[data-v-9780a5a5]{right:10px;top:15px}.line[data-v-9780a5a5]{background-color:#fff;height:2.5px;margin-top:5px;transition:all .5s;width:25px}.line-hide[data-v-9780a5a5]{display:none}.line-rotate1[data-v-9780a5a5]{transform:translateY(5px) rotate(225deg)}.line-rotate3[data-v-9780a5a5]{transform:translateY(-3px) rotate(-225deg)}}