[data-v-377a1c7a]: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-377a1c7a]{margin:0 auto;width:1200px}nav[data-v-377a1c7a]{height:80px}.navbar[data-v-377a1c7a]{background-color:var(--header-bg);position:fixed}.logo[data-v-377a1c7a]{height:50px;line-height:50px;width:15%}.logo img[data-v-377a1c7a]{height:50px;margin-left:10px;margin-right:10px;-o-object-fit:contain;object-fit:contain;width:150px}.logo[data-v-377a1c7a]:hover{cursor:pointer}.button-container .publish-button[data-v-377a1c7a]{margin-right:20px}.button-container .publish-button .button[data-v-377a1c7a]{background-color:var(--ring-blue);border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;height:28px;line-height:28px;padding:0 10px;-webkit-transition:all .2s ease;transition:all .2s ease}.userinfo[data-v-377a1c7a]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:20px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0}.avatar[data-v-377a1c7a]{border-radius:50%;cursor:pointer;height:45px;margin-right:20px;-o-object-fit:cover;object-fit:cover;width:45px}.dropdown-container[data-v-377a1c7a]{display:inline-block;position:relative}.dropdown-menu[data-v-377a1c7a]{background:#fff;border-radius:6px;-webkit-box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);margin-top:10px;opacity:0;padding:4px 0;position:absolute;right:0;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all .3s ease;transition:all .3s ease;visibility:hidden;width:130px;z-index:10}.dropdown-container:hover .dropdown-menu[data-v-377a1c7a]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.menu-item[data-v-377a1c7a]{display:-webkit-box;display:-ms-flexbox;display:flex;height:35px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#333;cursor:pointer;padding:10px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s}.menu-item[data-v-377a1c7a]:hover{background-color:#f5f5f5}.menu-item .icon[data-v-377a1c7a]{display:-webkit-box;display:-ms-flexbox;display:flex;height:20px;margin-right:8px;width:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.menu-item .icon img[data-v-377a1c7a]{max-height:100%;max-width:100%}.x-cursor-p[data-v-377a1c7a]{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}.navbar .nav-list[data-v-377a1c7a]{height:60px}.nav-list[data-v-377a1c7a]{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-377a1c7a]{list-style:none;margin:0 20px}.nav-list li a[data-v-377a1c7a]{color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:5px 0;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-377a1c7a]{border-bottom:2px solid var(--header-active)}@media screen and (max-width:1600px){.w[data-v-377a1c7a]{max-width:100%}}@media screen and (max-width:1400px){.w[data-v-377a1c7a]{max-width:100%}}@media screen and (max-width:1200px){.w[data-v-377a1c7a]{max-width:100%}}@media screen and (max-width:768px){.w[data-v-377a1c7a]{max-width:100%}.logo img[data-v-377a1c7a]{width:100px}.navbar .nav-list li[data-v-377a1c7a]{float:inherit}.navbar .nav-list li a[data-v-377a1c7a]{color:#fff;display:inline-block}.navbar[data-v-377a1c7a]{padding:0 10px;width:100%}.logo[data-v-377a1c7a]{width:50%}.logo h1[data-v-377a1c7a]{font-size:18px}.button-container[data-v-377a1c7a],.navbar .nav-list[data-v-377a1c7a]{display:none}.navbar .userinfo[data-v-377a1c7a]{background:#333;display:none;height:auto;left:0;position:absolute;text-align:center;top:60px;z-index:99}.hbg[data-v-377a1c7a]{position:absolute;right:10px;top:15px}.line[data-v-377a1c7a]{background-color:#fff;height:2.5px;margin-top:5px;-webkit-transition:all .5s;transition:all .5s;width:25px}.line-hide[data-v-377a1c7a]{display:none}.line-rotate1[data-v-377a1c7a]{-webkit-transform:translateY(5px) rotate(225deg);transform:translateY(5px) rotate(225deg)}.line-rotate3[data-v-377a1c7a]{-webkit-transform:translateY(-3px) rotate(-225deg);transform:translateY(-3px) rotate(-225deg)}}.navbar[data-v-377a1c7a]{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:var(--header-u-bg);left:0;position:relative;top:0;z-index:1000}