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