@keyframes skeleton-keyframes-data-v-3c8cd7b6{0%{background-position:0 0}to{background-position:480px 0}}.h5-only[data-v-3c8cd7b6]{display:none}@media (max-width:600px){.h5-only[data-v-3c8cd7b6]{display:block}}.web-only[data-v-3c8cd7b6]{display:block}@media (max-width:600px){.web-only[data-v-3c8cd7b6]{display:none}}.column-detail-wrap[data-v-3c8cd7b6]{margin-top:24px}[data-v-3c8cd7b6] .bt-dropdown{display:flex}[data-v-3c8cd7b6] .bt-dropdown .byte-dropdown-menu{border:1px solid #e5e6eb;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:4px}[data-v-3c8cd7b6] .byte-dropdown-item .byte-dropdown-item__text{display:flex;align-items:center}[data-v-3c8cd7b6] .byte-dropdown-item .bt-icon{width:12px;margin-right:8px}[data-v-3c8cd7b6] .byte-dropdown-item .bt-icon path{stroke:#515767}[data-v-3c8cd7b6] .byte-dropdown-item .bt-txt{font-size:12px;color:#4e5969}[data-v-3c8cd7b6] .byte-dropdown-item:hover{background:#f7f8fa}[data-v-3c8cd7b6] .byte-dropdown-item:hover .bt-icon path{stroke:#1e80ff}[data-v-3c8cd7b6] .byte-dropdown-item:hover .bt-txt{color:#1e80ff}.app-open-drawer[data-v-3c8cd7b6]{display:none}.column-info[data-v-3c8cd7b6]{background:#fff;border-radius:2px;padding:16px 20px;overflow:hidden}.column-info .h5-cover[data-v-3c8cd7b6]{width:100%;height:210px}.column-info .title[data-v-3c8cd7b6]{font-weight:500;font-size:24px;line-height:32px;color:#1d2129;margin:0 0 16px}@media (max-width:600px){.column-info .title[data-v-3c8cd7b6]{margin:16px 0 8px}}.column-info .column-info-main[data-v-3c8cd7b6]{display:flex;flex-flow:row nowrap}.column-info .column-info-main .main-content[data-v-3c8cd7b6]{flex:auto;max-width:calc(100% - 222px)}@media (max-width:600px){.column-info .column-info-main .main-content[data-v-3c8cd7b6]{max-width:100%}}.column-info .column-info-main .main-content .user-info-line[data-v-3c8cd7b6]{display:flex;overflow:hidden;align-items:center;justify-content:space-between}.column-info .column-info-main .main-content .user-info-line .author-user-wapper[data-v-3c8cd7b6]{width:100%;max-width:calc(100% - 32px)}@media (max-width:600px){.column-info .column-info-main .main-content .user-info-line .author-user-wapper[data-v-3c8cd7b6]{max-width:calc(100% - 89px)}}.column-info .column-info-main .main-content .user-info-line .author-user-box[data-v-3c8cd7b6]{display:flex;height:24px;line-height:24px;font-size:14px;font-weight:500;color:#4e5969;margin-right:16px}.column-info .column-info-main .main-content .user-info-line .author-user-box .user-popover[data-v-3c8cd7b6]{display:flex}.column-info .column-info-main .main-content .user-info-line .author-user-box .user-popover .avatar[data-v-3c8cd7b6]{width:24px;height:24px;margin-right:8px;border-radius:50%}.column-info .column-info-main .main-content .user-info-line .author-user-box .user-popover .user-name-wrapper[data-v-3c8cd7b6]{display:flex;flex-flow:column nowrap;overflow:hidden;text-overflow:ellipsis}.column-info .column-info-main .main-content .user-info-line .author-user-box .user-popover .name-rank[data-v-3c8cd7b6]{display:flex;align-items:center}.column-info .column-info-main .main-content .user-info-line .author-user-box .user-popover .user-name[data-v-3c8cd7b6]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.column-info .column-info-main .main-content .user-info-line .author-user-box .user-popover .rank[data-v-3c8cd7b6]{display:flex;align-items:center;height:24px;margin-left:8px;flex:none}@media (max-width:600px){.column-info .column-info-main .main-content .user-info-line .author-user-box .user-popover .rank[data-v-3c8cd7b6]{height:14px;margin-left:4px}}.column-info .column-info-main .main-content .user-info-line .author-user-box .user-popover .h5-time[data-v-3c8cd7b6]{color:#86909c;font-size:14px;line-height:14px}@media (max-width:600px){.column-info .column-info-main .main-content .user-info-line .author-user-box[data-v-3c8cd7b6]{height:-moz-fit-content;height:fit-content;flex:auto;margin-right:5px}.column-info .column-info-main .main-content .user-info-line .author-user-box .user-popover[data-v-3c8cd7b6]{max-width:calc(100% - 28px);line-height:14px}.column-info .column-info-main .main-content .user-info-line .author-user-box .user-popover .name-rank[data-v-3c8cd7b6]{margin-bottom:8px}.column-info .column-info-main .main-content .user-info-line .author-user-box .user-popover .avatar[data-v-3c8cd7b6]{width:36px;height:36px}}.column-info .column-info-main .main-content .user-info-line .attention-btn.h5-only[data-v-3c8cd7b6]{flex:none;display:none}@media (max-width:600px){.column-info .column-info-main .main-content .user-info-line .attention-btn.h5-only[data-v-3c8cd7b6]{display:flex}}.column-info .column-info-main .cover[data-v-3c8cd7b6]{width:206px;height:116px;float:left;margin-right:16px}.column-info .column-info-main .content[data-v-3c8cd7b6]{margin:8px 0 13px;color:#4e5969;font-size:14px;line-height:22px;height:44px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all}@media (max-width:600px){.column-info .column-info-main .content[data-v-3c8cd7b6]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:-moz-fit-content;height:fit-content}}.column-info .column-info-main .follower-info[data-v-3c8cd7b6]{display:flex;align-items:center}.column-info .column-info-main .follower-info-left[data-v-3c8cd7b6]{flex:auto;display:flex}.column-info .column-info-main .follower-info .follower-avatar[data-v-3c8cd7b6]{margin-right:4px}.column-info .column-info-main .follower-info span[data-v-3c8cd7b6]{margin-right:12px;font-size:14px;line-height:22px;color:#4e5969}.column-info .column-info-main .follower-info .button img[data-v-3c8cd7b6]{width:12px;height:12px;margin-right:15px;vertical-align:middle}.column-info .column-info-main .follower-info .avatar[data-v-3c8cd7b6]{width:24px;height:24px;border-radius:50%;margin-right:8px}.column-info .column-info-main .follower-info .followed-avatar[data-v-3c8cd7b6]{width:20px;height:20px;border-radius:50%;margin-right:-4px}.column-info .column-info-main .follower-info .followed-avatar[data-v-3c8cd7b6]:last-child{margin-right:0}.column-info .column-info-main .follower-info .web-only[data-v-3c8cd7b6]{display:flex}@media (max-width:600px){.column-info .column-info-main .follower-info .web-only[data-v-3c8cd7b6]{display:none}}.article-list[data-v-3c8cd7b6]{margin-top:24px;background:#fff;border-radius:2px}.article-list .empty-container[data-v-3c8cd7b6]{height:480px}.next-page[data-v-3c8cd7b6]{font-size:0!important}.dropdown .byte-dropdown-menu[data-v-3c8cd7b6]{border:1px solid #e5e6eb;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:4px}.dropdown .byte-dropdown-item[data-v-3c8cd7b6]:hover{background:#f7f8fa;color:#1e80ff}.dropdown .b-dropdown-item-active[data-v-3c8cd7b6]{background:#f7f8fa}.dropdown .b-dropdown-item-active .b-txt[data-v-3c8cd7b6]{color:#1e80ff}.dropdown button[data-v-3c8cd7b6]{background:#fff;border:none;color:#4e5969;font-size:14px}.dropdown button[data-v-3c8cd7b6]:hover{color:#1d7dfa;background:#fafafa}.dropdown button[data-v-3c8cd7b6]:hover .dropdown-icon path{fill:#1d7dfa}.dropdown button[data-v-3c8cd7b6]:active{color:#1d7dfa;background:#fafafa}.dropdown .dorpdown-btn[data-v-3c8cd7b6]{padding:6px 12px;font-size:14px;line-height:22px;color:#4e5969;cursor:pointer;margin-right:14px}.dropdown .dorpdown-btn[data-v-3c8cd7b6]:hover{color:#1e80ff}.dropdown .dorpdown-btn:hover .dropdown-icon path[data-v-3c8cd7b6]{fill:#1e80ff}.dropdown-icon[data-v-3c8cd7b6]{font-size:20px;color:#4e5969}.dropdown-icon.menu-show[data-v-3c8cd7b6],.dropdown-icon[data-v-3c8cd7b6]:active{background-color:#e5e6eb}.dropdown-icon.menu-show[data-v-3c8cd7b6]{color:#1c78f0}.more-dots-icon[data-v-3c8cd7b6]{color:#4e5969;width:20px;height:20px}.more-dots-icon.menu-dots-show[data-v-3c8cd7b6],.more-dots-icon[data-v-3c8cd7b6]:active{background-color:var(--juejin-background);color:#c9cdd4;border-radius:2px}.top-tag[data-v-3c8cd7b6]{margin-right:4px;color:#1d7dfa;display:inline-block;box-sizing:border-box;padding:3px 8px;font-weight:400;text-align:center;white-space:nowrap;transform:translateY(-.2em);background:#f7f8fa;border-radius:4px;font-size:12px}.top-tag .top-icon[data-v-3c8cd7b6]{height:12px;vertical-align:-.1em}