.main-header-box[data-v-0d718497]{height:5rem;position:relative;z-index:1002}.main-header.visible[data-v-0d718497]{transform:translateZ(0)}.main-header[data-v-0d718497]{background:var(--juejin-navigation);box-shadow:0 2px 8px var(--juejin-layer-3-fill);color:#909090;height:5rem;left:0;position:fixed;right:0;top:0;transform:translate3d(0,-100%,0);transition:transform .2s;z-index:250}.container[data-v-0d718497]{align-items:center;display:flex;height:100%;min-width:100%;overflow-x:auto;padding:0 10px;-webkit-overflow-scrolling:touch}.main-header .container[data-v-0d718497]{margin:auto;max-width:1440px}.logo[data-v-0d718497]{align-items:center;display:inline-flex;flex-shrink:0;height:5rem;justify-content:center;margin-right:1rem;padding:0;text-decoration:none;width:160px}.logo img[data-v-0d718497]{flex-shrink:0;height:30px;width:30px}.logo-text[data-v-0d718497]{color:#1a1a1a;flex-shrink:0;font-size:18px;margin-left:6px;white-space:nowrap}.main-nav[data-v-0d718497]{flex:1 0 auto;height:100%;line-height:normal}.nav-list[data-v-0d718497]{align-items:center;display:flex;flex-direction:row-reverse;height:100%;justify-content:space-between;margin:0;position:relative}.main-nav-list[data-v-0d718497]{display:flex;order:99}.right-side-nav[data-v-0d718497]{align-items:center;display:flex;height:100%;justify-content:flex-end;margin:0;order:0;position:relative}.phone-hide[data-v-0d718497]{display:flex}.qrcode-text[data-v-0d718497]{color:var(--juejin-font-2);font-size:14px;line-height:22px}.qrcode-text a[data-v-0d718497]{color:var(--juejin-brand-1-normal)}.agreement-box[data-v-0d718497]{color:var(--juejin-font-3);margin-top:3.33rem;text-align:center}.agreement-box a[data-v-0d718497]{color:var(--juejin-brand-1-normal)}.phone-hide .nav-item.link-item a[data-v-0d718497]:not(.no-hover){display:inline-block;height:5rem;line-height:5rem;padding:0 1rem}.nav-item.link-item[data-v-0d718497]{height:5rem;padding:0}.nav-item[data-v-0d718497]{align-items:center;color:#86909c;cursor:pointer;display:flex;font-size:1.167rem;height:100%;justify-content:center;margin:0;padding:0 1rem}.search-add[data-v-0d718497]{display:flex;flex:1 1 auto;height:5rem;justify-content:flex-end}.nav-item.menu[data-v-0d718497]{background-color:var(--juejin-navigation);padding-left:0;position:relative}.nav-item[data-v-0d718497]:last-child{padding-right:0}.nav-item .avatar-wrapper[data-v-0d718497]{margin-right:2rem}.user-info .avatar[data-v-0d718497]{border-radius:50%;height:48px;margin-right:12px;position:relative;width:48px}.nav-item .avatar-wrapper .avatar[data-v-0d718497]{border-radius:50%;height:3rem;position:relative;width:3rem}.jj-avatar[data-v-0d718497]{box-sizing:border-box;display:inline-flex;position:relative}.jj-avatar .avatar-img[data-v-0d718497]{background-color:var(--juejin-gray-3);border-radius:50%;height:100%;width:100%}.jj-avatar .avatar-img[data-v-0d718497],.lazy[data-v-0d718497]{-o-object-fit:cover;object-fit:cover}.lazy[data-v-0d718497]{position:relative}@media screen and (width >= 1351px){.search-add-ul.is-resource-visible[data-v-0d718497]{width:34.334rem}.search-add-ul[data-v-0d718497]{width:42.833rem}}.search-add-ul[data-v-0d718497]{display:flex;justify-content:flex-start}.nav-item.search[data-v-0d718497]{cursor:auto;padding-left:0}.nav-item.add.creator-item[data-v-0d718497]{overflow:visible;padding-left:5px;width:11rem}.nav-item.add[data-v-0d718497]{cursor:default;overflow:hidden;padding-left:0;transition:width .3s;width:25rem}@media screen and (width >= 1351px){.search-form.is-resource-visible[data-v-0d718497]{width:260px}.search-form[data-v-0d718497]{width:360px}}.search-form[data-v-0d718497]{align-items:center;background-color:var(--juejin-navigation);border:1px solid var(--juejin-font-4);border-radius:4px;box-sizing:border-box;display:flex;height:2.834rem;justify-content:space-between;position:relative;transition:width .2s}.search-form .search-input[data-v-0d718497]{background-color:transparent;border:none;box-shadow:none;color:var(--juejin-font-1);font-size:1.1rem;outline:none;padding:.6rem 0 .6rem 1rem;transition:width .3s;width:calc(100% - 44px)}.search-form .seach-icon-container[data-v-0d718497]{align-items:center;background:var(--juejin-gray-2);border-radius:2px;display:flex;height:30px;justify-content:center;left:-2px;position:relative;width:44px}.nav-item.auth[data-v-0d718497]{color:#007fff;cursor:default;margin-left:.833rem;padding:0}.login-button-wrap[data-v-0d718497]{position:relative}.nav-item .login-button[data-v-0d718497]{align-items:center;background:#1e80ff0d;border:1px solid rgba(30,128,255,.3);border-radius:4px;color:#007fff;display:flex;font-size:14px;font-weight:400;height:3rem;line-height:1.9rem;margin-right:2rem;overflow:hidden;padding:.3rem 1rem}.login-button-inner[data-v-0d718497]{align-items:center;display:inline-flex}.login-button-line[data-v-0d718497]{background-color:var(--juejin-font-brand4-disable);height:12px;margin:0 6px;width:1px}.login-popover[data-v-0d718497]{border-top:20px solid transparent;position:absolute;right:24px;top:35px}.auth-modal-box[data-v-0d718497]{background-color:#0000004d;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:1100}.auth-header[data-v-0d718497],.auth-modal-box[data-v-0d718497]{align-items:center;display:flex}.auth-form[data-v-0d718497]{background-color:var(--juejin-layer-1);border-radius:8px;position:relative}.auth-header[data-v-0d718497]{border-bottom:1px solid var(--juejin-gray-1-2);flex-direction:row;justify-content:space-between;padding:1.67rem 2.33rem}.login-title[data-v-0d718497]{color:var(--juejin-font-1);font-size:1.67rem;font-weight:500;line-height:2.33rem}.close-btn[data-v-0d718497]{cursor:pointer;stroke:var(--juejin-font-3)}.auth-body[data-v-0d718497]{box-sizing:border-box;font-size:1.167rem;max-width:100%;padding:1.67rem 2.33rem}.login-body[data-v-0d718497]{display:flex;flex-direction:row}.login-main[data-v-0d718497]{width:26.67rem}.auth-qrcode[data-v-0d718497]{border-left:1px solid var(--juejin-gray-1-2);margin-left:3rem;padding-left:3rem}.title[data-v-0d718497]{align-items:center;color:var(--juejin-font-1);display:flex;flex-direction:row;font-size:1.33rem;font-weight:500;justify-content:space-between;margin:0 0 1.33rem}.app-version[data-v-0d718497]{color:var(--juejin-font-3);font-size:12px;font-weight:400;line-height:20px}.qrcode-img-wrap[data-v-0d718497]{height:152px;margin-bottom:16px;position:relative;width:152px}.qrcode-img[data-v-0d718497]{border:1.5px solid var(--juejin-component-hover);border-radius:4px;box-sizing:border-box;height:100%;width:100%}.qrcode-img-logo[data-v-0d718497]{height:37px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:37px}.input-group[data-v-0d718497]{margin-bottom:.5rem}.input-box[data-v-0d718497]{background-color:var(--juejin-gray-2);border-radius:4px;display:flex;position:relative}.input[data-v-0d718497]{background-color:transparent;border:1px solid transparent;border-radius:4px;box-sizing:border-box;outline:none;width:100%}.input[data-v-0d718497],.input[data-v-0d718497]:focus{color:var(--juejin-font-1)}.dropdown-box .input[data-v-0d718497]{border:none}.number-input[data-v-0d718497]{width:75%}.dropdown-input-container .dropdown-pannel[data-v-0d718497]{background-color:var(--juejin-layer-4-dropdown);border:1px solid var(--juejin-layer-3-border);border-radius:4px;box-shadow:0 2px 5px #00000014;left:-2px;max-height:188px;overflow-y:auto;position:absolute;top:40px;width:220px;z-index:200}.dropdown-input-container li.item[data-v-0d718497]{color:var(--juejin-font-2);display:flex;font-size:14px;justify-content:space-between;line-height:20px;padding:8px 10px}.dropdown-input-container .dropdown-input-box[data-v-0d718497]:before{color:var(--juejin-font-1);content:"+"}.input-dropdown input[data-v-0d718497]{background-color:transparent;color:var(--juejin-font-1)}.dropdown-input-container input[data-v-0d718497]{border:none;color:var(--juejin-font-3);margin:0;outline:none;padding:0;width:32px}.dropdown-input-container .dropdown-input-box input[data-v-0d718497]{background-color:unset}.error-text[data-v-0d718497]{color:var(--juejin-danger-1-normal);font-size:12px;line-height:20px;min-height:20px;padding:0 10px;text-align:left}.send-vcode-btn[data-v-0d718497]{background-color:transparent;color:var(--juejin-brand-1-normal);height:100%;line-height:1;position:absolute;right:0;top:0}.btn[data-v-0d718497]{background-color:var(--juejin-brand-1-normal);border-radius:4px;color:#fff;cursor:pointer;height:3.33rem;margin-top:.2rem;outline:none;width:100%}.btn[data-v-0d718497],.more-list[data-v-0d718497]{box-sizing:border-box}.more-list[data-v-0d718497]{flex-direction:column;max-height:344px;position:relative;right:0;width:216px;z-index:10}.more-list .menu[data-v-0d718497]{display:flex;flex-wrap:wrap}.more-list .menu .item .write-article[data-v-0d718497]{background-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/69704c6%E2%80%A6.svg)}.more-list .menu .item .icon[data-v-0d718497]{background-position-x:center;background-position-y:center;height:40px;width:40px}.more-list .menu .item .item-title[data-v-0d718497]{color:var(--juejin-font-2);font-size:14px;line-height:24px}.actions-count-list .item[data-v-0d718497]{height:40px;line-height:40px;text-align:center;width:111px}.more-list .menu .item[data-v-0d718497]{align-items:center;border-radius:2px;box-sizing:border-box;display:flex;flex-direction:column;height:72px;justify-content:center;width:72px}.main-nav-list .el-menu-item.is-active[data-v-0d718497]:after{display:none}.main-nav-list .el-menu-item.is-active[data-v-0d718497]{color:#42b983;font-weight:700}.drop-down-menu[data-v-0d718497]{cursor:auto}.user-info[data-v-0d718497]{display:flex;margin-bottom:16px}.user-info .user-detail .username[data-v-0d718497]{color:var(--juejin-font-1);display:-webkit-box;font-size:16px;line-height:24px;margin:2px 0;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;word-break:break-all;-webkit-box-orient:vertical}.user-info .user-detail[data-v-0d718497]{width:164px}.user-info .user-detail .ore[data-v-0d718497]{color:var(--juejin-font-1);display:inline-block;font-size:12px;line-height:18px}.actions-count-list[data-v-0d718497]{border-bottom:1px solid var(--juejin-gray-1-2);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:12px;width:100%}.actions-count-list .item .item-count[data-v-0d718497]{color:var(--juejin-font-1);font-size:16px;font-weight:500;line-height:18px;margin-bottom:4px}.actions-count-list .item .item-name[data-v-0d718497]{color:var(--juejin-font-3);font-size:12px;font-weight:400;line-height:18px}.dropdown-list[data-v-0d718497]{align-items:center;border-bottom:1px solid var(--juejin-gray-1-2);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:10px}.dropdown-list .dropdown-item[data-v-0d718497]{color:var(--juejin-font-1);font-size:14px;height:40px;line-height:40px;width:104px}.dropdown-list .dropdown-item .open-menu-page[data-v-0d718497]{align-items:center;color:var(--juejin-font-1);display:flex;height:40px}.dropdown-list .dropdown-item .open-menu-page .menu-icon-light[data-v-0d718497]{color:#8a919f}.dropdown-list .dropdown-item .open-menu-page .menu-icon[data-v-0d718497]{height:20px;line-height:20px;margin:0 8px;position:relative;width:20px}.dropdown-list .dropdown-item .open-menu-page .menu-name[data-v-0d718497]{display:inline-block}.group[data-v-0d718497]{display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;margin-top:1rem}@keyframes shake-0d718497{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}to{transform:translate(0)}}.qrcode-img.shake[data-v-0d718497]{animation:shake-0d718497 .4s}