@keyframes skeleton-keyframes-data-v-4d55480d{0%{background-position:0 0}to{background-position:480px 0}}.user-auth[data-v-4d55480d]{position:absolute;right:15px}.user-auth .nav-item a[data-v-4d55480d]{color:#71777c}.user-auth .nav-item.active>.icon[data-v-4d55480d],.user-auth .nav-item.active>a[data-v-4d55480d]{color:#007fff}.nav-menu-item>a[data-v-4d55480d]{display:block;color:#71777c}.avatar[data-v-4d55480d]{width:2.5rem;height:2.5rem;border-radius:50%}.nav-list[data-v-4d55480d]{justify-content:flex-end;position:relative}.nav-item[data-v-4d55480d],.nav-list[data-v-4d55480d]{display:flex;align-items:center;height:100%;margin:0}.nav-item[data-v-4d55480d]{color:#71777c;font-size:1.33rem;justify-content:center;cursor:pointer}.nav-item:hover>a[data-v-4d55480d]{color:#007fff}.nav-item.menu[data-v-4d55480d]{position:relative}.nav-item.auth[data-v-4d55480d]{color:var(--juejin-font-white);font-size:14px;width:60px;height:28px;line-height:28px;background:var(--juejin-brand-1-normal);box-sizing:border-box;border-radius:4px}.nav-item .icon-coupons path[data-v-4d55480d]:first-child{fill:#b2bac2}.nav-item .nav-menu[data-v-4d55480d]{position:absolute;width:11rem;left:50%;top:100%;transform:translateX(-50%);margin:0;padding:0;list-style:none;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);border:1px solid rgba(177,180,185,.45);border-radius:4px;font-size:1.2rem}.nav-item .nav-menu .nav-menu-item-group[data-v-4d55480d]{padding:1rem 0}.nav-item .nav-menu .nav-menu-item[data-v-4d55480d]{font-size:1.3rem;cursor:pointer}.nav-item .nav-menu .nav-menu-item[data-v-4d55480d]:hover{background-color:hsla(0,0%,94.9%,.5)}.nav-item .nav-menu .nav-menu-item>a[data-v-4d55480d]{display:flex;align-items:center;padding:.5rem 1rem}.nav-item .nav-menu .nav-menu-item>a>span[data-v-4d55480d]{margin-left:0;flex-grow:1}.nav-item .nav-menu .more[data-v-4d55480d]{position:relative}.nav-item .nav-menu .more:hover .more-dropdown-list[data-v-4d55480d]{display:block}.nav-item .nav-menu .more .more-icon[data-v-4d55480d]{float:right;color:#b2bac2;font-size:1.2rem;line-height:2rem}.nav-item .nav-menu.user-dropdown-list[data-v-4d55480d]{width:13rem;right:0;left:auto;transform:translateX(0)}.nav-item .nav-menu.user-dropdown-list .nav-menu-item-group[data-v-4d55480d]:not(:last-child){border-bottom:1px solid rgba(0,0,0,.04)}.nav-item .more-dropdown-list[data-v-4d55480d]{position:absolute;left:auto;top:0;right:102%;transform:translateX(0);display:none}.nav-item .more-dropdown-list[data-v-4d55480d]:after{content:"";position:absolute;top:0;left:100%;width:1.3rem;height:4rem}.nav-item .notification[data-v-4d55480d]{position:relative}.nav-item .notification .count[data-v-4d55480d]{position:absolute;left:50%;bottom:43%;margin:0;padding:.4rem .67rem;font-size:1rem;line-height:1;text-align:center;color:#f1f1f1;background-color:#007fff;border-radius:3rem;border:2px solid #fff;word-break:normal}.nav-item .fengwei[data-v-4d55480d]{display:inline-block;width:1em;height:1em;margin-right:.8rem;font-size:1.2em;vertical-align:middle;color:#b2bac2}@keyframes skeleton-keyframes-data-v-49531244{0%{background-position:0 0}to{background-position:480px 0}}.wrapper[data-v-49531244] .byte-affix{position:fixed;top:0;width:100%!important;height:auto!important;z-index:999;transition:all .2s;transform:translate3d(0,-3.67rem,0)}.wrapper.visible[data-v-49531244] .byte-affix{transform:translateZ(0)}.book-sticky-header[data-v-49531244]{display:flex;justify-content:space-between;box-sizing:border-box;width:100%;height:3.67rem;background-color:var(--juejin-navigation);padding:0 19px;position:relative}.book-sticky-header[data-v-49531244]:after{display:inline-block;position:absolute;bottom:0;left:0;right:0;height:1px;content:" ";background:var(--juejin-gray-1-2)}@media (-webkit-min-device-pixel-ratio:2){.book-sticky-header[data-v-49531244]:after{transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3){.book-sticky-header[data-v-49531244]:after{transform:scaleY(.333)}}.book-sticky-header .course[data-v-49531244]{font-size:16px;font-weight:500;color:#1e80ff;height:3.67rem;line-height:3.67rem}.book-sticky-header .course .course-img[data-v-49531244]{vertical-align:middle}.book-sticky-header .return-section[data-v-49531244]{line-height:3.67rem;font-size:14px;color:#4e5969}.book-sticky-header .return-section img[data-v-49531244]{vertical-align:middle}.book-sticky-header .return-section span[data-v-49531244]{display:inline-block;vertical-align:middle}.book-sticky-header .right-box[data-v-49531244]{display:flex;align-items:center;font-size:14px}.book-sticky-header .right-box .my-course[data-v-49531244]{margin-right:66px;color:var(--juejin-brand-1-normal);width:70px;height:26px;line-height:26px;background:rgba(30,128,255,.05);border:1px solid rgba(30,128,255,.3);border-radius:4px;text-align:center}.book-sticky-header .right-box .is-login-course[data-v-49531244]{margin-right:40px}.book-sticky-header .right-box .vip-title[data-v-49531244]{display:flex;align-items:center;margin-right:16px}.book-sticky-header .right-box .vip-title .vip-img[data-v-49531244]{width:24px;height:24px}.book-sticky-header .right-box .vip-title .vip-words[data-v-49531244]{margin-left:4px;font-weight:400;font-size:14px;line-height:22px;color:var(--juejin-font-2)}.book-sticky-header .right-box[data-v-49531244] .user-dropdown-list{right:20px}.book-sticky-header .right-box[data-v-49531244] .nav-menu{position:fixed;top:44px;z-index:999}@keyframes skeleton-keyframes-data-v-ffd280d8{0%{background-position:0 0}to{background-position:480px 0}}.common-nav-header[data-v-ffd280d8]{background-color:var(--juejin-background)}.common-nav-header .main-header[data-v-ffd280d8]{position:fixed;left:0;top:0;right:0}.common-nav-header .header-container-wrap[data-v-ffd280d8]{position:relative;box-sizing:border-box;margin:5rem auto 0;padding:20px 0}.common-nav-header .header-container[data-v-ffd280d8]{min-height:calc(100vh - 5rem - 40px)}@media (max-width:960px){.common-nav-header .header-container-wrap[data-v-ffd280d8]{width:auto!important;padding:0}.common-nav-header .header-container[data-v-ffd280d8]{min-height:calc(100vh - 5rem)}}@media (max-width:600px){.common-nav-header .header-container-wrap[data-v-ffd280d8]{width:100%!important;padding:0;margin:3.67rem 0 0}.common-nav-header .header-container[data-v-ffd280d8]{min-height:unset}}@keyframes skeleton-keyframes-data-v-19353464{0%{background-position:0 0}to{background-position:480px 0}}.learn-button-wrap[data-v-19353464]{box-sizing:border-box;height:56px;display:flex;align-items:center;justify-content:flex-end;flex-direction:row-reverse}.learn-button-wrap[data-v-19353464]:after{bottom:unset;top:0}.learn-button-wrap .learn-free-wrap[data-v-19353464]{display:flex;flex-direction:column;align-items:center;margin-right:0;flex:0 0 auto;cursor:pointer}.learn-button-wrap .learn-free-wrap .learn-free-icon[data-v-19353464]{width:24px;height:24px}.learn-button-wrap .learn-free-wrap path[data-v-19353464]{fill:var(--juejin-font-2)}.learn-button-wrap .learn-free-wrap .desc[data-v-19353464]{font-size:12px;font-weight:400;line-height:14px;color:var(--juejin-font-2);margin-top:2px}.learn-button-wrap .learn-free-wrap:hover path[data-v-19353464]{fill:var(--juejin-brand-2-hover)}.learn-button-wrap .learn-free-wrap:hover .desc[data-v-19353464]{color:var(--juejin-font-brand2-hover)}.learn-button-wrap .learn-free-wrap:active path[data-v-19353464]{fill:var(--juejin-brand-3-click)}.learn-button-wrap .learn-free-wrap:active .desc[data-v-19353464]{color:var(--juejin-font-brand3-click)}.learn-button-wrap .learn-button-box[data-v-19353464]{border-radius:8px;position:relative;overflow:hidden;width:182px;flex:0 0 auto;background:linear-gradient(90deg,#fde8c3,#edd3a7);box-sizing:border-box;margin-right:28px}.learn-button-wrap .learn-button-box[data-v-19353464]:hover{cursor:pointer}.learn-button-wrap .learn-button-box .learn-button-bg[data-v-19353464]{display:flex;flex-direction:column;align-items:center;height:58px;justify-content:center;background:url(https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/10b31b2844bc4f689787900249ac22e2~tplv-k3u1fbpfcp-zoom-1.image) no-repeat 100% 0;background-size:contain}.learn-button-wrap .learn-button-box .title[data-v-19353464]{font-weight:500;font-size:16px;line-height:24px;color:var(--juejin-font_golden_4)}.learn-button-wrap .learn-button-box .desc[data-v-19353464]{font-size:12px;line-height:20px;margin-top:1px;color:var(--juejin-font_golden_4)}@media (max-width:600px){.learn-button-wrap[data-v-19353464]{position:relative;position:fixed;bottom:0;left:0;right:0;z-index:101;height:68px;padding:0 16px;justify-content:space-between;flex-direction:row;background-color:var(--juejin-layer-1)}.learn-button-wrap[data-v-19353464]:after{display:inline-block;position:absolute;bottom:0;left:0;right:0;height:1px;content:" ";background:var(--juejin-gray-1-2)}}@media (max-width:600px) and (-webkit-min-device-pixel-ratio:2){.learn-button-wrap[data-v-19353464]:after{transform:scaleY(.5)}}@media (max-width:600px) and (-webkit-min-device-pixel-ratio:3){.learn-button-wrap[data-v-19353464]:after{transform:scaleY(.333)}}@media (max-width:600px){.learn-button-wrap .learn-free-wrap[data-v-19353464]{margin-right:16px}.learn-button-wrap .learn-free-wrap .learn-free-icon[data-v-19353464]{width:24px;height:24px}.learn-button-wrap .learn-free-wrap .desc[data-v-19353464]{font-size:12px;line-height:17px}.learn-button-wrap .learn-button-box[data-v-19353464]{flex:1;width:unset;margin-right:0}.learn-button-wrap .learn-button-box .learn-button-bg[data-v-19353464]{padding:8px 0;height:unset;background:url(https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0eb024ba86464f40a2aa4a859d31a7cf~tplv-k3u1fbpfcp-zoom-1.image) no-repeat 100% 0;background-size:contain}.learn-button-wrap .learn-button-box .title[data-v-19353464]{font-weight:600;line-height:20px}.learn-button-wrap .learn-button-box .desc[data-v-19353464]{font-size:11px;line-height:16px;margin-top:0}}@keyframes skeleton-keyframes-data-v-05f6dcae{0%{background-position:0 0}to{background-position:480px 0}}.video-thumb[data-v-05f6dcae]{height:100%;width:100%}@keyframes skeleton-keyframes-data-v-5b624632{0%{background-position:0 0}to{background-position:480px 0}}.video-count-duration-wrap[data-v-5b624632]{font-size:14px;line-height:22px;color:var(--juejin-font-2);margin-top:16px}.video-count-duration-wrap .video-icon[data-v-5b624632]{width:20px;height:20px;margin-right:1px;vertical-align:middle;transform:translateY(-2px);fill:none}.video-count-duration-wrap .video-icon path[data-v-5b624632]:first-child{stroke:var(--juejin-font-2)}.video-count-duration-wrap .video-icon path[data-v-5b624632]:last-child{fill:var(--juejin-font-2)}.video-count-duration-wrap .video-icon rect[data-v-5b624632]{stroke:var(--juejin-font-2)}@media (max-width:600px){.video-count-duration-wrap[data-v-5b624632]{font-size:12px;line-height:20px;margin-top:4px}.video-count-duration-wrap .video-icon[data-v-5b624632]{width:16px;height:16px;margin-right:1px}}@keyframes skeleton-keyframes-data-v-42c793f3{0%{background-position:0 0}to{background-position:480px 0}}.vip-free-tag[data-v-42c793f3]{background:linear-gradient(90deg,#fde8c3,#edd3a7);border-radius:2px;font-size:12px;text-align:center;font-weight:500;color:#7e5d25;white-space:nowrap}@keyframes skeleton-keyframes-data-v-4b0e2fb6{0%{background-position:0 0}to{background-position:480px 0}}.new-tag-wrap[data-v-4b0e2fb6]{padding:0 6px;height:20px;line-height:20px;color:var(--juejin-font-white);font-size:12px;border-radius:2px;display:inline-block;vertical-align:middle;cursor:default;margin-right:3px;transform:translateY(-3px);background-color:var(--juejin-danger-1-normal)}@media (max-width:600px){.new-tag-wrap[data-v-4b0e2fb6]{line-height:16px;height:16px;padding:0 4px;margin-right:1px;transform:translateY(-2px)}}@keyframes skeleton-keyframes-data-v-5070908e{0%{background-position:0 0}to{background-position:480px 0}}.video-info[data-v-5070908e]{position:relative;display:flex;padding:20px 24px;background-color:var(--juejin-layer-1);width:100%;box-sizing:border-box;border-radius:4px}.video-info .poster[data-v-5070908e]{width:378px;height:212px;flex-shrink:0;overflow:hidden;border-radius:4px;margin-right:24px;background-color:var(--juejin-layer-loading-end);border:1px solid var(--juejin-gray-1-2)}@media (max-width:600px){.video-info .poster[data-v-5070908e]{width:142px;height:89px;border:none}}.video-info .source-wrap[data-v-5070908e]{display:flex;align-items:center;font-size:15px;color:var(--juejin-font-2);height:26px;margin-top:8px}.video-info .source-wrap .icon-bytetech[data-v-5070908e]{width:26px;height:26px;margin-right:8px}.video-info .source-wrap .producer[data-v-5070908e]{display:flex;align-items:center}.video-info .source-wrap .producer[data-v-5070908e]:before{content:"";height:12px;background-color:var(--juejin-gray-1-1);width:1px;margin:0 12px}@media (max-width:600px){.video-info .source-wrap .producer[data-v-5070908e]:before{margin:0 8px}}.video-info .video-duration-wrap[data-v-5070908e]{font-size:14px;line-height:20px;color:var(--juejin-font-2);margin-top:8px}.video-info .video-duration-wrap .video-icon[data-v-5070908e]{width:20px;height:20px;margin-right:4px;vertical-align:middle;transform:translateY(-2px)}.video-info .info[data-v-5070908e]{position:relative;flex-grow:1;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.video-info .info .info-top[data-v-5070908e]{overflow:hidden;width:100%}.video-info .info .title-box[data-v-5070908e]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;font-weight:500;font-size:20px;line-height:28px;color:var(--juejin-font-1)}@media (max-width:600px){.video-info .info .tag-new[data-v-5070908e]{height:20px;line-height:20px;transform:translateY(-3px)}}.video-info .info .tag[data-v-5070908e]{display:inline-block;vertical-align:middle;cursor:default;margin-right:5px;transform:translateY(-3px)}.video-info .info .desc[data-v-5070908e]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;margin-top:8px;font-size:14px;line-height:24px;color:var(--juejin-font-2)}@media (max-width:600px){.video-info[data-v-5070908e]{flex-direction:column;width:100%;padding:0;border-radius:0}.video-info .poster[data-v-5070908e]{width:100%;height:56.5333vw;border-radius:0}.video-info .info[data-v-5070908e]{margin:16px}.video-info .info .desc[data-v-5070908e],.video-info .info .source-wrap[data-v-5070908e]{margin-top:4px}.video-info .info .video-duration-wrap[data-v-5070908e]{margin-top:12px}.video-info .info .video-icon[data-v-5070908e]{width:18px;height:18px}}@keyframes skeleton-keyframes-data-v-50548bfc{0%{background-position:0 0}to{background-position:480px 0}}.dislike-modal[data-v-50548bfc] .byte-modal__content{top:275px;width:311px!important;height:219px!important;padding:2.33rem 1.333rem 2rem!important;box-sizing:border-box}.dislike-modal[data-v-50548bfc] .byte-modal__content .byte-modal__body{height:100%}.dislike-modal[data-v-50548bfc] .byte-modal__content .container{display:flex;height:100%;flex-direction:column;justify-content:space-around}.dislike-modal[data-v-50548bfc] .byte-modal__content .container:after{display:none!important}.dislike-modal[data-v-50548bfc] .byte-modal__content .container .title{color:var(--juejin-font-2);font-size:18px;font-weight:700;text-align:center}.dislike-modal[data-v-50548bfc] .byte-modal__content .container .content{font-size:14px;color:var(--juejin-font-2);text-align:center}.dislike-modal[data-v-50548bfc] .byte-modal__content .container .content .username{color:#ff7426}.dislike-modal[data-v-50548bfc] .byte-modal__content .container .footer{display:flex}.dislike-modal[data-v-50548bfc] .byte-modal__content .container .footer .btn-confirm{background:var(--juejin-brand-1-normal);border-radius:4px;outline:none;border:none;color:#fff;font-size:1.167rem;text-align:center;line-height:3.333rem;width:10rem;height:3.333rem;box-sizing:border-box;cursor:pointer;padding:0;margin-left:1.667rem}.dislike-modal[data-v-50548bfc] .byte-modal__content .container .footer .btn-confirm:active,.dislike-modal[data-v-50548bfc] .byte-modal__content .container .footer .btn-confirm:hover{background-color:var(--juejin-brand-2-hover)}.dislike-modal[data-v-50548bfc] .byte-modal__content .container .footer .btn-confirm:disabled{background:var(--juejin-brand-4-disable);cursor:not-allowed}.dislike-modal[data-v-50548bfc] .byte-modal__content .container .footer .btn-cancel{background:var(--juejin-brand-fill1-normal);border-radius:4px;outline:none;border:1px solid var(--juejin-brand-4-disable);color:var(--juejin-font-brand1-normal);font-size:1.167rem;text-align:center;line-height:3.333rem;width:10rem;height:3.333rem;box-sizing:border-box;cursor:pointer;padding:0}.dislike-modal[data-v-50548bfc] .byte-modal__content .container .footer .btn-cancel:active,.dislike-modal[data-v-50548bfc] .byte-modal__content .container .footer .btn-cancel:hover{color:#1171ee;border-color:#1171ee}.fade-enter-active[data-v-10b7b0e6],.fade-leave-active[data-v-10b7b0e6]{transition:opacity .2s}.fade-enter[data-v-10b7b0e6],.fade-leave-to[data-v-10b7b0e6]{opacity:0}.image-box[data-v-10b7b0e6]{position:absolute;top:0;left:0;right:0;bottom:0;line-height:0;background-color:rgba(0,0,0,.8);overflow:auto}.image[data-v-10b7b0e6]{position:absolute;transition:all .2s;cursor:zoom-out}.image.error[data-v-10b7b0e6]{top:50%;left:50%;transform:translate(-50%,-50%)}.fade-enter-active[data-v-93a27598],.fade-leave-active[data-v-93a27598]{transition:opacity .2s}.fade-enter[data-v-93a27598],.fade-leave-to[data-v-93a27598]{opacity:0}.image-box[data-v-93a27598]{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;line-height:0;background-color:rgba(0,0,0,.8);overflow:auto;-webkit-overflow-scrolling:touch}.image-box.large-long[data-v-93a27598]{display:block}.image[data-v-93a27598]{position:absolute;max-width:100%;transition:all .1s}.image.zoom[data-v-93a27598]{max-width:1000%}.image.error[data-v-93a27598]{top:50%;left:50%;transform:translate(-50%,-50%)}[data-v-34cee571] .image-viewer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000}[data-v-34cee571] .image-viewer.loading:after{content:"";position:absolute;top:0;right:100%;width:50%;height:.2rem;background-color:#007fff;z-index:1;animation:pro-data-v-34cee571 1s ease-in-out infinite;animation-delay:1s}@keyframes pro-data-v-34cee571{0%{transform:translateZ(0)}to{transform:translate3d(300%,0,0)}}@keyframes skeleton-keyframes-data-v-34f85b71{0%{background-position:0 0}to{background-position:480px 0}}.emoji.old[data-v-34f85b71]{transform:scale(.9)}@media (max-width:600px){.web-only[data-v-34f85b71]{display:none}}.auth-card[data-v-34f85b71]{position:relative}.auth-cover[data-v-34f85b71]{color:var(--juejin-font-1);font-size:1.17rem;width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--juejin-gray-2)}.auth-cover>a[data-v-34f85b71]{color:var(--juejin-font-brand1-normal)}@media (max-width:600px){.auth-cover[data-v-34f85b71]{font-size:1rem;flex-wrap:wrap}}body[data-theme=dark] .auth-cover[data-v-34f85b71]{background-color:#343434}@keyframes skeleton-keyframes-data-v-0c6d399b{0%{background-position:0 0}to{background-position:480px 0}}.emoji-container[data-v-0c6d399b]{position:relative}.emoji-container .emoji-box[data-v-0c6d399b]{display:flex;align-items:center;position:relative;cursor:pointer}.emoji-container .emoji-box .icon[data-v-0c6d399b]{fill:var(--juejin-font-2);background-repeat:no-repeat;background-size:cover;margin-right:4px;transition:fill .3s}.emoji-container .emoji-box span[data-v-0c6d399b]{color:var(--juejin-font-2);font-size:14px;line-height:22px;transition:color .3s}.emoji-container .emoji-box.active .icon[data-v-0c6d399b],.emoji-container .emoji-box:hover .icon[data-v-0c6d399b]{fill:#1e80ff}.emoji-container .emoji-box.active span[data-v-0c6d399b],.emoji-container .emoji-box:hover span[data-v-0c6d399b]{color:#1e80ff}.emoji-container .picker[data-v-0c6d399b]{z-index:1}.fade-enter-active[data-v-0c6d399b],.fade-leave-active[data-v-0c6d399b]{transition:opacity .2s}.fade-enter[data-v-0c6d399b],.fade-leave-active[data-v-0c6d399b]{opacity:0}@keyframes skeleton-keyframes-data-v-2320b114{0%{background-position:0 0}to{background-position:480px 0}}.comment-input[data-v-2320b114]{position:relative}.comment-input[data-v-2320b114],.comment-input[data-v-2320b114] *{box-sizing:border-box}.comment-input[data-v-2320b114] .emoji-container .picker:after{left:10px}.comment-input .input-box[data-v-2320b114]{min-height:88px;font-size:0;transition:all .3s;background:var(--juejin-gray-2);border:1px solid transparent;border-radius:4px;position:relative}.comment-input .input-box[data-v-2320b114]:hover{background:var(--juejin-gray-1-1)}.comment-input .input-box.focused[data-v-2320b114]{background:var(--juejin-layer-1)}.comment-input .input-box.focused[data-v-2320b114],.comment-input .input-box.not-empty[data-v-2320b114]{border-color:var(--juejin-brand-1-normal)}.comment-input .input-box.disabled[data-v-2320b114]{border:1px solid transparent;background:var(--juejin-gray-2);cursor:not-allowed}.comment-input .input-box .rich-input[data-v-2320b114]{position:relative;padding:8px 12px;color:var(--juejin-font-2);outline:none;box-sizing:border-box;line-height:28px;font-size:16px;min-height:44px;max-height:100px;overflow:auto}.comment-input .input-box .rich-input[data-v-2320b114]:-webkit-scrollbar{width:4px;height:30px}.comment-input .input-box .rich-input[data-v-2320b114]::-webkit-scrollbar-thumb{background-color:var(--juejin-gray-1-1);outline:none;border-radius:50px}.comment-input .input-box .rich-input[data-v-2320b114]::-webkit-scrollbar-track{box-shadow:none;border-radius:2px}.comment-input .input-box .rich-input[data-v-2320b114]:before{content:attr(placeholder);position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#8a919f}.comment-input .input-box .rich-input[data-v-2320b114]:not(.empty):before{display:none}.comment-input .input-box .rich-input[data-v-2320b114]:empty:before{color:var(--juejin-font-3)}.comment-input .input-box .rich-input[data-v-2320b114] .emoji{vertical-align:sub;cursor:default;height:20px;margin:0 2px}.comment-input .input-box .image-preview-box[data-v-2320b114]{display:inline-block;position:relative;margin-left:12px;align-self:flex-start}.comment-input .input-box .image-preview-box .image-preview[data-v-2320b114]{width:64px;height:64px;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;border:1px solid var(--juejin-gray-1-2)}.comment-input .input-box .image-preview-box .clean-btn[data-v-2320b114]{position:absolute;top:4px;right:4px;cursor:pointer;opacity:.8;transition:all .2s}.comment-input .input-box .image-preview-box .clean-btn[data-v-2320b114]:hover{opacity:1}.comment-input .input-box .action-box[data-v-2320b114]{height:48px;padding:0 12px 0 6px;display:flex;align-items:center}.comment-input .input-box .action-box[data-v-2320b114] .emoji-btn{-webkit-user-select:none;-moz-user-select:none;user-select:none}.comment-input .input-box .action-box[data-v-2320b114] .emoji-btn .emoji-box{padding:6px}.comment-input .input-box .action-box[data-v-2320b114] .emoji-btn .emoji-box .icon{fill:var(--juejin-font-3);margin:0;width:20px;height:20px;transition:fill .3s}.comment-input .input-box .action-box[data-v-2320b114] .emoji-btn .emoji-box.active .icon,.comment-input .input-box .action-box[data-v-2320b114] .emoji-btn .emoji-box:hover .icon{fill:var(--juejin-brand-1-normal)}.comment-input .input-box .action-box .image-btn[data-v-2320b114]{cursor:pointer;margin-left:12px;padding:6px}.comment-input .input-box .action-box .image-btn .icon[data-v-2320b114]{fill:var(--juejin-font-3);background-repeat:no-repeat;background-size:cover;margin:0;transition:fill .3s;width:20px;height:20px;display:block}.comment-input .input-box .action-box .image-btn.active .icon[data-v-2320b114],.comment-input .input-box .action-box .image-btn:hover .icon[data-v-2320b114]{fill:var(--juejin-brand-1-normal)}.comment-input .input-box .action-box .text-count-wrapper[data-v-2320b114]{display:flex;align-items:center;color:var(--juejin-font-3);margin-right:16px}.comment-input .input-box .action-box .text-count-wrapper .text-count[data-v-2320b114]{font-size:14px;font-weight:400;line-height:28px;margin-right:8px}.comment-input .input-box .action-box .text-count-wrapper .text-count .text-count-real[data-v-2320b114]{color:var(--juejin-font-2)}.comment-input .input-box .action-box .text-count-wrapper .text-count.danger .text-count-real[data-v-2320b114]{color:var(--juejin-danger-1-normal)}.comment-input .input-box .action-box .text-count-wrapper .count-info[data-v-2320b114]{line-height:normal}.comment-input .input-box .action-box .text-count-wrapper .count-info .info-icon[data-v-2320b114]{cursor:pointer}.comment-input .input-box .action-box .submit-btn[data-v-2320b114]{border-radius:4px;background:var(--juejin-brand-4-disable);height:32px;flex-shrink:0;color:var(--juejin-font-white);font-size:14px;font-weight:400;line-height:22px;display:flex;justify-content:center;align-items:center;min-width:60px}.comment-input .input-box .action-box .submit-btn.disabled[data-v-2320b114]{background:var(--juejin-brand-4-disable);cursor:not-allowed}.comment-input .input-box .action-box .submit-btn.active[data-v-2320b114]{background:var(--juejin-brand-1-normal);cursor:pointer}.comment-input .input-box .action-box .submit-btn.active[data-v-2320b114]:hover{background:var(--juejin-brand-2-hover)}.comment-input .input-box .action-box .submit-btn.loading[data-v-2320b114]{cursor:progress}.comment-input .input-box .action-box.active[data-v-2320b114] .emoji-btn .emoji-box .icon{fill:var(--juejin-font-2)}.comment-input .input-box .action-box.active[data-v-2320b114] .emoji-btn .emoji-box.active .icon,.comment-input .input-box .action-box.active[data-v-2320b114] .emoji-btn .emoji-box:hover .icon{fill:var(--juejin-brand-1-normal)}.comment-input .input-box .action-box.active .image-btn .icon[data-v-2320b114]{fill:var(--juejin-font-2)}.comment-input .input-box .action-box.active .image-btn.active .icon[data-v-2320b114],.comment-input .input-box .action-box.active .image-btn:hover .icon[data-v-2320b114]{fill:var(--juejin-brand-1-normal)}.comment-input .input-box .action-box.active .text-count[data-v-2320b114]{color:var(--juejin-font-2)}.comment-input .input-box .action-box.active .text-count.danger[data-v-2320b114]{color:var(--juejin-danger-1-normal)}.comment-input .input-box .action-box.disabled[data-v-2320b114] .emoji-btn .emoji-box{cursor:not-allowed}.comment-input .input-box .action-box.disabled[data-v-2320b114] .emoji-btn .emoji-box.active .icon,.comment-input .input-box .action-box.disabled[data-v-2320b114] .emoji-btn .emoji-box .icon,.comment-input .input-box .action-box.disabled[data-v-2320b114] .emoji-btn .emoji-box:hover .icon{fill:var(--juejin-font-3)}.comment-input .input-box .action-box.disabled .image-btn[data-v-2320b114]{cursor:not-allowed}.comment-input .input-box .action-box.disabled .image-btn.active .icon[data-v-2320b114],.comment-input .input-box .action-box.disabled .image-btn .icon[data-v-2320b114],.comment-input .input-box .action-box.disabled .image-btn:hover .icon[data-v-2320b114]{fill:var(--juejin-font-3)}.comment-input .input-box .action-box.disabled .text-count[data-v-2320b114]{color:var(--juejin-font-2)}.comment-input.small .input-box .rich-input[data-v-2320b114]{padding:8px 12px;color:var(--juejin-font-1);line-height:24px;font-size:14px;min-height:44px;max-height:92px}.comment-input.small .input-box .action-box[data-v-2320b114]{height:48px;padding:0 12px 0 6px}.comment-input.small .input-box .action-box[data-v-2320b114] .emoji-btn .emoji-box .icon{margin:0;width:20px;height:20px;transition:fill .3s}.comment-input.small .input-box .action-box .image-btn[data-v-2320b114]{margin-left:8px}.comment-input.small .input-box .action-box .text-count-wrapper[data-v-2320b114]{margin-right:12px}.comment-input.small .input-box .action-box .text-count[data-v-2320b114]{font-size:12px;line-height:28px}.comment-input.small .input-box .action-box .submit-btn[data-v-2320b114]{font-size:12px;height:28px}@keyframes skeleton-keyframes-data-v-673c9859{0%{background-position:0 0}to{background-position:480px 0}}.comment-form[data-v-673c9859]{display:flex;position:relative;border-radius:2px;flex-direction:column}.comment-form .content[data-v-673c9859]{display:flex;align-items:flex-start}.comment-form .content .form-box[data-v-673c9859]{flex:1}.comment-form .avatar-box[data-v-673c9859]{flex:0 0 auto}.comment-form .avatar[data-v-673c9859]{margin-right:16px;width:40px;height:40px;border-radius:50%}.comment-form .login-guide[data-v-673c9859]{width:100%;height:100%;background-color:var(--juejin-background);position:absolute;top:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:center;color:var(--juejin-font-1);font-size:15px;font-weight:400}.comment-form .login-guide-button[data-v-673c9859]{color:var(--juejin-brand-1-normal);font-weight:500;cursor:pointer;margin:0 4px}@keyframes skeleton-keyframes-data-v-734d9ec8{0%{background-position:0 0}to{background-position:480px 0}}.username[data-v-734d9ec8]{font-size:1.25rem;font-weight:600;color:var(--juejin-font-1);display:flex;align-items:center}.username .name[data-v-734d9ec8]{display:inline-block;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag[data-v-734d9ec8]{flex:none;font-size:.8rem;margin:0 0 0 .433rem;padding:0 .4rem;height:1.2rem;line-height:1.2rem;border-radius:4px}.robot-tag[data-v-734d9ec8]{background:var(--juejin-layer-golden-1);color:var(--juejin-font-golden-1)}.robot-offline[data-v-734d9ec8]{background:var(--juejin-component-hover);color:var(--juejin-font-2)}@keyframes skeleton-keyframes-data-v-4d33cb53{0%{background-position:0 0}to{background-position:480px 0}}.emoji.old[data-v-4d33cb53]{transform:scale(.9)}@media (max-width:600px){.web-only[data-v-4d33cb53]{display:none}}.avatar[data-v-4d33cb53] .avatar-img{border-radius:.333rem}.info-row[data-v-4d33cb53]{display:flex}.info-row .avatar[data-v-4d33cb53]{margin-right:1rem;width:5.5rem;height:5.5rem;border-radius:50%}.info-row .user-info[data-v-4d33cb53]{line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-row .user-info .username[data-v-4d33cb53]{display:flex;align-items:center;font-size:1.33rem;line-height:2rem;font-weight:500;color:var(--juejin-font-1)}.info-row .user-info .position[data-v-4d33cb53]{margin:.333rem 0 0;font-size:1rem;line-height:1.67rem;max-width:250px;color:var(--juejin-font-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-row .user-info .developer[data-v-4d33cb53]{color:var(--juejin-font-1);margin:.333rem 0 0;font-size:1rem}.info-row .user-info .developer-user[data-v-4d33cb53]{color:var(--juejin-font-brand1-normal)}.info-row .robot_info_tips[data-v-4d33cb53]{position:absolute;top:75px;left:48px;z-index:1000;padding:2px 4px;font-size:12px;line-height:22px;background-color:var(--juejin-popover);color:var(--juejin-gray-0)}.info-row .robot_info_tips .triangle-top[data-v-4d33cb53]{position:absolute;top:-14px;left:50%;margin-left:-5px}.info-row .robot_info_tips .triangle-top[data-v-4d33cb53] .triangle{background-color:var(--juejin-popover);border-right:1px solid var(--juejin-popover);border-bottom:1px solid var(--juejin-popover)}.operate-btn[data-v-4d33cb53]{display:flex;position:relative;align-items:center;justify-content:space-around;margin-top:16px}.operate-btn .btn[data-v-4d33cb53]{width:122px;border-radius:4px;margin-top:1.334rem}.operate-btn .create-btn[data-v-4d33cb53]{font-size:14px;margin-left:16px;display:flex;height:36px;background:var(--juejin-brand-fill1-normal);border:1px solid var(--juejin-brand-stroke1-normal);color:var(--juejin-font-brand1-normal);justify-content:center;align-items:center}.operate-btn .create-btn[data-v-4d33cb53]:hover{border:1px solid var(--juejin-brand-stroke2-hover);background:var(--juejin-brand-fill2-hover)}.operate-btn p.tip[data-v-4d33cb53]{position:absolute;top:-28px;left:2px;z-index:1000;padding:2px 4px;font-size:12px;line-height:22px;height:22px;background-color:var(--juejin-popover);color:var(--juejin-gray-0)}.operate-btn p.tip .triangle-bottom[data-v-4d33cb53]{position:absolute;bottom:0;left:50%;margin-left:-5px}.operate-btn p.tip .triangle-bottom[data-v-4d33cb53] .triangle{background-color:var(--juejin-popover);border-right:1px solid var(--juejin-popover);border-bottom:1px solid var(--juejin-popover)}@keyframes skeleton-keyframes-data-v-78a63d78{0%{background-position:0 0}to{background-position:480px 0}}.emoji.old[data-v-78a63d78]{transform:scale(.9)}@media (max-width:600px){.web-only[data-v-78a63d78]{display:none}}.popover-box[data-v-78a63d78] .popover-content{padding:1.667rem;box-shadow:0 8px 24px rgba(81,87,103,.16);border-radius:4px;border:none}.user-popover[data-v-78a63d78] .popover-content{width:300px}.mobile-gallery[data-v-1775a238]{position:fixed;top:0;left:0;width:100%;height:100%;color:#fff;background-color:#000;z-index:10000}.mobile-gallery-close[data-v-1775a238],.mobile-gallery-counter[data-v-1775a238]{position:fixed;z-index:10001}.mobile-gallery-counter[data-v-1775a238]{top:24px;width:100%;font-size:16px;letter-spacing:2px;text-shadow:0 0 3px #333;text-align:center}.mobile-gallery-close[data-v-1775a238]{top:20px;right:20px;padding:4px 16px;font-size:14px;border-radius:3px;background-color:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.3)}.mobile-gallery-loading[data-v-1775a238]{position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;z-index:10001}.mobile-gallery-group[data-v-1775a238],.mobile-gallery-img[data-v-1775a238]{height:100%;overflow-y:scroll}.mobile-gallery-group[data-v-1775a238]{font-size:0}.mobile-gallery-img[data-v-1775a238]{float:left}.mobile-gallery-img img[data-v-1775a238]{position:relative;display:block;width:100%}@keyframes skeleton-keyframes-data-v-6c6510ce{0%{background-position:0 0}to{background-position:480px 0}}.content[data-v-6c6510ce]{display:flex!important;justify-content:center;align-items:center}.content .icon-svg[data-v-6c6510ce],.content[data-v-6c6510ce]{width:100%;height:100%}.content .icon-svg path[data-v-6c6510ce]{fill:var(--juejin-brand-1-normal)}.content .icon-count[data-v-6c6510ce]{position:absolute;display:flex;height:100%;left:3px;top:1.2px;align-items:center;color:var(--juejin-gray-0)}.content .icon-count .plus[data-v-6c6510ce]{margin-bottom:1.2px}@keyframes skeleton-keyframes-data-v-204d24f0{0%{background-position:0 0}to{background-position:480px 0}}.comment-img[data-v-204d24f0]{position:relative;border-radius:4px;display:inline-block;width:120px;height:120px;margin-right:12px;border:1px solid var(--juejin-gray-1-2);overflow:hidden;cursor:zoom-in}.comment-img .img-more-icon[data-v-204d24f0]{position:absolute;right:4px;bottom:4px;width:24px;height:24px}.comment-img img[data-v-204d24f0]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@keyframes skeleton-keyframes-data-v-60ec746e{0%{background-position:0 0}to{background-position:480px 0}}.reply-card[data-v-60ec746e]{display:flex;min-width:0;box-sizing:border-box;font-style:normal;position:relative}.reply-card[data-v-60ec746e]:before{content:" ";position:absolute;pointer-events:none;background:transparent;top:-4px;left:-4px;right:-4px;bottom:-4px;transition:all .3s}.reply-card[data-v-60ec746e] *{box-sizing:border-box}.reply-card .reply-avatar[data-v-60ec746e]{position:relative;width:28px;flex-shrink:0;flex-grow:0;margin-right:12px}.reply-card .reply-avatar .avatar[data-v-60ec746e]{width:28px;height:28px}.reply-card .reply-avatar .avatar .avatar-tag[data-v-60ec746e]{position:absolute;right:-3px;bottom:-4px;margin-left:0!important;width:17px;height:17px}.reply-card .reply-avatar .avatar .avatar-tag[data-v-60ec746e] img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.reply-card .reply-wrapper[data-v-60ec746e]{position:relative;flex:1;min-width:0}.reply-card .reply-wrapper .reply-content .content[data-v-60ec746e]{color:var(--juejin-font-1);font-size:16px;font-weight:400;line-height:28px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:6}.reply-card .reply-wrapper .reply-content .content[data-v-60ec746e] .emoji{vertical-align:sub;width:auto;position:relative;top:1px;height:20px;margin:0 2px}.reply-card .reply-wrapper .reply-content .content .user-info[data-v-60ec746e]{display:inline;color:var(--juejin-font-1);font-size:16px;font-weight:400;line-height:28px}.reply-card .reply-wrapper .reply-content .content .user-info[data-v-60ec746e] .popover-box{display:inline-flex}.reply-card .reply-wrapper .reply-content .content .user-info .username[data-v-60ec746e]{color:var(--juejin-font-2);font-size:16px;font-weight:400;line-height:28px}.reply-card .reply-wrapper .reply-content .content .user-info .author-tag[data-v-60ec746e]{color:var(--juejin-font-brand1-normal);font-size:12px;font-weight:400;line-height:14px;border-radius:2px;background:var(--juejin-brand-5-light);height:18px;width:30px;display:inline-flex;align-items:center;justify-content:center;margin-left:4px;flex-shrink:0;position:relative;top:-2px}.reply-card .reply-wrapper .reply-content .content.expand[data-v-60ec746e]{-webkit-line-clamp:initial}.reply-card .reply-wrapper .reply-content .expand-action-wrap[data-v-60ec746e]{margin-top:8px}.reply-card .reply-wrapper .reply-content .expand-action-wrap .expand-action[data-v-60ec746e]{display:inline-block;font-size:14px;line-height:22px;color:var(--juejin-brand-1-normal);cursor:pointer}.reply-card .reply-wrapper .reply-content .reply-img-box[data-v-60ec746e]{margin-top:8px}.reply-card .reply-wrapper .reply-content .reply-img-box .reply-img[data-v-60ec746e]{border-radius:4px;display:inline-block;width:120px;height:120px;margin-right:12px;border:1px solid var(--juejin-gray-1-2);overflow:hidden;cursor:zoom-in}.reply-card .reply-wrapper .reply-content .reply-img-box .reply-img img[data-v-60ec746e]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.reply-card .reply-wrapper .reply-action[data-v-60ec746e]{margin-top:8px;display:flex;align-items:center;color:var(--juejin-font-3);font-size:14px;font-weight:400;line-height:22px}.reply-card .reply-wrapper .reply-action .action-time[data-v-60ec746e]{margin-right:10px;display:flex;align-items:center}.reply-card .reply-wrapper .reply-action .action-digg[data-v-60ec746e],.reply-card .reply-wrapper .reply-action .action-reply[data-v-60ec746e]{cursor:pointer;display:flex;align-items:center;transition:all .2s;padding:0 10px}.reply-card .reply-wrapper .reply-action .action-digg .icon[data-v-60ec746e],.reply-card .reply-wrapper .reply-action .action-reply .icon[data-v-60ec746e]{margin-right:4px}.reply-card .reply-wrapper .reply-action .action-digg svg path[data-v-60ec746e],.reply-card .reply-wrapper .reply-action .action-reply svg path[data-v-60ec746e]{transition:all .2s;fill:currentColor}.reply-card .reply-wrapper .reply-action .action-digg.active[data-v-60ec746e],.reply-card .reply-wrapper .reply-action .action-digg[data-v-60ec746e]:hover,.reply-card .reply-wrapper .reply-action .action-reply.active[data-v-60ec746e],.reply-card .reply-wrapper .reply-action .action-reply[data-v-60ec746e]:hover{color:var(--juejin-brand-1-normal)}.reply-card .reply-wrapper .reply-action .more-action[data-v-60ec746e]{cursor:pointer}.reply-card .reply-wrapper .reply-action .more-action .more-btn[data-v-60ec746e]{display:flex;align-items:center;padding:0 6px;transition:all .2s;border-radius:2px}.reply-card .reply-wrapper .reply-action .more-action .more-btn svg circle[data-v-60ec746e]{fill:var(--juejin-font-2)}.reply-card .reply-wrapper .reply-action .more-action .more-btn:hover svg circle[data-v-60ec746e]{fill:var(--juejin-font-brand1-normal)}.reply-card .reply-wrapper .reply-action .more-action .more-menu[data-v-60ec746e]{color:var(--juejin-font-1);font-size:14px;font-weight:400;line-height:24px}.reply-card .reply-wrapper .reply-action .more-action .more-menu li[data-v-60ec746e]{height:32px;padding:0 16px 0 12px;display:flex;align-items:center;transition:all .2s;cursor:pointer;min-width:0}.reply-card .reply-wrapper .reply-action .more-action .more-menu li .menu-icon[data-v-60ec746e]{margin-right:8px;flex-shrink:0;color:var(--juejin-font-2)}.reply-card .reply-wrapper .reply-action .more-action .more-menu li .menu-label[data-v-60ec746e]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.reply-card .reply-wrapper .reply-action .more-action .more-menu li[data-v-60ec746e]:hover{background:var(--juejin-gray-3)}.reply-card .reply-wrapper .reply-action .more-action[data-v-60ec746e] .more-popover .byte-popover{border-radius:4px;padding:0}.reply-card .reply-wrapper .reply-action .more-action[data-v-60ec746e] .more-popover .byte-popover__content{margin:0}.reply-card .reply-wrapper .reply-action .more-action[data-v-60ec746e] .more-popover .popper__arrow{display:none}.reply-card .reply-wrapper .reply-editor[data-v-60ec746e]{margin-top:8px}.reply-card .reply-editor[data-v-60ec746e]{margin-top:12px}.reply-card.small .reply-avatar[data-v-60ec746e]{width:28px;margin-right:12px}.reply-card.small .reply-avatar .avatar[data-v-60ec746e]{width:28px;height:28px}.reply-card.small .reply-avatar .avatar .avatar-tag[data-v-60ec746e]{position:absolute;right:-2px;bottom:-3px;width:16px;height:16px}.reply-card.small .reply-wrapper[data-v-60ec746e]{flex:1;min-width:0}.reply-card.small .reply-wrapper .reply-content[data-v-60ec746e]{margin-top:4px}.reply-card.small .reply-wrapper .reply-content .content .user-info .username[data-v-60ec746e],.reply-card.small .reply-wrapper .reply-content .content .user-info[data-v-60ec746e],.reply-card.small .reply-wrapper .reply-content .content[data-v-60ec746e]{font-size:14px;line-height:24px}.reply-card.small .reply-wrapper .reply-content .content .user-info .author-tag[data-v-60ec746e]{margin-left:2px;font-size:10px;line-height:12px;border-radius:1px;height:16px;width:30px;top:-1px}.reply-card.small .reply-wrapper .reply-content .expand-action-wrap[data-v-60ec746e]{margin-top:4px}.reply-card.small .reply-wrapper .reply-content .expand-action-wrap .expand-action[data-v-60ec746e]{font-size:12px;line-height:22px}.reply-card.small .reply-wrapper .reply-content .reply-img-box[data-v-60ec746e]{margin-top:6px}.reply-card.small .reply-wrapper .reply-content .reply-img-box .reply-img[data-v-60ec746e]{width:100px;height:100px}.reply-card.small .reply-wrapper .reply-action[data-v-60ec746e]{margin-top:6px;font-size:12px;line-height:20px}.reply-card.small .reply-wrapper .reply-action .action-digg[data-v-60ec746e],.reply-card.small .reply-wrapper .reply-action .action-reply[data-v-60ec746e]{padding:0 8px}.reply-card.small .reply-wrapper .reply-action .action-digg svg[data-v-60ec746e],.reply-card.small .reply-wrapper .reply-action .action-reply svg[data-v-60ec746e]{width:14px;height:14px}@keyframes skeleton-keyframes-data-v-48aabfe4{0%{background-position:0 0}to{background-position:480px 0}}.top-has-more[data-v-48aabfe4]{margin-top:8px;color:var(--juejin-font-3);font-size:14px;font-style:normal;font-weight:400;line-height:22px;cursor:pointer}@media (max-width:600px){.top-has-more[data-v-48aabfe4]{font-size:13px}}.top-has-more svg[data-v-48aabfe4]{fill:currentColor;vertical-align:middle;position:relative;top:-1px}.top-has-more[data-v-48aabfe4]:hover{color:var(--juejin-font-brand1-normal)}.top-has-more.small[data-v-48aabfe4]{font-size:13px;line-height:20px}.reply-list[data-v-48aabfe4]{margin-top:8px;margin-bottom:-8px}.reply-list .reply-item[data-v-48aabfe4]{padding:8px 0}.reply-list .reply-item.anchor-active[data-v-48aabfe4]:before{background:var(--juejin-brand-5-light);left:-64px;right:-20px}.reply-list .top-has-more[data-v-48aabfe4]{padding:8px 0;margin-top:0;margin-left:40px}.reply-list.small[data-v-48aabfe4]{margin-top:6px;margin-bottom:-6px}.reply-list.small .reply-item[data-v-48aabfe4]{padding:6px 0}.reply-list.small .top-has-more[data-v-48aabfe4]{margin-left:40px;line-height:20px;padding:6px 0}@keyframes skeleton-keyframes-data-v-2c3ce642{0%{background-position:0 0}to{background-position:480px 0}}.comment-card[data-v-2c3ce642]{display:flex;min-width:0;box-sizing:border-box;font-style:normal;position:relative}.comment-card[data-v-2c3ce642]:before{content:" ";position:absolute;pointer-events:none;background:transparent;top:0;left:-10px;right:-10px;transition:all .3s}.comment-card[data-v-2c3ce642] *{box-sizing:border-box}.comment-card .comment-avatar[data-v-2c3ce642]{position:relative;width:36px;flex-shrink:0;flex-grow:0;margin-right:16px}.comment-card .comment-avatar .avatar[data-v-2c3ce642]{width:36px;height:36px}.comment-card .comment-avatar .avatar .avatar-tag[data-v-2c3ce642]{position:absolute;right:-3px;bottom:-4px;margin-left:0!important;width:19px;height:19px}.comment-card .comment-avatar .avatar .avatar-tag[data-v-2c3ce642] img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.comment-card .comment-wrapper[data-v-2c3ce642]{position:relative;flex:1;min-width:0}.comment-card .comment-wrapper .comment-header[data-v-2c3ce642]{display:flex;align-items:center;padding:1px 0}.comment-card .comment-wrapper .comment-header .username[data-v-2c3ce642]{color:var(--juejin-font-2);font-size:16px;font-weight:400;line-height:24px}.comment-card .comment-wrapper .comment-header .author-tag[data-v-2c3ce642]{vertical-align:text-top;color:var(--juejin-font-brand1-normal);font-size:12px;font-weight:400;line-height:14px;border-radius:2px;background:var(--juejin-brand-5-light);height:18px;width:30px;display:flex;align-items:center;justify-content:center;margin-left:4px;flex-shrink:0}.comment-card .comment-wrapper .comment-header .author-intro[data-v-2c3ce642]{color:var(--juejin-font-3);font-size:14px;font-weight:400;line-height:22px;margin-left:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.comment-card .comment-wrapper .comment-header .hot-icon[data-v-2c3ce642]{width:43px;height:20px}.comment-card .comment-wrapper .comment-content[data-v-2c3ce642]{margin-top:4px}.comment-card .comment-wrapper .comment-content .content[data-v-2c3ce642]{color:var(--juejin-font-1);font-size:16px;font-weight:400;line-height:28px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:6}.comment-card .comment-wrapper .comment-content .content[data-v-2c3ce642] .emoji{vertical-align:sub;width:auto;position:relative;top:1px;height:20px;margin:0 2px}.comment-card .comment-wrapper .comment-content .content.expand[data-v-2c3ce642]{-webkit-line-clamp:initial}.comment-card .comment-wrapper .comment-content .expand-action-wrap[data-v-2c3ce642]{margin-top:8px}.comment-card .comment-wrapper .comment-content .expand-action-wrap .expand-action[data-v-2c3ce642]{display:inline-block;font-size:14px;line-height:22px;color:var(--juejin-font-brand1-normal);cursor:pointer}.comment-card .comment-wrapper .comment-content .comment-img-box[data-v-2c3ce642]{margin-top:8px}.comment-card .comment-wrapper .comment-action[data-v-2c3ce642]{margin-top:8px;display:flex;align-items:center;color:var(--juejin-font-3);font-size:14px;font-weight:400;line-height:22px}.comment-card .comment-wrapper .comment-action .action-time[data-v-2c3ce642]{margin-right:10px;display:flex;align-items:center}.comment-card .comment-wrapper .comment-action .action-digg[data-v-2c3ce642],.comment-card .comment-wrapper .comment-action .action-reply[data-v-2c3ce642]{cursor:pointer;display:flex;align-items:center;transition:all .2s;padding:0 10px}.comment-card .comment-wrapper .comment-action .action-digg .icon[data-v-2c3ce642],.comment-card .comment-wrapper .comment-action .action-reply .icon[data-v-2c3ce642]{margin-right:4px}.comment-card .comment-wrapper .comment-action .action-digg svg path[data-v-2c3ce642],.comment-card .comment-wrapper .comment-action .action-reply svg path[data-v-2c3ce642]{transition:all .2s;fill:currentColor}.comment-card .comment-wrapper .comment-action .action-digg.active[data-v-2c3ce642],.comment-card .comment-wrapper .comment-action .action-digg[data-v-2c3ce642]:hover,.comment-card .comment-wrapper .comment-action .action-reply.active[data-v-2c3ce642],.comment-card .comment-wrapper .comment-action .action-reply[data-v-2c3ce642]:hover{color:var(--juejin-font-brand1-normal)}.comment-card .comment-wrapper .comment-action .more-action[data-v-2c3ce642]{cursor:pointer}.comment-card .comment-wrapper .comment-action .more-action .more-btn[data-v-2c3ce642]{display:flex;align-items:center;padding:0 6px;transition:all .2s;border-radius:2px}.comment-card .comment-wrapper .comment-action .more-action .more-btn svg circle[data-v-2c3ce642]{fill:var(--juejin-font-2)}.comment-card .comment-wrapper .comment-action .more-action .more-btn:hover svg circle[data-v-2c3ce642]{fill:var(--juejin-font-brand1-normal)}.comment-card .comment-wrapper .comment-action .more-action .more-menu[data-v-2c3ce642]{color:var(--juejin-font-1);font-size:14px;font-weight:400;line-height:24px}.comment-card .comment-wrapper .comment-action .more-action .more-menu li[data-v-2c3ce642]{height:32px;padding:0 16px 0 12px;display:flex;align-items:center;transition:all .2s;cursor:pointer;min-width:0}.comment-card .comment-wrapper .comment-action .more-action .more-menu li .menu-icon[data-v-2c3ce642]{margin-right:8px;flex-shrink:0;color:var(--juejin-font-2)}.comment-card .comment-wrapper .comment-action .more-action .more-menu li .menu-label[data-v-2c3ce642]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.comment-card .comment-wrapper .comment-action .more-action .more-menu li[data-v-2c3ce642]:hover{background:var(--juejin-gray-3)}.comment-card .comment-wrapper .comment-action .more-action[data-v-2c3ce642] .more-popover .byte-popover{border-radius:4px;padding:0}.comment-card .comment-wrapper .comment-action .more-action[data-v-2c3ce642] .more-popover .byte-popover__content{margin:0}.comment-card .comment-wrapper .comment-action .more-action[data-v-2c3ce642] .more-popover .popper__arrow{display:none}.comment-card .comment-reply-editor[data-v-2c3ce642]{margin-top:8px}.comment-card .comment-form[data-v-2c3ce642] .avatar{margin-right:12px;width:28px;height:28px}.comment-card.small .comment-avatar[data-v-2c3ce642]{width:32px;margin-right:12px}.comment-card.small .comment-avatar .avatar[data-v-2c3ce642]{width:32px;height:32px}.comment-card.small .comment-avatar .avatar .avatar-tag[data-v-2c3ce642]{position:absolute;right:-2px;bottom:-3px;width:16px;height:16px}.comment-card.small .comment-wrapper[data-v-2c3ce642]{flex:1;min-width:0}.comment-card.small .comment-wrapper .comment-header[data-v-2c3ce642]{display:flex;align-items:center;padding:1px 0}.comment-card.small .comment-wrapper .comment-header .username[data-v-2c3ce642]{color:var(--juejin-font-2);font-size:14px;font-weight:400;line-height:24px}.comment-card.small .comment-wrapper .comment-header .author-tag[data-v-2c3ce642]{margin-left:2px;font-size:10px;line-height:12px;border-radius:1px;height:16px;width:30px}.comment-card.small .comment-wrapper .comment-header .author-intro[data-v-2c3ce642]{color:var(--juejin-font-3);font-size:12px;line-height:18px;margin-left:8px}.comment-card.small .comment-wrapper .comment-content[data-v-2c3ce642]{margin-top:4px}.comment-card.small .comment-wrapper .comment-content .content[data-v-2c3ce642]{font-size:14px;line-height:24px}.comment-card.small .comment-wrapper .comment-content .expand-action-wrap[data-v-2c3ce642]{margin-top:4px}.comment-card.small .comment-wrapper .comment-content .expand-action-wrap .expand-action[data-v-2c3ce642]{font-size:12px;line-height:22px}.comment-card.small .comment-wrapper .comment-content .comment-img-box[data-v-2c3ce642]{margin-top:6px}.comment-card.small .comment-wrapper .comment-content .comment-img-box .comment-img[data-v-2c3ce642]{width:100px;height:100px}.comment-card.small .comment-wrapper .comment-action[data-v-2c3ce642]{margin-top:6px;font-size:12px;line-height:20px}.comment-card.small .comment-wrapper .comment-action .action-digg[data-v-2c3ce642],.comment-card.small .comment-wrapper .comment-action .action-reply[data-v-2c3ce642]{padding:0 8px}.comment-card.small .comment-wrapper .comment-action .action-digg svg[data-v-2c3ce642],.comment-card.small .comment-wrapper .comment-action .action-reply svg[data-v-2c3ce642]{width:14px;height:14px}@keyframes skeleton-keyframes-data-v-3c9d31de{0%{background-position:0 0}to{background-position:480px 0}}.comment-list-wrapper[data-v-3c9d31de]{padding:0;box-sizing:border-box}.comment-list-wrapper [data-v-3c9d31de]{box-sizing:border-box}.comment-list-wrapper .comment-list-header .sort .item[data-v-3c9d31de]{font-size:15px;font-weight:500;line-height:22px;display:inline-block;color:var(--juejin-font-2);font-weight:400;cursor:pointer;border-radius:2px;padding:3px 4px}.comment-list-wrapper .comment-list-header .sort .item.active[data-v-3c9d31de]{color:var(--juejin-font-brand1-normal)}.comment-list-wrapper .comment-list-header .sort .divider[data-v-3c9d31de]{display:inline-block;width:1px;height:13px;background:var(--juejin-gray-1-1);position:relative;top:2px;margin:0 3px}.comment-list-wrapper .fetch-more-comment[data-v-3c9d31de]{margin-top:12px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--juejin-font-2);font-size:15px;height:52px;cursor:pointer;background:var(--juejin-gray-3);font-weight:500;transition:all .2s}.comment-list-wrapper .fetch-more-comment svg[data-v-3c9d31de]{fill:currentColor;margin-left:8px}.comment-list-wrapper .fetch-more-comment[data-v-3c9d31de]:hover{background:var(--juejin-gray-2)}.comment-list-wrapper .comment-list[data-v-3c9d31de]{min-height:120px;margin-top:4px}.comment-list-wrapper .comment-list .comment-item[data-v-3c9d31de]{padding:16px 0}.comment-list-wrapper .comment-list .comment-item.anchor-active[data-v-3c9d31de]:before{background:var(--juejin-brand-5-light);left:-20px;right:-20px;bottom:var(--juejin-anchor-bottom)}.comment-list-wrapper.small .comment-list-header .sort .item[data-v-3c9d31de]{font-size:14px}.comment-list-wrapper.small .comment-list-header .sort .divider[data-v-3c9d31de]{margin:0 2px}.comment-list-wrapper.small .comment-list[data-v-3c9d31de]{margin-top:4px;min-height:104px}.comment-list-wrapper.small .comment-list .comment-item[data-v-3c9d31de]{padding:12px 0}.comment-list-wrapper.small .fetch-more-comment[data-v-3c9d31de]{margin-top:12px;font-size:13px;height:40px;cursor:pointer}.comment-list-wrapper.small .fetch-more-comment svg[data-v-3c9d31de]{margin-left:6px}@keyframes skeleton-keyframes-data-v-3710f1dd{0%{background-position:0 0}to{background-position:480px 0}}.jj-comment-list-container[data-v-3710f1dd]{font-style:normal}.jj-comment-list-container .comment-editor[data-v-3710f1dd]{margin-top:32px}.jj-comment-list-container .comment-editor[data-v-3710f1dd] .comment-input .input-box{display:flex;flex-direction:column}.jj-comment-list-container .comment-editor[data-v-3710f1dd] .comment-input .input-box.focused{min-height:150px;max-height:300px}.jj-comment-list-container .comment-editor[data-v-3710f1dd] .comment-input .input-box .rich-input{flex:1;max-height:none}.jj-comment-list-container .comment-editor[data-v-3710f1dd] .comment-input .input-box .action-box{flex-shrink:0}.jj-comment-list-container .hot-comment[data-v-3710f1dd]{margin-top:0}.jj-comment-list-container .title[data-v-3710f1dd]{color:var(--juejin-font-1);font-size:18px;font-weight:600;line-height:30px}.jj-comment-list-container .comment-list-root[data-v-3710f1dd]{margin-top:32px}.jj-comment-list-container.hidden-title .comment-list-root[data-v-3710f1dd]{margin-top:20px}.jj-comment-list-container.small .title[data-v-3710f1dd]{font-size:16px;font-weight:500;line-height:24px}.jj-comment-list-container.small .comment-editor[data-v-3710f1dd]{margin-top:16px}.jj-comment-list-container.small .comment-list-root[data-v-3710f1dd]{margin-top:20px}@keyframes skeleton-keyframes-data-v-2e68e926{0%{background-position:0 0}to{background-position:480px 0}}.video-item[data-v-2e68e926]{display:flex;padding:8px 0;height:60px}.video-item .poster[data-v-2e68e926]{width:80px;height:60px;flex-shrink:0;overflow:hidden;border-radius:4px;margin-right:8px;background-color:var(--juejin-layer-loading-end);border:1px solid var(--juejin-gray-1-2);box-sizing:border-box}.video-item .info[data-v-2e68e926]{position:relative;flex-grow:1;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.video-item .title-box[data-v-2e68e926]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:500;font-size:14px;line-height:22px;color:var(--juejin-font-1);word-break:break-all}.video-item .title-box .icon-vip-free[data-v-2e68e926]{display:inline-block;margin-left:-8px;margin-right:-8px;font-size:12px;transform:scale(.6666)}.video-item .title-box[data-v-2e68e926]:hover{color:var(--juejin-font-brand2-hover)}.video-item .source-wrap[data-v-2e68e926]{display:flex;align-items:center;font-size:11px;color:var(--juejin-font-2);height:16px;margin-top:0}.video-item .source-wrap .icon-bytetech[data-v-2e68e926]{width:16px;height:16px;margin-right:4px}@keyframes skeleton-keyframes-data-v-676fae7d{0%{background-position:0 0}to{background-position:480px 0}}.byte-video-item[data-v-676fae7d]{position:relative;display:flex;padding:14px 20px;background-color:var(--juejin-layer-1);width:100%;box-sizing:border-box}.byte-video-item[data-v-676fae7d]:hover{background-color:var(--juejin-gray-3)}@media (max-width:600px){.byte-video-item[data-v-676fae7d]{position:relative;padding:12px 16px}.byte-video-item[data-v-676fae7d]:after{display:inline-block;position:absolute;bottom:0;left:16px;right:16px;height:1px;content:" ";background:var(--juejin-gray-1-2)}}@media (max-width:600px) and (-webkit-min-device-pixel-ratio:2){.byte-video-item[data-v-676fae7d]:after{transform:scaleY(.5)}}@media (max-width:600px) and (-webkit-min-device-pixel-ratio:3){.byte-video-item[data-v-676fae7d]:after{transform:scaleY(.333)}}@media (max-width:600px){.byte-video-item[data-v-676fae7d]:first-child{padding-top:16px}.byte-video-item[data-v-676fae7d]:hover{background-color:var(--juejin-layer-1)}}.byte-video-item .poster[data-v-676fae7d]{width:226px;height:128px;flex-shrink:0;overflow:hidden;border-radius:4px;margin-right:16px;background-color:var(--juejin-layer-loading-end);border:1px solid var(--juejin-gray-1-2)}@media (max-width:600px){.byte-video-item .poster[data-v-676fae7d]{width:142px;height:89px}}.byte-video-item .footer[data-v-676fae7d]{display:none}.byte-video-item .source-wrap[data-v-676fae7d]{display:flex;align-items:center;font-size:15px;color:var(--juejin-font-2);height:26px;margin-top:6px}.byte-video-item .source-wrap .icon-bytetech[data-v-676fae7d]{width:26px;height:26px;margin-right:8px}@media (max-width:600px){.byte-video-item .source-wrap[data-v-676fae7d]{height:20px;margin-top:4px;font-size:12px}.byte-video-item .source-wrap .icon-bytetech[data-v-676fae7d]{width:15px;height:15px;margin-right:4px}}.byte-video-item .info[data-v-676fae7d]{position:relative;overflow:hidden;display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;box-sizing:border-box}.byte-video-item .info .info-top[data-v-676fae7d]{overflow:hidden;width:100%}.byte-video-item .info .title-box[data-v-676fae7d]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;font-weight:500;font-size:20px;line-height:28px;color:var(--juejin-font-1)}.byte-video-item .info .title-box[data-v-676fae7d]:hover{color:var(--juejin-font-brand2-hover)}@media (max-width:600px){.byte-video-item .info .title-box[data-v-676fae7d]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:22px;font-size:15px;font-weight:600;white-space:normal}}.byte-video-item .info .tag[data-v-676fae7d]{display:inline-block;vertical-align:middle;cursor:default;margin-right:3px;transform:translateY(-3px)}@media (max-width:600px){.byte-video-item .info .tag[data-v-676fae7d]{margin-right:1px;transform:translateY(-2px)}}.byte-video-item .info .desc[data-v-676fae7d]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;margin-top:6px;line-height:22px;color:var(--juejin-font-2);font-size:14px}@media (max-width:600px){.byte-video-item .info .desc[data-v-676fae7d]{display:none}}.byte-video-item.vertical[data-v-676fae7d]{min-width:240px;flex-direction:column;padding:16px 0;width:calc(33.33333% - 20px)}.byte-video-item.vertical[data-v-676fae7d]:hover{background-color:var(--juejin-layer-1)}.byte-video-item.vertical .poster[data-v-676fae7d]{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;margin-right:0}.byte-video-item.vertical .poster[data-v-676fae7d] img{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1}.byte-video-item.vertical .info[data-v-676fae7d]{margin:12px 0 8px}.byte-video-item.vertical .info .desc[data-v-676fae7d],.byte-video-item.vertical .info .source-wrap[data-v-676fae7d],.byte-video-item.vertical .info .video-duration-wrap[data-v-676fae7d]{display:none}.byte-video-item.vertical .info .tag[data-v-676fae7d]{transform:translateY(-2px)}.byte-video-item.vertical .info .title-box[data-v-676fae7d]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:24px;font-size:16px;min-height:48px}@media (max-width:600px){.byte-video-item.vertical .info .title-box[data-v-676fae7d]{min-height:unset}}.byte-video-item.vertical .footer[data-v-676fae7d]{display:flex;justify-content:space-between}.byte-video-item.vertical .footer .source-wrap[data-v-676fae7d]{font-size:14px;height:20px;margin-top:0;flex:0 0 auto}.byte-video-item.vertical .footer .source-wrap .icon-bytetech[data-v-676fae7d]{width:20px;height:20px;margin-right:4px}.byte-video-item.vertical .footer .video-duration-wrap[data-v-676fae7d]{margin-top:0;height:20px;line-height:20px}@keyframes skeleton-keyframes-data-v-144f70b8{0%{background-position:0 0}to{background-position:480px 0}}.hot-videos[data-v-144f70b8]{background-color:var(--juejin-layer-1);box-sizing:border-box;width:240px;max-height:448px;border-radius:4px;flex:0 1 auto;overflow:hidden}.hot-videos .video-loading-box[data-v-144f70b8]{height:calc(100% - 48px)}.hot-videos .videos-header[data-v-144f70b8]{position:relative;height:48px;line-height:48px;font-size:16px;font-weight:600;color:var(--juejin-font-1);padding:0 16px}.hot-videos .videos-header[data-v-144f70b8]:after{display:inline-block;position:absolute;bottom:0;left:16px;right:16px;height:1px;content:" ";background:var(--juejin-gray-1-2)}@media (-webkit-min-device-pixel-ratio:2){.hot-videos .videos-header[data-v-144f70b8]:after{transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3){.hot-videos .videos-header[data-v-144f70b8]:after{transform:scaleY(.333)}}.hot-videos .videos-header[data-v-144f70b8]:last-child:after{display:none}.hot-videos .videos-content[data-v-144f70b8]{overflow-y:auto;overflow-x:hidden;padding:8px 0 12px;height:100%;box-sizing:border-box}.hot-videos .videos-content[data-v-144f70b8]::-webkit-scrollbar{width:3px;height:3px;background:transparent}.hot-videos .videos-content[data-v-144f70b8]::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.hot-videos .videos-content[data-v-144f70b8]:hover::-webkit-scrollbar-thumb{background:var(--juejin-gray-1-1)}.hot-videos .videos-content .video-item[data-v-144f70b8]{padding:8px 16px}@media (max-width:600px){.hot-videos[data-v-144f70b8]{width:100%;max-height:unset;border-radius:0;padding:16px 0 0}.hot-videos .videos-header[data-v-144f70b8]{height:28px;line-height:28px;padding-left:16px;margin-bottom:8px}.hot-videos .videos-header[data-v-144f70b8]:after{display:none}}.sprite-icon[data-v-a06f218e]{fill:currentColor;stroke:transparent;vertical-align:middle}@keyframes skeleton-keyframes-data-v-5104a440{0%{background-position:0 0}to{background-position:480px 0}}.video-directions .svg-sprites[data-v-5104a440]{width:0;height:0;opacity:0;position:absolute;z-index:-1}.video-directions #unplay path[data-v-5104a440]{fill:var(--juejin-font-2)}.video-directions #unplay circle[data-v-5104a440]{stroke:var(--juejin-font-3)}.video-directions .item[data-v-5104a440]{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px 0}.video-directions .item[data-v-5104a440]:after{display:inline-block;position:absolute;bottom:0;left:16px;right:16px;height:1px;content:" ";background:var(--juejin-gray-1-2)}@media (-webkit-min-device-pixel-ratio:2){.video-directions .item[data-v-5104a440]:after{transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3){.video-directions .item[data-v-5104a440]:after{transform:scaleY(.333)}}.video-directions .item[data-v-5104a440]:last-child{padding-bottom:20px}.video-directions .item[data-v-5104a440]:last-child:after{display:none}.video-directions .item[data-v-5104a440]:hover{cursor:pointer}.video-directions .item .left-box[data-v-5104a440]{flex:1;display:flex;overflow:hidden}.video-directions .item .right-box[data-v-5104a440]{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:24px;width:56px}.video-directions .item .no-vip-txt[data-v-5104a440]{color:var(--juejin-font-2);font-size:12px;line-height:20px;margin-top:4px;white-space:nowrap}.video-directions .item .content-box[data-v-5104a440]{flex:1;overflow:hidden}.video-directions .item .num[data-v-5104a440]{font-weight:600;font-size:16px;line-height:24px;color:var(--juejin-font-3);width:55px;text-align:center;flex:0 0 auto}.video-directions .item .title[data-v-5104a440]{font-weight:500;font-size:16px;line-height:24px;color:var(--juejin-font-1);margin-right:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-directions .item .time-line[data-v-5104a440]{font-size:14px;line-height:22px;color:var(--juejin-font-3);margin-top:4px}.video-directions .item .last-read-tag[data-v-5104a440]{color:var(--juejin-brand-1-normal);background:var(--juejin-brand-5-light);font-size:12px;border-radius:2px;padding:0 6px;height:20px;line-height:20px;display:inline-block;text-align:center;margin-right:5px}.video-directions .item .icon-play-wrap[data-v-5104a440]{width:32px;height:32px;position:relative}.video-directions .item .icon-play[data-v-5104a440]{position:absolute;left:0;top:0;z-index:1;width:32px;height:32px}@media (max-width:600px){.video-directions .item[data-v-5104a440]{padding:12px 16px}.video-directions .item .num[data-v-5104a440]{width:22px;text-align:left;font-size:14px;line-height:24px}.video-directions .item .title[data-v-5104a440]{font-size:15px}.video-directions .item .time-line[data-v-5104a440]{font-size:12px;line-height:20px}.video-directions .item .right-box[data-v-5104a440]{margin-right:0}.video-directions .item .icon-play-wrap[data-v-5104a440]{left:-4px;top:-4px;width:24px;height:24px}.video-directions .item .icon-play[data-v-5104a440]{transform:scale(.75)}.video-directions .item .last-read-tag[data-v-5104a440]{padding:0 4px;margin-right:4px;height:18px;line-height:18px;font-size:11px}}.video-directions .play-item[data-v-5104a440]{padding:8px 16px;min-width:240px;box-sizing:border-box}@media (min-width:600px){.video-directions .play-item.active .no-vip-txt[data-v-5104a440],.video-directions .play-item.active .num[data-v-5104a440],.video-directions .play-item.active .title[data-v-5104a440]{color:var(--juejin-brand-1-normal)}}@media (max-width:600px){.video-directions .play-item[data-v-5104a440]{padding:12px 16px}}.video-directions .play-item .num[data-v-5104a440]{width:20px;white-space:nowrap;text-align:left;font-size:13px;line-height:22px}.video-directions .play-item .title[data-v-5104a440]{font-size:13px;line-height:22px}.video-directions .play-item .time-line[data-v-5104a440]{font-size:12px;line-height:20px;margin-top:2px}.video-directions .play-item .right-box[data-v-5104a440]{width:20px;margin-right:2px}@media (max-width:600px){.video-directions .play-item .right-box[data-v-5104a440]{width:unset;margin-right:0}}.video-directions .play-item .icon-play-wrap[data-v-5104a440]{left:-6px;top:-6px;width:20px;height:20px}.video-directions .play-item .icon-play[data-v-5104a440]{transform:scale(.625)}.video-directions .play-item .no-vip-txt[data-v-5104a440]{font-size:12px;margin-top:3px}@keyframes skeleton-keyframes-data-v-d279903e{0%{background-position:0 0}to{background-position:480px 0}}.video-tab-hot-wrap[data-v-d279903e]{margin-top:20px;display:flex}.video-tab-hot-wrap .video-hot-wrap[data-v-d279903e]{flex:0 0 auto}.video-tab-hot-wrap .video-hot-wrap[data-v-d279903e] .hot-videos{margin-left:20px}.video-tab-hot-wrap .video-tabs-wrap[data-v-d279903e]{flex:1;overflow:hidden;background-color:var(--juejin-layer-1);min-height:calc(100vh - 5rem - 312px);border-radius:4px}.video-tab-hot-wrap .video-tabs-wrap .video-comment-list-box[data-v-d279903e]{padding:0 24px 24px;box-sizing:border-box}.video-tab-hot-wrap .video-tabs-wrap .markdown-viewer[data-v-d279903e]{padding:0 24px}.video-tab-hot-wrap .video-tabs-wrap .video-tabs[data-v-d279903e]{position:relative;height:48px;display:flex;align-items:center;margin-left:4px}.video-tab-hot-wrap .video-tabs-wrap .video-tabs[data-v-d279903e]:after{display:inline-block;position:absolute;bottom:0;left:24px;right:24px;height:1px;content:" ";background:var(--juejin-gray-1-2)}@media (-webkit-min-device-pixel-ratio:2){.video-tab-hot-wrap .video-tabs-wrap .video-tabs[data-v-d279903e]:after{transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3){.video-tab-hot-wrap .video-tabs-wrap .video-tabs[data-v-d279903e]:after{transform:scaleY(.333)}}.video-tab-hot-wrap .video-tabs-wrap .tab-item[data-v-d279903e]{position:relative;height:100%;font-size:16px}.video-tab-hot-wrap .video-tabs-wrap .tab-item a[data-v-d279903e]{height:100%;padding:0 20px;display:flex;justify-content:center;align-items:center;color:var(--juejin-font-3)}.video-tab-hot-wrap .video-tabs-wrap .tab-item[data-v-d279903e]:first-child{padding-left:0}.video-tab-hot-wrap .video-tabs-wrap .tab-item:hover a[data-v-d279903e]{color:var(--juejin-font-brand2-hover)}.video-tab-hot-wrap .video-tabs-wrap .tab-item.active[data-v-d279903e]{font-weight:600}.video-tab-hot-wrap .video-tabs-wrap .tab-item.active a[data-v-d279903e]{color:var(--juejin-font-brand1-normal)}.video-tab-hot-wrap .video-tabs-wrap .tab-item.active[data-v-d279903e]:after{content:"";position:absolute;width:20px;height:3px;border-radius:3px;bottom:0;left:50%;transform:translateX(-50%);z-index:10;background-color:var(--juejin-brand-1-normal)}@media (max-width:600px){.video-tab-hot-wrap .video-tabs-wrap[data-v-d279903e]{border-radius:0}.video-tab-hot-wrap .video-tabs-wrap .markdown-viewer[data-v-d279903e]{padding:0 16px}.video-tab-hot-wrap .video-tabs-wrap .video-tabs[data-v-d279903e]{position:relative;height:44px;margin-left:0}.video-tab-hot-wrap .video-tabs-wrap .video-tabs[data-v-d279903e]:after{display:inline-block;position:absolute;bottom:0;left:16px;right:16px;height:1px;content:" ";background:var(--juejin-gray-1-2)}}@media (max-width:600px) and (-webkit-min-device-pixel-ratio:2){.video-tab-hot-wrap .video-tabs-wrap .video-tabs[data-v-d279903e]:after{transform:scaleY(.5)}}@media (max-width:600px) and (-webkit-min-device-pixel-ratio:3){.video-tab-hot-wrap .video-tabs-wrap .video-tabs[data-v-d279903e]:after{transform:scaleY(.333)}}@media (max-width:600px){.video-tab-hot-wrap .video-tabs-wrap .tab-item[data-v-d279903e]{flex:1}}@media (max-width:600px){.video-tab-hot-wrap[data-v-d279903e]{flex-direction:column;padding-bottom:68px;margin-top:8px}.video-tab-hot-wrap .video-hot-wrap[data-v-d279903e]{margin-left:0;margin-top:8px}.video-tab-hot-wrap .video-hot-wrap[data-v-d279903e] .hot-videos{margin-left:0}}