@keyframes skeleton-keyframes-Fnplam {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

.light-theme-ER1Fn9,body {
    --juejin-layer-golden-1: #faf3e5;
    --juejin-layer-golden-2: #f6e7cb;
    --juejin-component-hover: #e4e6eb;
    --juejin-gradientgold_normal_start: #fde8c3;
    --juejin-gradientgold_normal_end: #edd3a7;
    --juejin-gradientgold_hover_start: #f1dfc0;
    --juejin-gradientgold_hover_end: #e6c99b;
    --juejin-gradientgold_click_start: #e9d5b3;
    --juejin-gradientgold_click_end: #dac29a;
    --juejin-layer_loading_start: rgba(228,230,235,0);
    --juejin-layer_loading_end: rgba(228,230,235,.5);
    --juejin-layer_golden_2: #faf3e5;
    --juejin-font_golden_4: #7e5d25;
    --juejin-font-golden-1: #7e5d25;
    --juejin-font-golden-2: #8a795c;
    --juejin-font-golden-3: #d6b885;
    --juejin-gray-0: #fff;
    --juejin-gray-1-1: #e4e6eb;
    --juejin-gray-1-2: rgba(228,230,235,.5);
    --juejin-gray-1-3: #e4e6eb;
    --juejin-gray-2: #f2f3f5;
    --juejin-gray-3: #f7f8fa;
    --juejin-background: #f2f3f5;
    --juejin-layer-1: #fff;
    --juejin-layer-2-1: #f7f8fa;
    --juejin-layer-2-2: rgba(247,248,250,.7);
    --juejin-layer-3-fill: #f2f3f5;
    --juejin-layer-3-border: #e4e6eb;
    --juejin-layer-4-dropdown: #fff;
    --juejin-layer-5: #fff;
    --juejin-brand-1-normal: #1e80ff;
    --juejin-brand-2-hover: #1171ee;
    --juejin-brand-3-click: #0060dd;
    --juejin-brand-4-disable: #abcdff;
    --juejin-brand-5-light: #eaf2ff;
    --juejin-mask-1: rgba(0,0,0,.4);
    --juejin-mask-2: #fff;
    --juejin-mask-3: none;
    --juejin-brand-fill1-normal: rgba(30,128,255,.05);
    --juejin-brand-fill2-hover: rgba(30,128,255,.1);
    --juejin-brand-fill3-click: rgba(30,128,255,.2);
    --juejin-brand-stroke1-normal: rgba(30,128,255,.3);
    --juejin-brand-stroke2-hover: rgba(30,128,255,.45);
    --juejin-brand-stroke3-click: rgba(30,128,255,.6);
    --juejin-font_danger: #ff5132;
    --juejin-font-1: #252933;
    --juejin-font-2: #515767;
    --juejin-font-3: #8a919f;
    --juejin-font-4: #c2c8d1;
    --juejin-font-brand1-normal: #1e80ff;
    --juejin-font-brand2-hover: #1171ee;
    --juejin-font-brand3-click: #0060dd;
    --juejin-font-brand4-disable: #abcdff;
    --juejin-font-success: #2bb91b;
    --juejin-font-warning: #ff8412;
    --juejin-font-danger: #ff5132;
    --juejin-font-white-disable: #fff;
    --juejin-font-white: #fff;
    --juejin-success-1-normal: #00b453;
    --juejin-success-2-deep: #00964e;
    --juejin-success-3-light: #e2faed;
    --juejin-warning-1-normal: #ff7426;
    --juejin-warning-2-deep: #e05e00;
    --juejin-warning-3-light: #fff3e5;
    --juejin-danger-1-normal: #f64242;
    --juejin-danger-2-deep: #cb2634;
    --juejin-danger-3-light: #fff2ff;
    --juejin-sub-1-purple: #9f54ff;
    --juejin-sub-2-blue: #57a0ff;
    --juejin-sub-3-cyan: #5ad7ff;
    --juejin-sub-4-green: #33d790;
    --juejin-sub-5-yellow: #ffcc15;
    --juejin-sub-6-orange: #ff834e;
    --juejin-sub-7-red: #ff5e54;
    --juejin-coupon_1_button: #f64242;
    --juejin-coupon_1_button_disable: #faa0a0;
    --juejin-coupon_2_card: hsla(5,100%,98%,.7);
    --juejin-coupon_3_stroke: rgba(246,66,66,.2);
    --juejin-navigation: #fff;
    --juejin-shade-1: rgba(0,0,0,.4);
    --juejin-shade-2: rgba(0,0,0,.6);
    --juejin-popup: #fff;
    --juejin-popover: #464646;
    --juejin-sheets: #f7f8fa;
    --juejin-coupon-button: #f64242;
    --juejin-coupon-button-disable: #faa0a0;
    --juejin-coupon-card: hsla(5,100%,98%,.7);
    --juejin-layer-loading-start: #e4e6eb;
    --juejin-layer-loading-end: rgba(228,230,235,.5);
    --juejin-font-priv-hint: #916be1;
    --juejin-background-jscore-radar: #232323;
    --juejin-button-shadow-hover: #ddd;
    --juejin-bot-icon-side-bg-color: linear-gradient(180deg,#ebf1ff,#fff);
    --juejin-bot-card-border-color: #eaedf1;
    --juejin-ai-text: #2f2f2f;
    --juejin-ai-normal-text: #0c0d0e;
    --juejin-ai-text-desc: #9299a7;
    --juejin-ai-message-bgc: #fff;
    --juejin-ai-button-bgc: #fff;
    --juejin-ai-code-bgc: #f7f8f9
}

.filter-ru8kmX {
    border-radius: 2px;
    padding: 16px 12px;
}

.filter-ru8kmX,.filter-ru8kmX .skeleton-GaPKu1 {
    align-items: flex-start;
    display: flex
}
.overflow-x-hidden {
    overflow-x: hidden;
}

.filter-ru8kmX .time-filter-IgelCd {
    align-items: center;
    display: flex;
    height: 32px
}

.filter-ru8kmX .tag-filter-sfO_k9 {
    align-items: flex-start;
    display: flex
}

.filter-ru8kmX .tag-filter-sfO_k9:last-child {
    margin-bottom: 0
}

.filter-ru8kmX .tag-filter-sfO_k9 .filter-label-fJ02ZB {
    color: var(--juejin-font-2);
    font-size: 14px;
    font-weight: 500;
    margin-right: 12px;
    min-width: 36px
}

.filter-ru8kmX .tag-filter-sfO_k9 .time-select-BdepRV {
    border: none;
    box-shadow: none;
    width: 72px
}

.filter-ru8kmX .tag-filter-sfO_k9 .filter-options-cYH9Hy {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.filter-ru8kmX .tag-filter-sfO_k9 .filter-options-cYH9Hy .filter-option-pXVYH_ {
    border-radius: 2px;
    color: #909090;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 12px;
    transition: all .2s ease;
    white-space: nowrap
}

.filter-ru8kmX .tag-filter-sfO_k9 .filter-options-cYH9Hy .filter-option-pXVYH_.active-M_G0mC,.filter-ru8kmX .tag-filter-sfO_k9 .filter-options-cYH9Hy .filter-option-pXVYH_.active-M_G0mC a,.filter-ru8kmX .tag-filter-sfO_k9 .filter-options-cYH9Hy .filter-option-pXVYH_:hover {
    color: #1e80ff
}

.filter-ru8kmX .tag-filter-sfO_k9 .filter-options-cYH9Hy .filter-option-pXVYH_.expand-btn-TXc55h {
    padding-right: 32px;
    position: relative
}

.filter-ru8kmX .tag-filter-sfO_k9 .filter-options-cYH9Hy .filter-option-pXVYH_.expand-btn-TXc55h:hover {
    color: #007fff
}

.filter-ru8kmX .tag-filter-sfO_k9 .filter-options-cYH9Hy .filter-option-pXVYH_.expand-btn-TXc55h:hover:after {
    border-top-color: #007fff
}

.filter-ru8kmX .tag-filter-sfO_k9 .filter-options-cYH9Hy .filter-option-pXVYH_.expand-btn-TXc55h:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #8a9aa9;
    content: "";
    height: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    transition: border-color .2s ease;
    width: 0
}

.filter-ru8kmX .time-filter-IgelCd .arco-select,.filter-ru8kmX .time-filter-IgelCd .arco-select.arco-select-focused .arco-select-view {
    border: none
}

.filter-ru8kmX .time-filter-IgelCd .arco-select-view {
    background: transparent;
    border: none!important
}

@media(max-width: 768px) {
    .filter-ru8kmX {
        margin-top:8px;
        padding: 12px 8px
    }

    .filter-ru8kmX .tag-filter-sfO_k9,.filter-ru8kmX .time-filter-IgelCd {
        align-items: flex-start;
        flex-direction: column
    }

    .filter-ru8kmX .tag-filter-sfO_k9 .filter-label-fJ02ZB,.filter-ru8kmX .time-filter-IgelCd .filter-label-fJ02ZB {
        margin-bottom: 8px;
        margin-right: 0
    }

    .filter-ru8kmX .tag-filter-sfO_k9 .filter-options-cYH9Hy,.filter-ru8kmX .time-filter-IgelCd .filter-options-cYH9Hy {
        width: 100%
    }

    .filter-ru8kmX .tag-filter-sfO_k9 .filter-options-cYH9Hy .filter-option-pXVYH_,.filter-ru8kmX .time-filter-IgelCd .filter-options-cYH9Hy .filter-option-pXVYH_ {
        font-size: 13px;
        padding: 6px 8px
    }

    .filter-ru8kmX .tag-filter-sfO_k9 .filter-options-cYH9Hy .filter-option-pXVYH_.expand-btn-TXc55h,.filter-ru8kmX .time-filter-IgelCd .filter-options-cYH9Hy .filter-option-pXVYH_.expand-btn-TXc55h {
        padding-right: 28px
    }
}

@keyframes skeleton-keyframes-G7tgyj {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

.light-theme-TtQpPR,body {
    --juejin-layer-golden-1: #faf3e5;
    --juejin-layer-golden-2: #f6e7cb;
    --juejin-component-hover: #e4e6eb;
    --juejin-gradientgold_normal_start: #fde8c3;
    --juejin-gradientgold_normal_end: #edd3a7;
    --juejin-gradientgold_hover_start: #f1dfc0;
    --juejin-gradientgold_hover_end: #e6c99b;
    --juejin-gradientgold_click_start: #e9d5b3;
    --juejin-gradientgold_click_end: #dac29a;
    --juejin-layer_loading_start: rgba(228,230,235,0);
    --juejin-layer_loading_end: rgba(228,230,235,.5);
    --juejin-layer_golden_2: #faf3e5;
    --juejin-font_golden_4: #7e5d25;
    --juejin-font-golden-1: #7e5d25;
    --juejin-font-golden-2: #8a795c;
    --juejin-font-golden-3: #d6b885;
    --juejin-gray-0: #fff;
    --juejin-gray-1-1: #e4e6eb;
    --juejin-gray-1-2: rgba(228,230,235,.5);
    --juejin-gray-1-3: #e4e6eb;
    --juejin-gray-2: #f2f3f5;
    --juejin-gray-3: #f7f8fa;
    --juejin-background: #f2f3f5;
    --juejin-layer-1: #fff;
    --juejin-layer-2-1: #f7f8fa;
    --juejin-layer-2-2: rgba(247,248,250,.7);
    --juejin-layer-3-fill: #f2f3f5;
    --juejin-layer-3-border: #e4e6eb;
    --juejin-layer-4-dropdown: #fff;
    --juejin-layer-5: #fff;
    --juejin-brand-1-normal: #1e80ff;
    --juejin-brand-2-hover: #1171ee;
    --juejin-brand-3-click: #0060dd;
    --juejin-brand-4-disable: #abcdff;
    --juejin-brand-5-light: #eaf2ff;
    --juejin-mask-1: rgba(0,0,0,.4);
    --juejin-mask-2: #fff;
    --juejin-mask-3: none;
    --juejin-brand-fill1-normal: rgba(30,128,255,.05);
    --juejin-brand-fill2-hover: rgba(30,128,255,.1);
    --juejin-brand-fill3-click: rgba(30,128,255,.2);
    --juejin-brand-stroke1-normal: rgba(30,128,255,.3);
    --juejin-brand-stroke2-hover: rgba(30,128,255,.45);
    --juejin-brand-stroke3-click: rgba(30,128,255,.6);
    --juejin-font_danger: #ff5132;
    --juejin-font-1: #252933;
    --juejin-font-2: #515767;
    --juejin-font-3: #8a919f;
    --juejin-font-4: #c2c8d1;
    --juejin-font-brand1-normal: #1e80ff;
    --juejin-font-brand2-hover: #1171ee;
    --juejin-font-brand3-click: #0060dd;
    --juejin-font-brand4-disable: #abcdff;
    --juejin-font-success: #2bb91b;
    --juejin-font-warning: #ff8412;
    --juejin-font-danger: #ff5132;
    --juejin-font-white-disable: #fff;
    --juejin-font-white: #fff;
    --juejin-success-1-normal: #00b453;
    --juejin-success-2-deep: #00964e;
    --juejin-success-3-light: #e2faed;
    --juejin-warning-1-normal: #ff7426;
    --juejin-warning-2-deep: #e05e00;
    --juejin-warning-3-light: #fff3e5;
    --juejin-danger-1-normal: #f64242;
    --juejin-danger-2-deep: #cb2634;
    --juejin-danger-3-light: #fff2ff;
    --juejin-sub-1-purple: #9f54ff;
    --juejin-sub-2-blue: #57a0ff;
    --juejin-sub-3-cyan: #5ad7ff;
    --juejin-sub-4-green: #33d790;
    --juejin-sub-5-yellow: #ffcc15;
    --juejin-sub-6-orange: #ff834e;
    --juejin-sub-7-red: #ff5e54;
    --juejin-coupon_1_button: #f64242;
    --juejin-coupon_1_button_disable: #faa0a0;
    --juejin-coupon_2_card: hsla(5,100%,98%,.7);
    --juejin-coupon_3_stroke: rgba(246,66,66,.2);
    --juejin-navigation: #fff;
    --juejin-shade-1: rgba(0,0,0,.4);
    --juejin-shade-2: rgba(0,0,0,.6);
    --juejin-popup: #fff;
    --juejin-popover: #464646;
    --juejin-sheets: #f7f8fa;
    --juejin-coupon-button: #f64242;
    --juejin-coupon-button-disable: #faa0a0;
    --juejin-coupon-card: hsla(5,100%,98%,.7);
    --juejin-layer-loading-start: #e4e6eb;
    --juejin-layer-loading-end: rgba(228,230,235,.5);
    --juejin-font-priv-hint: #916be1;
    --juejin-background-jscore-radar: #232323;
    --juejin-button-shadow-hover: #ddd;
    --juejin-bot-icon-side-bg-color: linear-gradient(180deg,#ebf1ff,#fff);
    --juejin-bot-card-border-color: #eaedf1;
    --juejin-ai-text: #2f2f2f;
    --juejin-ai-normal-text: #0c0d0e;
    --juejin-ai-text-desc: #9299a7;
    --juejin-ai-message-bgc: #fff;
    --juejin-ai-button-bgc: #fff;
    --juejin-ai-code-bgc: #f7f8f9
}

.emoji-Tay07R.old-eCaPwB {
    transform: scale(.9)
}

@media(max-width: 600px) {
    .web-only-grb8pS {
        display:none
    }
}

.xitu-skeleton-animated-d8B9vD .xitu-skeleton-avatar-AQTG0j,.xitu-skeleton-animated-d8B9vD .xitu-skeleton-line-UJgmT9 {
    animation: skeleton-keyframes-G7tgyj .6s linear infinite;
    background: linear-gradient(90deg,var(--juejin-layer-loading-start),var(--juejin-layer-loading-end),var(--juejin-layer-loading-start));
    background-size: 480px 480px
}

.xitu-skeleton-An8rq8 {
    background-color: var(--juejin-layer-1);
    width: 100%
}

.xitu-skeleton-avatar-AQTG0j {
    background-color: var(--juejin-gray-1-1);
    display: block;
    float: left;
    margin-right: 12px
}

.xitu-skeleton-avatar-circle-Jrj2Vj {
    border-radius: 50%
}

.xitu-skeleton-avatar-square-A_C_mA {
    border-radius: 15%
}

.xitu-skeleton-item-SFa2tx {
    border-bottom: 1px solid var(--juejin-gray-1-1);
    margin-bottom: 21px;
    padding-bottom: 21px
}

.xitu-skeleton-item-SFa2tx:last-child {
    border: none;
    margin: 0;
    padding: 0
}

.xitu-skeleton-content-EiRt2c {
    overflow: hidden
}

.xitu-skeleton-line-UJgmT9 {
    height: 14px;
    margin-bottom: 16px;
    width: 100%
}

.xitu-skeleton-line-UJgmT9:first-child {
    margin-top: 8px;
    width: 40%
}

.xitu-skeleton-line-UJgmT9:nth-child(3) {
    width: 80%
}

.xitu-skeleton-line-UJgmT9:last-child {
    margin-bottom: 0;
    width: 60%
}

@keyframes skeleton-keyframes-k__ru0 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

.light-theme-A0U2pL,body {
    --juejin-layer-golden-1: #faf3e5;
    --juejin-layer-golden-2: #f6e7cb;
    --juejin-component-hover: #e4e6eb;
    --juejin-gradientgold_normal_start: #fde8c3;
    --juejin-gradientgold_normal_end: #edd3a7;
    --juejin-gradientgold_hover_start: #f1dfc0;
    --juejin-gradientgold_hover_end: #e6c99b;
    --juejin-gradientgold_click_start: #e9d5b3;
    --juejin-gradientgold_click_end: #dac29a;
    --juejin-layer_loading_start: rgba(228,230,235,0);
    --juejin-layer_loading_end: rgba(228,230,235,.5);
    --juejin-layer_golden_2: #faf3e5;
    --juejin-font_golden_4: #7e5d25;
    --juejin-font-golden-1: #7e5d25;
    --juejin-font-golden-2: #8a795c;
    --juejin-font-golden-3: #d6b885;
    --juejin-gray-0: #fff;
    --juejin-gray-1-1: #e4e6eb;
    --juejin-gray-1-2: rgba(228,230,235,.5);
    --juejin-gray-1-3: #e4e6eb;
    --juejin-gray-2: #f2f3f5;
    --juejin-gray-3: #f7f8fa;
    --juejin-background: #f2f3f5;
    --juejin-layer-1: #fff;
    --juejin-layer-2-1: #f7f8fa;
    --juejin-layer-2-2: rgba(247,248,250,.7);
    --juejin-layer-3-fill: #f2f3f5;
    --juejin-layer-3-border: #e4e6eb;
    --juejin-layer-4-dropdown: #fff;
    --juejin-layer-5: #fff;
    --juejin-brand-1-normal: #1e80ff;
    --juejin-brand-2-hover: #1171ee;
    --juejin-brand-3-click: #0060dd;
    --juejin-brand-4-disable: #abcdff;
    --juejin-brand-5-light: #eaf2ff;
    --juejin-mask-1: rgba(0,0,0,.4);
    --juejin-mask-2: #fff;
    --juejin-mask-3: none;
    --juejin-brand-fill1-normal: rgba(30,128,255,.05);
    --juejin-brand-fill2-hover: rgba(30,128,255,.1);
    --juejin-brand-fill3-click: rgba(30,128,255,.2);
    --juejin-brand-stroke1-normal: rgba(30,128,255,.3);
    --juejin-brand-stroke2-hover: rgba(30,128,255,.45);
    --juejin-brand-stroke3-click: rgba(30,128,255,.6);
    --juejin-font_danger: #ff5132;
    --juejin-font-1: #252933;
    --juejin-font-2: #515767;
    --juejin-font-3: #8a919f;
    --juejin-font-4: #c2c8d1;
    --juejin-font-brand1-normal: #1e80ff;
    --juejin-font-brand2-hover: #1171ee;
    --juejin-font-brand3-click: #0060dd;
    --juejin-font-brand4-disable: #abcdff;
    --juejin-font-success: #2bb91b;
    --juejin-font-warning: #ff8412;
    --juejin-font-danger: #ff5132;
    --juejin-font-white-disable: #fff;
    --juejin-font-white: #fff;
    --juejin-success-1-normal: #00b453;
    --juejin-success-2-deep: #00964e;
    --juejin-success-3-light: #e2faed;
    --juejin-warning-1-normal: #ff7426;
    --juejin-warning-2-deep: #e05e00;
    --juejin-warning-3-light: #fff3e5;
    --juejin-danger-1-normal: #f64242;
    --juejin-danger-2-deep: #cb2634;
    --juejin-danger-3-light: #fff2ff;
    --juejin-sub-1-purple: #9f54ff;
    --juejin-sub-2-blue: #57a0ff;
    --juejin-sub-3-cyan: #5ad7ff;
    --juejin-sub-4-green: #33d790;
    --juejin-sub-5-yellow: #ffcc15;
    --juejin-sub-6-orange: #ff834e;
    --juejin-sub-7-red: #ff5e54;
    --juejin-coupon_1_button: #f64242;
    --juejin-coupon_1_button_disable: #faa0a0;
    --juejin-coupon_2_card: hsla(5,100%,98%,.7);
    --juejin-coupon_3_stroke: rgba(246,66,66,.2);
    --juejin-navigation: #fff;
    --juejin-shade-1: rgba(0,0,0,.4);
    --juejin-shade-2: rgba(0,0,0,.6);
    --juejin-popup: #fff;
    --juejin-popover: #464646;
    --juejin-sheets: #f7f8fa;
    --juejin-coupon-button: #f64242;
    --juejin-coupon-button-disable: #faa0a0;
    --juejin-coupon-card: hsla(5,100%,98%,.7);
    --juejin-layer-loading-start: #e4e6eb;
    --juejin-layer-loading-end: rgba(228,230,235,.5);
    --juejin-font-priv-hint: #916be1;
    --juejin-background-jscore-radar: #232323;
    --juejin-button-shadow-hover: #ddd;
    --juejin-bot-icon-side-bg-color: linear-gradient(180deg,#ebf1ff,#fff);
    --juejin-bot-card-border-color: #eaedf1;
    --juejin-ai-text: #2f2f2f;
    --juejin-ai-normal-text: #0c0d0e;
    --juejin-ai-text-desc: #9299a7;
    --juejin-ai-message-bgc: #fff;
    --juejin-ai-button-bgc: #fff;
    --juejin-ai-code-bgc: #f7f8f9
}

.meta-row-jYzqt_ {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.tag_list-rD7xRu {
    align-items: center;
    display: flex;
    padding: 0 4px
}

.tag_list-rD7xRu .tag-tgHphk {
    align-items: center;
    color: var(--juejin-font-3);
    display: flex;
    flex-shrink: 0;
    font-size: 13px;
    line-height: 22px;
    padding: 0 8px;
    position: relative
}

.tag_list-rD7xRu .tag-tgHphk:hover {
    color: var(--juejin-font-brand2-hover)
}

.tag_list-rD7xRu .tag-tgHphk:not(:last-child):after {
    background: var(--juejin-font-2);
    border-radius: 50%;
    content: " ";
    display: block;
    height: 2px;
    position: absolute;
    right: -1px;
    width: 2px
}

.entry-yfNpwZ {
    align-items: flex-start;
    background: var(--juejin-layer-1);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: 12px 20px;
    padding-bottom: 0;
    position: relative
}

.entry-yfNpwZ.entry-last-one-ia8KqB {
    margin-bottom: 20px
}

.entry-yfNpwZ.entry-last-one-ia8KqB .content-wrapper-C6Ox_m,.entry-yfNpwZ.entry-last-one-ia8KqB .content-wrapper-special-IP2wm8 {
    border-bottom: unset
}

.entry-yfNpwZ .dislike-menu-F2Ic5z {
    position: absolute;
    right: 0;
    top: 100%
}

.entry-yfNpwZ .dislike-button-EXuUwU {
    transition: all .15s linear
}

.entry-yfNpwZ .collection-button-wrap-Bf3yl4 {
    position: absolute;
    right: 1.667rem;
    top: 1rem;
    transition: all .15s linear
}

.entry-yfNpwZ:hover {
    background: var(--juejin-gray-3)
}

@media screen and (min-width: 961px) {
    .entry-yfNpwZ .dislike-button-EXuUwU {
        display:none
    }

    .entry-yfNpwZ:hover .dislike-button-EXuUwU {
        display: block;
        margin-right: 24px
    }
}

@media screen and (max-width: 960px) {
    .entry-yfNpwZ .dislike-button-EXuUwU {
        display:block
    }
}

.entry-yfNpwZ .fade-enter-active-SVFRDW,.entry-yfNpwZ .fade-leave-active-dRqVrH {
    transition: opacity .15s ease-in
}

.entry-yfNpwZ .fade-enter-nVAhmb,.entry-yfNpwZ .fade-leave-to-xIjigR {
    opacity: 0
}

.entry-yfNpwZ .is-top-tag-_HHfCN {
    align-items: center;
    background: #fff7e8;
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--juejin-warning-1-normal);
    display: flex;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 500;
    height: 22px;
    justify-content: center;
    line-height: 20px;
    margin-right: 8px;
    text-align: center;
    transform: none;
    white-space: nowrap;
    width: 50px
}

.entry-yfNpwZ svg.jj-icon-GEp1Ym,.entry-yfNpwZ svg.jj-icon-GEp1Ym line,.entry-yfNpwZ svg.jj-icon-GEp1Ym path {
    stroke: currentColor
}

.content-wrapper-C6Ox_m {
    border-bottom: 1px solid var(--juejin-gray-1-2);
    display: flex;
    padding-bottom: 12px;
    width: 100%
}

.content-wrapper-C6Ox_m .content-main-IGGeDU {
    flex: 1 1 auto
}

.meta-container-uo0fw_,.meta-container-uo0fw_ .user-message-b9PI9F {
    align-items: center;
    color: var(--juejin-font-3);
    display: flex
}

.meta-container-uo0fw_ .user-message-b9PI9F {
    font-size: 13px;
    line-height: 22px;
    max-width: 132px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.meta-container-uo0fw_ .user-message-b9PI9F:hover {
    color: var(--juejin-font-brand2-hover)
}

.meta-container-uo0fw_ .user-message-b9PI9F .user-popover-YAaTIf {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis
}

.meta-container-uo0fw_ .date-tKjWJM {
    flex-shrink: 0;
    font-size: 13px;
    line-height: 22px;
    padding: 0 12px;
    position: relative
}

.meta-container-uo0fw_ .date-tKjWJM:after,.meta-container-uo0fw_ .date-tKjWJM:before {
    background: var(--juejin-gray-1-1);
    content: " ";
    display: block;
    height: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.meta-container-uo0fw_ .date-tKjWJM:before {
    left: 0
}

.meta-container-uo0fw_ .date-tKjWJM:after {
    right: 0
}

.footer-divider-T_fG5A {
    background-color: var(--juejin-gray-1-1);
    height: 12px;
    margin: 0 -13px 0 12px;
    width: 1px
}

.action-list-rBPpMb {
    align-items: center;
    display: flex
}

.action-list-rBPpMb>.item-ikwn7G {
    align-items: center;
    color: var(--juejin-font-3);
    display: flex;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin-right: 24px;
    position: relative
}

.action-list-rBPpMb>.item-ikwn7G.dislike-item-fQ8Ds1 {
    margin: 0
}

.action-list-rBPpMb>.item-ikwn7G i {
    background-size: 100%;
    display: block;
    height: 16px;
    width: 16px
}

.action-list-rBPpMb>.item-ikwn7G span {
    margin-left: 4px
}

.action-list-rBPpMb>.item-ikwn7G.comment-F2STeV:hover span,.action-list-rBPpMb>.item-ikwn7G.like-bZej3L:hover span,.action-list-rBPpMb>.item-ikwn7G.more-G5GsUB:hover span {
    color: var(--juejin-font-brand2-hover)
}

.action-list-rBPpMb>.item-ikwn7G.like-bZej3L i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ9SURBVHgB7VZNbtNQEP7GP7AkN8DcoJyA5gRNTwCR2kqsUm9YEKEaoZRl0hUSBLWcAHOCpjdIT1AfIewgTjzM+AccxwHXLRYS/STnvbyxZ743b34e8L+DcEMMhu+fERk7DLTAuAwRjjz3eVD1+xsROD75eARmr7AczDlsVyVhoCbeDt85mXHmqLtkbst0Ko9jk31aVU9tAgvYW7FxYNJ3D85eufuTOZtKYiZu3X4z/LBdRU9tAia4E0+YL7I1z+3OmPEpkWOrip7aBED0RAcb7K8KeBb/alD+LQIa+TI48kxfuAfTVSlVMlybgAafpN1RYgujopwIOzpGEhuogGuloTc8bd2j5TmS8/VfHu7t5uUaeCaRygORPaqi00JFJAVn2UuNa667xXfEeJZ+rePR+Kool7gIQg67+RpBJTvo5QMoZHPXxFLW8Tld2lhoUqMOfg/JlKjdT2Pnpwf0bDlx3worG1EnPlENF0m5OayO5+7NyjRLHXgMfCsNQhumrBviRfRAhnqyu0KAYXmpcX/BfKKekL+dvBIheOUddkuNK7QO6A43ycXDvolYr5OtGTnlD3VU41rVZLdfccvIipMYDdYINAHZZJyicgR+4wQ0hbVH6Px7RBeNE9BM0lGbVxorTRNImhcxf8mvNxcDafOywBM0TUCqqEa/I09QbF6NECDQdjKuN6hGCJSlX2MENqXfGgFKS6hlmA9wi7hvLJ/qWEy/DL96AfMlEXWkU/mD0XiCkjud7kRk56iOltwRYz3ShM7KXlhpx4PheBR3qxzS6zbSi0YtyOZe9919D38ioNC2vIDl6NyQC2bWtzWVomvf93gWwg7KXH+HfwY/AGsn+Lf3Dim6AAAAAElFTkSuQmCC)
}

.action-list-rBPpMb>.item-ikwn7G.like-bZej3L .liked-wrap-MFDcA0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.action-list-rBPpMb>.item-ikwn7G.like-bZej3L:hover i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKYSURBVHgB7VddbtNAEJ7ZdVJFtMKPSE2EjxBOgHOChhOQnCDilTaqoYLncIK2J6g5QZ0bpCeoVUDi0RCkQOzdZfyTHztO5brFPMD3EI1ndmc+r+dnA/CvA+GeaA1nPQB2QK50peAq0MToq9Vwi+6/F4HmkX+MqKyM2vW56BQlwaAknlgzYxVc9JUUHUSY0INRE/y0qJ/SBGoBayei8+mkcfb5XcNhrNahI/VIZzYPZ2YRP6UJELrhj5JqvFC4FnpSwXmkB2wXcVKeAMLzKJBCO6VXyovNqBdxU4pAnPloUNZPvryvT1JGLBa4NIEw+WjbcbSZsVHWTol5EEvSgQK4EwHdUroW8Iv47ZV981Y7X7c3D30ztJHohklZxKcGBbH/et7DwB9QqYXJ5WqafJVdg0yeJq1Fbw1/XW96wbBH9Nd7BGbfgJwMYC2BptPai73duUlne5GoXE6Nxs1pNHFQNOB2eFJAZ5E7yxOIGotQl9nm+GjP70ohgXFOT3LM+U7XtepenmfO688Afm5JQqEHQb1HJzhgHOgloZ8iQI3FimMrW0n5AZlGi1Q37YRdh7UOW5DYttrphG1AFQY3lh5XZnwahafgUQIp+Q0eGIyJRXNycwj8eSjF4hJFZldOwKASpk9shvL0Ox9XTkAEVEkxHG+0yqMqP0GU0FLKj+vK6ggkwwsUc6BqAvvWvL1o0dnhVQkBLqSZiE7WVgmBvPKrjMC28tskgHFpIK89hgeElP7LREyV3wLLWUAt+AoZdkmwW8O5Q6q8O51JtksoCLoxhf8VIj+I7CxvTXocH81H4bRKOaHrdrSQ8cKBN4OoNzcnO1a+LQODxnLgx9NKqwnPtXYnsf5HO/D5ne574X4a6O5tE/Q//jp+A4uQ/sJMdO/iAAAAAElFTkSuQmCC)
}

.action-list-rBPpMb>.item-ikwn7G.like-bZej3L:hover .liked-icon-bmeeDh path {
    fill: var(--juejin-font-brand2-hover)
}

.action-list-rBPpMb>.item-ikwn7G.like-bZej3L.active-sMcn2J {
    color: var(--juejin-font-brand2-hover)
}

.action-list-rBPpMb>.item-ikwn7G.like-bZej3L.active-sMcn2J i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG1SURBVHgB7ZdbTsJAFIb/MwWMEZI+moix7oAdCCsQdwAr4F00VI0+4wrUFagrAHcAO5h4SXxsxISEtjNOJZByCRTo5UG/J+YMw3y055xpgb8OYUP2z/sVgB2rn9KlRNdJuc1Pc5sHXb+RQP7MbhBJcyrMbc0tBZVgWJNds2/M2dzDSLvaHQKytkDaYYUF08V8vV9ElAKK8qJJCVokGIIA4WjxNOmISmCY+WQgBFYW8JJPLWss/6ZoIwArlaFuSj3r2C0iLLu//O0qc4gwBfZOBxViqAXY3MNSaWjN2c7rEVV/j5gQyNftIjFRgy+Ber30SS47KILoEeFgCRelj5tMxxukRtHfxuLK1vRF2cnZZeEKME1DSOhMg/qTqHqDcRKqxmIiPozRB18V0AHig2NWIEaIPSFJgd6X9oIEBdpWk6zEBIQQz/5x/FdAsjYSFOCjBpSUQHs6EK+Ar/wSEfCX36wAkYVomSi/GQEpRBcRQsTu58XHAu/XW6Z6sbidWShcrp4BODbZHPLi9TL1MH9uCkMdy449PK1SadfiZrYzjH8XHFsL9KA5wluvDnTOzchv7z/r8wP0gYciEk0ZYQAAAABJRU5ErkJggg==)
}

.action-list-rBPpMb>.item-ikwn7G.like-bZej3L.active-sMcn2J .liked-icon-bmeeDh path {
    stroke: transparent;
    fill: var(--juejin-font-brand2-hover)
}

.action-list-rBPpMb>.item-ikwn7G.comment-F2STeV i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKRSURBVHgB7VZNbtpQEJ55BlR15RvUOUHTG5ATJD1BQ9NU6gq8JKiKoyrJ0u2qUmkFOUGaE5TegJwg7gnqLRh7MvMwwiDbYHCUDZ9kHph5M9+bN38AO+zwzEAoiEv3xz4v/KAFiK/0S6J/qPCBoui+Y38cFlC3HgHH7Zk1FTXZUIt/mivEPVY6GFFw4difPNiWwNW3X+dLhj1iA3JqProXq7EQ8TVoz4A1147OWfPkAjYhcO1+twirt7FSEexPiG4+26cDyMEXt1s3AI7Z+LsZ4TEFB1newBzjf2B6Gi8kaqwyvEpHFgmVtjmxcTgm401R44I2G0M2KjpEV5W9KbG0koC+8znrt47d8GFDCAk+gJCQwNyvwqS1LLNwBbHbHuQ7G99bJ4rXgY4LRPGqz4T2koda8EAERl2zIrory7hArlBnDmdSDSbHyf8WrwDVNHKV0YOyQdGNXhAPMwlgnHKjaHQPJUNBOEjamL9fhI7SMt0/Q3uu08wjoJGWLk+FZQKefLyEwIKSETcxwTCbANFfWQLAIygZCFifrjkEQq73WgixCaUziHWi+p1JIC65Hj/mpdt1oCQkq2u7+f4uk4BAGo8minguFQy2hFRXvlonqTuXgK5aRLqHc/m8vXK7LdgCE6hYskolTGtqqWnYsU+dmITJrnCvv/7sOXKSDVCBiScrJgeVBHInIokDuYqEsB5KQqgMl7uk1A4DwrpCkFLLExL0x1HAWfXCr2H4X2TOWh+wEAGB7pBQcRITzgwymvmxEilcVtp+cX1cfs20Drv2VKyDSVUPI4Ij3lRPEfFJclzXEvIQlXhioZ4QYaNjn/Q3IrAMiQmDA0wB+QGEflr/ENK6xXOXFS8QRQdFx/YdnhyP1D0hcwr1KvEAAAAASUVORK5CYII=)
}

.action-list-rBPpMb>.item-ikwn7G.comment-F2STeV:hover i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALDSURBVHgB7ZZdTttAEMdnd+0UikB+rASl5gRNb5CcAHqCkhOQ51IaA6Kv7Q0IJ6CcoOEGcALcAlLfaolKlNi705m1Q53UBhKMeOEvRd74Y+a3s7szA/CkJz2yBIyp+ff9Ol3qQqAvpHjF99Dgd6nUiU7M8fmn2tE49u4E4AXozZlkDRHb/PeW10P69WKlN38G0yHcF2DxY9wZdowhfdbjWSOa0BoRkqIBr2lI0RH+tXEhgh9b7iZMAvAiuPSdRO0LwUatumj03tnOdA9u0ML6ZYOAVsn7u+xWSNFolkVDlDl3tfyWzSYkx63bHI/KJxs6Z6MMQhZ9PHCOCEdKuW/Gdc4KyZlSpkkR5E1po+m10bsVYOFD3BlQO45+GwYiggnFEFK6Td43vJRzs/326DtDS5CGXp3wWCm9FN5hF99Fdl9IRVGF6OLCXYq+/JvUUARcDY10ZA6qcs6yS4jQo6E3M3O1mn82vASo0p0rnF2oWIZOkHUo5XIpwODIKRkfQ8VyazYCrHopAGbJpsrwD5Sz6ZUCDFR0XB5KIwCcZgFmnsc+VKz5wBYx4NxSDoBwyBelcAUqltKmwdcsMRUDUHHpphxiDSrWtU0hv5YCpCnXLoO3uHEVQEXKZ9fTLeegFMCSGtOClLjDGQzuKc6u1LwEqW3dGn3+HwBHgWq9reGUPvcXN/604R5yYsfPhr2iolZ4DM92ngUZhIcgP7/c6O/yTGASADcJs6Ff9PzGjmhh/Sqgvq+Tu0VNidj77TpH0UiV5LZtNtENEIZTLYVddvsyPpyCqUjr+Be/c7pdE2MBWGxuLBIZ5DqcTBgiphC0xl6+FRtRj5zUOctSb0EVVoRjAeRBjFHLaGCFvmoUvBLZJIN4KCT3ilx0xFA+MQCt8+1adyKAIqAkpk7H1RQFFRXVj7QtI1iuslTojIbmuG37kx5cfwGYmi/QPMKjGgAAAABJRU5ErkJggg==)
}

