@keyframes skeleton-keyframes-data-v-142710e6{0%{background-position:0 0}to{background-position:480px 0}}.emoji.old[data-v-142710e6]{transform:scale(.9)}@media (max-width:600px){.web-only[data-v-142710e6]{display:none}}.pin[data-v-142710e6]{display:flex;justify-content:space-between}.content-box[data-v-142710e6]{display:flex;align-content:space-between;flex-direction:column}.content[data-v-142710e6]{color:var(--juejin-font-1);font-size:1.15rem;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;max-height:3.5rem;max-width:22rem;max-height:3em}.content[data-v-142710e6] .emoji{vertical-align:sub;width:auto;height:20px;margin:0 2px}.content.with-picture[data-v-142710e6]{max-width:16rem}.stat[data-v-142710e6]{color:var(--juejin-font-3);font-size:12px;margin-top:auto;line-height:20px}.stat .item[data-v-142710e6]{align-self:flex-end}.image-box[data-v-142710e6]{min-width:5.67rem;height:5.67rem;margin-left:1rem;border-radius:4px;background-position:50%;background-size:cover;background-repeat:no-repeat}@keyframes skeleton-keyframes-data-v-5850a22b{0%{background-position:0 0}to{background-position:480px 0}}.related-pin-block[data-v-5850a22b]{background-color:var(--juejin-layer-1);border-radius:4px}header[data-v-5850a22b]{color:var(--juejin-font-1);font-weight:600;font-size:16px;line-height:1.07;padding:16px 20px;border-bottom:1px solid var(--juejin-gray-1-1)}ul.pin-list[data-v-5850a22b]{padding:8px 12px 12px}li.item[data-v-5850a22b]{padding:8px}li.item[data-v-5850a22b]:hover{background-color:var(--juejin-gray-3);border-radius:4px}li.item[data-v-5850a22b]:hover .pin .content-box .content{color:var(--juejin-brand-1-normal)}li.item[data-v-5850a22b] .pin .content-box .content{font-size:14px}li.item[data-v-5850a22b] .pin .content-box .content span{color:var(--juejin-font-1)!important}.sidebar[data-v-6fb392a5]{width:300px;position:sticky;border-radius:4px;top:1.66rem;height:100%}.sidebar .pin-list[data-v-6fb392a5]{margin-bottom:1.5rem}.sidebar[data-v-6fb392a5] .related-entry-sidebar-block .block-title{color:#2e3135;font-weight:600;font-size:1.25rem}@media (max-width:960px){.sidebar[data-v-6fb392a5]{display:none}}.sidebar .sticky-section[data-v-6fb392a5]{position:sticky;width:300px;top:21px;transition:all .2s}.view-container[\:has\(.main-header.visible\)] .pin-view .sticky-sidebar{top:6.66rem}.view-container:has(.main-header.visible) .pin-view .sticky-sidebar{top:6.66rem}@keyframes skeleton-keyframes-data-v-67ddc27b{0%{background-position:0 0}to{background-position:480px 0}}.pin-view-detail[data-v-67ddc27b] .main-container{max-width:1040px}.pin-view[data-v-67ddc27b]{display:flex;grid-gap:20px;gap:20px}.main-area[data-v-67ddc27b]{position:relative;margin-bottom:10rem;width:720px;max-width:100%;border-radius:2px;box-sizing:border-box}.main-area[data-v-67ddc27b]:after{display:table;content:"";clear:both}.card[data-v-67ddc27b],.pin-card[data-v-67ddc27b]{background-color:var(--juejin-layer-1)}div.card[data-v-67ddc27b]{margin-top:16px;border:none}div.card[data-v-67ddc27b]:hover{box-shadow:none}div.card[data-v-67ddc27b] .byte-card__header{padding:16px 24px;color:#252933;font-size:16px;line-height:24px}div.card[data-v-67ddc27b] .byte-card__body{padding:0 24px 24px}.detail-comment[data-v-67ddc27b] .comment-card:before{left:-24px!important;right:-24px!important}.detail-comment[data-v-67ddc27b] .comment-card.small:before{left:-15px!important;right:-15px!important}.detail-comment[data-v-67ddc27b] .reply-card:before{left:-76px!important;right:-24px!important}.detail-comment[data-v-67ddc27b] .reply-card.small:before{left:-58px!important;right:-15px!important}.popup .fade-enter-active[data-v-67ddc27b],.popup .fade-leave-active[data-v-67ddc27b]{transition:opacity .15s ease-in}.popup .fade-enter[data-v-67ddc27b],.popup .fade-leave-to[data-v-67ddc27b]{opacity:0}.popup[data-v-67ddc27b] .block-message{margin:0;font-size:1.333rem;line-height:2.333rem;color:var(--juejin-font-2);font-weight:400}.popup[data-v-67ddc27b] .block-message span{padding:0 .333rem;display:inline-block;max-width:279px;color:#ff7426;vertical-align:bottom;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup[data-v-67ddc27b] .block-failed-message{margin:0;font-size:1.333rem;line-height:2.333rem;color:var(--juejin-font-2)}.popup[data-v-67ddc27b] .block-failed-message span{padding-left:0 .333rem;color:#ff7426}.comment-wrap[data-v-67ddc27b]{background-color:var(--juejin-layer-1);padding:20px 24px 12px;border-radius:4px;position:relative;margin-top:20px}@media (max-width:600px){.comment-wrap[data-v-67ddc27b]{padding:16px;margin-top:8px}}