@keyframes skeleton-keyframes-data-v-39444c0c {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.popup[data-v-39444c0c] {
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:rgba(0, 0, 0, .4);
	z-index:1001;
	text-align:center
}
.popup .dialog[data-v-39444c0c] {
	min-width:311px;
	box-sizing:border-box;
	display:inline-block;
	background-color:var(--juejin-popup);
	margin:23rem auto 0;
	border-radius:4px;
	padding:2.33rem 1.333rem 2rem
}
.popup .dialog .content[data-v-39444c0c] {
	max-width:279px
}
.popup .dialog .button-wrapper[data-v-39444c0c] {
	margin-top:2.667rem
}
.popup .dialog .btn-confirm[data-v-39444c0c] {
	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
}
.popup .dialog .btn-confirm[data-v-39444c0c]:active, .popup .dialog .btn-confirm[data-v-39444c0c]:hover {
	background-color:var(--juejin-brand-2-hover)
}
.popup .dialog .btn-confirm[data-v-39444c0c]:disabled {
	background:var(--juejin-brand-4-disable);
	cursor:not-allowed
}
.popup .dialog .btn-cancel[data-v-39444c0c] {
	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
}
.popup .dialog .btn-cancel[data-v-39444c0c]:active, .popup .dialog .btn-cancel[data-v-39444c0c]:hover {
	color:#1171ee;
	border-color:#1171ee
}
@keyframes skeleton-keyframes-data-v-7a183152 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.popup[data-v-7a183152] .block-failed-message {
	margin:0;
	font-size:1.333rem;
	line-height:2.333rem;
	color:var(--juejin-font-2)
}
.popup[data-v-7a183152] .block-failed-message span {
padding-left:0 .333rem;
	color:#ff7426
}
@keyframes skeleton-keyframes-data-v-fbed2610 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-fbed2610] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-fbed2610] {
display:none
}
}
.dock-nav[data-v-fbed2610] {
	width:180px;
	background:var(--juejin-layer-1);
	padding:8px;
	box-sizing:border-box;
	border-radius:4px;
	z-index:99;
	position:fixed;
	top:80px;
transition:all .2s linear;
	max-height:calc(100% - 109px);
	overflow:auto;
	box-sizing: border-box
}
.dock-nav[data-v-fbed2610] * { box-sizing: border-box}
.dock-nav[data-v-fbed2610]::-webkit-scrollbar {
width:6px;
height:6px;
background:transparent
}
.dock-nav[data-v-fbed2610]::-webkit-scrollbar-thumb {
background:transparent;
border-radius:4px
}
.dock-nav[data-v-fbed2610]:hover::-webkit-scrollbar-thumb {
background:hsla(0, 0%, 52.9%, .4)
}
.dock-nav.top[data-v-fbed2610] {
	top:20px
}
.dock-nav .item[data-v-fbed2610] {
	display:block
}
.dock-nav .item .title[data-v-fbed2610] {
	padding:0 12px;
	color:var(--juejin-font-1);
	border-radius:4px;
	display:flex;
	align-items:center;
	height:44px;
	line-height: 44px;
	font-weight: 400;
	margin-bottom:2px;
	font-size:16px;
transition:color .3s
}
.dock-nav .item .title svg[data-v-fbed2610] {
	fill:var(--juejin-font-3);
	margin-right:10px;
transition:fill .3s
}
.dock-nav .item .title.active[data-v-fbed2610] {
	color:var(--juejin-font-brand1-normal);
	background:var(--juejin-brand-5-light)!important
}
.dock-nav .item .title.active svg[data-v-fbed2610] {
	fill:var(--juejin-font-brand1-normal)
}
.dock-nav .item .title.child_active[data-v-fbed2610] {
	color:var(--juejin-font-brand1-normal)
}
.dock-nav .item .title.child_active svg[data-v-fbed2610] {
	fill:var(--juejin-font-brand1-normal)
}
.dock-nav .item a.title[data-v-fbed2610]:hover {
	color:var(--juejin-font-brand1-normal);
	background:var(--juejin-gray-3)
}
.dock-nav .item a.title:hover svg[data-v-fbed2610] {
	fill:var(--juejin-font-brand1-normal)
}
.dock-nav .topic_list .more[data-v-fbed2610], .dock-nav .topic_list .topic[data-v-fbed2610] {
	display:block;
	cursor:pointer;
	font-size:14px;
	line-height:44px;
	color:var(--juejin-font-3);
	padding-left:38px;
transition:color .3s;
	border-radius:4px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all
}
.dock-nav .topic_list .more.active[data-v-fbed2610], .dock-nav .topic_list .topic.active[data-v-fbed2610] {
	color:var(--juejin-font-brand1-normal)!important;
	background:var(--juejin-brand-5-light)!important
}
.dock-nav .topic_list .more.hover[data-v-fbed2610], .dock-nav .topic_list .topic[data-v-fbed2610]:hover {
	color:var(--juejin-font-brand1-normal);
	background:var(--juejin-gray-3)
}
.dock-nav .topic_list .topic-item-new[data-v-fbed2610] {
	display:inline-block;
	width:0
}
.dock-nav .topic_list .topic-item-new[data-v-fbed2610]:after {
	display:inline-block;
	width:30px;
	text-align:center;
	border-radius:4px;
	line-height:36px;
	content:"热";
	height:36px;
	padding:0 3px;
	color:#f1f1f1;
	background:var(--juejin-font_danger);
	font-size:24px;
	transform:scale(.5);
	position:relative;
	left:-26px;
	top:4px
}
.restlist[data-v-fbed2610] {
	display:flex;
	flex-wrap:wrap
}
.rest-topic[data-v-fbed2610] {
	display:block;
	width:124px;
	line-height:36px;
	background:var(--juejin-background);
	color:var(--juejin-font-2);
	border-radius:4px;
	font-size:14px;
	padding:0 14px;
	box-sizing:border-box;
	margin-right:16px;
	margin-bottom:16px;
transition:color .3s;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all
}
.rest-topic[data-v-fbed2610]:nth-child(3n) {
margin-right:0
}
.rest-topic.active[data-v-fbed2610], .rest-topic[data-v-fbed2610]:hover {
	color:var(--juejin-brand-1-normal);
	background:var(--juejin-brand-5-light)
}
.pin-dock-popover.byte-popover {
	margin-left:14px;
	background:var(--juejin-layer-4-dropdown);
	box-shadow:0 8px 24px rgba(81, 87, 103, .16);
	border-radius:4px;
	padding:0
}
.pin-dock-popover.byte-popover .byte-popover__content {
	margin-top:20px;
	margin-bottom:4px;
	padding-left:20px;
	padding-right:4px;
	overflow-y:auto;
	max-height:240px
}
.pin-dock-popover.byte-popover .popper__arrow {
	border-left-color:transparent;
	border-bottom-color:transparent;
	border-right-color:var(--juejin-layer-4-dropdown);
	border-top-color:var(--juejin-layer-4-dropdown)
}
@keyframes skeleton-keyframes-data-v-11c6de65 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.navigation[data-v-11c6de65] {
	margin-bottom:16px;
	background:var(--juejin-navigation)
}
@media (max-width:600px) {
.navigation[data-v-11c6de65] {
position:fixed;
z-index:12;
top:0
}
.navigation.top[data-v-11c6de65], .navigation[data-v-11c6de65] {
transition:all .2s;
width:100vw
}
.navigation.top[data-v-11c6de65] {
top:53px;
transform:translateZ(0);
margin-bottom:0
}
}
.nav-list[data-v-11c6de65] {
	display:flex;
	align-items:center;
	width:100%;
	height:48px;
	overflow-x:auto;
	padding:0 8px;
	box-sizing:border-box;
	border-bottom:1px solid var(--juejin-gray-2)
}
.nav-list .nav-item[data-v-11c6de65] {
	position:relative;
	padding:0 12px;
	flex-shrink:0;
	font-size:14px;
	line-height:24px;
	text-align:center;
	color:#8a919f
}
.nav-list .nav-item.active[data-v-11c6de65], .nav-list .nav-item[data-v-11c6de65]:hover {
	color:#1e80ff
}
.nav-list .nav-item.active[data-v-11c6de65]:after {
	content:"";
	position:absolute;
	bottom:-8px;
	left:0;
	right:0;
	margin:auto;
	display:block;
	width:24px;
	height:2px;
	background:#1e80ff
}
.topic_list[data-v-11c6de65] {
	border-bottom:1px solid var(--juejin-gray-2);
	display:flex;
	align-items:center;
	width:100%;
	height:40px;
	box-sizing:border-box;
	padding:0 14px;
	overflow-x:auto
}
.topic_list[data-v-11c6de65]::-webkit-scrollbar {
display:none
}
.topic_list .topic[data-v-11c6de65] {
	cursor:pointer;
	margin:0 12px;
	flex-shrink:0;
	background:var(--juejin-gray-2);
	border-radius:50px;
	line-height:24px;
	padding:0 8px;
	font-size:12px;
	color:var(--juejin-font-3)
}
.topic_list .topic.active[data-v-11c6de65], .topic_list .topic[data-v-11c6de65]:hover {
	background:var(--juejin-font-brand1-normal);
	color:var(--juejin-font-white)
}
@keyframes skeleton-keyframes-data-v-3ea9885c {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.list_box[data-v-3ea9885c] {
	background-color:var(--juejin-layer-1);
	border-radius:2px
}
.title[data-v-3ea9885c] {
	justify-content:space-between;
	line-height:46px;
	margin:0 16px!important;
	font-weight:500;
	font-size:16px;
	color:var(--juejin-font-1);
	border-bottom:1px solid var(--juejin-gray-1-1);
	margin:0
}
.refresh[data-v-3ea9885c], .title[data-v-3ea9885c] {
	display:flex;
	align-items:center
}
.refresh[data-v-3ea9885c] {
	font-size:12px;
	line-height:20px;
	text-align:right;
	color:var(--juejin-font-3);
	cursor:pointer
}
.refresh svg[data-v-3ea9885c] {
	margin-right:4px
}
.refresh[data-v-3ea9885c]:hover {
	color:var(--juejin-brand-1-normal)!important
}
.refresh:hover path[data-v-3ea9885c] {
	fill:var(--juejin-brand-1-normal)
}
.theme_list[data-v-3ea9885c] {
	padding:12px 16px
}
.theme_list p[data-v-3ea9885c] {
	margin:0
}
.theme_list .item[data-v-3ea9885c] {
	height:22px;
	margin-bottom:12px;
	display:flex;
	align-items:center
}
.theme_list .item:hover .content[data-v-3ea9885c] {
	color:#1e80ff!important
}
.theme_list .item[data-v-3ea9885c]:last-child {
	margin-bottom:0
}
.theme_list .content-label[data-v-3ea9885c], .theme_list .content[data-v-3ea9885c] {
	font-size:14px;
	color:var(--juejin-font-1);
	word-break:break-all
}
.theme_list .content[data-v-3ea9885c] {
	flex-grow:1;
	margin:0;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
.theme_list .content .tag[data-v-3ea9885c] {
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-bottom:2px
}
.theme_list .hot[data-v-3ea9885c] {
	flex-shrink:0;
	font-size:12px;
	color:var(--juejin-font-3);
	padding-left:30px
}
.moreTopics[data-v-3ea9885c] {
	margin:0 16px;
	border-top:1px solid var(--juejin-gray-1-1);
	height:46px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:14px;
	cursor:pointer;
	color:var(--juejin-font-3)
}
.moreTopics svg[data-v-3ea9885c] {
	margin-left:4px
}
@keyframes skeleton-keyframes-data-v-6b8e2599 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-6b8e2599] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-6b8e2599] {
display:none
}
}
.sidebar[data-v-6b8e2599] {
	width:260px
}
.sidebar.sticky .list_box.pin[data-v-6b8e2599], .sidebar.sticky .userbox[data-v-6b8e2599] {
	display:none
}
.sidebar.sticky .fixbox[data-v-6b8e2599] {
	width:260px;
	position:fixed;
	top:80px;
transition:top .2s linear
}
.sidebar.sticky .fixbox.top[data-v-6b8e2599] {
	top:20px
}
.sidebar.sticky .fixbox .list_box[data-v-6b8e2599] {
	margin:0
}
.sidebar .userbox[data-v-6b8e2599] {
	background:var(--juejin-layer-1);
	border-radius:4px;
	padding:24px 20px
}
.sidebar .userbox .profile[data-v-6b8e2599] {
	display:flex;
	align-items:center;
	border-bottom:1px solid var(--juejin-gray-1-1);
	padding-bottom:20px
}
.sidebar .userbox .profile .avatar[data-v-6b8e2599] {
	cursor:pointer;
	border-radius:50%;
	width:48px;
	height:48px;
	margin-right:12px
}
.sidebar .userbox .profile .user-info[data-v-6b8e2599] {
	flex:1
}
.sidebar .userbox .profile .user-info .username-container[data-v-6b8e2599] {
	display:flex;
	align-items:center
}
.sidebar .userbox .profile .user-info .username[data-v-6b8e2599] {
	cursor:pointer;
	font-weight:500;
	font-size:16px;
	line-height:24px;
	color:var(--juejin-font-1);
	margin:0;
	word-break:break-all;
	max-width:140px;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
.sidebar .userbox .profile .user-info .username.nouser[data-v-6b8e2599] {
	color:#1e80ff
}
.sidebar .userbox .profile .user-info .position[data-v-6b8e2599] {
	font-size:12px;
	line-height:20px;
	color:var(--juejin-font-2);
	margin-top:4px;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
.sidebar .userbox .status[data-v-6b8e2599] {
	display:flex;
	padding-top:20px
}
.sidebar .userbox .status .item[data-v-6b8e2599]:not(:last-child) {
padding-right:27px
}
.sidebar .userbox .status .count[data-v-6b8e2599] {
	font-weight:500;
	font-size:16px;
	line-height:28px;
	color:var(--juejin-font-1);
	white-space:nowrap
}
.sidebar .userbox .status .title[data-v-6b8e2599] {
	font-size:14px;
	line-height:24px;
	color:var(--juejin-font-3);
	white-space:nowrap
}
.sidebar .list_box[data-v-6b8e2599] {
	background:var(--juejin-layer-1);
	border-radius:4px;
	margin-top:16px
}
.sidebar .list_box .title[data-v-6b8e2599] {
	display:flex;
	align-items:center;
	justify-content:space-between;
	line-height:56px;
	padding:0 20px;
	font-weight:500;
	font-size:16px;
	color:var(--juejin-font-1);
	border-bottom:1px solid var(--juejin-gray-1-1);
	margin:0
}
.sidebar .hot_list[data-v-6b8e2599] {
	padding:8px 12px
}
.sidebar .hot_item[data-v-6b8e2599] {
	display:flex;
	padding:8px
}
.sidebar .hot_item[data-v-6b8e2599]:hover {
	background:var(--juejin-gray-3)
}
.sidebar .hot_item:hover .hot_content .content[data-v-6b8e2599], .sidebar .hot_item:hover .hot_content .content[data-v-6b8e2599] span {
	color:var(--juejin-font-brand1-normal)!important
}
.sidebar .hot_item .hot_content[data-v-6b8e2599] {
	flex:1
}
.sidebar .hot_item .hot_content .content[data-v-6b8e2599] {
transition:color .3s;
	font-size:14px;
	line-height:24px;
	color:var(--juejin-font-1);
	margin:0;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
.sidebar .hot_item .hot_content .content[data-v-6b8e2599] .emoji {
	vertical-align:sub;
	width:auto;
	height:20px;
	margin:0 2px
}
.sidebar .hot_item .hot_content .content[data-v-6b8e2599] span {
	color:var(--juejin-font-2)!important
}
.sidebar .hot_item .hot_content .count[data-v-6b8e2599] {
	padding-top:4px;
	font-size:12px;
	line-height:20px;
	color:var(--juejin-font-3);
	margin:0
}
.sidebar .hot_item img[data-v-6b8e2599] {
	margin-left:16px;
	width:64px;
	height:64px;
	border-radius:4px
}
.guide-link[data-v-6b8e2599] {
	display:block;
	line-height:72px;
	border-radius:4px;
	font-weight:500;
	font-size:16px;
	padding-left:108px;
	color:var(--juejin-font-2);
	margin-top:20px;
	background-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/guide.1535752.png);
	background-color:var(--juejin-layer-1);
	background-size:80px;
	background-repeat:no-repeat;
	background-position:33px -1px
}
.bot-card[data-v-390152a6] {
	border-radius:4px;
	padding:20px 10px;
	border:1px solid var(--juejin-gray-1-1);
	background-size:cover;
	background-repeat:no-repeat;
	background-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/bot-card-bg.89b77c2.png)
}
.bot-card .bot-avatar[data-v-390152a6] {
	flex-shrink:0;
	width:48px;
	height:48px;
	border-radius:4px;
	margin:0 0 8px
}
.bot-card .bot-title[data-v-390152a6] {
	margin-bottom:2px;
	color:var(--juejin-font-1);
	font-size:14px;
	line-height:22px
}
.bot-card .bot-desc[data-v-390152a6], .bot-card .bot-title[data-v-390152a6] {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.bot-card .bot-desc[data-v-390152a6] {
	height:20px;
	color:var(--juejin-font-2);
	font-size:12px;
	font-weight:400;
	line-height:20px;
	margin-bottom:8px
}
body[data-theme=dark] .bot-card[data-v-390152a6] {
	background:none
}
@keyframes skeleton-keyframes-data-v-37ff1652 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.wrapper[data-v-37ff1652] {
	margin-bottom:8px;
	padding:12px 20px 40px;
	background:var(--juejin-layer-1);
	border-radius:4px
}
.wrapper .header[data-v-37ff1652] {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:12px 0
}
.wrapper .header .title[data-v-37ff1652] {
	color:var(--juejin-font-1);
	font-size:16px;
	font-weight:500;
	line-height:24px
}
.wrapper .header .close[data-v-37ff1652] {
	color:#515767;
	font-size:13px;
	cursor:pointer
}
.wrapper .content[data-v-37ff1652] {
	overflow:hidden;
	white-space:nowrap
}
.wrapper .content .item[data-v-37ff1652] {
	display:inline-block;
	box-sizing:border-box;
	margin-right:8px;
	width:calc(25% - 8px)
}
@media (max-width:600px) {
.wrapper .content .item[data-v-37ff1652] {
width:calc(50% - 8px)
}
}
@media (min-width:600px) and (max-width:900px) {
.wrapper .content .item[data-v-37ff1652] {
width:calc(33.33333% - 8px)
}
}
@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-5ae2b6bc {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-5ae2b6bc] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-5ae2b6bc] {
display:none
}
}
.container[data-v-5ae2b6bc] {
	width:14px;
	height:14px;
	position:relative;
	border-top:1px solid var(--juejin-layer-1);
	transform:rotate(180deg);
	display:inline-block
}
.container .triangle[data-v-5ae2b6bc] {
	position:absolute;
	margin:auto;
	top:-6px;
	left:0;
	right:0;
	width:10px;
	height:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	border-right:1px solid var(--juejin-gray-1-2);
	border-bottom:1px solid var(--juejin-gray-1-2);
	background:var(--juejin-layer-1)
}
@keyframes skeleton-keyframes-data-v-487cbd49 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.popover-box[data-v-487cbd49] {
	display:flex;
	align-items:center
}
.popover-content[data-v-487cbd49] {
	position:fixed;
	top:20rem;
	left:2rem;
	padding:1.333rem 1.333rem 1.833rem;
	width:267px;
	font-weight:400;
	line-height:1.2;
	background-color:var(--juejin-popup);
	border:1px solid #ebebeb;
	box-shadow:0 2px 6px 0 rgba(0, 0, 0, .08);
	box-sizing:border-box;
	border-radius:2px;
	cursor:default;
	z-index:250
}
@media (max-width:600px) {
.popover-content[data-v-487cbd49] {
display:none
}
}
span.triangle-bottom[data-v-487cbd49] {
	position:absolute;
	bottom:-15px;
	left:50%;
	margin-left:-5px
}
span.triangle-bottom.container[data-v-487cbd49] {
	transform:rotate(0deg)
}
span.triangle-bottom.isTop[data-v-487cbd49] {
	bottom:auto;
	top:-15px
}
span.triangle-bottom.isTop.container[data-v-487cbd49] {
	transform:rotate(180deg)
}
span.triangle-bottom[data-v-487cbd49] .triangle {
	background-color:var(--juejin-popup);
	border-right:1px solid var(--juejin-popup);
	border-bottom:1px solid var(--juejin-popup)
}
.fade-enter-active[data-v-487cbd49], .fade-leave-active[data-v-487cbd49] {
transition:opacity .2s
}
.fade-enter[data-v-487cbd49], .fade-leave-to[data-v-487cbd49] {
	opacity:0
}
@keyframes skeleton-keyframes-data-v-e1243e7c {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.ui-btn[data-v-e1243e7c] {
	box-sizing:border-box;
	font-size:14px;
	line-height:22px;
	padding:5px 16px;
	color:var(--juejin-font-white);
	border:none;
	white-space:nowrap
}
.ui-btn .img[data-v-e1243e7c] {
	width:14px;
	height:14px
}
.ui-btn.primary[data-v-e1243e7c] {
	background-color:var(--juejin-brand-1-normal)
}
.ui-btn.primary[data-v-e1243e7c]:focus, .ui-btn.primary[data-v-e1243e7c]:hover {
	background-color:var(--juejin-brand-2-hover)
}
.ui-btn.primary[data-v-e1243e7c]:active {
	background-color:var(--juejin-brand-3-click)
}
.ui-btn.primary[data-v-e1243e7c]:disabled {
	background-color:var(--juejin-brand-4-disable)
}
.ui-btn.line[data-v-e1243e7c] {
	border-radius:4px;
	background-color:var(--juejin-brand-fill1-normal);
	color:var(--juejin-font-brand1-normal);
	border:1px solid var(--juejin-brand-stroke1-normal)
}
.ui-btn.line[data-v-e1243e7c]:focus, .ui-btn.line[data-v-e1243e7c]:hover {
	background-color:var(--juejin-brand-fill2-hover)
}
.ui-btn.line[data-v-e1243e7c]:active {
	background-color:var(--juejin-brand-fill3-click)
}
.ui-btn.line[data-v-e1243e7c]:disabled {
	background-color:var(--juejin-brand-fill1-normal)
}
.ui-btn.line[data-v-e1243e7c]:focus, .ui-btn.line[data-v-e1243e7c]:hover {
	color:var(--juejin-font-brand2-hover)
}
.ui-btn.line[data-v-e1243e7c]:active {
	color:var(--juejin-font-brand3-click)
}
.ui-btn.line[data-v-e1243e7c]:disabled {
	color:var(--juejin-font-brand4-disable)
}
.ui-btn.line[data-v-e1243e7c]:focus, .ui-btn.line[data-v-e1243e7c]:hover {
	border:1px solid var(--juejin-brand-stroke2-hover)
}
.ui-btn.line[data-v-e1243e7c]:active {
	border:1px solid var(--juejin-brand-stroke3-click)
}
.ui-btn.line[data-v-e1243e7c]:disabled {
	border:1px solid var(--juejin-brand-stroke1-normal)
}
.ui-btn.line.alert[data-v-e1243e7c] {
	border-radius:4px;
	background-color:var(--juejin-brand-fill1-normal);
	color:var(--juejin-font-brand1-normal);
	border:1px solid var(--juejin-brand-stroke1-normal)
}
.ui-btn.line.alert[data-v-e1243e7c]:focus, .ui-btn.line.alert[data-v-e1243e7c]:hover {
	background-color:var(--juejin-brand-fill2-hover)
}
.ui-btn.line.alert[data-v-e1243e7c]:active {
	background-color:var(--juejin-brand-fill3-click)
}
.ui-btn.line.alert[data-v-e1243e7c]:disabled {
	background-color:var(--juejin-brand-fill1-normal)
}
.ui-btn.line.alert[data-v-e1243e7c]:focus, .ui-btn.line.alert[data-v-e1243e7c]:hover {
	color:var(--juejin-font-brand2-hover)
}
.ui-btn.line.alert[data-v-e1243e7c]:active {
	color:var(--juejin-font-brand3-click)
}
.ui-btn.line.alert[data-v-e1243e7c]:disabled {
	color:var(--juejin-font-brand4-disable)
}
.ui-btn.line.alert[data-v-e1243e7c]:focus, .ui-btn.line.alert[data-v-e1243e7c]:hover {
	border:1px solid var(--juejin-brand-stroke2-hover)
}
.ui-btn.line.alert[data-v-e1243e7c]:active {
	border:1px solid var(--juejin-brand-stroke3-click)
}
.ui-btn.line.alert[data-v-e1243e7c]:disabled {
	border:1px solid var(--juejin-brand-stroke1-normal)
}
.ui-btn.line.gray[data-v-e1243e7c] {
	border-radius:4px;
	background-color:var(--juejin-brand-fill1-normal);
	color:var(--juejin-font-brand1-normal);
	border:1px solid var(--juejin-brand-stroke1-normal)
}
.ui-btn.line.gray[data-v-e1243e7c]:focus, .ui-btn.line.gray[data-v-e1243e7c]:hover {
	background-color:var(--juejin-brand-fill2-hover)
}
.ui-btn.line.gray[data-v-e1243e7c]:active {
	background-color:var(--juejin-brand-fill3-click)
}
.ui-btn.line.gray[data-v-e1243e7c]:disabled {
	background-color:var(--juejin-brand-fill1-normal)
}
.ui-btn.line.gray[data-v-e1243e7c]:focus, .ui-btn.line.gray[data-v-e1243e7c]:hover {
	color:var(--juejin-font-brand2-hover)
}
.ui-btn.line.gray[data-v-e1243e7c]:active {
	color:var(--juejin-font-brand3-click)
}
.ui-btn.line.gray[data-v-e1243e7c]:disabled {
	color:var(--juejin-font-brand4-disable)
}
.ui-btn.line.gray[data-v-e1243e7c]:focus, .ui-btn.line.gray[data-v-e1243e7c]:hover {
	border:1px solid var(--juejin-brand-stroke2-hover)
}
.ui-btn.line.gray[data-v-e1243e7c]:active {
	border:1px solid var(--juejin-brand-stroke3-click)
}
.ui-btn.line.gray[data-v-e1243e7c]:disabled {
	border:1px solid var(--juejin-brand-stroke1-normal)
}
.ui-btn.secondary[data-v-e1243e7c] {
	background-color:#fafafa;
	color:#1d2129
}
.ui-btn.secondary[data-v-e1243e7c]:focus, .ui-btn.secondary[data-v-e1243e7c]:hover {
	background-color:#e5e6eb
}
.ui-btn.secondary[data-v-e1243e7c]:active {
	background-color:#c9cdd4
}
.ui-btn.secondary[data-v-e1243e7c]:disabled {
	background-color:#fafafa
}
.ui-btn.secondary[data-v-e1243e7c]:active, .ui-btn.secondary[data-v-e1243e7c]:focus, .ui-btn.secondary[data-v-e1243e7c]:hover {
	color:#1d2129
}
.ui-btn.secondary[data-v-e1243e7c]:disabled {
	color:#c9cdd4
}
.ui-btn.text[data-v-e1243e7c] {
	border-radius:4px;
	background-color:var(--juejin-brand-fill1-normal);
	color:var(--juejin-font-brand1-normal);
	background-color:transparent;
	border:none
}
.ui-btn.text[data-v-e1243e7c]:focus, .ui-btn.text[data-v-e1243e7c]:hover {
	background-color:var(--juejin-brand-fill2-hover)
}
.ui-btn.text[data-v-e1243e7c]:active {
	background-color:var(--juejin-brand-fill3-click)
}
.ui-btn.text[data-v-e1243e7c]:disabled {
	background-color:var(--juejin-brand-fill1-normal)
}
.ui-btn.text[data-v-e1243e7c]:focus, .ui-btn.text[data-v-e1243e7c]:hover {
	color:var(--juejin-font-brand2-hover)
}
.ui-btn.text[data-v-e1243e7c]:active {
	color:var(--juejin-font-brand3-click)
}
.ui-btn.text[data-v-e1243e7c]:disabled {
	color:var(--juejin-font-brand4-disable)
}
.ui-btn.text[data-v-e1243e7c]:focus, .ui-btn.text[data-v-e1243e7c]:hover {
	border:1px solid var(--juejin-brand-stroke2-hover)
}
.ui-btn.text[data-v-e1243e7c]:active {
	border:1px solid var(--juejin-brand-stroke3-click)
}
.ui-btn.text[data-v-e1243e7c]:disabled {
	border:1px solid var(--juejin-brand-stroke1-normal)
}
.ui-btn.text[data-v-e1243e7c]:active, .ui-btn.text[data-v-e1243e7c]:disabled, .ui-btn.text[data-v-e1243e7c]:focus, .ui-btn.text[data-v-e1243e7c]:hover {
	border:none
}
.ui-btn.text.alert[data-v-e1243e7c] {
	border-radius:4px;
	background-color:var(--juejin-brand-fill1-normal);
	color:var(--juejin-font-brand1-normal);
	border:none
}
.ui-btn.text.alert[data-v-e1243e7c]:focus, .ui-btn.text.alert[data-v-e1243e7c]:hover {
	background-color:var(--juejin-brand-fill2-hover)
}
.ui-btn.text.alert[data-v-e1243e7c]:active {
	background-color:var(--juejin-brand-fill3-click)
}
.ui-btn.text.alert[data-v-e1243e7c]:disabled {
	background-color:var(--juejin-brand-fill1-normal)
}
.ui-btn.text.alert[data-v-e1243e7c]:focus, .ui-btn.text.alert[data-v-e1243e7c]:hover {
	color:var(--juejin-font-brand2-hover)
}
.ui-btn.text.alert[data-v-e1243e7c]:active {
	color:var(--juejin-font-brand3-click)
}
.ui-btn.text.alert[data-v-e1243e7c]:disabled {
	color:var(--juejin-font-brand4-disable)
}
.ui-btn.text.alert[data-v-e1243e7c]:focus, .ui-btn.text.alert[data-v-e1243e7c]:hover {
	border:1px solid var(--juejin-brand-stroke2-hover)
}
.ui-btn.text.alert[data-v-e1243e7c]:active {
	border:1px solid var(--juejin-brand-stroke3-click)
}
.ui-btn.text.alert[data-v-e1243e7c]:disabled {
	border:1px solid var(--juejin-brand-stroke1-normal)
}
.ui-btn.text.alert[data-v-e1243e7c]:active, .ui-btn.text.alert[data-v-e1243e7c]:disabled, .ui-btn.text.alert[data-v-e1243e7c]:focus, .ui-btn.text.alert[data-v-e1243e7c]:hover {
	border:none
}
.ui-btn.text.gray[data-v-e1243e7c] {
	border-radius:4px;
	background-color:var(--juejin-brand-fill1-normal);
	color:var(--juejin-font-brand1-normal);
	border:none
}
.ui-btn.text.gray[data-v-e1243e7c]:focus, .ui-btn.text.gray[data-v-e1243e7c]:hover {
	background-color:var(--juejin-brand-fill2-hover)
}
.ui-btn.text.gray[data-v-e1243e7c]:active {
	background-color:var(--juejin-brand-fill3-click)
}
.ui-btn.text.gray[data-v-e1243e7c]:disabled {
	background-color:var(--juejin-brand-fill1-normal)
}
.ui-btn.text.gray[data-v-e1243e7c]:focus, .ui-btn.text.gray[data-v-e1243e7c]:hover {
	color:var(--juejin-font-brand2-hover)
}
.ui-btn.text.gray[data-v-e1243e7c]:active {
	color:var(--juejin-font-brand3-click)
}
.ui-btn.text.gray[data-v-e1243e7c]:disabled {
	color:var(--juejin-font-brand4-disable)
}
.ui-btn.text.gray[data-v-e1243e7c]:focus, .ui-btn.text.gray[data-v-e1243e7c]:hover {
	border:1px solid var(--juejin-brand-stroke2-hover)
}
.ui-btn.text.gray[data-v-e1243e7c]:active {
	border:1px solid var(--juejin-brand-stroke3-click)
}
.ui-btn.text.gray[data-v-e1243e7c]:disabled {
	border:1px solid var(--juejin-brand-stroke1-normal)
}
.ui-btn.text.gray[data-v-e1243e7c]:active, .ui-btn.text.gray[data-v-e1243e7c]:disabled, .ui-btn.text.gray[data-v-e1243e7c]:focus, .ui-btn.text.gray[data-v-e1243e7c]:hover {
	border:none
}
.ui-btn.attention[data-v-e1243e7c] {
	display:flex;
	align-items:center
}
.ui-btn.attention.line.cancel[data-v-e1243e7c], .ui-btn.attention.line.cancel[data-v-e1243e7c]:active, .ui-btn.attention.line.cancel[data-v-e1243e7c]:disabled, .ui-btn.attention.line.cancel[data-v-e1243e7c]:focus, .ui-btn.attention.line.cancel[data-v-e1243e7c]:hover {
	border:1px solid #fafafa
}
.ui-btn.attention .img[data-v-e1243e7c] {
	flex:none;
	margin-right:4px
}
.ui-btn.attention.medium[data-v-e1243e7c] {
	text-align:right;
	padding:5px 23px 5px 16px
}
.ui-btn.attention.medium .img[data-v-e1243e7c] {
	margin-right:14px
}
.ui-btn.attention.medium.cancel[data-v-e1243e7c]:not(.loading) {
padding-right:16px
}
.ui-btn.attention.medium.cancel:not(.loading) .img[data-v-e1243e7c] {
margin-right:6px
}
.ui-btn.attention.small[data-v-e1243e7c] {
	padding:3px 15px 3px 8px
}
.ui-btn.attention.small .img[data-v-e1243e7c] {
	margin-right:10px
}
.ui-btn.attention.small.cancel[data-v-e1243e7c]:not(.loading) {
padding-right:8px
}
.ui-btn.attention.small.cancel:not(.loading) .img[data-v-e1243e7c] {
margin-right:3px
}
.ui-btn.attention.mini[data-v-e1243e7c] {
	width:60px;
	height:28px;
	justify-content:center
}
.ui-btn.attention.cancel[data-v-e1243e7c] {
	background-color:rgba(81, 87, 103, .05);
	color:var(--juejin-font-3);
	border:1px solid rgba(81, 87, 103, .3)
}
.ui-btn.attention.cancel[data-v-e1243e7c]:hover {
	background-color:var(--juejin-gray-3)
}
.ui-btn.large[data-v-e1243e7c] {
	padding:7px 20px
}
.ui-btn.medium[data-v-e1243e7c] {
	padding:5px 16px
}
.ui-btn.small[data-v-e1243e7c] {
	padding:3px 16px
}
.ui-btn.mini[data-v-e1243e7c] {
	font-size:12px;
	line-height:20px;
	padding:2px 12px
}
.ui-btn .loading[data-v-e1243e7c] {
	animation:rotate-data-v-e1243e7c 1s linear infinite
}
@keyframes rotate-data-v-e1243e7c {
0% {
transform:rotate(0)
}
to {
	transform:rotate(1turn)
}
}
@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
}
@keyframes skeleton-keyframes-data-v-403a3f54 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-403a3f54] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-403a3f54] {
display:none
}
}
.im-button[data-v-403a3f54] {
	font-size:14px;
	box-sizing:border-box;
	display:flex;
	width:122px;
	height:36px;
	background:var(--juejin-brand-fill1-normal);
	border:1px solid var(--juejin-brand-stroke1-normal);
	border-radius:4px;
	color:var(--juejin-font-brand1-normal);
	justify-content:center;
	align-items:center
}
.im-button[data-v-403a3f54]:hover {
	border:1px solid var(--juejin-brand-stroke2-hover);
	background:var(--juejin-brand-fill2-hover)
}
.im-button.has-icon[data-v-403a3f54] {
	width:96px;
	height:34px;
	line-height:34px
}
.im-button.has-icon .im-icon[data-v-403a3f54] {
	margin-right:6px;
	width:14px;
	height:14px
}
.user-popover[data-v-889b6f90] .popover-content {
	width:300px
}
.user-popover .meta-row .meta-list[data-v-889b6f90] {
	position:relative
}
.user-popover .meta-row .meta-list .divider[data-v-889b6f90] {
	width:260px;
	height:1px;
	top:-9px;
	position:absolute
}
.operate-btn[data-v-889b6f90] {
	display:flex;
	align-items:center;
	margin-top:16px
}
.operate-btn .im-btn[data-v-889b6f90] {
	margin-left:16px
}
.operate-btn .follow-btn[data-v-889b6f90] {
	margin:0!important;
	width:122px
}
@keyframes skeleton-keyframes-data-v-889b6f90 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-889b6f90] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-889b6f90] {
display:none
}
}
.popover-box[data-v-889b6f90] .popover-content {
	padding:1.667rem;
	box-shadow:0 8px 24px rgba(81, 87, 103, .16);
	border-radius:4px;
	border:none
}
.info-row[data-v-889b6f90] {
	display:flex
}
.info-row .avatar[data-v-889b6f90] {
	margin-right:1rem;
	width:4rem;
	height:4rem;
	border-radius:50%
}
.info-row .user-info[data-v-889b6f90] {
	line-height:1;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.info-row .user-info .username[data-v-889b6f90] {
	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-889b6f90] {
margin:.333rem 0 0;
	font-size:1rem;
	line-height:1.67rem;
	max-width:165px;
	color:var(--juejin-font-2);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.follow-btn[data-v-889b6f90] {
	border-radius:4px;
	margin-top:1.334rem;
	width:100%;
	justify-content:center
}
.meta-row[data-v-889b6f90] {
	display:flex;
	align-items:center;
	margin-top:2rem
}
.meta-row .meta-list[data-v-889b6f90] {
	flex:1 1 auto;
	display:flex;
	margin:0;
	padding:0;
	list-style:none;
	align-items:center
}
.meta-row .meta-list .item[data-v-889b6f90] {
	flex:1 1 auto;
	cursor:pointer;
	display:flex;
	align-items:center;
	flex-direction:column
}
.meta-row .meta-list .item .count[data-v-889b6f90] {
	font-size:1.333rem;
	font-weight:500;
	color:var(--juejin-font-1);
	line-height:2.333rem
}
.meta-row .meta-list .item .title[data-v-889b6f90] {
	font-size:1.167rem;
	line-height:2rem;
	color:var(--juejin-font-3)
}
.meta-row .meta-list .divider[data-v-889b6f90] {
	width:1px;
	height:32px;
	background-color:var(--juejin-gray-1-1)
}
span.triangle-bottom[data-v-889b6f90] {
	position:absolute;
	bottom:-15px;
	left:50%;
	margin-left:-5px
}
span.triangle-bottom.container[data-v-889b6f90] {
	transform:rotate(0deg)
}
span.triangle-bottom.isTop[data-v-889b6f90] {
	bottom:158px
}
span.triangle-bottom.isTop.container[data-v-889b6f90] {
	transform:rotate(180deg)
}
.fade-enter-active[data-v-889b6f90], .fade-leave-active[data-v-889b6f90] {
transition:opacity .2s
}
.fade-enter[data-v-889b6f90], .fade-leave-to[data-v-889b6f90] {
	opacity:0
}
@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-789ba8ee {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.icon[data-v-789ba8ee] {
	width:18px;
	height:18px;
	background-size:100% 100%
}
.Like[data-v-789ba8ee] {
	-webkit-mask-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/b63038829982183f1741af41ac12d650.svg);
	mask-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/b63038829982183f1741af41ac12d650.svg);
	background:var(--juejin-font-3)
}
.LikeActive[data-v-789ba8ee] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/ca1416084759f059a9597b22ef264ee3.svg) 0 0 no-repeat
}
.CutePetReport[data-v-789ba8ee] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/8484ec21b2386bd974c8adba34949322.svg) 0 0 no-repeat
}
.CutePetReportActive[data-v-789ba8ee] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/fbef0fff3da0fa26d7885deb463d9493.svg) 0 0 no-repeat
}
.EmotionalMutualAssistance[data-v-789ba8ee] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/f208575cf6ceba02ec4ae507ef02c2e0.svg) 0 0 no-repeat
}
.EmotionalMutualAssistanceActive[data-v-789ba8ee] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/3f080f85cfccd7d8bba13da9111aa505.svg) 0 0 no-repeat
}
.FinancialExchange[data-v-789ba8ee] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/cd76f91915bf5ee31d4d0486b5cc400f.svg) 0 0 no-repeat
}
.FinancialExchangeActive[data-v-789ba8ee] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/a59c1c278ccf9677b6e4a4c6708c5dde.svg) 0 0 no-repeat
}
.FishingAtWork[data-v-789ba8ee] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/5b5560fa46f35d0572b18d9c219238c0.svg) 0 0 no-repeat
}
.FishingAtWorkActive[data-v-789ba8ee] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/8bc5addeab19453555eb96667187267c.svg) 0 0 no-repeat
}
.FunnyJokes[data-v-789ba8ee] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/496c93c557d4953e2c8d6508bf4f4d50.svg) 0 0 no-repeat
}
.FunnyJokesActive[data-v-789ba8ee] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/1c0919fb6e00983e6a8e67ad08b7c314.svg) 0 0 no-repeat
}
.TechnologyExchange[data-v-789ba8ee] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/e108ab3445507ba29a78cedac5dc8f51.svg) 0 0 no-repeat
}
.TechnologyExchangeActive[data-v-789ba8ee] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/0088dfa0c04aad6c6d259e926f2d1723.svg) 0 0 no-repeat
}
.normal-icon[data-v-789ba8ee] {
	fill:var(--juejin-font-3)
}
.small-icon[data-v-789ba8ee] {
	width:16px;
	height:16px
}
@keyframes skeleton-keyframes-data-v-23e750b4 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.action-box[data-v-23e750b4] {
	display:flex;
	position:relative;
	height:36px;
	border-top:1px solid var(--juejin-gray-1-2);
	color:var(--juejin-font-3)
}
@media (max-width:600px) {
.action-box .action[data-v-23e750b4] {
flex:1 1 50%
}
.action-box .share-action[data-v-23e750b4] {
display:none
}
}
.action-box .normal-icon[data-v-23e750b4] {
	fill:var(--juejin-font-3)
}
.action-box .comment-icon[data-v-23e750b4] {
	-webkit-mask-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/a9532d230b98d8920a987aafa22e9059.svg);
	mask-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/a9532d230b98d8920a987aafa22e9059.svg);
	background-color:var(--juejin-font-3);
	width:16px;
	height:16px
}
.action-box .comment-icon.is-active-comment[data-v-23e750b4] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/9cef2734ed6d7aaf4286b209e0613583.svg) 0 0 no-repeat;
	-webkit-mask-image:none;
	mask-image:none
}
.action-box .share-icon[data-v-23e750b4] {
	-webkit-mask-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/36d78e150182aba28d468489573a7dbf.svg);
	mask-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/36d78e150182aba28d468489573a7dbf.svg);
	background-color:var(--juejin-font-3);
	width:16px;
	height:16px
}
.action-box .weibo-icon[data-v-23e750b4] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/0f6c68968ff972028b49a82483cfda7f.svg) 0 0 no-repeat;
	width:20px;
	height:16px
}
.action-box .wechat-icon[data-v-23e750b4] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/266664e2cd06e504016f199b3093de80.svg) 0 0 no-repeat;
	width:20px;
	height:17px
}
.action-box .link-icon[data-v-23e750b4] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/5440c8dba158f5ea7b6f785d02390b31.svg) 2px 0 no-repeat;
	width:20px;
	height:15px
}
.action[data-v-23e750b4] {
	flex:1 1 33.333%;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	height:100%;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none
}
.action:hover .action-title-box[data-v-23e750b4] {
	opacity:.8
}
@media (max-width:600px) {
.action[data-v-23e750b4]:nth-child(2):after {
display:none
}
}
.action.like-action.active .action-title[data-v-23e750b4] {
	color:#1e80ff
}
.action-title-box[data-v-23e750b4] {
	display:flex;
	align-items:center;
	justify-content:center
}
.action-title-box .action-title[data-v-23e750b4] {
	margin-left:.3em;
	font-size:12px;
	font-weight:400;
	display:inline-block
}
.action-title-box .action-title.is-active-comment-title[data-v-23e750b4] {
	color:#1e80ff
}
.share-panel[data-v-23e750b4] {
	position:absolute;
	top:100%;
	left:50%;
	margin:0 0 0 -5.5rem;
	width:11rem;
	background-color:var(--juejin-layer-1);
	border:1px solid var(--juejin-layer-3-border);
	border-radius:2px;
	z-index:101
}
.share-panel.top[data-v-23e750b4] {
	top:auto;
	bottom:100%
}
.share-panel.top[data-v-23e750b4]:after, .share-panel.top[data-v-23e750b4]:before {
	display:none
}
.share-panel[data-v-23e750b4]:after, .share-panel[data-v-23e750b4]:before {
	content:"";
	position:absolute;
	top:0;
	left:50%
}
.share-panel[data-v-23e750b4]:before {
	margin:-7px 0 0 -7px;
	border:7px solid transparent;
	border-bottom:7px solid var(--juejin-layer-3-border);
	border-top:none
}
.share-panel[data-v-23e750b4]:after {
	margin:-6px 0 0 -6px;
	border:6px solid transparent;
	border-bottom:6px solid var(--juejin-layer-1);
	border-top:none
}
.share-panel .share-item[data-v-23e750b4] {
padding:.5rem .9rem
}
.share-panel .share-item[data-v-23e750b4]:not(:last-child) {
border-bottom:1px solid var(--juejin-layer-3-border)
}
.share-panel .share-item[data-v-23e750b4]:hover {
	background-color:var(--juejin-layer-3-fill)
}
.share-panel .share-title-box[data-v-23e750b4] {
	display:flex;
	align-items:center;
	font-size:14px;
	line-height:22px;
	color:var(--juejin-font-2)
}
.share-panel .share-title-box .icon[data-v-23e750b4] {
margin-right:.8rem
}
.share-panel .qr-code[data-v-23e750b4] {
margin:.6rem 0 .8rem;
	height:8.333rem;
	background-position:50%;
	background-repeat:no-repeat;
	background-size:contain
}
@media (max-width:600px) {
.sticky[data-v-23e750b4] {
position:fixed;
width:100%;
bottom:0;
margin-top:0;
height:47px;
z-index:1;
background:var(--juejin-layer-1)
}
}
@keyframes skeleton-keyframes-data-v-c1f3c8ba {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.audit-tag[data-v-c1f3c8ba] {
	display:inline-block;
	box-sizing:border-box;
	padding:3px 8px;
	border-radius:5px;
	opacity:.8;
	font-size:12px;
	font-weight:400;
	text-align:center;
	white-space:nowrap
}
.audit-wait[data-v-c1f3c8ba] {
	color:#ff7d00;
	background:#fff7e8
}
.audit-fail[data-v-c1f3c8ba] {
	color:#f03535;
	background:#ffece8
}
@keyframes skeleton-keyframes-data-v-08787267 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-08787267] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-08787267] {
display:none
}
}
.content-box[data-v-08787267] {
	font-size:14px;
	line-height:1.6;
	color:var(--juejin-font-1);
	overflow:hidden;
	line-height:20px
}
.content-box .content[data-v-08787267] {
	white-space:pre-line
}
.content-box .content[data-v-08787267] .emoji {
	vertical-align:sub;
	width:auto;
	height:20px;
	margin:0 2px
}
.content-box .content[data-v-08787267] [data-node=robot], .content-box .content[data-v-08787267] [data-node=theme] {
	cursor:pointer
}
.content-box .content-d-bot[data-v-08787267] [data-node=robot] {
	cursor:default
}
.topic-title[data-v-08787267] {
	margin-right:.3em;
	color:#007fff
}
.limit-btn[data-v-08787267] {
	display:inline-block;
margin-top:.4rem;
	color:#007fff;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none
}
.limit-btn[data-v-08787267]:hover {
	opacity:.8
}
@keyframes skeleton-keyframes-data-v-001e7906 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.user-masker[data-v-001e7906] {
	display:flex;
	align-items:center;
	height:7rem;
	padding:1rem 2.4rem;
	box-sizing:border-box
}
.user-masker[data-v-001e7906]:before {
	content:"";
	background-color:hsla(0, 0%, 94.5%, .3);
	width:100%;
	height:40%
}
.user[data-v-001e7906] {
	position:relative;
	box-sizing:border-box;
	margin:0 -20px;
	padding:0 20px
}
.user[data-v-001e7906]:hover {
	background-color:var(--juejin-gray-3)
}
.link[data-v-001e7906] {
	display:flex;
	align-items:center;
	padding:8px 0
}
.link .ui-btn[data-v-001e7906] {
	border-radius:4px;
	width:7.667rem;
	height:3rem;
	box-sizing:border-box
}
.link .ui-btn.attention.medium.is-not-show-icon[data-v-001e7906] {
	padding:5px 32px
}
.link .ui-btn.attention.medium.is-not-show-icon.cancel[data-v-001e7906] {
	padding-left:26px
}
.avatar[data-v-001e7906] {
	flex:0 0 auto;
	margin-right:1.667rem;
	width:3.75rem;
	height:3.75rem;
	border-radius:50%
}
.info-box[data-v-001e7906] {
	flex:1 1 auto;
	min-width:0
}
.info-box .username[data-v-001e7906] {
	font-size:1.333rem;
	font-weight:500;
	color:var(--juejin-font-1)
}
.info-box .detail[data-v-001e7906] {
margin-top:.6rem;
	font-size:1rem;
	font-weight:500;
	color:var(--juejin-font-2);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
@keyframes skeleton-keyframes-data-v-4dc88d68 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.modal-content[data-v-4dc88d68] {
	margin:10px auto 4rem
}
.user-list-modal[data-v-4dc88d68] .byte-modal__content {
	max-width:90vw
}
.user-list-modal[data-v-4dc88d68] .byte-modal__body {
	max-height:calc(100vh - 257px);
	overflow:auto
}
.user-list-modal[data-v-4dc88d68] .byte-modal__body::-webkit-scrollbar {
width:4px
}
.user-list-modal[data-v-4dc88d68] .byte-modal__body::-webkit-scrollbar-thumb {
border-radius:4px;
background:var(--juejin-gray-1-1)
}
@keyframes skeleton-keyframes-data-v-13973e1b {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-13973e1b] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-13973e1b] {
display:none
}
}
.digg-container[data-v-13973e1b] {
	display:flex;
	line-height:24px;
	align-items:center
}
.digg-container .list[data-v-13973e1b] {
	display:flex;
	position:relative;
	z-index:1
}
.digg-container .item[data-v-13973e1b] {
	width:22px;
	height:22px;
	border:2px solid var(--juejin-layer-1);
	border-radius:50%;
	margin-right:-6px
}
.digg-container .item[data-v-13973e1b]:last-child {
	margin-right:4px
}
.digg-container .label[data-v-13973e1b] {
	font-size:14px;
	line-height:24px;
	color:var(--juejin-font-3)
}
@keyframes skeleton-keyframes {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only {
display:none
}
}
.pin-likes-modal .byte-modal__wrapper {
	display:flex
}
.pin-likes-modal .byte-modal__wrapper .byte-modal__content {
	top:0;
	margin:auto;
	background-color:var(--juejin-popup)
}
.pin-likes-modal .byte-modal__wrapper .byte-modal__content .byte-modal__header {
	color:var(--juejin-font-1);
	border-bottom:1px solid var(--juejin-gray-1-1)
}
@keyframes skeleton-keyframes-data-v-e090572a {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-e090572a] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-e090572a] {
display:none
}
}
.dislike-list[data-v-e090572a] {
	max-width:208px;
	max-height:68px;
	box-shadow:0 8px 20px rgba(0, 0, 0, .1);
	border-radius:4px;
	background:var(--juejin-layer-4-dropdown);
	z-index:1000
}
.dislike-list .dislike-menu[data-v-e090572a] {
	border:.5px solid var(--juejin-layer-3-border)
}
.dislike-li[data-v-e090572a] {
	width:100%;
	height:34px;
	color:var(--juejin-font-1);
	font-size:14px;
	line-height:2.833rem;
	display:flex;
	align-items:center
}
.dislike-li[data-v-e090572a]:hover {
	background:var(--juejin-gray-3)
}
.dislike-li.block-author[data-v-e090572a] {
	border-radius:4px 4px 0 0
}
.dislike-li .icon[data-v-e090572a] {
	margin:0 8px 0 12px
}
.dislike-li .icon path[data-v-e090572a] {
	fill:var(--juejin-font-2)
}
.dislike-li .text[data-v-e090572a] {
	display:inline-block;
	width:160px;
	margin-right:8px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.title[data-v-e090572a] {
	font-size:18px
}
.content[data-v-e090572a] {
	font-size:14px;
	color:var(--juejin-font-2)
}
.emoji.old[data-v-7d65c0d3] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-7d65c0d3] {
display:none
}
}
@keyframes skeleton-keyframes-data-v-7d65c0d3 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.container[data-v-7d65c0d3] {
	width:236px;
	height:208px;
	padding:12px;
	box-sizing:border-box
}
.title[data-v-7d65c0d3] {
	display:flex
}
.title .icon[data-v-7d65c0d3] {
	width:48px;
	height:48px;
	margin-right:12px;
	border-radius:4px
}
.title .text[data-v-7d65c0d3] {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all
}
.title .text h2[data-v-7d65c0d3] {
	font-weight:500;
	font-size:16px;
	line-height:24px;
	color:#252933;
	margin:0
}
.title .text .desc[data-v-7d65c0d3] {
	margin-top:4px;
	font-size:12px;
	line-height:20px;
	color:#515767
}
.btn[data-v-7d65c0d3] {
	margin-top:24px;
	width:100%;
	justify-content:center
}
.count-content[data-v-7d65c0d3] {
	display:flex;
	margin-top:24px
}
.count-content .item[data-v-7d65c0d3] {
	position:relative;
	display:flex;
	flex-flow:column nowrap;
	flex-grow:1;
	text-align:center
}
.count-content .item .split[data-v-7d65c0d3] {
	position:absolute;
	width:0;
	height:32px;
	border:1px solid #e4e6eb;
	transform:translateY(-50%);
	top:50%;
	right:0
}
.count-content .item:last-child .split[data-v-7d65c0d3] {
	display:none
}
.count-content .value[data-v-7d65c0d3] {
	font-weight:500;
	font-size:16px;
	line-height:28px;
	color:#252933
}
.count-content .label[data-v-7d65c0d3] {
	font-size:14px;
	line-height:24px;
	color:#8a919f
}
@keyframes skeleton-keyframes-data-v-34198766 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-34198766] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-34198766] {
display:none
}
}
.delete-menu[data-v-34198766] {
	width:132px;
	max-height:64px;
	display:block;
	box-shadow:0 8px 20px rgba(0, 0, 0, .1);
	border-radius:4px;
	background:var(--juejin-mask-2);
	position:relative;
	left:-60px
}
.delete-menu .delete-pin[data-v-34198766] {
	height:32px;
	z-index:1001;
	display:block;
	cursor:pointer;
	color:var(--juejin-font-2)
}
.delete-menu .delete-pin[data-v-34198766]:before {
	content:"";
	display:inline-block;
	position:relative;
	background-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/abbfbb11a686c13d7e803ecc9a14f87d.svg);
	background-size:16px 16px;
	height:16px;
	width:16px;
	top:7px;
	margin:0 8px 4px 12px;
	background-color:transparent
}
.delete-menu .delete-pin[data-v-34198766]:hover {
	background:var(--juejin-gray-3)
}
.delete-menu .sync-team[data-v-34198766] {
	height:32px;
	z-index:1001;
	display:block;
	cursor:pointer
}
.delete-menu .sync-team[data-v-34198766]:before {
	content:"";
	display:inline-block;
	position:relative;
	background-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/e587350e074e3eb22c9f75e902609a21.svg);
	background-size:16px 16px;
	height:16px;
	width:16px;
	top:7px;
	margin:0 8px 4px 12px;
	background-color:transparent
}
.delete-menu .sync-team[data-v-34198766]:hover {
	background:var(--juejin-gray-3)
}
.more-button[data-v-34198766] {
	margin-right:6px;
	box-sizing:border-box;
	width:24px;
	height:24px;
	padding:4px
}
.more-button[data-v-34198766]:hover {
	cursor:pointer;
	background-color:var(--juejin-gray-3);
	border-radius:4px
}
.more-button:hover .icon[data-v-34198766] {
	fill:var(--juejin-brand-2-hover)
}
.more-button .icon[data-v-34198766] {
	fill:#8a919f
}
.pin-header-more[data-v-34198766] {
	position:relative
}
.pin-header-more .more-icon[data-v-34198766] {
	font-size:24px;
	position:relative;
	left:15px;
	color:#4e5969
}
.pin-header-more .more-icon[data-v-34198766]:hover {
	background:var(--juejin-gray-3);
	border-radius:2px
}
.pin-header-more .menu-show[data-v-34198766] {
	background:var(--juejin-gray-3);
	color:var(--juejin-font-2)
}
.more-button[data-v-34198766] {
	cursor:pointer
}
.more-button path[data-v-34198766] {
	fill:#b8c1cc
}
.more-button:hover path[data-v-34198766] {
	fill:#9da7b3
}
.dropdown[data-v-34198766] {
	position:absolute;
	margin-top:6px;
	z-index:1
}
.dropdown-menu[data-v-34198766] {
	display:block;
	padding:6px 0;
	border-radius:3px;
	background-color:var(--juejin-layer-1);
	border:1px solid var(--juejin-layer-3-border);
	box-shadow:0 3px 12px 0 rgba(0, 0, 0, .06)
}
.dropdown-menu li[data-v-34198766] {
	padding:6px 28px;
	display:block;
	font-size:13px;
	color:var(--juejin-font-2);
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	pointer-events:all
}
.dropdown-menu li[data-v-34198766]:hover {
	color:var(--juejin-font-2);
	background-color:var(--juejin-gray-3)
}
.dropdown-caret[data-v-34198766], .dropdown-caret[data-v-34198766]:after {
	position:absolute;
	top:-11px;
	left:0;
	width:0;
	height:0;
	border:6px solid transparent;
	border-bottom:6px solid var(--juejin-layer-3-border)
}
.dropdown-caret[data-v-34198766]:after {
	content:"";
	top:-5px;
	left:-6px;
	border-bottom-color:var(--juejin-layer-1)
}
.popover-enter-active[data-v-34198766], .popover-leave-active[data-v-34198766] {
	transform:translateY(0);
transition:.3s
}
.popover-enter[data-v-34198766], .popover-leave-to[data-v-34198766] {
	opacity:0;
	transform:translateY(-8px)
}
@media (max-width:600px) {
.dropdown-menu li[data-v-34198766] {
padding:10px 12px
}
}
.emoji.old[data-v-6b67a609] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-6b67a609] {
display:none
}
}
@keyframes skeleton-keyframes-data-v-6b67a609 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.pin-management-menu[data-v-6b67a609] {
	margin-left:auto;
	margin-right:10px
}
.pin-dropdown[data-v-6b67a609] {
	opacity:0
}
.popup[data-v-6b67a609] .message {
	margin:0;
	font-size:1.222rem;
	line-height:2.222rem;
	color:var(--juejin-font-2)
}
.popup[data-v-6b67a609] .message .highlight {
padding:0 .333rem;
	color:#ff7426
}
.pin-management-btn[data-v-6b67a609] {
	display:flex;
	align-items:center;
	grid-column-gap:4px;
	-moz-column-gap:4px;
	column-gap:4px;
	font-size:13px;
	line-height:22px;
	color:#8a919f;
	padding:2px 6px;
	border-radius:4px;
	cursor:pointer;
transition:all .2s
}
.pin-management-btn[data-v-6b67a609]:hover {
	background-color:var(--juejin-gray-3)
}
.menu[data-v-6b67a609] {
	background-color:var(--juejin-mask-2)
}
.menu-item[data-v-6b67a609] {
	display:flex;
	grid-column-gap:8px;
	-moz-column-gap:8px;
	column-gap:8px;
	align-items:center;
	color:var(--juejin-font-2);
	font-size:14px;
	line-height:24px;
	padding-top:4px;
	padding-bottom:4px
}
.menu-item path[data-v-6b67a609] {
	fill:var(--juejin-font-2)
}
.dropdown-item[data-v-6b67a609]:hover {
	outline:0;
	color:var(--juejin-font-2);
	background-color:var(--juejin-gray-3)
}
@keyframes skeleton-keyframes-data-v-0cedb067 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.header-action[data-v-0cedb067] {
	display:flex;
	min-width:40px
}
.header-action[data-v-0cedb067] #jh-pin-detail-bar, .header-action[data-v-0cedb067] #jh-pin-list-bar {
	margin-right:40px
}
.right-action[data-v-0cedb067] {
	margin-left:auto;
	display:flex;
	align-items:center;
	grid-column-gap:8px;
	-moz-column-gap:8px;
	column-gap:8px
}
.right-action[data-v-0cedb067] .follow-btn {
	color:var(--juejin-brand-1-normal);
	text-align:center
}
.right-action[data-v-0cedb067] .follow-btn.primary {
	background-color:var(--juejin-brand-5-light)
}
.right-action[data-v-0cedb067] .follow-btn .img {
	display:none
}
.right-action[data-v-0cedb067] .follow-btn.attention.medium {
	padding:5px 24px
}
.right-action[data-v-0cedb067] .follow-btn.attention.medium:hover {
	background:rgba(30, 128, 255, .16)
}
.right-action[data-v-0cedb067] .follow-btn.attention.medium:focus {
	background:rgba(30, 128, 255, .24)
}
.right-action[data-v-0cedb067] .follow-btn.cancel.medium {
	padding:5px 16px;
	background-color:var(--juejin-layer-3-fill)
}
.right-action[data-v-0cedb067] .follow-btn.cancel.medium:hover {
	background-color:rgba(138, 145, 159, .16)
}
.right-action[data-v-0cedb067] .follow-btn.cancel.medium:active {
	background-color:rgba(138, 145, 159, .24)
}
.pin-header-row[data-v-0cedb067] {
	justify-content:space-between
}
.pin-header-row .account-group[data-v-0cedb067], .pin-header-row[data-v-0cedb067] {
	display:flex;
	align-items:center
}
.pin-header-row .link[data-v-0cedb067] {
	display:inline-block
}
.pin-header-row .avatar[data-v-0cedb067] {
	flex:0 0 auto;
	width:48px;
	height:48px;
	border-radius:4px
}
.pin-header-row .pin-header-content[data-v-0cedb067] {
	margin-left:16px
}
.pin-header-row .pin-header-content .pin-header-popover[data-v-0cedb067] {
	display:flex;
	align-items:center
}
.pin-header-row .title[data-v-0cedb067] {
	font-weight:500;
	font-size:16px;
	line-height:28px;
	color:#252933
}
.pin-header-row .meta-box[data-v-0cedb067] {
	display:flex;
	align-items:center;
	font-size:14px;
	line-height:24px;
	color:#8a919f;
	cursor:default;
	white-space:nowrap
}
@media (max-width:600px) {
.pin-header-row .meta-box[data-v-0cedb067] {
font-size:12px;
line-height:20px
}
}
.pin-header-row .meta-box .username[data-v-0cedb067] {
	margin-right:.5em;
	display:flex;
	line-height:24px
}
.pin-header-row .meta-box .username[data-v-0cedb067]:not(:hover) {
color:#515767
}
.pin-header-row .meta-box .username .user-avatar[data-v-0cedb067] {
	width:24px;
	height:24px;
	border-radius:50%;
	margin-right:.5em;
	vertical-align:middle
}
.pin-header-row .meta-box .position[data-v-0cedb067] {
	max-width:24rem
}
@media (max-width:600px) {
.pin-header-row .meta-box .position[data-v-0cedb067] {
max-width:8.33rem
}
}
.pin-header-row .meta-box .dot[data-v-0cedb067] {
	margin:0 .5em
}
.top-tag[data-v-0cedb067] {
	color:var(--juejin-brand-1-normal)
}
.featured-tag[data-v-0cedb067], .top-tag[data-v-0cedb067] {
	font-size:12px;
	border:1px solid var(--juejin-brand-1-normal);
	border-radius:2px;
	padding:0 2px
}
.featured-tag[data-v-0cedb067] {
	background-color:var(--juejin-brand-1-normal);
	color:var(--juejin-font-white-disable)
}
@keyframes skeleton-keyframes-data-v-47f4e32c {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-47f4e32c] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-47f4e32c] {
display:none
}
}
.header-action[data-v-47f4e32c] {
	display:flex;
	min-width:40px
}
.header-action[data-v-47f4e32c] #jh-pin-detail-bar, .header-action[data-v-47f4e32c] #jh-pin-list-bar {
	margin-right:40px
}
.right-action[data-v-47f4e32c] {
	margin-left:auto;
	display:flex;
	align-items:center;
	grid-column-gap:8px;
	-moz-column-gap:8px;
	column-gap:8px
}
.right-action[data-v-47f4e32c] .follow-btn {
	color:var(--juejin-brand-1-normal);
	text-align:center
}
.right-action[data-v-47f4e32c] .follow-btn.primary {
	background-color:var(--juejin-brand-5-light)
}
.right-action[data-v-47f4e32c] .follow-btn .img {
	display:none
}
.right-action[data-v-47f4e32c] .follow-btn.attention.medium {
	padding:5px 24px
}
.right-action[data-v-47f4e32c] .follow-btn.attention.medium:hover {
	background:rgba(30, 128, 255, .16)
}
.right-action[data-v-47f4e32c] .follow-btn.attention.medium:focus {
	background:rgba(30, 128, 255, .24)
}
.right-action[data-v-47f4e32c] .follow-btn.cancel.medium {
	padding:5px 16px;
	background-color:var(--juejin-layer-3-fill)
}
.right-action[data-v-47f4e32c] .follow-btn.cancel.medium:hover {
	background-color:rgba(138, 145, 159, .16)
}
.right-action[data-v-47f4e32c] .follow-btn.cancel.medium:active {
	background-color:rgba(138, 145, 159, .24)
}
.top-tag[data-v-47f4e32c] {
	color:var(--juejin-brand-1-normal)
}
.featured-tag[data-v-47f4e32c], .top-tag[data-v-47f4e32c] {
	font-size:12px;
	border:1px solid var(--juejin-brand-1-normal);
	border-radius:2px;
	padding:0 2px
}
.featured-tag[data-v-47f4e32c] {
	background-color:var(--juejin-brand-1-normal);
	color:var(--juejin-font-white-disable)
}
.pin-header-row[data-v-47f4e32c] {
	justify-content:space-between
}
.pin-header-row .account-group[data-v-47f4e32c], .pin-header-row[data-v-47f4e32c] {
	display:flex;
	align-items:center
}
.pin-header-row .user-link[data-v-47f4e32c] {
	display:inline-block
}
.pin-header-row .avatar[data-v-47f4e32c] {
	flex:0 0 auto;
	width:4rem;
	height:4rem;
	border-radius:50%
}
.pin-header-row .pin-header-content[data-v-47f4e32c] {
	margin-left:12px
}
.pin-header-row .pin-header-content .pin-header-popover[data-v-47f4e32c] {
	display:flex;
	align-items:center
}
.pin-header-row .username[data-v-47f4e32c] {
	font-weight:500;
	font-size:16px;
	line-height:28px;
	color:var(--juejin-font-1)
}
.pin-header-row .meta-box[data-v-47f4e32c] {
	display:flex;
	align-items:center;
	font-size:14px;
	line-height:24px;
	color:var(--juejin-font-3);
	cursor:default;
	white-space:nowrap
}
@media (max-width:600px) {
.pin-header-row .meta-box[data-v-47f4e32c] {
font-size:12px;
line-height:20px
}
}
.pin-header-row .meta-box .position[data-v-47f4e32c] {
	max-width:24rem
}
@media (max-width:600px) {
.pin-header-row .meta-box .position[data-v-47f4e32c] {
max-width:8.33rem
}
}
.pin-header-row .meta-box .dot[data-v-47f4e32c] {
	margin:0 .5em
}
.follow-button[data-v-47f4e32c] {
	margin:0 0 0 auto;
	padding:0;
	width:55px;
	height:26px;
	font-size:13px;
	border-color:#6cbd45;
	color:#6cbd45
}
.follow-button.active[data-v-47f4e32c] {
	border-color:#ebebeb;
	color:#ebebeb
}
@keyframes skeleton-keyframes-data-v-1b04ac12 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-1b04ac12] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-1b04ac12] {
display:none
}
}
.hot-container[data-v-1b04ac12] {
	background:var(--juejin-gray-3);
	border-radius:4px;
	padding:12px 16px
}
.title[data-v-1b04ac12] {
	display:flex;
	justify-content:space-between;
	font-size:12px;
	line-height:20px;
	color:var(--juejin-font-3)
}
.desc[data-v-1b04ac12] {
	margin-top:8px;
	font-size:14px;
	line-height:24px;
	color:var(--juejin-font-2);
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
.desc[data-v-1b04ac12] .emoji {
	vertical-align:sub;
	width:auto;
	height:20px;
	margin:0 2px
}
.hot-icon[data-v-1b04ac12] {
	width:43px;
	height:20px
}
@keyframes skeleton-keyframes-data-v-dec1331c {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-dec1331c] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-dec1331c] {
display:none
}
}
.pin-carousel[data-v-dec1331c] {
	width:100%
}
.action-bar[data-v-dec1331c] {
	height:32px;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	background-color:var(--juejin-layer-2-1)
}
.action-item[data-v-dec1331c] {
	padding:0 12px;
	display:inline-block;
	font-size:13px;
	color:#76797e;
	cursor:pointer;
	line-height:32px
}
.action-item:not(.not-allow):hover .icon svg path[data-v-dec1331c] {
fill:#027fff
}
.action-item:not(.not-allow):hover .action-name[data-v-dec1331c] {
color:#027fff
}
.action-item .icon[data-v-dec1331c] {
	margin-right:3px;
	vertical-align:middle
}
.action-item .action-name[data-v-dec1331c], .action-item .icon svg path[data-v-dec1331c] {
transition:.2s
}
.action-item.not-allow[data-v-dec1331c] {
	cursor:not-allowed;
	opacity:.6
}
.action-item .action-name[data-v-dec1331c], .action-item .icon[data-v-dec1331c] {
	display:inline-block
}
.carousel-body[data-v-dec1331c] {
	position:relative;
	height:320px;
	background-color:#f4f5f7;
	overflow:hidden;
transition:height .2s
}
.carousel-body .carousel-error[data-v-dec1331c] {
	width:50px
}
.carousel-body .carousel-image[data-v-dec1331c] {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	transform-origin:top left
}
.carousel-body .toggle-area[data-v-dec1331c] {
	position:absolute;
	top:0;
	width:30%;
	height:100%;
	z-index:1
}
.carousel-body .toggle-area.prev[data-v-dec1331c] {
	left:0;
	cursor:url(data:;base64,AAABAAEAEBwAAAEAIACYBwAAFgAAACgAAAAQAAAAOAAAAAEAIAAAAAAAAAcAABILAAASCwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAEAAAABAAAAAgAAAAMAAAAFAAAABwAAAAkAAAAK9fX1gfn5+YUAAAAGAAAAAAAAAAAAAAAAAAAAAQAAAAEAAAABAAAAAgAAAAMAAAAFAAAABwAAAAkAAAAL9fX1g///////////+fn5ggAAAAAAAAAAAAAAAQAAAAEAAAABAAAAAgAAAAMAAAAFAAAABwAAAAkAAAAL9fX1hP////////////////39/YIAAAAAAAAAAQAAAAEAAAABAAAAAgAAAAMAAAAFAAAABwAAAAkAAAAL9fX1hf////////////////v7+4IAAAADAAAAAQAAAAEAAAABAAAAAgAAAAMAAAAFAAAABwAAAAkAAAAL9vb2h/////////////////v7+4AAAAADAAAAAgAAAAEAAAABAAAAAgAAAAMAAAAFAAAABwAAAAkAAAAL9vb2iP////////////////v7+38AAAADAAAAAgAAAAEAAAABAAAAAgAAAAMAAAAFAAAABwAAAAkAAAAL9vb2if////////////////v7+34AAAADAAAAAgAAAAEAAAABAAAAAgAAAAMAAAAFAAAABwAAAAkAAAAL9vb2i/////////////////v7+3wAAAADAAAAAgAAAAEAAAABAAAAAQAAAAMAAAAFAAAABwAAAAkAAAAL9vb2jP////////////////v7+3sAAAADAAAAAgAAAAEAAAABAAAAAQAAAAAAAAAFAAAABwAAAAkAAAAL9vb2jf////////////////v7+3oAAAADAAAAAgAAAAEAAAABAAAAAQAAAAAAAAAAAAAABgAAAAkAAAAL9vb2j/////////////////v7+3gAAAADAAAAAgAAAAEAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAcAAAAK9vb2kP////////////////n5+XgAAAAEAAAAAgAAAAEAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAH+Pj4kP////////////////T09HkAAAAHAAAABAAAAAIAAAABAAAAAQAAAAEAAAAAAAAAAAAAAAAAAAAA+/v7j/////////////////Ly8nkAAAAKAAAACAAAAAUAAAADAAAAAgAAAAEAAAABAAAAAQAAAAAAAAAAAAAAAPv7+3T////////////////29vaKAAAACwAAAAkAAAAHAAAABQAAAAMAAAACAAAAAQAAAAEAAAABAAAAAAAAAAAAAAAD+/v7d/////////////////b29ogAAAALAAAACQAAAAcAAAAFAAAAAwAAAAIAAAABAAAAAQAAAAEAAAAAAAAAAgAAAAP7+/t6////////////////9fX1hQAAAAsAAAAJAAAABwAAAAUAAAADAAAAAgAAAAEAAAABAAAAAQAAAAEAAAACAAAAA/v7+33////////////////19fWCAAAACwAAAAkAAAAHAAAABQAAAAMAAAACAAAAAQAAAAEAAAABAAAAAQAAAAIAAAAD+/v7gP////////////////X19X8AAAALAAAACQAAAAcAAAAFAAAAAwAAAAIAAAABAAAAAQAAAAEAAAABAAAAAgAAAAP7+/uD////////////////9fX1fAAAAAsAAAAJAAAABwAAAAUAAAADAAAAAgAAAAAAAAABAAAAAQAAAAEAAAACAAAAA/v7+4b////////////////09PR5AAAACwAAAAkAAAAHAAAABQAAAAMAAAAAAAAAAAAAAAEAAAABAAAAAQAAAAIAAAAD+/v7if////////////////Ly8ncAAAAKAAAACQAAAAYAAAAEAAAAAAAAAAAAAAAAAAAAAQAAAAEAAAABAAAAAgAAAAP7+/uM////////////////8vLydQAAAAoAAAAIAAAABQAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAQAAAAEAAAACAAAAA/v7+47////////////////09PRxAAAACAAAAAYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAABAAAAAQAAAAIAAAAD+/v7kf////////////////b29m0AAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAEAAAABAAAAAgAAAAP9/f2T///////////////++vr6aQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAQAAAAEAAAACAAAAA/39/Zb//////////v39/WkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAABAAAAAQAAAAGAgIAC////lv39/WgAAAAC8AAAAOAAAADAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAMAAAAHAAAADwAAAA8AAAAHAAAAAwAAAAEAAAAAAAAAAAAAAAAAAAAAAACAAAAAwAAAAOAAAADwAAAA+AAAAPwAAAD+AAAA/wAAAA==), auto
}
.carousel-body .toggle-area.next[data-v-dec1331c] {
	right:0;
	cursor:url(data:;base64,AAABAAEAEBwAAAEAIACYBwAAFgAAACgAAAAQAAAAOAAAAAEAIAAAAAAAAAcAABILAAASCwAAAAAAAAAAAAAAAAAG+fn5hfX19YEAAAAKAAAACQAAAAcAAAAFAAAAAwAAAAIAAAABAAAAAQAAAAEAAAAAAAAAAAAAAAAAAAAA+fn5gv//////////9fX1gwAAAAsAAAAJAAAABwAAAAUAAAADAAAAAgAAAAEAAAABAAAAAQAAAAAAAAAAAAAAAP39/YL////////////////19fWEAAAACwAAAAkAAAAHAAAABQAAAAMAAAACAAAAAQAAAAEAAAABAAAAAAAAAAAAAAAD+/v7gv////////////////X19YUAAAALAAAACQAAAAcAAAAFAAAAAwAAAAIAAAABAAAAAQAAAAEAAAAAAAAAAgAAAAP7+/uA////////////////9vb2hwAAAAsAAAAJAAAABwAAAAUAAAADAAAAAgAAAAEAAAABAAAAAQAAAAEAAAACAAAAA/v7+3/////////////////29vaIAAAACwAAAAkAAAAHAAAABQAAAAMAAAACAAAAAQAAAAEAAAABAAAAAQAAAAIAAAAD+/v7fv////////////////b29okAAAALAAAACQAAAAcAAAAFAAAAAwAAAAIAAAABAAAAAQAAAAEAAAABAAAAAgAAAAP7+/t8////////////////9vb2iwAAAAsAAAAJAAAABwAAAAUAAAADAAAAAgAAAAAAAAABAAAAAQAAAAEAAAACAAAAA/v7+3v////////////////29vaMAAAACwAAAAkAAAAHAAAABQAAAAMAAAAAAAAAAAAAAAEAAAABAAAAAQAAAAIAAAAD+/v7ev////////////////b29o0AAAALAAAACQAAAAcAAAAFAAAAAAAAAAAAAAAAAAAAAQAAAAEAAAABAAAAAgAAAAP7+/t4////////////////9vb2jwAAAAsAAAAJAAAABgAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAQAAAAEAAAACAAAABPn5+Xj////////////////29vaQAAAACgAAAAcAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAEAAAABAAAAAgAAAAQAAAAH9PT0ef////////////////j4+JAAAAAHAAAAAAAAAAAAAAAAAAAAAQAAAAEAAAABAAAAAgAAAAMAAAAFAAAACAAAAAry8vJ5////////////////+/v7jwAAAAAAAAAAAAAAAQAAAAEAAAABAAAAAgAAAAMAAAAFAAAABwAAAAkAAAAL9vb2iv////////////////v7+3QAAAAAAAAAAQAAAAEAAAABAAAAAgAAAAMAAAAFAAAABwAAAAkAAAAL9vb2iP////////////////v7+3cAAAADAAAAAQAAAAEAAAABAAAAAgAAAAMAAAAFAAAABwAAAAkAAAAL9fX1hf////////////////v7+3oAAAADAAAAAgAAAAEAAAABAAAAAgAAAAMAAAAFAAAABwAAAAkAAAAL9fX1gv////////////////v7+30AAAADAAAAAgAAAAEAAAABAAAAAgAAAAMAAAAFAAAABwAAAAkAAAAL9fX1f/////////////////v7+4AAAAADAAAAAgAAAAEAAAABAAAAAgAAAAMAAAAFAAAABwAAAAkAAAAL9fX1fP////////////////v7+4MAAAADAAAAAgAAAAEAAAABAAAAAQAAAAMAAAAFAAAABwAAAAkAAAAL9PT0ef////////////////v7+4YAAAADAAAAAgAAAAEAAAABAAAAAQAAAAAAAAAEAAAABgAAAAkAAAAK8vLyd/////////////////v7+4kAAAADAAAAAgAAAAEAAAABAAAAAQAAAAAAAAAAAAAABQAAAAgAAAAK8vLydf////////////////v7+4sAAAADAAAAAgAAAAEAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAYAAAAI9PT0cf////////////////v7+44AAAADAAAAAgAAAAEAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAF9vb2bf////////////////v7+5EAAAADAAAAAgAAAAEAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAA+vr6af////7///////////39/ZMAAAADAAAAAgAAAAEAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP39/Wr////+//////39/ZYAAAADAAAAAgAAAAEAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC/f39aP///5aAgIACAAAAAQAAAAEAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8AAAAHAAAAAwAAAAEAAAAAAAAAAAAAAAAAAAAAAACAAAAAwAAAAOAAAADwAAAA8AAAAOAAAADAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAMAAAAHAAAADwAAAB8AAAA/AAAAfwAAAP8AAA==), auto
}
.carousel-body .toggle-area.zoomout[data-v-dec1331c] {
	width:100%;
	cursor:zoom-out;
	z-index:0
}
.carousel-body .carousel-error[data-v-dec1331c], .carousel-body .carousel-image[data-v-dec1331c], .carousel-body .carousel-loading[data-v-dec1331c] {
	position:absolute
}
.carousel-body .carousel-error[data-v-dec1331c], .carousel-body .carousel-loading[data-v-dec1331c] {
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)
}
.nav-list[data-v-dec1331c] {
	margin-top:8px;
	font-size:0
}
.nav-list .thumb[data-v-dec1331c] {
	position:relative;
	border:2px solid transparent;
	box-sizing:border-box;
	opacity:.6;
transition:.2s;
	width:10%;
	cursor:pointer;
	overflow:hidden;
	-o-object-fit:cover;
	object-fit:cover;
	margin-left:1%
}
.nav-list .thumb[data-v-dec1331c]:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:1px solid transparent;
	box-sizing:border-box;
transition:.2s
}
.nav-list .thumb[data-v-dec1331c]:after {
	padding-top:100%
}
.nav-list .thumb[data-v-dec1331c]:after, .nav-list .thumb[data-v-dec1331c]:before {
	content:"";
	display:block
}
.nav-list .thumb.active[data-v-dec1331c], .nav-list .thumb[data-v-dec1331c]:hover {
	border-color:#027fff;
	opacity:1
}
.nav-list .thumb.active[data-v-dec1331c]:before, .nav-list .thumb[data-v-dec1331c]:hover:before {
	border-color:#fff
}
.fade-enter-active[data-v-dec1331c], .fade-leave-active[data-v-dec1331c] {
transition:opacity .3s
}
.fade-enter[data-v-dec1331c], .fade-leave-to[data-v-dec1331c] {
	opacity:0
}
.pin-img[data-v-55a013c4] {
	position:relative
}
.pin-img .label[data-v-55a013c4] {
	position:absolute;
right:.667rem;
bottom:.667rem;
padding:.1rem .3rem;
	font-size:1rem;
	color:#fff;
	background-color:rgba(0, 0, 0, .49);
	border:1px solid #fff;
	border-radius:2px;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none
}
.image-box[data-v-55a013c4] {
	display:flex;
	flex-wrap:wrap;
	max-width:100%
}
.image-box.col-1 .image[data-v-55a013c4] {
	width:200px
}
.image-box.col-1 .image.long[data-v-55a013c4] {
	width:12.333rem
}
.image-box.col-1 .image.one-img[data-v-55a013c4] {
	border-radius:4px
}
.image-box.col-3[data-v-55a013c4] {
	width:398px
}
.image-box.col-3 .image[data-v-55a013c4] {
	width:calc(33.33333% - 2.66667px);
	max-width:9.166rem
}
.image-box.col-3 .image[data-v-55a013c4]:not(:nth-child(3n)) {
margin-right:4px
}
.image-box.col-4[data-v-55a013c4] {
	width:532px
}
.image-box.col-4 .image[data-v-55a013c4] {
	width:calc(25% - 3px);
	max-width:9.166rem
}
.image-box.col-4 .image[data-v-55a013c4]:not(:nth-child(4n)) {
margin-right:4px
}
.image[data-v-55a013c4] {
	flex:0 1 auto;
	margin-top:4px;
	max-width:100%;
	min-width:110px;
	cursor:zoom-in;
	min-height:110px;
	max-height:230px;
	-o-object-fit:cover;
	object-fit:cover;
	filter:brightness(.94)
}
@keyframes skeleton-keyframes-data-v-3b12abc2 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.link-box[data-v-3b12abc2] {
	display:flex;
	align-items:center;
padding:.833rem 1.333rem;
	width:400px;
	max-width:100%;
	max-height:7.083rem;
	background-color:var(--juejin-gray-3);
	border-radius:2px;
	box-sizing:border-box
}
@media (max-width:600px) {
.link-box .link-box[data-v-3b12abc2] {
width:100%
}
}
.link-thumb[data-v-3b12abc2] {
	flex:0 0 auto;
margin-right:.833rem;
	width:40px;
	height:40px;
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:2px
}
.link-thumb.blank[data-v-3b12abc2] {
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/023ed669a394d8fea5d4b84fdaf20e47.svg);
	background-repeat:no-repeat;
	background-size:cover
}
.link-info-box[data-v-3b12abc2] {
	flex:1 1 auto;
	display:flex;
	flex-direction:column;
	min-width:0
}
.link-info-box .link-title[data-v-3b12abc2] {
	font-size:1.25rem;
	font-weight:500;
	line-height:22px;
	color:var(--juejin-font-1);
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:1;
	white-space:nowrap
}
.link-info-box .link-domain[data-v-3b12abc2] {
	margin-top:auto;
	font-size:12px;
	line-height:20px;
	color:var(--juejin-font-2)
}
@keyframes skeleton-keyframes-data-v-80039eec {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-80039eec] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-80039eec] {
display:none
}
}
.pin:hover .dislike-entry[data-v-80039eec] {
	display:block
}
.pin[data-v-80039eec]:hover .pin-dropdown {
	opacity:1
}
.pin-header[data-v-80039eec] {
	margin-right:5px
}
.dislike-entry[data-v-80039eec] {
	position:absolute;
	left:calc(100% - 56px);
	top:33px;
	display:none;
	cursor:pointer
}
.dislike-entry.default-visible[data-v-80039eec] {
	display:block
}
.dislike-entry .icon[data-v-80039eec] {
	position:relative;
	box-sizing:border-box;
	width:24px;
	height:24px;
	padding:4px;
	left:0;
	display:flex;
	justify-content:center
}
.dislike-entry .icon .dislike-icon[data-v-80039eec] {
	font-weight:bolder;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none
}
.dislike-entry .icon[data-v-80039eec]:hover {
	cursor:pointer;
	background-color:var(--juejin-gray-3);
	border-radius:4px
}
.dislike-entry .icon:hover .dislike-icon svg circle[data-v-80039eec] {
	fill:#1e80ff
}
.dislike-entry .icon[data-v-80039eec]:hover:after {
	content:"";
	position:absolute;
	top:87%;
	right:0;
	bottom:0;
	left:0;
	height:7px;
	width:2rem;
	background-color:transparent
}
.dislike-entry .dislike-list[data-v-80039eec] {
	position:absolute;
	top:115%;
	right:0
}
.dislike-entry .popover-enter-active[data-v-80039eec], .dislike-entry .popover-leave-active[data-v-80039eec] {
	transform:translateY(0);
transition:.3s
}
.dislike-entry .popover-enter[data-v-80039eec], .dislike-entry .popover-leave-to[data-v-80039eec] {
	opacity:0;
	transform:translateY(-8px)
}
.is-link[data-v-80039eec] {
	cursor:pointer
}
.pin-comment-row[data-v-80039eec] .hasborder:after {
	left:-36px;
	right:-20px
}
.audit-show[data-v-80039eec] {
	height:70px;
	line-height:70px;
	background:#f4f5f5;
	border-radius:2px;
	font-size:16px;
	font-weight:400;
	color:#2e3135;
	text-align:center;
	margin:16px 24px
}
.pin-container[data-v-80039eec] {
	padding-bottom:12px;
	border-bottom:1px solid #ebebeb
}
.pin-container .image-box[data-v-80039eec] {
	pointer-events:none
}
.pin[data-v-80039eec] {
	background-color:var(--juejin-layer-1);
	border-radius:4px;
	padding:20px 20px 0;
	position:relative
}
.pin.no-action[data-v-80039eec] {
	padding-bottom:20px
}
.pin-header-from[data-v-80039eec] {
	line-height:1;
	color:#8a9aa9;
	font-size:13px;
	padding:10px 20px 9px;
	border-bottom:1px solid #ebebeb
}
.pin-header-from span[data-v-80039eec] {
	margin-left:4px
}
.middle-row[data-v-80039eec] {
	position:relative;
	margin:8px 0 0 60px
}
@media (max-width:600px) {
.middle-row[data-v-80039eec] {
margin-left:2rem;
margin-right:2rem
}
}
.pin-image-row[data-v-80039eec] {
	margin-top:8px
}
.pin-image-row+.middle-row[data-v-80039eec] {
	margin-top:12px
}
.pin-commentnum-row[data-v-80039eec] {
	color:#86909c;
	font-size:14px;
	line-height:22px;
	margin-top:10px
}
.pin-content-row[data-v-80039eec] {
	margin-top:8px
}
.comment-list-box[data-v-80039eec] {
	padding:14px 20px;
	position:relative;
	border-top:1px solid var(--juejin-gray-1-2);
	margin-left:-20px;
	margin-right:-20px
}
.comment-list-box.has-margin-top[data-v-80039eec] {
	margin-top:20px
}
.comment-list-box .triangle-top[data-v-80039eec] {
	position:absolute;
	top:-8px;
	left:50%;
	margin:-7px 0 0 -7px;
	pointer-events:none
}
.pin-action-row[data-v-80039eec] {
	margin-top:12px;
	margin-left:-20px;
	margin-right:-20px
}
.hot-comment-row[data-v-80039eec] {
	margin-top:12px
}
.hot-comment-row[data-v-80039eec] .title {
	margin-left:-4px
}
.club-digg-row[data-v-80039eec] {
	margin-top:12px;
	display:flex
}
.club-digg-row .pin-club-box .club[data-v-80039eec] {
	width:-moz-fit-content;
	width:fit-content;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:2px 6px;
	background-color:var(--juejin-brand-5-light);
	font-size:12px;
	line-height:20px;
	color:var(--juejin-font-brand1-normal);
	border-radius:50px
}
.club-digg-row .pin-club-box .club[data-v-80039eec]:hover {
	background-color:rgba(30, 128, 255, .16)
}
.club-digg-row .pin-club-box .club[data-v-80039eec]:active {
	background-color:rgba(30, 128, 255, .24)
}
.club-digg-row .pin-club-box .club-icon[data-v-80039eec] {
	margin-right:.3em
}
.club-digg-row .pin-club-box .right-arrow[data-v-80039eec] {
	margin-left:2px
}
@keyframes skeleton-keyframes-data-v-a5b9872c {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-a5b9872c] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-a5b9872c] {
display:none
}
}
.pin-list-view .fade-enter-active[data-v-a5b9872c], .pin-list-view .fade-leave-active[data-v-a5b9872c] {
transition:opacity .15s ease-in
}
.pin-list-view .fade-enter[data-v-a5b9872c], .pin-list-view .fade-leave-to[data-v-a5b9872c] {
	opacity:0
}
.empty-box[data-v-a5b9872c] {
	height:400px;
	background-color:var(--juejin-layer-1)
}
.pin-list[data-v-a5b9872c] {
	background:var(--juejin-background);
	position:relative
}
.item[data-v-a5b9872c] {
transition:all .3s ease-in;
	margin-bottom:8px
}
.item.shadow[data-v-a5b9872c] {
	box-shadow:unset
}
.item.shadow[data-v-a5b9872c]:hover .pin-header-more .more-button {
	display:block!important
}
.popup[data-v-a5b9872c] .block-message {
	margin:0;
	font-size:1.333rem;
	line-height:2.333rem;
	color:var(--juejin-font-2);
	font-weight:400
}
.popup[data-v-a5b9872c] .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-a5b9872c] .block-failed-message {
	margin:0;
	font-size:1.333rem;
	line-height:2.333rem;
	color:var(--juejin-font-2)
}
.popup[data-v-a5b9872c] .block-failed-message span {
padding-left:0 .333rem;
	color:#ff7426
}
.pin-login-item[data-v-a5b9872c] {
	margin-top:8px
}
.pin-login-item[data-v-a5b9872c] .item-login-wrap {
	border-radius:4px
}
@keyframes skeleton-keyframes-data-v-53bbbd1c {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.word-counter[data-v-53bbbd1c] {
	color:var(--juejin-font-3)
}
.word-counter.limit[data-v-53bbbd1c] {
	color:#f53f3f
}
@keyframes skeleton-keyframes-data-v-0648a595 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-0648a595] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-0648a595] {
display:none
}
}
.editor-content[data-v-0648a595] {
	position:relative;
	word-wrap:break-word
}
.rich-editor[data-v-0648a595] {
	position:relative;
	font-size:14px;
	line-height:24px;
	color:var(--juejin-font-1);
	min-height:80px;
	outline:none;
	padding:5px 12px;
	box-sizing:border-box;
	white-space:pre-wrap
}
.rich-editor[data-v-0648a595]:after {
	content:attr(placeholder);
	position:absolute;
	top:5px;
	color:var(--juejin-font-3);
	pointer-events:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	display:none
}
.rich-editor.empty[data-v-0648a595]:after {
	display:inline-block
}
.rich-editor[data-v-0648a595]:focus:after {
	opacity:.7
}
[data-v-0648a595] .emoji {
	vertical-align:sub;
	height:24px;
	cursor:default;
	margin:0 2px
}
.preview-image[data-v-315579a2] {
	position:relative;
	cursor:pointer
}
.preview-image .icon[data-v-315579a2] {
	border-radius:2px;
margin:0 .666rem .666rem 0;
	width:6.68rem;
	height:6.68rem;
	background-repeat:no-repeat;
	background-size:cover;
	flex:0 0 auto;
	background-position:50%
}
.preview-image .icon[data-v-315579a2]:hover {
	filter:brightness(.8)
}
.preview-image .delete[data-v-315579a2] {
	cursor:pointer;
	width:1.3rem;
	height:1.3rem;
	position:absolute;
top:.333rem;
	right:1rem;
	border-radius:50%;
	border:1px solid #c5c5c5;
	background:rgba(0, 0, 0, .4);
	transform:rotate(45deg)
}
.preview-image .delete[data-v-315579a2]:after, .preview-image .delete[data-v-315579a2]:before {
	content:"";
width:.8rem;
	height:1px;
	display:block;
	position:absolute;
	background:#fff;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%)
}
.preview-image .delete[data-v-315579a2]:after {
	transform:translate(-50%, -50%) rotate(90deg)
}
.preview-image .delete[data-v-315579a2]:hover {
	opacity:.8
}
.preview-image .check[data-v-315579a2] {
	height:2rem;
	width:2rem;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-1rem;
	transform:translate(-50%, -50%)
}
.preview-image .check[data-v-315579a2]:after {
	content:"";
	display:block;
	border-right:1rem solid #fff;
	border-top:1rem solid #fff;
	transform-origin:left top;
	transform:scaleX(-1) rotate(145deg);
	height:1rem;
	width:1rem;
	position:absolute;
	bottom:-1rem;
left:-.5rem;
animation:check-data-v-315579a2 .8s
}
.preview-image .loading[data-v-315579a2] {
	width:4rem;
	height:4rem;
	position:absolute;
	top:44%;
	left:50%;
	background-repeat:no-repeat;
	transform:translate(-50%, -50%)
}
@keyframes check-data-v-315579a2 {
0% {
height:0;
width:0
}
33.3333% {
width:1rem;
height:0
}
}
@keyframes skeleton-keyframes-data-v-76dab63a {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-76dab63a] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-76dab63a] {
display:none
}
}
.preview-link[data-v-76dab63a] {
	position:relative;
padding:.833rem;
	background-color:var(--juejin-gray-3);
border-radius:.333rem;
	width:40.084rem;
	display:flex
}
.preview-link .content[data-v-76dab63a] {
	max-width:35rem;
	width:100%;
	display:flex;
	text-overflow:ellipsis;
	flex-direction:column
}
.preview-link .content.blank[data-v-76dab63a] {
	max-width:100%;
	justify-content:center;
	text-align:center
}
.preview-link .content.blank span[data-v-76dab63a] {
	text-align:center;
	line-height:5.426rem;
	color:var(--juejin-font-1);
	font-size:16px;
	font-weight:600
}
.preview-link .content .title[data-v-76dab63a] {
	font-size:1.25rem;
	font-weight:500;
	color:var(--juejin-font-1);
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.preview-link .content .link[data-v-76dab63a] {
	margin-top:auto;
	font-size:12px;
	color:var(--juejin-font-2);
	font-weight:400
}
.preview-link .icon[data-v-76dab63a] {
	margin-right:8px;
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	background-size:cover;
	flex:0 0 auto;
	border-radius:2px
}
.preview-link .close[data-v-76dab63a] {
	cursor:pointer;
	width:1.5rem;
	height:1.5rem;
	position:absolute;
top:-.8rem;
right:-.8rem;
	border-radius:50%;
	border:1px solid var(--juejin-gray-1-3);
	background:var(--juejin-background);
	opacity:.65;
	transform:rotate(45deg)
}
.preview-link .close[data-v-76dab63a]:after, .preview-link .close[data-v-76dab63a]:before {
	content:"";
	width:1rem;
	height:1px;
	display:block;
	position:absolute;
	background:var(--juejin-font-2);
	left:50%;
	top:50%;
	transform:translate(-50%, -50%)
}
.preview-link .close[data-v-76dab63a]:after {
	transform:translate(-50%, -50%) rotate(90deg)
}
.preview-link .close[data-v-76dab63a]:hover {
	opacity:.6
}
@keyframes skeleton-keyframes-data-v-f3875aea {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.topic_panel[data-v-f3875aea] {
	z-index:200;
	display:flex;
	flex-direction:column;
	position:absolute;
	top:2.8rem;
	bottom:0;
	left:0;
	width:320px;
	height:420px;
	background:var(--juejin-layer-4-dropdown);
	border:1px solid var(--juejin-gray-1-1);
	box-shadow:0 8px 24px rgba(81, 87, 103, .16);
	border-radius:4px
}
.topic_panel .triangle[data-v-f3875aea] {
	position:absolute;
	top:-20px;
	left:8px;
	width:0;
	height:0;
border:.8rem solid transparent;
border-bottom:.8rem solid var(--juejin-gray-1-1)
}
.topic_panel .triangle[data-v-f3875aea]:before {
	content:" ";
	display:block;
	position:absolute;
	width:1.6rem;
	height:1.6rem;
	background-color:var(--juejin-layer-4-dropdown);
top:.5rem;
left:-.8rem;
	transform:rotate(45deg)
}
.topic_panel .top[data-v-f3875aea] {
	position:relative;
	padding:16px;
	border-bottom:1px solid var(--juejin-gray-1-1);
	color:var(--juejin-font-2)
}
.topic_panel .top[data-v-f3875aea] .byte-input__input {
	line-height:36px;
	height:36px
}
.topic_panel .top[data-v-f3875aea] input {
	border:1px solid transparent;
	background:var(--juejin-gray-2);
	outline:none;
	color:var(--juejin-font-1)
}
.topic_panel .top[data-v-f3875aea] input:hover {
	border-color:var(--juejin-gray-2);
	background:var(--juejin-gray-2)
}
.topic_panel .top[data-v-f3875aea] input:focus {
	border-color:var(--juejin-font-brand1-normal);
	background-color:var(--juejin-layer-1);
	box-shadow:none
}
.topic_panel .content[data-v-f3875aea] {
	overflow:auto;
	padding:0
}
.topic_panel .content[data-v-f3875aea] .byte-loading {
	background-color:var(--juejin-gray-1-2)
}
.topic_panel .content[data-v-f3875aea]::-webkit-scrollbar {
width:4px
}
.topic_panel .content[data-v-f3875aea]::-webkit-scrollbar-thumb {
border-radius:4px;
background:var(--juejin-gray-1-1)
}
.topic_panel .content.disableScroll[data-v-f3875aea] {
	overflow:hidden
}
.topic_panel .content .delete-topic[data-v-f3875aea] {
	cursor:pointer;
	color:#17181a;
	font-size:1.2rem;
	display:block;
	padding:0 1.666rem
}
.topic_panel .content .delete-topic li[data-v-f3875aea] {
	padding:16px 0 10px;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	border-bottom:1px solid hsla(0, 0%, 59.2%, .1)
}
.topic_panel .content .delete-topic li[data-v-f3875aea]:hover {
	background-color:hsla(0, 0%, 87.1%, .05)
}
.topic_panel .content .delete-topic li .box[data-v-f3875aea] {
	width:3.5rem;
	height:3.5rem;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:4px;
	background-color:#eef2f5
}
.topic_panel .content .delete-topic li .box .icon[data-v-f3875aea] {
	width:1.833rem;
	height:1.833rem;
	background-repeat:no-repeat;
	background-size:contain;
	background-size:cover
}
.topic_panel .content .delete-topic li span[data-v-f3875aea] {
	color:#17181a;
margin-left:.833rem
}
.topic_panel .content[data-v-f3875aea] .topic-list li {
	cursor:pointer;
	padding:0 1.666rem;
	border-bottom:none
}
.topic_panel .content[data-v-f3875aea] .topic-list li .topic-item {
	border-bottom:1px solid hsla(0, 0%, 59.2%, .1)
}
.topic_panel .content[data-v-f3875aea] .topic-list li:hover {
	background-color:#f8f8f8
}
.topic_panel .content .empty-box[data-v-f3875aea] {
	height:352px
}
.main_list li[data-v-f3875aea] {
	cursor:pointer;
	padding:6px 20px;
	font-size:14px;
	line-height:24px;
	color:var(--juejin-font-2);
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:flex;
	justify-content:flex-start;
	align-items:center
}
.main_list li[data-v-f3875aea]:hover {
	background-color:hsla(0, 0%, 87.1%, .1);
	color:var(--juejin-brand-1-normal)
}
.main_list li[data-v-f3875aea]:not(:last-child) {
border-bottom:1px solid rgba(230, 230, 231, .5)
}
.main_list li .avatar[data-v-f3875aea] {
	width:60px;
	height:60px;
	margin-right:10px;
	vertical-align:middle
}
.main_list li .avatar[data-v-f3875aea] .avatar-img {
border-radius:.333rem
}
.main_list li .info-box[data-v-f3875aea] {
	flex:1 1 auto;
	min-width:0;
	max-width:210px
}
.main_list li .info-box .username[data-v-f3875aea] {
	font-size:1.333rem;
	font-weight:600;
	color:#2e3135
}
.main_list li .info-box .detail[data-v-f3875aea] {
margin-top:.6rem;
	font-size:1rem;
	font-weight:500;
	color:#b9c0c8;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.main_list li .title-line[data-v-f3875aea] {
	display:flex;
	align-items:center;
	font-weight:600;
	font-size:1.333rem;
	line-height:1.833rem;
	color:var(--juejin-font-1)
}
.main_list li .title[data-v-f3875aea] {
	flex-shrink:1;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.main_list li .detail[data-v-f3875aea] {
	font-weight:400;
	font-size:1.1667rem;
	line-height:1.667rem;
	color:#8a9aa9
}
.main_list li.selected[data-v-f3875aea] {
	color:var(--juejin-brand-1-normal);
	background-color:var(--juejin-sheets)
}
.photo-uploader[data-v-2bb6c054] {
	cursor:pointer;
padding:.5rem
}
@keyframes skeleton-keyframes-data-v-38c06e62 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-38c06e62] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-38c06e62] {
display:none
}
}
.file-picker[data-v-38c06e62] {
	display:flex;
	align-items:center;
	color:var(--juejin-font-3);
	z-index:3
}
.file-picker .icon[data-v-38c06e62] {
	fill:var(--juejin-font-3);
	margin-right:4px
}
.file-picker[data-v-38c06e62]:hover {
	cursor:not-allowed
}
.file-picker.active[data-v-38c06e62] {
	cursor:pointer;
	color:var(--juejin-font-2)
}
.file-picker.active .icon[data-v-38c06e62] {
	fill:var(--juejin-font-2)
}
.file-picker.active.focus[data-v-38c06e62], .file-picker.active[data-v-38c06e62]:hover {
	color:#1e80ff
}
.file-picker.active.focus .icon[data-v-38c06e62], .file-picker.active:hover .icon[data-v-38c06e62] {
	fill:#1e80ff
}
.file-picker .icon[data-v-38c06e62] {
	width:18px;
	height:18px;
	background-repeat:no-repeat;
	background-size:cover
}
.file-picker span[data-v-38c06e62] {
padding:.166rem;
	font-size:13px
}
@keyframes skeleton-keyframes-data-v-c838a038 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.c-button[data-v-c838a038] {
	box-sizing:border-box;
	font-size:14px;
	line-height:22px;
	padding:7px 20px;
	color:var(--juejin-font-white);
	border:none;
	white-space:nowrap;
	text-align:center;
	border-radius:4px
}
.c-button.primary[data-v-c838a038] {
	background-color:var(--juejin-brand-1-normal)
}
.c-button.primary[data-v-c838a038]:focus, .c-button.primary[data-v-c838a038]:hover {
	background-color:var(--juejin-brand-2-hover)
}
.c-button.primary[data-v-c838a038]:active {
	background-color:var(--juejin-brand-3-click)
}
.c-button.primary[data-v-c838a038]:disabled {
	background-color:var(--juejin-brand-4-disable)
}
.c-button.line[data-v-c838a038] {
	background-color:var(--juejin-brand-fill1-normal);
	color:var(--juejin-font-brand1-normal);
	border:1px solid var(--juejin-brand-stroke1-normal)
}
.c-button.line[data-v-c838a038]:focus, .c-button.line[data-v-c838a038]:hover {
	background-color:var(--juejin-brand-fill2-hover)
}
.c-button.line[data-v-c838a038]:active {
	background-color:var(--juejin-brand-fill3-click)
}
.c-button.line[data-v-c838a038]:disabled {
	background-color:var(--juejin-brand-fill1-normal)
}
.c-button.line[data-v-c838a038]:focus, .c-button.line[data-v-c838a038]:hover {
	color:var(--juejin-font-brand2-hover)
}
.c-button.line[data-v-c838a038]:active {
	color:var(--juejin-font-brand3-click)
}
.c-button.line[data-v-c838a038]:disabled {
	color:var(--juejin-font-brand4-disable)
}
.c-button.line[data-v-c838a038]:focus, .c-button.line[data-v-c838a038]:hover {
	border:1px solid var(--juejin-brand-stroke2-hover)
}
.c-button.line[data-v-c838a038]:active {
	border:1px solid var(--juejin-brand-stroke3-click)
}
.c-button.line[data-v-c838a038]:disabled {
	border:1px solid var(--juejin-brand-stroke1-normal)
}
.c-button.huge[data-v-c838a038] {
	padding:13px 50px
}
.c-button.large[data-v-c838a038] {
	padding:9px 35px
}
.c-button.medium[data-v-c838a038] {
	padding:7px 20px
}
.c-button.small[data-v-c838a038] {
	padding:5px 23px
}
.c-button.mini[data-v-c838a038] {
	font-size:12px;
	line-height:20px;
	padding:4px 10px
}
@keyframes skeleton-keyframes-data-v-466fa01d {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.empty-box[data-v-466fa01d] {
	height:380px
}
.empty-box .new-btn[data-v-466fa01d] {
	margin-top:40px
}
div.code-modal.byte-modal[data-v-466fa01d] .empty-container {
	background-color:var(--juejin-popup)
}
div.code-modal.byte-modal[data-v-466fa01d] .byte-modal__content {
	padding:0;
	margin:0 auto;
	top:50%;
	transform:translateY(-50%);
	border-radius:8px;
	background-color:var(--juejin-popup)
}
div.code-modal.byte-modal[data-v-466fa01d] .byte-modal__content .byte-modal__header {
	padding:16px 20px;
	border-bottom:.5px solid var(--juejin-gray-1-1);
	color:var(--juejin-font-1)
}
div.code-modal.byte-modal[data-v-466fa01d] .byte-modal__content .byte-modal__body {
	padding:4px 8px
}
div.code-modal.byte-modal[data-v-466fa01d] .byte-modal__content .byte-modal__footer {
	border-top:.5px solid var(--juejin-gray-1-1);
	margin:0;
	padding:16px 24px
}
div.code-modal.byte-modal[data-v-466fa01d] .byte-table table {
	background:transparent
}
div.code-modal.byte-modal[data-v-466fa01d] tr:hover {
	background-color:var(--juejin-gray-3)
}
div.code-modal.byte-modal[data-v-466fa01d] .byte-loading {
	background-color:var(--juejin-gray-1-2)
}
div.code-modal.byte-modal .empty-container .text[data-v-466fa01d] {
	font-weight:400;
	font-size:14px;
	line-height:28px;
	color:var(--juejin-font-2);
	margin:20px 0
}
.table[data-v-466fa01d] {
	height:306px
}
.table[data-v-466fa01d] .byte-table td, .table[data-v-466fa01d] .byte-table th {
	border:none;
	height:40px;
	vertical-align:middle;
	font-weight:400;
	color:var(--juejin-font-2)
}
.table[data-v-466fa01d] .byte-table th {
	font-size:12px;
	line-height:20px;
	color:var(--juejin-font-1)
}
.table[data-v-466fa01d] .byte-table td {
	font-size:12px;
	line-height:17px
}
.table[data-v-466fa01d] .byte-table td:first-child {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px
}
.table[data-v-466fa01d] .byte-table td:last-child {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px
}
.table[data-v-466fa01d] .byte-table .code-title {
	font-weight:500;
	font-size:14px;
	padding-right:32px
}
.table[data-v-466fa01d] .byte-table table thead {
	background:none
}
.table[data-v-466fa01d] .byte-table__cell {
	padding:0
}
.table[data-v-466fa01d] .check-icon-wrapper {
	visibility:hidden;
	position:relative;
	top:2px;
	width:20px;
	height:20px;
	display:inline-block
}
.table[data-v-466fa01d] .check-icon-wrapper svg {
	display:inline-block
}
.table[data-v-466fa01d] .check-icon-wrapper svg path {
	fill:var(--juejin-brand-1-normal)
}
.table[data-v-466fa01d] tr:hover {
	background:#f7f8fa
}
.table[data-v-466fa01d] tr:hover .check-icon-wrapper {
	visibility:visible
}
.table[data-v-466fa01d] thead tr:hover {
	background:none
}
.table[data-v-466fa01d] tr.row-checked {
	background:var(--juejin-brand-5-light)
}
.table[data-v-466fa01d] tr.row-checked .check-icon-wrapper {
	visibility:visible
}
.table[data-v-466fa01d] .checkable {
	cursor:pointer
}
.table[data-v-466fa01d] .row-disable {
	cursor:not-allowed
}
.table[data-v-466fa01d] .row-checked td {
	color:var(--juejin-brand-1-normal)
}
.table[data-v-466fa01d] .progress, .table[data-v-466fa01d] .success {
	padding:2px 4px;
	color:var(--juejin-success-1-normal);
	background:var(--juejin-success-3-light)
}
.table[data-v-466fa01d] .progress {
	color:var(--juejin-font-warning);
	background:var(--juejin-warning-3-light)
}
.modal-footer[data-v-466fa01d] {
	display:flex;
	justify-content:space-between;
	align-items:center
}
.modal-footer .new-link[data-v-466fa01d] {
	font-weight:400;
	font-size:14px;
	line-height:20px;
	color:var(--juejin-brand-1-normal);
	text-decoration:none
}
.modal-footer .btn[data-v-466fa01d] {
	width:120px;
	height:40px;
	font-weight:400;
	font-size:16px;
	line-height:24px
}
.modal-footer .add-btn[data-v-466fa01d] {
	margin-left:20px
}
.modal-footer .add-btn[data-v-466fa01d]:disabled {
	background-color:var(--juejin-brand-4-disable);
	color:var(--juejin-font-white-disable)
}
@keyframes skeleton-keyframes-data-v-05df9c18 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.jcode-picker .jcode-selector[data-v-05df9c18] {
	display:flex;
	align-items:center;
	font-size:14px;
	line-height:22px;
	margin-right:16px;
	position:relative;
	color:var(--juejin-font-2);
	cursor:pointer;
transition:color .3s
}
.jcode-picker .jcode-selector.disable[data-v-05df9c18] {
	cursor:not-allowed;
	color:var(--juejin-font-3)
}
.jcode-picker .jcode-selector:not(.disable).active[data-v-05df9c18], .jcode-picker .jcode-selector[data-v-05df9c18]:not(.disable):hover {
color:var(--juejin-brand-1-normal)
}
.jcode-picker .jcode-selector svg[data-v-05df9c18] {
	fill:currentColor
}
.jcode-picker .jcode-selector span[data-v-05df9c18] {
	margin-left:4px
}
.jcode-picker .jcode-selector .new-badge[data-v-05df9c18] {
	position:absolute;
	top:-14px;
	left:27px;
	white-space:nowrap;
	padding:2px 7px;
	background-color:var(--juejin-danger-1-normal);
	border-radius:50px;
	text-align:center;
	font-weight:500;
	font-size:16px;
	transform:scale(.5);
	line-height:18px;
	color:var(--juejin-font-white)
}
@keyframes skeleton-keyframes-data-v-474632da {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.link-picker[data-v-474632da] {
	position:relative;
	display:flex;
	align-items:center
}
.link-picker .triangle[data-v-474632da] {
	position:absolute;
	top:-13px;
	left:24px;
	width:0;
	height:0;
	transform:translate(-50%, -50%);
	border:12px solid transparent;
	border-bottom:12px solid var(--juejin-gray-1-1)
}
.link-picker .triangle[data-v-474632da]:before {
	content:" ";
	display:block;
	position:absolute;
	width:24px;
	height:24px;
	background-color:var(--juejin-layer-4-dropdown);
	top:7px;
	left:-12px;
	z-index:-1;
	transform:rotate(45deg)
}
.link-picker .select[data-v-474632da] {
	display:flex;
	align-items:center;
	font-size:14px;
	line-height:22px;
	color:var(--juejin-font-3);
transition:color .3s
}
.link-picker .select[data-v-474632da]:hover {
	cursor:not-allowed
}
.link-picker .select.active[data-v-474632da] {
	cursor:pointer;
	color:var(--juejin-font-2)
}
.link-picker .select.active .icon[data-v-474632da] {
	fill:var(--juejin-font-2)
}
.link-picker .select.active.focus[data-v-474632da], .link-picker .select.active[data-v-474632da]:hover {
	color:#1e80ff
}
.link-picker .select.active.focus .icon[data-v-474632da], .link-picker .select.active:hover .icon[data-v-474632da] {
	fill:#1e80ff
}
.link-picker .select .icon[data-v-474632da] {
	fill:#8a919f;
	margin-right:4px
}
.link-picker .select span.link[data-v-474632da] {
padding:.166rem;
	font-size:13px
}
.link-picker .linkPanel[data-v-474632da] {
	padding:16px;
	background:var(--juejin-layer-4-dropdown);
	border:1px solid var(--juejin-gray-1-1);
	position:absolute;
	width:320px;
	height:108px;
	box-sizing:border-box;
	top:38px;
	left:2px;
	box-shadow:0 8px 24px rgba(81, 87, 103, .16);
	border-radius:4px
}
.link-picker .linkPanel .input[data-v-474632da] {
	position:relative
}
.link-picker .linkPanel .input input[type=text][data-v-474632da] {
	width:100%;
	background-color:var(--juejin-gray-2);
	border:1px solid var(--juejin-gray-2);
	border-radius:4px;
	outline:none;
	font-size:14px;
	color:var(--juejin-font-1);
	padding:7px 28px 7px 12px
}
.link-picker .linkPanel .input input[type=text][data-v-474632da]::-moz-placeholder {
color:var(--juejin-font-3);
font-size:14px;
line-height:1
}
.link-picker .linkPanel .input input[type=text][data-v-474632da]::placeholder {
color:var(--juejin-font-3);
font-size:14px;
line-height:1
}
.link-picker .linkPanel .input input[type=text][data-v-474632da]:focus {
	outline:none;
	border:1px solid var(--juejin-font-brand1-normal);
	background-color:var(--juejin-popup)
}
.link-picker .linkPanel .input .clear[data-v-474632da] {
	cursor:pointer;
	width:1.2rem;
	height:1.2rem;
	position:absolute;
top:.7rem;
right:.6rem;
	border-radius:50%;
	border:1px solid #1e80ff;
	transform:rotate(45deg)
}
.link-picker .linkPanel .input .clear[data-v-474632da]:after, .link-picker .linkPanel .input .clear[data-v-474632da]:before {
	content:"";
width:.8rem;
	height:1px;
	display:block;
	position:absolute;
	background:#007fff;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%)
}
.link-picker .linkPanel .input .clear[data-v-474632da]:after {
	transform:translate(-50%, -50%) rotate(90deg)
}
.link-picker .linkPanel .tip[data-v-474632da] {
	color:var(--juejin-font-2);
	padding-top:13px;
	display:flex;
	font-size:14px;
	line-height:24px;
	font-weight:400;
	justify-content:space-between
}
.link-picker .linkPanel .tip .add[data-v-474632da] {
	font-size:14px;
	line-height:24px;
	color:var(--juejin-font-brand1-normal);
	opacity:.7;
	display:flex;
	align-items:center
}
.link-picker .linkPanel .tip .add svg[data-v-474632da] {
	fill:var(--juejin-font-brand1-normal);
	margin-right:4px
}
.link-picker .linkPanel .tip .add.active[data-v-474632da] {
	cursor:pointer;
	opacity:1
}
@keyframes skeleton-keyframes-data-v-28291ae2 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.robot-picker[data-v-28291ae2] {
	display:flex;
	position:relative
}
.robot-picker .topic-selector[data-v-28291ae2] {
	display:flex;
	align-items:center;
	z-index:3;
	cursor:not-allowed
}
.robot-picker .topic-selector .icon[data-v-28291ae2] {
	font-size:18px;
transition:fill .3s;
	color:var(--juejin-font-3)
}
.robot-picker .topic-selector span[data-v-28291ae2] {
	color:var(--juejin-font-3);
	font-size:14px;
	line-height:22px;
transition:color .3s
}
.robot-picker .topic-selector[data-v-28291ae2]:not(.disable) {
cursor:pointer
}
.robot-picker .topic-selector:not(.disable) i[data-v-28291ae2] {
fill:var(--juejin-font-2);
color:var(--juejin-font-2)
}
.robot-picker .topic-selector:not(.disable) span[data-v-28291ae2] {
color:var(--juejin-font-2)
}
.robot-picker .topic-selector:not(.disable).active .icon[data-v-28291ae2], .robot-picker .topic-selector:not(.disable):hover .icon[data-v-28291ae2] {
fill:#1e80ff;
color:#1e80ff
}
.robot-picker .topic-selector:not(.disable).active span[data-v-28291ae2], .robot-picker .topic-selector:not(.disable):hover span[data-v-28291ae2] {
color:#1e80ff
}
@keyframes skeleton-keyframes-data-v-36bbbc14 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.submit[data-v-36bbbc14] {
	position:relative;
	z-index:12
}
.submit button[data-v-36bbbc14] {
	border-radius:4px;
	width:92px;
	line-height:36px;
	padding:0;
	font-size:14px;
	background-color:var(--juejin-brand-4-disable);
	color:var(--juejin-font-white-disable)
}
.submit button.active[data-v-36bbbc14] {
	cursor:pointer;
	background-color:var(--juejin-brand-1-normal);
	color:var(--juejin-font-white)
}
.submit button.nologin[data-v-36bbbc14] {
	background:var(--juejin-brand-4-disable);
	opacity:1
}
.submit .new-user-lead-pin[data-v-36bbbc14] {
	position:absolute;
	top:49.6px;
	left:-130px;
	cursor:default
}
@keyframes skeleton-keyframes-data-v-7b16bcb3 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.topic-picker[data-v-7b16bcb3] {
	display:flex;
	position:relative
}
.topic-picker .topic-selector[data-v-7b16bcb3] {
	display:flex;
	align-items:center;
	z-index:3;
	cursor:not-allowed
}
.topic-picker .topic-selector .icon[data-v-7b16bcb3] {
	margin-right:4px;
transition:fill .3s;
	fill:var(--juejin-font-3)
}
.topic-picker .topic-selector span[data-v-7b16bcb3] {
	color:var(--juejin-font-3);
	font-size:14px;
	line-height:22px;
transition:color .3s
}
.topic-picker .topic-selector[data-v-7b16bcb3]:not(.disable) {
cursor:pointer
}
.topic-picker .topic-selector:not(.disable) svg[data-v-7b16bcb3] {
fill:var(--juejin-font-2)
}
.topic-picker .topic-selector:not(.disable) span[data-v-7b16bcb3] {
color:var(--juejin-font-2)
}
.topic-picker .topic-selector:not(.disable).active .icon[data-v-7b16bcb3], .topic-picker .topic-selector:not(.disable):hover .icon[data-v-7b16bcb3] {
fill:#1e80ff
}
.topic-picker .topic-selector:not(.disable).active span[data-v-7b16bcb3], .topic-picker .topic-selector:not(.disable):hover span[data-v-7b16bcb3] {
color:#1e80ff
}
.topic-picker .topic_panel[data-v-7b16bcb3] {
	display:flex;
	flex-direction:column;
	position:absolute;
	top:2.8rem;
	bottom:0;
	left:0;
	width:320px;
	height:320px;
	background:var(--juejin-layer-4-dropdown);
	border:1px solid var(--juejin-gray-1-1);
	box-shadow:0 8px 24px rgba(81, 87, 103, .16);
	border-radius:4px
}
.topic-picker .topic_panel .triangle[data-v-7b16bcb3] {
	position:absolute;
	top:-20px;
	left:8px;
	width:0;
	height:0;
border:.8rem solid transparent;
border-bottom:.8rem solid var(--juejin-gray-1-1)
}
.topic-picker .topic_panel .triangle[data-v-7b16bcb3]:before {
	content:" ";
	display:block;
	position:absolute;
	width:1.6rem;
	height:1.6rem;
	background-color:var(--juejin-layer-4-dropdown);
top:.5rem;
left:-.8rem;
	transform:rotate(45deg)
}
.topic-picker .topic_panel .top[data-v-7b16bcb3] {
	position:relative;
	padding:16px;
	border-bottom:1px solid var(--juejin-gray-1-1);
	color:var(--juejin-font-2)
}
.topic-picker .topic_panel .top[data-v-7b16bcb3] .byte-input__input {
	line-height:36px;
	height:36px
}
.topic-picker .topic_panel .top[data-v-7b16bcb3] input {
	border:1px solid transparent;
	background:var(--juejin-gray-2);
	outline:none;
	color:var(--juejin-font-1)
}
.topic-picker .topic_panel .top[data-v-7b16bcb3] input:hover {
	border-color:var(--juejin-gray-2);
	background:var(--juejin-gray-2)
}
.topic-picker .topic_panel .top[data-v-7b16bcb3] input:focus {
	border-color:var(--juejin-font-brand1-normal);
	background-color:var(--juejin-layer-1);
	box-shadow:none
}
.topic-picker .topic_panel .content[data-v-7b16bcb3] {
	overflow:auto;
	padding:0
}
.topic-picker .topic_panel .content[data-v-7b16bcb3] .byte-loading {
	background-color:var(--juejin-gray-1-2)
}
.topic-picker .topic_panel .content[data-v-7b16bcb3]::-webkit-scrollbar {
width:4px
}
.topic-picker .topic_panel .content[data-v-7b16bcb3]::-webkit-scrollbar-thumb {
border-radius:4px;
background:var(--juejin-gray-1-1)
}
.topic-picker .topic_panel .content.disableScroll[data-v-7b16bcb3] {
	overflow:hidden
}
.topic-picker .topic_panel .content .delete-topic[data-v-7b16bcb3] {
	cursor:pointer;
	color:#17181a;
	font-size:1.2rem;
	display:block;
	padding:0 1.666rem
}
.topic-picker .topic_panel .content .delete-topic li[data-v-7b16bcb3] {
	padding:16px 0 10px;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	border-bottom:1px solid hsla(0, 0%, 59.2%, .1)
}
.topic-picker .topic_panel .content .delete-topic li[data-v-7b16bcb3]:hover {
	background-color:hsla(0, 0%, 87.1%, .05)
}
.topic-picker .topic_panel .content .delete-topic li .box[data-v-7b16bcb3] {
	width:3.5rem;
	height:3.5rem;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:4px;
	background-color:#eef2f5
}
.topic-picker .topic_panel .content .delete-topic li .box .icon[data-v-7b16bcb3] {
	width:1.833rem;
	height:1.833rem;
	background-repeat:no-repeat;
	background-size:contain;
	background-size:cover
}
.topic-picker .topic_panel .content .delete-topic li span[data-v-7b16bcb3] {
	color:#17181a;
margin-left:.833rem
}
.topic-picker .topic_panel .content[data-v-7b16bcb3] .topic-list li {
	cursor:pointer;
	padding:0 1.666rem;
	border-bottom:none
}
.topic-picker .topic_panel .content[data-v-7b16bcb3] .topic-list li .topic-item {
	border-bottom:1px solid hsla(0, 0%, 59.2%, .1)
}
.topic-picker .topic_panel .content[data-v-7b16bcb3] .topic-list li:hover {
	background-color:#f8f8f8
}
.topic-picker .topic_panel .content .empty-box[data-v-7b16bcb3] {
	height:300px
}
.main_list[data-v-7b16bcb3] {
	padding:16px 20px
}
.main_list li[data-v-7b16bcb3] {
	display:flex;
	align-items:center;
	cursor:pointer;
	padding:6px 0;
	font-size:14px;
	line-height:24px;
	color:var(--juejin-font-2);
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
.main_list li[data-v-7b16bcb3]:hover {
	color:var(--juejin-brand-1-normal)
}
.main_list li .tag[data-v-7b16bcb3] {
	width:16px;
	height:16px;
	vertical-align:middle
}
.main_list li .theme-name[data-v-7b16bcb3] {
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	max-width:220px;
	white-space:nowrap;
	text-overflow:ellipsis
}
@keyframes skeleton-keyframes-data-v-74fa1821 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.pin-toolbar[data-v-74fa1821] {
	display:flex;
	color:#007fff;
	flex-direction:row;
	justify-content:space-between;
	width:100%
}
.pin-toolbar .tool[data-v-74fa1821] {
	display:flex;
	align-items:center
}
.pin-toolbar .tool .picker[data-v-74fa1821] {
	z-index:12;
	margin-right:16px;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none
}
.pin-toolbar .tool .picker.not-suport[data-v-74fa1821] {
	display:none
}
.label[data-v-74fa1821] {
	font-size:13px;
	line-height:13px;
	color:var(--juejin-font-2)
}
.label[data-v-74fa1821] .byte-checkbox__label {
	margin-left:2px
}
.label.active[data-v-74fa1821] {
	color:var(--juejin-font-brand3-click)
}
.theme_wrapper[data-v-74fa1821] {
	position:relative
}
.theme_wrapper .relatheme[data-v-74fa1821] {
	position:absolute;
	top:33px;
	left:20px;
	width:400px;
	display:flex;
	z-index:11
}
.theme_wrapper .relatheme .relatheme_content[data-v-74fa1821] {
	background:var(--juejin-popup);
	border-radius:4px;
	border:1px solid var(--juejin-gray-1-1);
	max-width:100%;
	padding:6px 20px;
	box-sizing:border-box;
	color:var(--juejin-font-3)
}
.theme_wrapper .relatheme .relatheme_list[data-v-74fa1821] {
	margin-right:.5em
}
.theme_wrapper .relatheme .relatheme_list span[data-v-74fa1821] {
	cursor:pointer;
	color:#1e80ff
}
.theme_wrapper .relatheme .relatheme_list span[data-v-74fa1821]:not(:last-child):after {
content:"、"
}
.theme_wrapper .relatheme svg[data-v-74fa1821] {
	cursor:pointer;
	position:relative;
	top:1.5px;
	margin-left:8px
}
.fade-enter-active[data-v-74fa1821], .fade-leave-active[data-v-74fa1821] {
transition:opacity .2s
}
.fade-enter[data-v-74fa1821], .fade-leave-to[data-v-74fa1821] {
	opacity:0
}
.picker[data-v-74fa1821] .byte-checkbox__checkbox {
	box-sizing:border-box;
	background-color:var(--juejin-layer-1);
	border-color:var(--juejin-gray-1-1);
	border-width:2px
}
.picker[data-v-74fa1821] .byte-checkbox__wrapper .byte-checkbox__checkbox-inner input[type=checkbox]:checked+.byte-checkbox__checkbox:after {
	top:-2px;
	left:2px
}
@keyframes skeleton-keyframes-data-v-61816d04 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-61816d04] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-61816d04] {
display:none
}
}
.header[data-v-61816d04] {
	font-size:1rem;
	position:relative
}
.header .title[data-v-61816d04] {
	font-size:1.3rem;
	color:var(--juejin-font-1);
	text-align:left;
	margin-left:20px;
	line-height:3.333rem;
	height:3.333rem;
	font-weight:500
}
.header .close[data-v-61816d04] {
	cursor:pointer;
	width:1.3rem;
	height:1.3rem;
	position:absolute;
	top:1rem;
	right:2rem;
	border-radius:50%;
	transform:rotate(45deg)
}
.header .close[data-v-61816d04]:after, .header .close[data-v-61816d04]:before {
	content:"";
	width:1.2rem;
	height:2px;
	display:block;
	position:absolute;
	background:var(--juejin-font-1);
	left:50%;
	top:50%;
	transform:translate(-50%, -50%)
}
.header .close[data-v-61816d04]:after {
	transform:translate(-50%, -50%) rotate(90deg)
}
.header .close[data-v-61816d04]:hover {
	opacity:.8
}
@keyframes skeleton-keyframes-data-v-4d53efad {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.topic-item[data-v-4d53efad] {
	display:flex;
	cursor:pointer;
	align-items:center;
	padding:9px 0
}
.topic-item[data-v-4d53efad]:hover {
	background:var(--juejin-gray-3)
}
.topic-item img[data-v-4d53efad] {
	width:48px;
	height:48px;
	border-radius:4px;
	margin:0 15px
}
.topic-item .content_main[data-v-4d53efad] {
	padding-right:15px
}
.topic-item .content_main .title[data-v-4d53efad] {
	font-weight:500;
	font-size:16px;
	line-height:28px;
	color:var(--juejin-font-1);
	margin:0;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
.topic-item .content_main .desc[data-v-4d53efad] {
	font-size:14px;
	line-height:24px;
	color:var(--juejin-font-3);
	margin:0
}
@keyframes skeleton-keyframes-data-v-0e8d970b {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.topic-popover[data-v-0e8d970b] .byte-popover {
	background-color:transparent
}
.topic-popover[data-v-0e8d970b] .byte-popover .popper__arrow {
	background-color:var(--juejin-layer-4-dropdown);
	border-left-color:transparent;
	border-bottom-color:transparent;
	border-right-color:var(--juejin-gray-1-1);
	border-top-color:var(--juejin-gray-1-1)
}
[data-v-0e8d970b] .byte-popover {
	padding:0;
	z-index:13!important
}
[data-v-0e8d970b] .byte-popover .byte-popover__content {
	display:block;
	margin:0
}
.new_topic[data-v-0e8d970b] {
	margin-left:12px;
	margin-bottom:8px;
	padding:0 6px;
	line-height:24px;
	border-radius:50px;
	border-bottom-left-radius:0;
	background:var(--juejin-layer-5);
	color:var(--juejin-font-brand1-normal);
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer
}
.new_topic.editorfocus[data-v-0e8d970b] {
	background:var(--juejin-brand-5-light)
}
.new-topic-picker[data-v-0e8d970b] {
	background-color:var(--juejin-layer-4-dropdown);
	border:1px solid var(--juejin-gray-1-1);
	border-radius:4px
}
.new-topic-picker[data-v-0e8d970b] .byte-loading {
	background-color:var(--juejin-gray-1-2)
}
.new-topic-picker .search[data-v-0e8d970b] {
	padding:16px
}
.new-topic-picker .search[data-v-0e8d970b] .byte-input__input {
	line-height:36px;
	height:36px
}
.new-topic-picker .search[data-v-0e8d970b] input {
	border:1px solid transparent;
	background:var(--juejin-gray-2);
	outline:none;
	color:var(--juejin-font-1)
}
.new-topic-picker .search[data-v-0e8d970b] input:hover {
	border-color:var(--juejin-gray-2);
	background:var(--juejin-gray-2)
}
.new-topic-picker .search[data-v-0e8d970b] input:focus {
	border-color:var(--juejin-font-brand1-normal);
	background-color:var(--juejin-popup);
	box-shadow:none
}
.new-topic-picker .search[data-v-0e8d970b] input::-moz-placeholder {
color:var(--juejin-font-3)
}
.new-topic-picker .search[data-v-0e8d970b] input::placeholder {
color:var(--juejin-font-3)
}
.new-topic-picker .wrapper[data-v-0e8d970b] {
	display:flex;
	height:352px;
	max-height:calc(80vh - 300px);
	border-top:1px solid var(--juejin-gray-1-1)
}
.new-topic-picker .wrapper .types[data-v-0e8d970b] {
	overflow:auto;
	width:88px;
	border-right:1px solid var(--juejin-gray-1-1);
	background:var(--juejin-gray-2);
	flex-shrink:0
}
.new-topic-picker .wrapper .types[data-v-0e8d970b]::-webkit-scrollbar {
display:none
}
.new-topic-picker .wrapper .types .item[data-v-0e8d970b] {
	position:relative;
	line-height:48px;
	text-align:center;
	color:var(--juejin-font-3);
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all
}
.new-topic-picker .wrapper .types .item[data-v-0e8d970b]:hover {
	color:var(--juejin-font-brand1-normal)
}
.new-topic-picker .wrapper .types .item.active[data-v-0e8d970b] {
	color:var(--juejin-font-brand1-normal);
	background:var(--juejin-brand-5-light)
}
.new-topic-picker .wrapper .types .item.active[data-v-0e8d970b]:after {
	content:"";
	position:absolute;
	top:14px;
	right:0;
	width:2px;
	height:20px;
	background:var(--juejin-font-brand1-normal)
}
.new-topic-picker .wrapper .contents[data-v-0e8d970b] {
	padding:7px 0;
	flex-grow:1;
	border-bottom:1px solid var(--juejin-gray-1-1);
	overflow-y:auto
}
.new-topic-picker .wrapper .contents[data-v-0e8d970b]::-webkit-scrollbar {
width:4px;
background:var(--juejin-layer-4-dropdown)
}
.new-topic-picker .wrapper .contents[data-v-0e8d970b]::-webkit-scrollbar-thumb {
border-radius:4px;
background:var(--juejin-gray-1-1)
}
.new-topic-picker .btn_box[data-v-0e8d970b] {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	height:68px;
	width:100%;
	box-sizing:border-box;
	padding:0 16px
}
.new-topic-picker .btn_box .notopic[data-v-0e8d970b] {
	background:rgba(30, 128, 255, .05);
	border:1px solid rgba(30, 128, 255, .3);
	box-sizing:border-box;
	border-radius:4px;
	text-align:center;
	color:#1e80ff;
	width:96px;
	line-height:36px;
	cursor:pointer
}
.empty-box[data-v-0e8d970b] {
	height:100%
}
.search-list[data-v-0e8d970b] {
	padding:7px 0;
	flex-grow:1;
	border-bottom:1px solid var(--juejin-gray-1-1);
	overflow-y:auto;
	height:352px;
	max-height:calc(80vh - 300px)
}
.search-list[data-v-0e8d970b]::-webkit-scrollbar {
width:4px;
background:var(--juejin-layer-4-dropdown)
}
.search-list[data-v-0e8d970b]::-webkit-scrollbar-thumb {
border-radius:4px;
background:var(--juejin-gray-1-1)
}
@keyframes skeleton-keyframes-data-v-77234446 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.pin-editor-dialog[data-v-77234446] {
	position:relative;
	background:var(--juejin-layer-1);
	border-radius:4px
}
.pin-editor-dialog .editor-body[data-v-77234446] {
	padding:20px 20px 0;
	position:relative
}
.pin-editor-dialog .editor-body .content[data-v-77234446] {
	position:relative;
	border-radius:4px;
	border:1px solid transparent;
	background-color:var(--juejin-gray-2);
	box-sizing:border-box;
	padding-right:4px
}
.pin-editor-dialog .editor-body .content.active[data-v-77234446] {
	border-color:var(--juejin-font-brand1-normal);
	background-color:var(--juejin-layer-1)
}
.pin-editor-dialog .editor-body .content.dashed[data-v-77234446] {
	border-style:dashed;
	border-color:#8a919f
}
.pin-editor-dialog .editor-body .content .loginmask[data-v-77234446] {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9
}
.pin-editor-dialog .editor-body .content .editor[data-v-77234446] {
	position:relative;
	margin-bottom:2px;
	max-height:180px;
	overflow-y:scroll
}
.pin-editor-dialog .editor-body .content .editor[data-v-77234446]::-webkit-scrollbar {
width:6px;
height:4px
}
.pin-editor-dialog .editor-body .content .editor[data-v-77234446]::-webkit-scrollbar-thumb {
background-color:#e4e6eb;
border-radius:4px
}
.pin-editor-dialog .editor-body .content .editor.empty[data-v-77234446] {
	padding:8px 12px
}
.pin-editor-dialog .editor-body .content .image[data-v-77234446] {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	padding:0 12px 12px;
	position:relative
}
.pin-editor-dialog .editor-body .content .image .select-box[data-v-77234446] {
	cursor:pointer;
	width:80px;
	height:80px;
	position:relative;
	border-radius:1.4px;
	border:1px dashed var(--juejin-gray-1-1);
	background:var(--juejin-gray-3)
}
.pin-editor-dialog .editor-body .content .image .select-box[data-v-77234446]:hover {
	opacity:.6
}
.pin-editor-dialog .editor-body .content .image .select-box[data-v-77234446]:after, .pin-editor-dialog .editor-body .content .image .select-box[data-v-77234446]:before {
	content:"";
	width:2rem;
	height:1px;
	display:block;
	position:absolute;
	background:#c5c5c5;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%)
}
.pin-editor-dialog .editor-body .content .image .select-box[data-v-77234446]:after {
	transform:translate(-50%, -50%) rotate(90deg)
}
.pin-editor-dialog .editor-body .content .link[data-v-77234446] {
	display:flex;
	flex-direction:row;
	border-radius:4px;
	padding:0 12px 12px
}
.pin-editor-dialog .editor-body .content .count[data-v-77234446] {
	display:inline-block;
	height:20px;
	line-height:20px;
	position:absolute;
	right:8px;
	bottom:4px;
	z-index:1;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	pointer-events:none
}
.pin-editor-dialog .pin-editor-bottom[data-v-77234446] {
	padding:19px 20px 27px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.pin-editor-dialog .cover[data-v-77234446] {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background:transparent
}
.relatopics[data-v-77234446], .topicwrapper[data-v-77234446] {
	display:flex
}
.relatopics[data-v-77234446] {
	align-items:center;
	padding-left:16px;
	height:28px;
	font-size:12px;
	line-height:20px;
	color:var(--juejin-font-1)
}
.relatopics .hot[data-v-77234446] {
	margin-right:4px
}
.relatopics .topic_list[data-v-77234446] {
	display:flex;
	align-items:center
}
.relatopics .topictitle[data-v-77234446] {
	color:var(--juejin-brand-1-normal);
	cursor:pointer
}
.relatopics .topictitle[data-v-77234446]:not(:last-child):after {
content:"、"
}
.relatopics .close[data-v-77234446] {
	margin-left:4px;
	cursor:pointer
}
.robot-panel[data-v-77234446] {
	position:absolute
}
@keyframes skeleton-keyframes-data-v-17803e6f {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-17803e6f] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-17803e6f] {
display:none
}
}
.top[data-v-17803e6f] {
	position:fixed!important;
	top:0!important;
	left:0!important;
	width:100%;
	margin:0!important;
	z-index:1!important
}
.top .box[data-v-17803e6f] {
	width:960px;
	max-width:100%;
	margin:0 auto
}
.top .box .nav-list[data-v-17803e6f] {
	width:700px;
	max-width:100%;
	margin-left:0
}
.pin-editor[data-v-17803e6f] {
	margin-bottom:12px
}
.page-header[data-v-17803e6f] {
transition:top .2s
}
.page-header.sticky[data-v-17803e6f] {
	position:sticky;
	top:61px;
	left:0;
	width:100%;
	z-index:2
}
.page-header.sticky .feed-tip-wrapper[data-v-17803e6f], .page-header.sticky .tab-nav[data-v-17803e6f] {
	margin:0 auto;
	width:960px
}
.page-header.sticky .feed-tip[data-v-17803e6f] {
	width:570px;
	margin-left:127px
}
.feed-tip[data-v-17803e6f] {
	position:relative;
	width:100%;
	height:36px;
	background-color:#e3effa;
	font-size:14px;
	color:#007fff;
	text-align:center;
	line-height:36px;
	cursor:pointer
}
.tip-fade-enter-active[data-v-17803e6f], .tip-fade-leave-active[data-v-17803e6f] {
transition:.4s
}
.tip-fade-enter[data-v-17803e6f], .tip-fade-leave-to[data-v-17803e6f] {
	margin-top:-36px;
	opacity:0
}
.sortlist[data-v-17803e6f] {
	display:flex;
	padding:10px 20px 0;
	background:var(--juejin-layer-1);
	border-radius:4px 4px 0 0;
	border-bottom:1px solid var(--juejin-gray-1-1);
	position:sticky;
	top:80px;
	z-index:10;
transition:all .2s;
	white-space:nowrap;
	overflow-x:scroll
}
@media (min-width:600px) and (max-width:1200px) {
.sortlist[data-v-17803e6f] {
top:0
}
}
.sortlist[data-v-17803e6f]::-webkit-scrollbar {
height:0
}
.sortlist[data-v-17803e6f]::-webkit-scrollbar-thumb {
border-radius:4px;
background:var(--juejin-gray-1-1)
}
.sortlist.sort-sticky-pc[data-v-17803e6f] {
	position:fixed;
	top:20px;
	width:680px;
	z-index:10
}
@media (max-width:1200px) {
.sortlist.sort-sticky-pc[data-v-17803e6f] {
width:100vw
}
}
.sortlist.sortlist-mobile[data-v-17803e6f] {
	position:fixed;
	top:88px;
	left:0;
	width:100%;
	z-index:12;
transition:all .2s
}
.sortlist.sort-sticky[data-v-17803e6f] {
	position:fixed;
	top:20px;
	width:680px;
	z-index:10
}
@media (max-width:1200px) {
.sortlist.sort-sticky[data-v-17803e6f] {
top:141px;
left:0;
width:100%;
transition:all .2s
}
}
.sortlist a[data-v-17803e6f] {
	display:flex;
	flex-direction:column;
	align-items:center;
	font-size:15px;
	line-height:28px;
	color:var(--juejin-font-1);
	margin-right:32px
}
.sortlist a[data-v-17803e6f] .byte-tooltip__wrapper {
	display:inline-block
}
.sortlist a .nav-link-content[data-v-17803e6f] {
	display:inline-block;
	max-width:104px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.sortlist a .underline[data-v-17803e6f] {
	display:none
}
.sortlist a[data-v-17803e6f]:hover {
	color:#1e80ff
}
.sortlist a.active[data-v-17803e6f] {
	font-weight:500;
	color:var(--juejin-brand-1-normal)
}
.sortlist a.active .underline[data-v-17803e6f] {
	display:block;
	width:16px;
	height:3px;
	background:var(--juejin-brand-1-normal);
	border-radius:2px;
	margin-top:7px
}
.mask[data-v-17803e6f] {
	position:fixed;
	z-index:13;
	top:0;
	width:1000px;
	height:80px;
	background-color:var(--juejin-background);
transition:height .2s linear
}
@media (max-width:1200px) {
.mask[data-v-17803e6f] {
width:100vw
}
}
@media (max-width:600px) {
.mask[data-v-17803e6f] {
display:none
}
}
.mask.view-on-top[data-v-17803e6f] {
	height:20px
}
.sort-placeholder[data-v-17803e6f] {
	height:49px
}
@media (max-width:600px) {
.sort-placeholder[data-v-17803e6f] {
height:63px
}
}
@media (max-width:980px) {
.pin-editor[data-v-17803e6f] {
display:none
}
.page-header.sticky .feed-tip-wrapper[data-v-17803e6f], .page-header.sticky .tab-nav[data-v-17803e6f] {
width:100%
}
.page-header.sticky .feed-tip[data-v-17803e6f] {
width:100%;
margin-left:0
}
}
@keyframes skeleton-keyframes-data-v-0991b91f {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-0991b91f] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-0991b91f] {
display:none
}
}
.pin_container[data-v-0991b91f] .main-container {
	max-width:1200px
}
.main[data-v-0991b91f] {
	margin-top:20px;
	margin-bottom:6rem;
	display:flex;
	align-items:flex-start
}
.navigator[data-v-0991b91f] {
	display:none
}
.dock[data-v-0991b91f] {
	width:180px
}
.dock[data-v-0991b91f], .stream[data-v-0991b91f] {
	margin-right:20px
}
.stream[data-v-0991b91f] {
	width:720px;
	max-width:100%;
	flex-shrink:0
}
.sidebar[data-v-0991b91f] {
	width:260px;
	flex:1
}
@media (max-width:1200px) {
.main[data-v-0991b91f] {
margin-top:0;
overflow:hidden
}
.sidebar[data-v-0991b91f] {
display:none
}
.stream[data-v-0991b91f] {
width:100%;
margin-top:20px
}
.stream.no-topic-list[data-v-0991b91f] {
margin-top:100px
}
.stream.no-hot-new-tag[data-v-0991b91f] {
margin-top:1.66rem
}
.dock[data-v-0991b91f] {
display:none
}
}
@media (max-width:600px) {
.navigator[data-v-0991b91f] {
display:block
}
.stream[data-v-0991b91f] {
margin-top:140px
}
}