.action-list-rBPpMb>.item-ikwn7G.comment-F2STeV:hover .comment-icon-RYEmwn path {
    fill: var(--juejin-font-brand2-hover)
}

.action-list-rBPpMb>.item-ikwn7G.more-G5GsUB {
    min-width: 0
}

.action-list-rBPpMb>.item-ikwn7G.more-G5GsUB:hover {
    color: var(--juejin-font-brand2-hover)
}

.action-list-rBPpMb>.item-ikwn7G.more-G5GsUB.active-sMcn2J .more-list-zxpjYx {
    display: block
}

.action-list-rBPpMb>.item-ikwn7G.more-G5GsUB .more-list-zxpjYx {
    background: var(--juejin-popup);
    border: 1px solid var(--juejin-layer-3-border);
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    display: none;
    margin-top: 4px;
    padding: 4px 0;
    position: absolute;
    top: 100%;
    z-index: 10
}

.action-list-rBPpMb>.item-ikwn7G.more-G5GsUB .more-list-zxpjYx .item-ikwn7G {
    box-sizing: border-box;
    color: var(--juejin-font-1);
    font-size: 14px;
    line-height: 22px;
    min-width: 54px;
    padding: 7px 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.action-list-rBPpMb>.item-ikwn7G.more-G5GsUB .more-list-zxpjYx .item-ikwn7G.delete-Tndnpx {
    color: var(--juejin-danger-1-normal)
}

.action-list-rBPpMb>.item-ikwn7G.more-G5GsUB .more-list-zxpjYx .item-ikwn7G:hover {
    background-color: var(--juejin-layer-3-fill)
}

.title-row-uurlxT {
    display: flex;
    margin-bottom: 2px
}

.title-row-uurlxT .audit-tag-M2a5R7 {
    align-items: center;
    border-radius: 4px;
    display: flex;
    height: 22px;
    justify-content: center;
    margin-right: 8px;
    padding: 3px 7px;
    transform: none
}

.title-XGWpKd {
    color: var(--juejin-font-1);
    display: -webkit-box;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.title-collection-S3sp1m {
    color: #1d2129
}

.abstract-Ql0Ufx {
    font-weight: 500;
    margin-bottom: 4px
}

.abstract-Ql0Ufx div {
    color: var(--juejin-font-3);
    display: -webkit-box;
    font-size: 13px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.thumb-AHFjRg {
    background-color: var(--juejin-layer-1);
    border: 1px solid var(--juejin-gray-1-2);
    border-radius: 4px;
    flex: 0 0 auto;
    height: 72px;
    margin-left: 24px;
    width: 108px
}

body[data-theme=dark] .thumb-AHFjRg {
    -webkit-filter: brightness(.94);
    filter: brightness(.94)
}

.entry-footer-qHyzIY {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.entry-footer-qHyzIY,.entry-footer-tags-SYr8W5 {
    align-items: center;
    display: flex;
    flex-direction: row
}

.footer-tag-KhRBwe {
    background-color: var(--juejin-gray-2);
    border-radius: 2px;
    box-sizing: border-box;
    color: var(--juejin-font-3);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin-left: 6px;
    max-width: 76px;
    min-height: 18px;
    overflow: hidden;
    padding: 0 6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.footer-tag-KhRBwe:hover {
    color: var(--juejin-font-brand2-hover)
}

.footer-tag-KhRBwe.width-limited-kfFu4i {
    max-width: 65px
}

.footer-tag-only-AFem_c {
    max-width: 104px
}

@media(max-width: 600px) {
    .meta-container-uo0fw_ .user-message-b9PI9F .user-popover-YAaTIf {
        overflow:hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: break-all
    }

    .meta-container-uo0fw_ .user-message-b9PI9F .popover-box-sdnV1p {
        display: block
    }

    .entry-footer-tags-SYr8W5,.meta-container-uo0fw_ .date-tKjWJM:after,.meta-container-uo0fw_ .tag_list-rD7xRu {
        display: none
    }
}

@media screen and (max-width: 961px) {
    .dislike-menu-F2Ic5z {
        display:none!important
    }
}

.content-wrapper-special-IP2wm8 {
    border-bottom: 1px solid var(--juejin-gray-1-2);
    padding-bottom: 12px;
    width: 100%
}

.content-wrapper-special-IP2wm8 .content-main-special-qPcdjU {
    display: flex;
    justify-content: space-between
}

.content-wrapper-special-IP2wm8 .content-main-special-qPcdjU .left-Eh64Qm {
    flex: 1 1;
    min-width: 0
}

.content-wrapper-special-IP2wm8 .content-main-special-qPcdjU .abstract-Ql0Ufx div {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.content-wrapper-special-IP2wm8 .action-list-rBPpMb>.item-ikwn7G {
    margin-right: 12px
}

.content-wrapper-special-IP2wm8 .footer-divider-T_fG5A {
    margin: 0 -7px 0 6px
}

@keyframes skeleton-keyframes-VxNCgi {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

.light-theme-iiNWgo,body {
    --juejin-layer-golden-1: #faf3e5;
    --juejin-layer-golden-2: #f6e7cb;
    --juejin-component-hover: #e4e6eb;
    --juejin-gradientgold_normal_start: #fde8c3;
    --juejin-gradientgold_normal_end: #edd3a7;
    --juejin-gradientgold_hover_start: #f1dfc0;
    --juejin-gradientgold_hover_end: #e6c99b;
    --juejin-gradientgold_click_start: #e9d5b3;
    --juejin-gradientgold_click_end: #dac29a;
    --juejin-layer_loading_start: rgba(228,230,235,0);
    --juejin-layer_loading_end: rgba(228,230,235,.5);
    --juejin-layer_golden_2: #faf3e5;
    --juejin-font_golden_4: #7e5d25;
    --juejin-font-golden-1: #7e5d25;
    --juejin-font-golden-2: #8a795c;
    --juejin-font-golden-3: #d6b885;
    --juejin-gray-0: #fff;
    --juejin-gray-1-1: #e4e6eb;
    --juejin-gray-1-2: rgba(228,230,235,.5);
    --juejin-gray-1-3: #e4e6eb;
    --juejin-gray-2: #f2f3f5;
    --juejin-gray-3: #f7f8fa;
    --juejin-background: #f2f3f5;
    --juejin-layer-1: #fff;
    --juejin-layer-2-1: #f7f8fa;
    --juejin-layer-2-2: rgba(247,248,250,.7);
    --juejin-layer-3-fill: #f2f3f5;
    --juejin-layer-3-border: #e4e6eb;
    --juejin-layer-4-dropdown: #fff;
    --juejin-layer-5: #fff;
    --juejin-brand-1-normal: #1e80ff;
    --juejin-brand-2-hover: #1171ee;
    --juejin-brand-3-click: #0060dd;
    --juejin-brand-4-disable: #abcdff;
    --juejin-brand-5-light: #eaf2ff;
    --juejin-mask-1: rgba(0,0,0,.4);
    --juejin-mask-2: #fff;
    --juejin-mask-3: none;
    --juejin-brand-fill1-normal: rgba(30,128,255,.05);
    --juejin-brand-fill2-hover: rgba(30,128,255,.1);
    --juejin-brand-fill3-click: rgba(30,128,255,.2);
    --juejin-brand-stroke1-normal: rgba(30,128,255,.3);
    --juejin-brand-stroke2-hover: rgba(30,128,255,.45);
    --juejin-brand-stroke3-click: rgba(30,128,255,.6);
    --juejin-font_danger: #ff5132;
    --juejin-font-1: #252933;
    --juejin-font-2: #515767;
    --juejin-font-3: #8a919f;
    --juejin-font-4: #c2c8d1;
    --juejin-font-brand1-normal: #1e80ff;
    --juejin-font-brand2-hover: #1171ee;
    --juejin-font-brand3-click: #0060dd;
    --juejin-font-brand4-disable: #abcdff;
    --juejin-font-success: #2bb91b;
    --juejin-font-warning: #ff8412;
    --juejin-font-danger: #ff5132;
    --juejin-font-white-disable: #fff;
    --juejin-font-white: #fff;
    --juejin-success-1-normal: #00b453;
    --juejin-success-2-deep: #00964e;
    --juejin-success-3-light: #e2faed;
    --juejin-warning-1-normal: #ff7426;
    --juejin-warning-2-deep: #e05e00;
    --juejin-warning-3-light: #fff3e5;
    --juejin-danger-1-normal: #f64242;
    --juejin-danger-2-deep: #cb2634;
    --juejin-danger-3-light: #fff2ff;
    --juejin-sub-1-purple: #9f54ff;
    --juejin-sub-2-blue: #57a0ff;
    --juejin-sub-3-cyan: #5ad7ff;
    --juejin-sub-4-green: #33d790;
    --juejin-sub-5-yellow: #ffcc15;
    --juejin-sub-6-orange: #ff834e;
    --juejin-sub-7-red: #ff5e54;
    --juejin-coupon_1_button: #f64242;
    --juejin-coupon_1_button_disable: #faa0a0;
    --juejin-coupon_2_card: hsla(5,100%,98%,.7);
    --juejin-coupon_3_stroke: rgba(246,66,66,.2);
    --juejin-navigation: #fff;
    --juejin-shade-1: rgba(0,0,0,.4);
    --juejin-shade-2: rgba(0,0,0,.6);
    --juejin-popup: #fff;
    --juejin-popover: #464646;
    --juejin-sheets: #f7f8fa;
    --juejin-coupon-button: #f64242;
    --juejin-coupon-button-disable: #faa0a0;
    --juejin-coupon-card: hsla(5,100%,98%,.7);
    --juejin-layer-loading-start: #e4e6eb;
    --juejin-layer-loading-end: rgba(228,230,235,.5);
    --juejin-font-priv-hint: #916be1;
    --juejin-background-jscore-radar: #232323;
    --juejin-button-shadow-hover: #ddd;
    --juejin-bot-icon-side-bg-color: linear-gradient(180deg,#ebf1ff,#fff);
    --juejin-bot-card-border-color: #eaedf1;
    --juejin-ai-text: #2f2f2f;
    --juejin-ai-normal-text: #0c0d0e;
    --juejin-ai-text-desc: #9299a7;
    --juejin-ai-message-bgc: #fff;
    --juejin-ai-button-bgc: #fff;
    --juejin-ai-code-bgc: #f7f8f9
}

.commonEmpty-lPbQ_k {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.commonEmpty-lPbQ_k:after {
    content: "";
    display: block;
    height: 40px;
    width: 100%
}

.commonEmpty-lPbQ_k .imgEmptyWrap-UAT6RA {
    display: flex;
    justify-content: center;
    margin-bottom: 8px
}

.commonEmpty-lPbQ_k .imgEmpty-NcLLfR {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 180px;
    width: 180px
}

.commonEmpty-lPbQ_k .title-RTS2gZ {
    color: var(--juejin-font-brand1-normal);
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 8px
}

.commonEmpty-lPbQ_k .contentSlotWrap-h23Jg6,.commonEmpty-lPbQ_k .description-uMZwou {
    color: var(--juejin-font-3);
    font-size: 16px;
    font-weight: 400
}

.commonEmpty-lPbQ_k .description-uMZwou {
    line-height: 28px
}

.commonEmpty-lPbQ_k .buttonDefault-PNGjiO,.commonEmpty-lPbQ_k .buttonLink-URyiC8,.commonEmpty-lPbQ_k .buttonLogin-Yi8dq5 {
    align-items: center;
    background: var(--juejin-brand-fill1-normal);
    border: 1px solid var(--juejin-brand-stroke1-normal);
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--juejin-font-brand1-normal);
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    margin-top: 40px;
    padding: 0 20px;
    text-decoration: none;
    transition: all .2s ease
}

.commonEmpty-lPbQ_k .buttonDefault-PNGjiO:hover,.commonEmpty-lPbQ_k .buttonLink-URyiC8:hover,.commonEmpty-lPbQ_k .buttonLogin-Yi8dq5:hover {
    background: var(--juejin-brand-fill2-hover);
    border-color: var(--juejin-brand-stroke2-hover)
}

.commonEmpty-lPbQ_k .buttonDefault-PNGjiO:active,.commonEmpty-lPbQ_k .buttonLink-URyiC8:active,.commonEmpty-lPbQ_k .buttonLogin-Yi8dq5:active {
    background: var(--juejin-brand-fill3-click);
    border-color: var(--juejin-brand-stroke3-click)
}

@media(max-width: 768px) {
    .commonEmpty-lPbQ_k .title-RTS2gZ {
        font-size:18px
    }

    .commonEmpty-lPbQ_k .contentSlotWrap-h23Jg6,.commonEmpty-lPbQ_k .description-uMZwou {
        font-size: 14px
    }
}

.commonEmpty-lPbQ_k.darkTheme-bzSUc6 .title-RTS2gZ {
    color: #c9cdd4
}

.commonEmpty-lPbQ_k.darkTheme-bzSUc6 .contentSlotWrap-h23Jg6,.commonEmpty-lPbQ_k.darkTheme-bzSUc6 .description-uMZwou {
    color: #86909c
}

.commonEmpty-lPbQ_k.darkTheme-bzSUc6 .buttonDefault-PNGjiO,.commonEmpty-lPbQ_k.darkTheme-bzSUc6 .buttonLink-URyiC8,.commonEmpty-lPbQ_k.darkTheme-bzSUc6 .buttonLogin-Yi8dq5 {
    background: #2e3136;
    border-color: #414650;
    color: #c9cdd4
}

.commonEmpty-lPbQ_k.darkTheme-bzSUc6 .buttonDefault-PNGjiO:hover,.commonEmpty-lPbQ_k.darkTheme-bzSUc6 .buttonLink-URyiC8:hover,.commonEmpty-lPbQ_k.darkTheme-bzSUc6 .buttonLogin-Yi8dq5:hover {
    background: #3a3e44;
    border-color: #5a616e
}

.commonEmpty-lPbQ_k.darkTheme-bzSUc6 .buttonDefault-PNGjiO:active,.commonEmpty-lPbQ_k.darkTheme-bzSUc6 .buttonLink-URyiC8:active,.commonEmpty-lPbQ_k.darkTheme-bzSUc6 .buttonLogin-Yi8dq5:active {
    background: #464c56;
    border-color: #6a7280
}

.emoji-h0CDIL.old-pr9Fy0 {
    transform: scale(.9)
}

@media(max-width: 600px) {
    .web-only-JC1Lw0 {
        display:none
    }
}

@keyframes skeleton-keyframes-dDJ6vu {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

.light-theme-U1MQJj,body {
    --juejin-layer-golden-1: #faf3e5;
    --juejin-layer-golden-2: #f6e7cb;
    --juejin-component-hover: #e4e6eb;
    --juejin-gradientgold_normal_start: #fde8c3;
    --juejin-gradientgold_normal_end: #edd3a7;
    --juejin-gradientgold_hover_start: #f1dfc0;
    --juejin-gradientgold_hover_end: #e6c99b;
    --juejin-gradientgold_click_start: #e9d5b3;
    --juejin-gradientgold_click_end: #dac29a;
    --juejin-layer_loading_start: rgba(228,230,235,0);
    --juejin-layer_loading_end: rgba(228,230,235,.5);
    --juejin-layer_golden_2: #faf3e5;
    --juejin-font_golden_4: #7e5d25;
    --juejin-font-golden-1: #7e5d25;
    --juejin-font-golden-2: #8a795c;
    --juejin-font-golden-3: #d6b885;
    --juejin-gray-0: #fff;
    --juejin-gray-1-1: #e4e6eb;
    --juejin-gray-1-2: rgba(228,230,235,.5);
    --juejin-gray-1-3: #e4e6eb;
    --juejin-gray-2: #f2f3f5;
    --juejin-gray-3: #f7f8fa;
    --juejin-background: #f2f3f5;
    --juejin-layer-1: #fff;
    --juejin-layer-2-1: #f7f8fa;
    --juejin-layer-2-2: rgba(247,248,250,.7);
    --juejin-layer-3-fill: #f2f3f5;
    --juejin-layer-3-border: #e4e6eb;
    --juejin-layer-4-dropdown: #fff;
    --juejin-layer-5: #fff;
    --juejin-brand-1-normal: #1e80ff;
    --juejin-brand-2-hover: #1171ee;
    --juejin-brand-3-click: #0060dd;
    --juejin-brand-4-disable: #abcdff;
    --juejin-brand-5-light: #eaf2ff;
    --juejin-mask-1: rgba(0,0,0,.4);
    --juejin-mask-2: #fff;
    --juejin-mask-3: none;
    --juejin-brand-fill1-normal: rgba(30,128,255,.05);
    --juejin-brand-fill2-hover: rgba(30,128,255,.1);
    --juejin-brand-fill3-click: rgba(30,128,255,.2);
    --juejin-brand-stroke1-normal: rgba(30,128,255,.3);
    --juejin-brand-stroke2-hover: rgba(30,128,255,.45);
    --juejin-brand-stroke3-click: rgba(30,128,255,.6);
    --juejin-font_danger: #ff5132;
    --juejin-font-1: #252933;
    --juejin-font-2: #515767;
    --juejin-font-3: #8a919f;
    --juejin-font-4: #c2c8d1;
    --juejin-font-brand1-normal: #1e80ff;
    --juejin-font-brand2-hover: #1171ee;
    --juejin-font-brand3-click: #0060dd;
    --juejin-font-brand4-disable: #abcdff;
    --juejin-font-success: #2bb91b;
    --juejin-font-warning: #ff8412;
    --juejin-font-danger: #ff5132;
    --juejin-font-white-disable: #fff;
    --juejin-font-white: #fff;
    --juejin-success-1-normal: #00b453;
    --juejin-success-2-deep: #00964e;
    --juejin-success-3-light: #e2faed;
    --juejin-warning-1-normal: #ff7426;
    --juejin-warning-2-deep: #e05e00;
    --juejin-warning-3-light: #fff3e5;
    --juejin-danger-1-normal: #f64242;
    --juejin-danger-2-deep: #cb2634;
    --juejin-danger-3-light: #fff2ff;
    --juejin-sub-1-purple: #9f54ff;
    --juejin-sub-2-blue: #57a0ff;
    --juejin-sub-3-cyan: #5ad7ff;
    --juejin-sub-4-green: #33d790;
    --juejin-sub-5-yellow: #ffcc15;
    --juejin-sub-6-orange: #ff834e;
    --juejin-sub-7-red: #ff5e54;
    --juejin-coupon_1_button: #f64242;
    --juejin-coupon_1_button_disable: #faa0a0;
    --juejin-coupon_2_card: hsla(5,100%,98%,.7);
    --juejin-coupon_3_stroke: rgba(246,66,66,.2);
    --juejin-navigation: #fff;
    --juejin-shade-1: rgba(0,0,0,.4);
    --juejin-shade-2: rgba(0,0,0,.6);
    --juejin-popup: #fff;
    --juejin-popover: #464646;
    --juejin-sheets: #f7f8fa;
    --juejin-coupon-button: #f64242;
    --juejin-coupon-button-disable: #faa0a0;
    --juejin-coupon-card: hsla(5,100%,98%,.7);
    --juejin-layer-loading-start: #e4e6eb;
    --juejin-layer-loading-end: rgba(228,230,235,.5);
    --juejin-font-priv-hint: #916be1;
    --juejin-background-jscore-radar: #232323;
    --juejin-button-shadow-hover: #ddd;
    --juejin-bot-icon-side-bg-color: linear-gradient(180deg,#ebf1ff,#fff);
    --juejin-bot-card-border-color: #eaedf1;
    --juejin-ai-text: #2f2f2f;
    --juejin-ai-normal-text: #0c0d0e;
    --juejin-ai-text-desc: #9299a7;
    --juejin-ai-message-bgc: #fff;
    --juejin-ai-button-bgc: #fff;
    --juejin-ai-code-bgc: #f7f8f9
}

.wrap-mXwuTT {
    --marginTop: 35px;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 8.33rem - var(--marginTop));
    margin-top: var(--marginTop);
    max-width: 1200px;
    width: 100%
}

.wrap-mXwuTT.withoutTopBanner-O7rUMy {
    height: calc(100vh - 5rem - var(--marginTop))
}

.main-nav-IRWOpF {
    border-bottom: 1px solid #e4e6eb;
    font-weight: 500;
    /*overflow-x: scroll;*/
    padding: 10px 12px;
    white-space: nowrap
}

.main-nav-IRWOpF::-webkit-scrollbar {
    height: 0
}

.main-nav-IRWOpF::-webkit-scrollbar-thumb {
    background: #e4e6eb;
    border-radius: 4px
}

.main-nav-IRWOpF .nav-item-WhclXT {
    color: #252933;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    margin-left: 8px;
    margin-right: 24px;
    max-width: 104px;
    position: relative
}

.main-nav-IRWOpF .nav-item-WhclXT .nav-item-tip-bdMwfM {
    color: #8a919f;
    display: inline-block;
    font-size: 15px;
    line-height: 28px;
    max-width: 104px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 768px) {
    .main-nav-IRWOpF .nav-item-WhclXT .nav-item-tip-bdMwfM {
        font-size:14px
    }
}

.main-nav-IRWOpF .nav-item-WhclXT:hover {
    color: var(--juejin-font-brand1-normal)
}

.main-nav-IRWOpF .nav-item-WhclXT.active-yDzY2u {
    color: #252933!important;
    font-weight: 500
}

.main-nav-IRWOpF .nav-item-WhclXT.active-yDzY2u .nav-item-tip-bdMwfM {
    color: #252933!important
}

.main-nav-IRWOpF .nav-item-WhclXT.active-yDzY2u:before {
    background: var(--juejin-brand-1-normal);
    border-radius: 2px;
    bottom: -10px;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 16px
}