@keyframes skeleton-keyframes-data-v-751f0ccd{0%{background-position:0 0}to{background-position:480px 0}}.emoji.old[data-v-751f0ccd]{transform:scale(.9)}@media (max-width:600px){.web-only[data-v-751f0ccd]{display:none}}.side-navigator-wrap[data-v-751f0ccd]{max-width:100vw;box-sizing:border-box;overflow-x:auto;font-size:1.16rem;color:var(--juejin-font-3)}.nav-item-wrap[data-v-751f0ccd]{flex-wrap:nowrap;padding:1rem .66rem}.nav-item-content[data-v-751f0ccd],.nav-item-wrap[data-v-751f0ccd]{display:flex;flex-direction:row;align-items:center}.nav-item-content[data-v-751f0ccd]{line-height:2rem;padding:0 1rem;color:var(--juejin-font-3)}.nav-item[data-v-751f0ccd]{display:inline-block;box-sizing:border-box;position:relative;color:var(--juejin-font-3);word-break:keep-all;white-space:nowrap}.nav-item[data-v-751f0ccd] svg{vertical-align:sub;margin-right:2px}.nav-news[data-v-751f0ccd]{position:absolute;width:.33rem;height:.33rem;border-radius:6px;background-color:var(--juejin-danger-1-normal);top:-.2rem;right:-.2rem;z-index:1}.active-nav[data-v-751f0ccd]{font-weight:500}.active-nav .nav-item[data-v-751f0ccd],.active-nav[data-v-751f0ccd]{color:var(--juejin-font-brand1-normal)}.sub-nav-item[data-v-751f0ccd]{font-size:1rem;line-height:1.66rem;color:var(--juejin-font-3);word-break:keep-all;white-space:nowrap;padding:.16rem .66rem;margin:0 .5rem;background-color:var(--juejin-gray-2);border-radius:2rem;position:relative}.active-sub-nav[data-v-751f0ccd]{background-color:var(--juejin-brand-5-light);color:var(--juejin-font-brand1-normal)}.sub-nav-item-wrap[data-v-751f0ccd]{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;padding:.66rem 1.16rem}.nav-item-text[data-v-751f0ccd]{position:relative}@keyframes skeleton-keyframes-data-v-21481fd4{0%{background-position:0 0}to{background-position:480px 0}}.emoji.old[data-v-21481fd4]{transform:scale(.9)}@media (max-width:600px){.web-only[data-v-21481fd4]{display:none}}.side-navigator-wrap[data-v-21481fd4]{min-width:180px;box-sizing:border-box;padding:8px;font-size:16px;color:var(--juejin-font-2);height:515px}.nav-item-wrap[data-v-21481fd4]{display:flex;flex-direction:column}.nav-item-content[data-v-21481fd4]{line-height:24px;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.nav-item-content[data-v-21481fd4]:hover{background-color:var(--juejin-gray-3);color:var(--juejin-font-brand1-normal)}.nav-item[data-v-21481fd4]{display:inline-block;width:100%;box-sizing:border-box;position:relative;padding:10px 17px;color:var(--juejin-font-2)}.nav-item[data-v-21481fd4] svg{vertical-align:middle;margin-right:12px;color:var(--juejin-font-3)}.nav-item[data-v-21481fd4]:hover,.nav-item[data-v-21481fd4]:hover svg{color:var(--juejin-font-brand1-normal)}.nav-news[data-v-21481fd4]{position:absolute;width:6px;height:6px;border-radius:3px;background-color:var(--juejin-danger-1-normal);top:-3px;right:-6px;z-index:1}.active-nav[data-v-21481fd4]{color:var(--juejin-font-brand1-normal);font-weight:500}.active-nav[data-v-21481fd4],.active-nav[data-v-21481fd4]:hover{background-color:var(--juejin-brand-5-light)}.active-nav .nav-item[data-v-21481fd4],.active-nav .nav-item[data-v-21481fd4] svg{color:var(--juejin-font-brand1-normal)}.sub-nav-item[data-v-21481fd4]{font-size:14px;line-height:22px;padding-left:50px;color:var(--juejin-font-3)}.nav-item-underline[data-v-21481fd4]:after{content:"";margin:0 8px;height:1px;background:rgba(228,230,235,.50196)}.sub-nav-item-wrap[data-v-21481fd4]{display:flex;flex-direction:column}.nav-item-text[data-v-21481fd4]{vertical-align:middle;position:relative}.nav-item-new[data-v-21481fd4]{display:inline-block;width:0}.nav-item-new[data-v-21481fd4]:after{width:50px;text-align:center;border-radius:50px;right:-26px;top:-15px;line-height:20px;content:"NEW";height:20px;padding:0 3px;position:absolute;color:#f1f1f1;background:var(--juejin-font_danger);font-size:16px;transform:scale(.5)}.active-sub-nav[data-v-21481fd4]{color:var(--juejin-font-brand1-normal)}.nav-item-link[data-v-21481fd4]{padding-right:0}.nav-item-link .nav-item-text[data-v-21481fd4]{margin-right:12px}.nav-item-link .nav-item-icon-right[data-v-21481fd4]{margin-right:0}.right-icon[data-v-21481fd4]{transform:rotate(-90deg);min-width:20px;min-height:20px;margin-right:17px;cursor:pointer;display:flex;align-items:center;justify-content:center}.right-icon path[data-v-21481fd4]{fill:var(--juejin-font-3)}.right-icon-open[data-v-21481fd4]{transform:rotate(90deg)}.bot-icon[data-v-21481fd4]{border-radius:30px;background:#4c5d9c}@keyframes skeleton-keyframes-data-v-30ec8178{0%{background-position:0 0}to{background-position:480px 0}}.emoji.old[data-v-30ec8178]{transform:scale(.9)}@media (max-width:600px){.web-only[data-v-30ec8178]{display:none}}.vertical[data-v-30ec8178]{display:inherit}.horizontal[data-v-30ec8178]{display:none}@media (max-width:960px){.vertical[data-v-30ec8178]{display:none}.horizontal[data-v-30ec8178]{display:inherit}}@keyframes skeleton-keyframes-data-v-21526dd3{0%{background-position:0 0}to{background-position:480px 0}}.emoji.old[data-v-21526dd3]{transform:scale(.9)}@media (max-width:600px){.web-only[data-v-21526dd3]{display:none}}.article-item-link[data-v-21526dd3]{display:inline-block;padding:0;margin:0;width:100%}.article-item-link+.article-item-wrap[data-v-21526dd3]{display:none}.article-item-wrap[data-v-21526dd3]{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:1.33rem 1rem;border-radius:4px;cursor:pointer}.article-item-wrap[data-v-21526dd3]:hover{background-color:var(--juejin-gray-3)}.article-item-left[data-v-21526dd3]{display:flex;flex-direction:row;min-width:300px}.article-number[data-v-21526dd3]{font-size:1.5rem;font-weight:600;line-height:2rem;color:var(--juejin-font-2);margin-right:1.66rem;min-width:2rem;text-align:center;flex-shrink:0}.article-number-1[data-v-21526dd3]{background:linear-gradient(180deg,#f64242 10%,rgba(246,66,66,.4) 40%)}.article-number-2[data-v-21526dd3]{background:linear-gradient(180deg,#ff7426 10%,rgba(255,116,38,.4) 40%)}.article-number-3[data-v-21526dd3]{background:linear-gradient(180deg,#ffac0c 10%,rgba(255,172,12,.4) 50%)}.article-number-1[data-v-21526dd3],.article-number-2[data-v-21526dd3],.article-number-3[data-v-21526dd3]{-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Archivo;font-size:1.66rem}.article-detail[data-v-21526dd3]{display:flex;flex-direction:column;max-width:400px;min-width:300px}.article-title[data-v-21526dd3]{width:100%;font-weight:600;color:var(--juejin-font-1);font-size:1.33rem;line-height:2rem;margin-bottom:.5rem}.article-desc[data-v-21526dd3],.article-title[data-v-21526dd3]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.article-desc[data-v-21526dd3]{color:var(--juejin-font-2);margin-bottom:1rem}.article-author[data-v-21526dd3],.article-desc[data-v-21526dd3]{font-size:1.08rem;line-height:1.83rem}.article-author[data-v-21526dd3]{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.article-author-img[data-v-21526dd3]{width:1.67rem;height:1.67rem;margin-right:.33rem;border-radius:.9rem;vertical-align:middle}.article-author-name[data-v-21526dd3]{color:var(--juejin-font-2)}.article-author-name[data-v-21526dd3]:hover{color:#1e80ff}.article-author-name-text[data-v-21526dd3]{vertical-align:middle}.author-text[data-v-21526dd3]{color:var(--juejin-font-3)}.author-text[data-v-21526dd3]:before{content:"";margin:0 .33rem;width:2px;height:2px;border-radius:1px;background-color:var(--juejin-font-3);display:inline-block;vertical-align:middle}.article-right[data-v-21526dd3]{justify-content:flex-end;width:21rem;flex-shrink:0}.article-hot[data-v-21526dd3],.article-right[data-v-21526dd3]{display:flex;flex-direction:row;align-items:center}.article-hot[data-v-21526dd3]{border-right:1px solid var(--juejin-component-hover);min-height:3.33rem;padding-right:2.5rem;margin-right:2.5rem}.hot-number[data-v-21526dd3]{color:var(--juejin-font-1);font-size:1.66rem;font-weight:500;margin-right:.5rem}.hot-text[data-v-21526dd3]{font-size:1.16rem;color:var(--juejin-font-3);line-height:1.83rem}.hot-icon[data-v-21526dd3]{margin-right:.5rem}.article-item-wrap .article-right .article-item-button[data-v-21526dd3]{width:6.3rem;box-sizing:border-box;height:2.83rem;line-height:2.5rem;background-color:var(--juejin-brand-fill1-normal);border-color:var(--juejin-brand-stroke1-normal);border-radius:4px;color:var(--juejin-font-brand1-normal);padding:0}.article-item-wrap .article-right .article-item-button[data-v-21526dd3]:hover{background-color:var(--juejin-brand-fill2-hover);color:var(--juejin-font-brand1-normal)}.article-item-wrap .article-right .article-item-button.cancel-active[data-v-21526dd3]{background-color:rgba(81,87,103,.05);border-color:rgba(81,87,103,.3);color:var(--juejin-font-3)}.article-item-wrap .article-right .article-item-button.cancel-active[data-v-21526dd3]:hover{background-color:rgba(81,87,103,.1);color:var(--juejin-font-3)}.article-item-wrap .article-right .article-item-button[data-v-21526dd3] span{margin-left:4px}@media (max-width:600px){.article-item-left[data-v-21526dd3]{min-width:inherit}.article-item-wrap[data-v-21526dd3]{flex-direction:column;align-items:flex-start;justify-content:flex-start}.article-right[data-v-21526dd3]{justify-content:flex-start;margin-top:1.33rem;width:100%;justify-content:space-between}.article-small-right[data-v-21526dd3]{margin-left:3.66rem;width:calc(100% - 3.66rem)}.article-hot[data-v-21526dd3]{border-right:none}.article-detail[data-v-21526dd3]{width:26.8rem;min-width:inherit;max-width:inherit}.article-detail-large[data-v-21526dd3]{width:30.5rem}}@keyframes skeleton-keyframes-data-v-08c3af26{0%{background-position:0 0}to{background-position:480px 0}}.emoji.old[data-v-08c3af26]{transform:scale(.9)}@media (max-width:600px){.web-only[data-v-08c3af26]{display:none}}@font-face{font-family:Archivo;src:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/fonts/Archivo-ExtraBold.361ffd6.ttf);font-style:normal;font-weight:800}.author-item-link[data-v-08c3af26]{display:inline-block;padding:0;margin:0;width:100%}.author-item-link+.author-item-wrap[data-v-08c3af26]{display:none}.author-item-wrap[data-v-08c3af26]{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:1.33rem 1rem;border-radius:4px;cursor:pointer}.author-item-wrap[data-v-08c3af26]:hover{background-color:var(--juejin-gray-3)}.author-item-left[data-v-08c3af26]{display:flex;flex-direction:row;align-items:center;min-width:300px}.author-number[data-v-08c3af26]{min-width:2.66rem;text-align:center;font-size:1.5rem;font-weight:600;line-height:2rem;color:var(--juejin-font-2);margin-right:2rem;flex-shrink:0}.author-number-1[data-v-08c3af26]{background:linear-gradient(180deg,#f64242 30%,rgba(246,66,66,.4) 80%)}.author-number-2[data-v-08c3af26]{background:linear-gradient(180deg,#ff7426 30%,rgba(255,116,38,.4) 80%)}.author-number-3[data-v-08c3af26]{background:linear-gradient(180deg,#ffac0c 30%,rgba(255,172,12,.4) 80%)}.author-number-1[data-v-08c3af26],.author-number-2[data-v-08c3af26],.author-number-3[data-v-08c3af26]{-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Archivo;font-size:1.66rem}.author-detail[data-v-08c3af26]{display:flex;flex-direction:row;align-items:center;min-width:285px;max-width:400px}.author-author-img[data-v-08c3af26]{width:4rem;height:4rem;border-radius:24px;margin-right:1.66rem}.author-desc[data-v-08c3af26]{display:flex;flex-direction:row;align-items:center;margin-top:.66rem;flex-wrap:wrap}.author-text[data-v-08c3af26]{color:var(--juejin-font-3)}.author-text[data-v-08c3af26]:before{content:"";margin:0 .33rem;width:2px;height:2px;border-radius:1px;background-color:var(--juejin-font-3);display:inline-block;vertical-align:middle}.author-text[data-v-08c3af26]:first-child:before{display:none}.author-right[data-v-08c3af26]{justify-content:flex-end;width:21rem;flex-shrink:0}.author-hot[data-v-08c3af26],.author-right[data-v-08c3af26]{display:flex;flex-direction:row;align-items:center}.author-hot[data-v-08c3af26]{border-right:1px solid var(--juejin-component-hover);min-height:3.33rem;padding-right:2.5rem;margin-right:2.5rem}.hot-number[data-v-08c3af26]{color:var(--juejin-font-1);font-size:1.66rem;font-weight:500;margin-right:.5rem}.hot-text[data-v-08c3af26]{font-size:1.16rem;color:var(--juejin-font-3);line-height:1.83rem}.hot-icon[data-v-08c3af26]{margin-right:.5rem}.author-item-wrap .author-right .author-item-button[data-v-08c3af26]{width:6.3rem;box-sizing:border-box;height:2.83rem;line-height:2.5rem;background-color:var(--juejin-brand-fill1-normal);border-color:var(--juejin-brand-stroke1-normal);border-radius:4px;color:var(--juejin-brand-1-normal);padding:0}.author-item-wrap .author-right .author-item-button[data-v-08c3af26]:hover{background-color:var(--juejin-brand-fill2-hover);color:var(--juejin-brand-1-normal)}.author-item-wrap .author-right .author-item-button.cancel-active[data-v-08c3af26]{background-color:rgba(81,87,103,.05);border-color:rgba(81,87,103,.3);color:var(--juejin-font-3)}.author-item-wrap .author-right .author-item-button.cancel-active[data-v-08c3af26]:hover{background-color:rgba(81,87,103,.1);color:var(--juejin-font-3)}.author-item-wrap .author-right .author-item-button[data-v-08c3af26] span{margin-left:4px}@media (max-width:600px){.author-item-left[data-v-08c3af26]{min-width:inherit}.author-item-wrap[data-v-08c3af26]{flex-direction:column;align-items:flex-start;justify-content:flex-start}.author-right[data-v-08c3af26]{justify-content:space-between;width:calc(100% - 4.99rem);margin-top:1.33rem;margin-left:4.99rem}.author-hot[data-v-08c3af26]{border-right:none}.author-detail[data-v-08c3af26]{width:25.5rem}}@keyframes skeleton-keyframes-data-v-7a36dd42{0%{background-position:0 0}to{background-position:480px 0}}.emoji.old[data-v-7a36dd42]{transform:scale(.9)}@media (max-width:600px){.web-only[data-v-7a36dd42]{display:none}}.hot-lists[data-v-7a36dd42]{background-color:var(--juejin-layer-1);min-height:100vh}.hot-lists[data-v-7a36dd42] main.container{max-width:1200px}.hot-list-body[data-v-7a36dd42]{display:flex;flex-direction:row;position:relative}.hot-side-nav[data-v-7a36dd42]{width:260px;margin-right:20px;background-color:var(--juejin-layer-1);border-radius:4px;position:sticky;top:84px;height:635px;overflow-x:hidden;flex-shrink:0;max-height:calc(100vh - 210px)}.hot-side-nav[data-v-7a36dd42]::-webkit-scrollbar{background-color:transparent;width:4px}.hot-side-nav[data-v-7a36dd42]::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--juejin-component-hover)}.hot-side-nav-up[data-v-7a36dd42]{top:20px;max-height:calc(100vh - 40px)}.hot-list-wrap[data-v-7a36dd42]{display:flex;flex-direction:column;flex:1;background-color:var(--juejin-layer-1);padding:1.66rem 1rem;border-radius:4px}.hot-list-title[data-v-7a36dd42]{height:120px;padding-left:22px}.hot-title-img[data-v-7a36dd42]{width:208px;height:40px;margin-top:44px}.hot-top-bg[data-v-7a36dd42]{width:100vw;height:480px;position:fixed;left:0;top:0;background:linear-gradient(0deg,var(--juejin-layer-1) 20%,rgba(30,128,255,.2))}.hot-title-bg[data-v-7a36dd42]{position:absolute;top:60px;right:0;width:912px}.hot-list-header[data-v-7a36dd42]{padding:0 1rem 1.33rem;font-size:1.5rem;line-height:2.16rem;justify-content:space-between}.author-type-select[data-v-7a36dd42],.hot-list-header[data-v-7a36dd42]{display:flex;flex-direction:row;align-items:center}.author-type-select[data-v-7a36dd42]{padding:.25rem;box-sizing:border-box;background-color:var(--juejin-gray-2);border-radius:4px}.author-type-link[data-v-7a36dd42]{font-size:1.16rem;line-height:1.83rem;display:inline-block;padding:2px 1rem;color:var(--juejin-font-3);border-radius:4px;font-weight:400}.author-type-link-active[data-v-7a36dd42]{background-color:var(--juejin-layer-5);color:var(--juejin-font-1)}.hot-header-icon[data-v-7a36dd42]{vertical-align:middle;cursor:pointer}.hot-header-popover[data-v-7a36dd42]{vertical-align:baseline}.hot-header-popover[data-v-7a36dd42] .byte-popover{border-radius:4px;background-color:var(--juejin-layer-4-dropdown);color:var(--juejin-font-2)}.hot-header-popover[data-v-7a36dd42] .byte-popover .popper__arrow{border-width:0}.hot-header-popover[data-v-7a36dd42] .byte-popover__content{margin:0;color:var(--juejin-font-3)}.hot-title[data-v-7a36dd42]{vertical-align:middle;font-weight:500;color:var(--juejin-font-1)}.hot-subtitle[data-v-7a36dd42]{font-weight:400}@media (max-width:960px){.hot-lists[data-v-7a36dd42]{min-height:100vh}.hot-lists[data-v-7a36dd42] .container{max-width:100vw}.hot-list-title[data-v-7a36dd42]{width:100%;height:8.33rem;background:linear-gradient(0deg,#fff 10%,rgba(30,128,255,.2));padding:3rem 0 0 1.66rem;box-sizing:border-box}.hot-title-img[data-v-7a36dd42]{width:13.33rem;height:2.58rem;margin-top:0}.hot-top-bg[data-v-7a36dd42]{position:static;height:0}.hot-title-bg[data-v-7a36dd42]{width:29.23rem;top:4.7rem;right:0}.hot-list-body[data-v-7a36dd42]{display:block}.hot-side-nav[data-v-7a36dd42]{position:static;width:100%;margin:0;height:auto;border-bottom:.66rem solid var(--juejin-gray-1-3)}.hot-list-wrap[data-v-7a36dd42],.hot-side-nav[data-v-7a36dd42]{border-radius:0}}.hot-list-empty[data-v-7a36dd42]{padding-top:4rem}.hot-list-loading-more[data-v-7a36dd42]{display:block;color:var(--juejin-font-3);font-size:1.2rem;text-align:center;padding:1rem 0}