@-webkit-keyframes skeleton-keyframes-data-v-123929f0 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-123929f0 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.drawer[data-v-123929f0] .byte-drawer__header {
	padding:0 16px;
	font-weight:400;
	font-size:14px;
	line-height:24px;
	color:#1d2129
}
.drawer[data-v-123929f0] .byte-drawer__content {
	border-radius:2px
}
.drawer[data-v-123929f0] .byte-drawer__body {
	box-sizing:border-box;
	padding:22px;
	height:157px
}
.drawer .title-box[data-v-123929f0] {
	height:47px;
	border-bottom:1px solid #e5e6eb;
	display:flex;
	padding:0 4px;
	align-items:center
}
.drawer .content[data-v-123929f0] {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:100%
}
.drawer .content .btn[data-v-123929f0] {
	border-radius:2px;
	width:92px;
	height:36px
}
.drawer .content .juejin[data-v-123929f0] {
	display:flex;
	justify-content:space-between;
	align-items:center
}
.drawer .content .juejin .icon-text[data-v-123929f0] {
	display:flex
}
.drawer .content .juejin .icon-text .juejin-icon[data-v-123929f0] {
	width:42px
}
.drawer .content .juejin .icon-text .description[data-v-123929f0] {
	display:flex;
	flex-direction:column;
	margin-left:12px
}
.drawer .content .juejin .icon-text .description .name[data-v-123929f0] {
	font-weight:500;
	font-size:16px;
	line-height:24px;
	color:#1d2129
}
.drawer .content .juejin .icon-text .description .text[data-v-123929f0] {
	font-weight:400;
	font-size:12px;
	line-height:20px;
	color:#91949e
}
.drawer .content .juejin .comfirm-btn[data-v-123929f0] {
	color:#fff;
	background-color:#1e80ff
}
.drawer .content .browser[data-v-123929f0] {
	display:flex;
	justify-content:space-between;
	align-items:center
}
.drawer .content .browser .icon-text[data-v-123929f0] {
	display:flex
}
.drawer .content .browser .icon-text .browser-icon[data-v-123929f0] {
	width:42px;
	height:42px
}
.drawer .content .browser .icon-text .description[data-v-123929f0] {
	display:flex;
	align-items:center;
	font-weight:500;
	font-size:16px;
	line-height:24px;
	color:#1d2129;
	margin-left:12px
}
.drawer .content .browser .cancel-btn[data-v-123929f0] {
	background-color:#fff;
	color:#1e80ff;
	box-sizing:border-box;
	border:1px solid #1e80ff
}
@-webkit-keyframes skeleton-keyframes-data-v-2dbe6afa {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-2dbe6afa {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.carousel[data-v-2dbe6afa] {
	position:relative;
	width:100%;
	height:auto;
	text-align:center
}
.carousel img[data-v-2dbe6afa] {
	width:300px;
	height:120px;
	cursor:pointer
}
.carousel-images img[data-v-2dbe6afa] {
	width:100%;
	height:auto
}
.carousel-dots[data-v-2dbe6afa] {
	display:flex;
	justify-content:center;
	position:absolute;
	bottom:10px;
	left:50%;
	transform:translateX(-50%)
}
.dot[data-v-2dbe6afa] {
	height:3px;
	width:10px;
	margin:0 5px;
	background-color:#9c8f92;
	border-radius:4px;
	display:inline-block;
	cursor:pointer
}
.dot.active[data-v-2dbe6afa] {
	background-color:#fff
}
@-webkit-keyframes skeleton-keyframes-data-v-39444c0c {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@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
}
@-webkit-keyframes skeleton-keyframes-data-v-7a183152 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@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
}
@-webkit-keyframes skeleton-keyframes-data-v-9554820c {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-9554820c {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.jj-recommend-users-card[data-v-9554820c] {
	box-sizing:border-box;
	position:relative;
	font-size:12px;
	font-style:normal;
	font-weight:400;
	line-height:20px;
	text-align:center;
	border:1px solid var(--juejin-gray-1-3);
	background:var(--juejin-layer-1);
	border-radius:4px;
	padding:11px;
	display:flex;
	flex-direction:column;
	cursor:pointer;
	align-items:center
}
.jj-recommend-users-card [data-v-9554820c] {
	box-sizing:border-box
}
.jj-recommend-users-card .avatar[data-v-9554820c] {
	display:flex;
	width:48px;
	height:48px
}
.jj-recommend-users-card .level[data-v-9554820c] {
	position:absolute;
	bottom:-2px;
	left:50%;
	transform:translateX(-50%);
	margin:0
}
.jj-recommend-users-card .username[data-v-9554820c] {
	font-size:14px;
	line-height:22px;
	margin-bottom:4px;
	color:var(--juejin-font-1)
}
.jj-recommend-users-card .count[data-v-9554820c], .jj-recommend-users-card .username[data-v-9554820c] {
	min-width:0;
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all
}
.jj-recommend-users-card .count[data-v-9554820c] {
	opacity:.8;
	margin-bottom:2px;
	color:var(--juejin-font-2)
}
.jj-recommend-users-card .count .split[data-v-9554820c] {
	margin:0
}
.jj-recommend-users-card .reason[data-v-9554820c] {
	color:var(--juejin-font-2);
	background-color:var(--juejin-gray-3);
	margin-bottom:8px;
	border-radius:2px;
	padding:2px 6px;
	min-width:0;
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all
}
.jj-recommend-users-card .close-btn[data-v-9554820c] {
	position:absolute;
	top:6px;
	right:7px;
	display:flex;
	padding:4px;
	cursor:pointer
}
.jj-recommend-users-card .close-btn svg[data-v-9554820c] {
	fill:var(--juejin-font-4);
transition:all .2s
}
.jj-recommend-users-card .close-btn:hover svg[data-v-9554820c] {
	fill:var(--juejin-font-2)
}
.jj-recommend-users-card .follow-btn[data-v-9554820c] {
	border-radius:4px;
	border:1px solid var(--juejin-brand-1-normal);
	background:var(--juejin-brand-1-normal);
	width:80px;
	height:28px;
	display:flex;
	color:#fff;
	color:var(--font-white, #fff);
	margin:auto;
	justify-content:center;
	align-items:center;
	cursor:pointer;
transition:all .2s;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all;
	max-width:100%
}
.jj-recommend-users-card .follow-btn[data-v-9554820c]:hover {
	border:1px solid var(--juejin-brand-2-hover);
	background:var(--juejin-brand-2-hover)
}
.jj-recommend-users-card .follow-btn.followed[data-v-9554820c] {
	border:1px solid rgba(30, 128, 255, .3);
	border:1px solid var(--secondary-stroke-1, rgba(30, 128, 255, .3));
	background:rgba(30, 128, 255, .05);
	background:var(--secondary-fill-1, rgba(30, 128, 255, .05));
	color:var(--juejin-brand-1-normal)
}
@media (max-width:600px) {
.jj-recommend-users-card[data-v-9554820c] {
padding:11px 7px;
font-size:11px;
font-weight:400;
line-height:20px
}
.jj-recommend-users-card .count[data-v-9554820c] {
font-size:12px;
color:var(--juejin-font-3)
}
.jj-recommend-users-card .count .split[data-v-9554820c] {
display:none
}
.jj-recommend-users-card .reason[data-v-9554820c] {
font-size:11px;
padding:1px 4px
}
.jj-recommend-users-card .follow-btn[data-v-9554820c] {
font-size:13px;
width:76px
}
}
@-webkit-keyframes skeleton-keyframes-data-v-fd48baf4 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-fd48baf4 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.jj-recommend-users[data-v-fd48baf4] {
	box-sizing:border-box;
	overflow:hidden;
	position:relative;
	opacity:1;
	height:auto;
	background-color:var(--juejin-layer-1);
	padding:12px 14px;
transition:all .2s
}
.jj-recommend-users.un-init[data-v-fd48baf4] {
	opacity:0;
	height:1px;
	margin:0!important;
	padding:0!important;
	overflow:hidden
}
.jj-recommend-users [data-v-fd48baf4] {
	box-sizing:border-box
}
.jj-recommend-users .recommend-users-header[data-v-fd48baf4] {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:12px;
	padding:0 6px
}
.jj-recommend-users .recommend-users-header .title[data-v-fd48baf4] {
	color:var(--juejin-font-1);
	font-size:16px;
	font-style:normal;
	font-weight:500;
	line-height:24px
}
.jj-recommend-users .recommend-users-header .change-page-btn[data-v-fd48baf4] {
	color:var(--juejin-font-2);
	font-size:13px;
	font-style:normal;
	font-weight:400;
	line-height:20px;
	cursor:pointer;
transition:all .2s
}
.jj-recommend-users .recommend-users-header .change-page-btn[data-v-fd48baf4]:hover {
	color:var(--juejin-brand-2-hover)
}
.jj-recommend-users .user-list[data-v-fd48baf4] {
	display:flex
}
.jj-recommend-users .user-list .user-item[data-v-fd48baf4] {
	padding:0 6px;
	width:25%;
	min-width:0
}
.jj-recommend-users .user-list-scroll[data-v-fd48baf4] {
	display:flex;
	overflow:auto;
	flex-wrap:nowrap
}
.jj-recommend-users .user-list-scroll .user-item[data-v-fd48baf4] {
	padding:0 2px 0 6px;
	width:144px;
	min-width:0;
	flex-shrink:0
}
.light-theme, body {
--juejin-icon-close-bg:rgba(0, 0, 0, 0.3)
}
.dark-theme, body[data-theme=dark] {
--juejin-icon-close-bg:hsla(0, 0%, 100%, 0.2)
}
@-webkit-keyframes skeleton-keyframes-data-v-dfa31b92 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-dfa31b92 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.icon-close-triangle[data-v-dfa31b92] {
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	color:var(--juejin-icon-close-bg)
}
@-webkit-keyframes skeleton-keyframes-data-v-1560bf14 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-1560bf14 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.qrcode-popover[data-v-1560bf14] .byte-popover {
	border-radius:4px;
	background:linear-gradient(180deg, #edf5ff, #fff);
	box-shadow:0 8px 24px 0 rgba(81, 87, 103, .16);
	padding:24px 0 20px;
	box-sizing:border-box
}
.qrcode-popover[data-v-1560bf14] .byte-popover .byte-popover__content {
	margin:0
}
.qrcode-popover[data-v-1560bf14] .byte-popover .popper__arrow {
	border:none;
	background:#fff;
	border-radius:0 2px 0 0
}
.qrcode-popover[data-v-1560bf14] .byte-popover[x-placement=bottom] .popper__arrow {
	background:#edf5ff
}
.qrcode-popover.dark[data-v-1560bf14] .byte-popover {
	background:linear-gradient(180deg, #272f39, #282828)
}
.qrcode-popover.dark[data-v-1560bf14] .byte-popover .popper__arrow {
	background:#282828
}
.qrcode-popover.dark[data-v-1560bf14] .byte-popover[x-placement=bottom] .popper__arrow {
	background:#272f39
}
.qrcode-popover .qrcode-popover__content[data-v-1560bf14] {
	display:flex;
	flex-direction:column;
	align-items:center
}
.qrcode-popover .qrcode-popover__content .qrcode-popover__qrcode[data-v-1560bf14] {
	width:120px;
	height:120px
}
.qrcode-popover .qrcode-popover__content .qrcode-popover__description[data-v-1560bf14] {
	margin-top:18px;
	color:var(--juejin-font-2);
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:22px
}
@-webkit-keyframes skeleton-keyframes {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@-webkit-keyframes skeleton-keyframes-data-v-6c706188 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-6c706188 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.home-feed[data-v-6c706188] {
	position:relative
}
.home-feed .home-feed__content[data-v-6c706188] {
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:56px;
	box-sizing:border-box;
	background-size:100%
}
.home-feed .home-feed__content .home-feed__title[data-v-6c706188] {
	cursor:pointer;
	padding:0;
	margin:0;
	color:var(--juejin-font-1);
	text-align:center;
	font-size:15px;
	font-weight:400;
	line-height:24px
}
.home-feed .home-feed__content .home-feed__title[data-v-6c706188] em {
	font-style:normal;
	font-weight:500;
	color:var(--juejin-font-brand1-normal);
	margin-right:8px
}
@-webkit-keyframes skeleton-keyframes-data-v-3b6095bc {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-3b6095bc {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.advertisement[data-v-3b6095bc] {
	position:relative;
	cursor:pointer;
	padding:12px 20px 0
}
.advertisement .meta-container .user-message[data-v-3b6095bc], .advertisement .meta-container[data-v-3b6095bc] {
	display:flex;
	align-items:center
}
.advertisement .meta-container .user-message .userbox[data-v-3b6095bc] {
	max-width:162px;
	font-size:13px;
	line-height:22px;
	color:var(--juejin-font-3);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all
}
.advertisement .meta-container .user-message .userbox[data-v-3b6095bc]:hover {
	color:var(--juejin-font-brand1-normal)
}
.advertisement .meta-container .date[data-v-3b6095bc] {
	line-height:22px;
	font-size:13px;
	color:var(--juejin-font-3);
	margin-left:20px
}
.advertisement .tag[data-v-3b6095bc] {
	position:absolute;
	bottom:0;
	right:0;
	box-sizing:border-box;
	border-radius:4px 0 4px 0;
	line-height:18px;
	width:32px;
	text-align:center;
	color:var(--juejin-font-white);
	font-size:12px;
	background-color:var(--juejin-shade-1)
}
.advertisement .main[data-v-3b6095bc] {
	padding-bottom:12px;
	display:flex;
	border-bottom:1px solid var(--juejin-gray-1-2);
	align-items:center
}
.advertisement .main .info-box[data-v-3b6095bc] {
	flex-grow:1
}
.advertisement .main .info-box .title[data-v-3b6095bc] {
	font-weight:600;
	font-size:16px;
	line-height:24px;
	color:var(--juejin-font-1);
	margin-bottom:4px
}
.advertisement .main .info-box .description[data-v-3b6095bc], .advertisement .main .info-box .title[data-v-3b6095bc] {
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
.advertisement .main .info-box .description[data-v-3b6095bc] {
	font-weight:400;
	font-size:13px;
	line-height:22px;
	color:var(--juejin-font-3)
}
.advertisement .thumb[data-v-3b6095bc] {
	flex:0 0 auto;
	width:108px;
	height:72px;
	margin-left:24px;
	border-radius:4px;
	border:1px solid var(--juejin-gray-1-2)
}
@media (max-width:600px) {
.advertisement .thumb[data-v-3b6095bc] {
margin-left:12px
}
}
.advertisement .thumb-wrap[data-v-3b6095bc] {
	position:relative;
	display:flex
}
.advertisement .footer[data-v-3b6095bc] {
	margin-top:6px
}
body[data-theme=dark] .thumb[data-v-3b6095bc] {
	filter:brightness(.94)
}
@-webkit-keyframes skeleton-keyframes-data-v-7e1924fd {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-7e1924fd {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.content-box[data-v-7e1924fd] {
	display:block;
	position:relative;
	background:var(--juejin-layer-1);
	padding:12px 20px 0
}
.content-box[data-v-7e1924fd]:hover {
	background:var(--juejin-gray-3)
}
.content-box .meta-container .user-message[data-v-7e1924fd], .content-box .meta-container[data-v-7e1924fd] {
	display:flex;
	align-items:center
}
.content-box .meta-container .user-message .userbox[data-v-7e1924fd] {
	max-width:162px;
	font-size:13px;
	line-height:22px;
	color:var(--juejin-font-2);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all
}
.content-box .meta-container .user-message .userbox[data-v-7e1924fd]:hover {
	color:var(--juejin-brand-1-normal)
}
.content-box .tag[data-v-7e1924fd] {
	position:absolute;
	top:12px;
	right:20px;
	border:1px solid var(--juejin-gray-1-1);
	box-sizing:border-box;
	border-radius:2px;
	line-height:18px;
	width:42px;
	text-align:center;
	color:#ff85af;
	font-size:13px
}
.content-box .main-row[data-v-7e1924fd] {
	padding-bottom:12px;
	border-bottom:1px solid var(--juejin-gray-1-1)
}
.content-box .main[data-v-7e1924fd] {
	margin-top:6px
}
.content-box .main .info-box[data-v-7e1924fd] {
	flex-grow:1
}
.content-box .main .info-box .title[data-v-7e1924fd] {
	font-weight:700;
	font-size:16px;
	line-height:24px;
	color:var(--juejin-font-1)
}
.content-box .main .info-box .description[data-v-7e1924fd], .content-box .main .info-box .title[data-v-7e1924fd] {
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
.content-box .main .info-box .description[data-v-7e1924fd] {
	margin-top:8px;
	font-weight:400;
	font-size:13px;
	line-height:22px;
	color:var(--juejin-font-3)
}
.content-box .action-list[data-v-7e1924fd] {
	display:flex;
	align-items:center;
	margin-top:10px
}
.content-box .action-list .item[data-v-7e1924fd] {
	position:relative;
	align-items:center;
	display:flex;
	margin-right:32px;
	font-size:13px;
	line-height:20px;
	color:var(--juejin-font-3)
}
.content-box .action-list .item i[data-v-7e1924fd] {
	display:block;
	width:16px;
	height:16px;
	background-size:100%
}
.content-box .action-list .item i+span[data-v-7e1924fd] {
	margin-left:4px
}
.content-box .action-list .item.salecount i[data-v-7e1924fd] {
	background-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/salecount.34b2b23.png)
}
.content-box .action-list .item.price i[data-v-7e1924fd] {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFQSURBVHgB7dlBSsNQEAbgfxKh7sQb1BvYG+gFJO7EjXYnbjyC9QbujCtxo1lq9QC5ifEEusumfWNGjSA0SSHhTWjng8AEpo/8Je81rwGMWW+EDkRHZ8MZMJT6NYlTeNQ6gFy8I3orz5lc9PJw+wxPArRUfvN/HG3Do9YBtFkAbRZAmwXQtgFP5AePEVxKzcTp9PHmHh3wFsABExCf/J6eFkcnAWwOaLMA2lZ7GZWlbw7sSR0C6VMSZ+iZ2gBz0B3RTwDHLJuUCD2z9C3EhC30kE1ibd4eJZZ1cHx+QQ67UhPcVdPC0bsAYL7m8r8S/r5BxnXtNge0WQBtFkCbBdBmAbRZAG0WQFt9AMInGhTP49n/EfmjojWrqCv7GO4dDWoDhPlgXGzm9+UI883DRT2y4QiYd6QnoNmo6g3lNIkn5VhBPhhVXlDZU4wln4ExptYX6V9l8F00/skAAAAASUVORK5CYII=)
}
@-webkit-keyframes skeleton-keyframes-data-v-60035ee6 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-60035ee6 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.content-box[data-v-60035ee6] {
	display:block;
	position:relative;
	background:var(--juejin-layer-1);
	padding:12px 20px 0
}
.content-box[data-v-60035ee6]:hover {
	background:var(--juejin-gray-3)
}
.content-box .meta-container .user-message[data-v-60035ee6], .content-box .meta-container[data-v-60035ee6] {
	display:flex;
	align-items:center
}
.content-box .meta-container .user-message .userbox[data-v-60035ee6] {
	max-width:162px;
	font-size:13px;
	line-height:22px;
	color:var(--juejin-font-2);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all
}
.content-box .meta-container .user-message .userbox[data-v-60035ee6]:hover {
	color:var(--juejin-brand-1-normal)
}
.content-box .meta-container .dividing[data-v-60035ee6] {
	width:1px;
	height:14px;
	background:var(--juejin-gray-1-1);
	margin:0 8px
}
.content-box .meta-container .date[data-v-60035ee6] {
	line-height:22px;
	font-size:13px;
	color:var(--juejin-font-3)
}
.content-box .tag[data-v-60035ee6] {
	position:absolute;
	top:12px;
	right:20px;
	border:1px solid #ffab1e;
	box-sizing:border-box;
	border-radius:2px;
	line-height:18px;
	width:42px;
	text-align:center;
	color:#ffab1e;
	font-size:13px
}
.content-box .main[data-v-60035ee6] {
	margin-top:6px;
	padding-bottom:12px;
	display:flex;
	border-bottom:1px solid var(--juejin-gray-1-1)
}
.content-box .main .info-box[data-v-60035ee6] {
	flex-grow:1
}
.content-box .main .info-box .title[data-v-60035ee6] {
	font-weight:700;
	font-size:16px;
	line-height:24px;
	color:var(--juejin-font-1);
	-webkit-line-clamp:1
}
.content-box .main .info-box .description[data-v-60035ee6], .content-box .main .info-box .title[data-v-60035ee6] {
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical
}
.content-box .main .info-box .description[data-v-60035ee6] {
	margin-top:8px;
	font-weight:400;
	font-size:13px;
	line-height:22px;
	color:var(--juejin-font-3);
	-webkit-line-clamp:2
}
.content-box .thumb[data-v-60035ee6] {
	flex:0 0 auto;
	width:120px;
	height:80px;
	margin-left:24px;
	border-radius:2px
}
@media (max-width:600px) {
.content-box .thumb[data-v-60035ee6] {
margin-left:12px
}
}
@-webkit-keyframes skeleton-keyframes-data-v-435011c0 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-435011c0 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.entry-list[data-v-435011c0] {
	width:100%;
	background-color:var(--juejin-layer-1);
	position:relative
}
.item[data-v-435011c0] {
transition:all .3s ease-in
}
.entry-list-enter[data-v-435011c0], .entry-list-leave-to[data-v-435011c0] {
	opacity:0
}
.entry-list-leave-active[data-v-435011c0] {
	position:absolute;
	left:0;
	right:0
}
.empty[data-v-435011c0] {
	padding:2rem 0;
	width:100%;
	font-size:1.2rem;
	text-align:center
}
@-webkit-keyframes skeleton-keyframes-data-v-dfb990ba {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-dfb990ba {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.empty-box[data-v-dfb990ba] {
	height:400px;
	background-color:var(--juejin-layer-1)
}
@-webkit-keyframes skeleton-keyframes-data-v-67841cc3 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-67841cc3 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-67841cc3] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-67841cc3] {
display:none
}
}
.nav[data-v-67841cc3] {
	margin-top:16px;
	box-sizing:border-box;
	cursor:default;
	font-size:15px;
	position:-webkit-sticky;
	position:sticky;
	top:80px;
	z-index:10;
	border-radius:2px
}
.nav .nav-sticky-mask[data-v-67841cc3], .nav[data-v-67841cc3] {
	background-color:var(--juejin-layer-1);
transition:top .2s
}
.nav .nav-sticky-mask[data-v-67841cc3] {
	display:block;
	position:fixed;
	top:0;
	width:100vw;
	height:80px
}
.nav.nav-sticky[data-v-67841cc3] {
	position:-webkit-sticky;
	position:sticky;
	top:20px;
	z-index:10;
transition:top .2s
}
.nav.nav-sticky .nav-sticky-mask[data-v-67841cc3] {
	height:20px
}
.nav .main-nav[data-v-67841cc3] {
	padding:10px 12px;
	border-bottom:1px solid var(--juejin-gray-1-2);
	background-color:var(--juejin-layer-1);
	white-space:nowrap;
	overflow-x:scroll
}
.nav .main-nav[data-v-67841cc3]::-webkit-scrollbar {
height:0
}
.nav .main-nav[data-v-67841cc3]::-webkit-scrollbar-thumb {
border-radius:4px;
background:var(--juejin-gray-1-1)
}
.nav .main-nav .nav-item[data-v-67841cc3] {
	position:relative;
	font-size:15px;
	margin-left:8px;
	margin-right:24px;
	max-width:104px;
	display:inline-block;
	color:var(--juejin-font-1)
}
.nav .main-nav .nav-item[data-v-67841cc3] .byte-tooltip__wrapper {
	display:inline-block
}
.nav .main-nav .nav-item .nav-item-tip[data-v-67841cc3] {
	display:inline-block;
	line-height:28px;
	max-width:104px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.nav .main-nav .nav-item.active[data-v-67841cc3], .nav .main-nav .nav-item[data-v-67841cc3]:hover {
	color:var(--juejin-font-brand1-normal)
}
.nav .main-nav .nav-item.active[data-v-67841cc3] {
	font-weight:500
}
.nav .main-nav .nav-item.active[data-v-67841cc3]:before {
	content:"";
	width:16px;
	background:var(--juejin-brand-1-normal);
	height:3px;
	position:absolute;
	bottom:-10px;
	border-radius:2px;
	left:50%;
	transform:translate(-50%)
}
.nav .sub-nav[data-v-67841cc3] {
	padding:16px 12px
}
.nav .sub-nav .radio-group[data-v-67841cc3] {
	display:flex;
	flex-direction:row;
	grid-gap:1px;
	gap:1px;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	padding:3px;
	background-color:var(--juejin-gray-2);
	border-radius:2px
}
.nav .sub-nav .radio-group .radio[data-v-67841cc3] {
	display:flex;
	justify-content:center;
	align-items:center;
	color:var(--juejin-font-3);
	width:52px;
	height:26px;
	border-radius:2px
}
.nav .sub-nav .radio-group .radio.active[data-v-67841cc3] {
	color:var(--juejin-brand-1-normal);
	background-color:var(--juejin-layer-1)
}
.nav-placeholder[data-v-67841cc3] {
	height:70px
}
@media (max-width:980px) {
.nav[data-v-67841cc3] {
margin-top:0;
width:100%;
top:53px
}
.nav .nav-sticky-mask[data-v-67841cc3] {
display:none
}
.nav.nav-sticky[data-v-67841cc3] {
top:0;
width:100%
}
}
@-webkit-keyframes skeleton-keyframes-data-v-831e2a40 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-831e2a40 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-831e2a40] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-831e2a40] {
display:none
}
}
.box[data-v-831e2a40] {
	padding:24px;
	background:var(--juejin-layer-1);
	border-radius: 5px;
	margin-bottom: 10px
}
@media screen and (max-width:760px) {
.box[data-v-831e2a40] {
padding:0
}
}
.box .new-detail[data-v-831e2a40] {
	display:flex;
	flex-direction:column
}
.box .new-detail .new-detail-title[data-v-831e2a40] {
	display:flex;
	align-items:center
}
@media screen and (max-width:760px) {
.box .new-detail .new-detail-title[data-v-831e2a40] {
display:none
}
}
.box .new-detail .new-detail-title .new-detail-title-img[data-v-831e2a40] {
	background:url(forum_hot.png) no-repeat 50%;
	background-size:100% 100%;
	width:20px;
	height:20px;
	margin-right:4px
}
.box .new-detail .new-detail-title .new-detail-title-text[data-v-831e2a40] {
	width:68px;
	height:24px;
	top:104px;
	left:264px;
	font-family:Source Han Sans CN;
	font-weight:500;
	font-size:16px;
	line-height:24px
}
.box .new-detail .new-detail-block[data-v-831e2a40] {
	display: block;
	margin-top:16px
}
@media screen and (max-width:760px) {
.box .new-detail .new-detail-block[data-v-831e2a40] {
flex-direction:column;
margin-top:0
}
}
.box .new-detail .new-detail-block .new-detail-block-left[data-v-831e2a40] {
	float: left;
	display:flex;
	width: 223px;
	flex-direction:column;
	margin-right:31px;
	cursor:pointer
}
@media screen and (max-width:760px) {
.box .new-detail .new-detail-block .new-detail-block-left[data-v-831e2a40] {
margin-right:0
}
}
.box .new-detail .new-detail-block .new-detail-block-left .new-detail-block-left-img[data-v-831e2a40] {
	width:223px;
	height:125px;
	min-height:125px;
	margin-bottom:8px
}
@media screen and (max-width:760px) {
.box .new-detail .new-detail-block .new-detail-block-left .new-detail-block-left-img[data-v-831e2a40] {
width:100%;
height:221px
}
}
.box .new-detail .new-detail-block .new-detail-block-left .new-detail-block-left-text[data-v-831e2a40] {
	width:213px;
	height:50px;
	font-family:Source Han Sans CN;
	font-weight:500;
	font-size:16px;
	line-height:24px;
	color:#252933;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis
}
.box .new-detail .new-detail-block .new-detail-block-left .new-detail-block-left-text[data-v-831e2a40]:hover {
	color:var(--juejin-brand-1-normal)
}
@media screen and (max-width:760px) {
.box .new-detail .new-detail-block .new-detail-block-left .new-detail-block-left-text[data-v-831e2a40] {
width:100%;
padding:0 16px
}
}
.box .new-detail .new-detail-block .new-detail-block-right[data-v-831e2a40] {
	float: right;
	display: block;
	width: calc(100% - 254px);
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:center
}
@media screen and (max-width:1286px) and (min-width:980px) {
.box .new-detail .new-detail-block .new-detail-block-right[data-v-831e2a40] {
max-width:calc(100vw - 582px)
}
}
@media screen and (max-width:760px) {
.box .new-detail .new-detail-block .new-detail-block-right[data-v-831e2a40] {
flex-direction:column;
padding:0 16px 16px
}
}
.box .new-detail .new-detail-block .new-detail-block-right .new-detail-block-right-item[data-v-831e2a40] {
	float: left;
	display: block;
	flex-direction:column;
	width: calc(50% - 10px);
	height:49px;
	margin: 0 20px 20px 0;
	cursor:pointer
}
.box .new-detail .new-detail-block .new-detail-block-right .new-detail-block-right-item[data-v-831e2a40]:nth-child(2n) { margin: 0 0 20px 0}
.box .new-detail .new-detail-block .new-detail-block-right .new-detail-block-right-item[data-v-831e2a40]:nth-child(5n) { margin: 0 20px 0 0}
.box .new-detail .new-detail-block .new-detail-block-right .new-detail-block-right-item[data-v-831e2a40]:nth-child(6n) { margin: 0}
@media screen and (max-width:768px) {
.box .new-detail .new-detail-block .new-detail-block-right .new-detail-block-right-item[data-v-831e2a40] {
width:100%
}
}
.box .new-detail .new-detail-block .new-detail-block-right .new-detail-block-right-item .new-detail-block-right-item-title[data-v-831e2a40] {
	font-family:Source Han Sans CN;
	font-weight:400;
	font-size:15px;
	line-height:23px;
	color:#252933;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.box .new-detail .new-detail-block .new-detail-block-right .new-detail-block-right-item .new-detail-block-right-item-title[data-v-831e2a40]:hover {
	color:var(--juejin-brand-1-normal)
}
.box .new-detail .new-detail-block .new-detail-block-right .new-detail-block-right-item .new-detail-block-right-item-desc[data-v-831e2a40] {
	font-family:Source Han Sans CN;
	font-weight:400;
	font-size:13px;
	line-height:22px;
	color:#8a919f;
	margin-top:4px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.box .description[data-v-831e2a40] {
	font-weight:400;
	font-size:16px;
	line-height:28px;
	color:var(--juejin-font-2);
	margin:13px 0 0
}
.box .description .description-text-list .description-url[data-v-831e2a40] {
	color:var(--juejin-brand-1-normal)
}
.box .description .description-text-list .description-url[data-v-831e2a40]:hover {
	color:var(--juejin-brand-2-hover)
}
@media (max-width:980px) {
.box .new-detail .info .activeness .share[data-v-831e2a40] {
display:none
}
.box .new-detail .add[data-v-831e2a40] {
width:5rem;
height:2.67rem;
padding:0
}
.box .description[data-v-831e2a40] {
padding-left:0
}
}
@-webkit-keyframes skeleton-keyframes-data-v-25391afa {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-25391afa {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.bg[data-v-25391afa] {
	background-color:var(--juejin-layer-1);
	border-radius:2px;
	position:relative;
	width:300px;
	color:var(--juejin-font-1)
}
.bg .title[data-v-25391afa] {
	padding:18px 20px;
	margin:0;
	font-family:Source Han Sans CN;
	font-weight:500;
	font-size:16px;
	line-height:24px;
	color:#1d2129;
	display:flex;
	justify-items:center
}
.bg .title img[data-v-25391afa] {
	width:20px;
	height:20px;
	margin-right:8px
}
.bg .title p[data-v-25391afa] {
	margin:0
}
.bg .divide[data-v-25391afa] {
	width:100%;
	height:0;
	border-bottom:1px solid #e4e6eb;
	margin-bottom:16px
}
.bg .content[data-v-25391afa] {
	padding:0 20px 20px;
	display:flex;
	grid-gap:16px;
	gap:16px;
	flex-direction:column
}
.bg .content .content-block[data-v-25391afa] {
	display:flex;
	justify-content:space-between
}
.bg .content .content-block .content-block-info[data-v-25391afa] {
	display:flex;
	flex-direction:row;
	cursor:pointer
}
.bg .content .content-block .content-block-info .content-block-info-content[data-v-25391afa] {
	display:flex;
	flex-direction:column
}
.bg .content .content-block .content-block-info .content-block-info-content .content-block-info-content-title[data-v-25391afa] {
	font-family:Source Han Sans CN;
	font-weight:500;
	font-size:14px;
	line-height:18px;
	color:#252933;
	margin-bottom:6px
}
.bg .content .content-block .content-block-info .content-block-info-content .content-block-info-content-title[data-v-25391afa]:hover {
	color:var(--juejin-brand-1-normal)
}
.bg .content .content-block .content-block-info .content-block-info-content .content-block-info-content-data[data-v-25391afa] {
	font-family:Source Han Sans CN;
	font-weight:400;
	font-size:12px;
	line-height:20px;
	color:#8a919f
}
.bg .content .content-block .content-block-info img[data-v-25391afa] {
	width:36px;
	height:36px;
	border-radius:2px;
	margin-right:8px
}
.bg .content .content-block .content-block-go[data-v-25391afa] {
	width:55px;
	height:28px;
	border-radius:4px;
	background:rgba(30, 128, 255, .05098);
	border:1px solid rgba(30, 128, 255, .30196);
	font-family:Source Han Sans CN;
	font-weight:400;
	font-size:13px;
	line-height:28px;
	text-align:center;
	color:#1e80ff;
	cursor:pointer
}
.topic-container[data-v-0159f932] {
	display:flex;
	flex-direction:row;
	margin-top:20px
}
.topic-container .main[data-v-0159f932] {
	width:0;
	flex-grow:1
}
.topic-container .side[data-v-0159f932] {
	width:300px;
	margin-left:24px;
	flex-shrink:0
}
@media (max-width:980px) {
.topic-container .side[data-v-0159f932] {
display:none
}
}
@-webkit-keyframes skeleton-keyframes-data-v-58cf8167 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-58cf8167 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.bg[data-v-58cf8167] {
	background-color:var(--juejin-layer-1);
	border-radius:2px;
	position:relative;
	width:300px;
	color:var(--juejin-font-1)
}
.bg .block[data-v-58cf8167] {
	display:flex;
	flex-direction:column;
	width:100%;
	padding-left:20px;
	margin-bottom:20px;
	margin-top:16px;
	grid-gap:20px;
	gap:20px
}
.bg .block .block-content[data-v-58cf8167] {
	display:flex;
	flex-direction:row;
	cursor:pointer
}
.bg .block .block-content p[data-v-58cf8167] {
	margin:0
}
.bg .block .block-content img[data-v-58cf8167] {
	width:48px;
	height:64px;
	border-radius:2px;
	margin-right:8px
}
.bg .block .block-content .block-content-info[data-v-58cf8167] {
	display:flex;
	flex-direction:column;
	align-items:stretch
}
.bg .block .block-content .block-content-info .block-content-info-title[data-v-58cf8167] {
	width:164px;
	height:36px;
	font-family:Source Han Sans CN;
	font-weight:500;
	font-size:14px;
	line-height:18px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#252933;
	margin-bottom:6px
}
.bg .block .block-content .block-content-info .block-content-info-title[data-v-58cf8167]:hover {
	color:var(--juejin-brand-1-normal)
}
.bg .block .block-content .block-content-info .block-content-info-desc[data-v-58cf8167] {
	font-family:Source Han Sans CN;
	font-weight:400;
	font-size:13px;
	line-height:22px;
	color:#8a919f
}
.bg .block .block-content .block-content-desc[data-v-58cf8167] {
	font-family:Source Han Sans CN;
	font-weight:400;
	font-size:13px;
	line-height:22px;
	color:#515767;
	margin-top:8px
}
.bg .block .block-content .block-content-author[data-v-58cf8167] {
	font-family:Source Han Sans CN;
	font-weight:400;
	font-size:13px;
	line-height:22px;
	color:#8a919f;
	margin-top:4px
}
.bg .title[data-v-58cf8167] {
	padding:18px 20px;
	margin:0;
	font-family:Source Han Sans CN;
	font-weight:500;
	font-size:16px;
	line-height:24px;
	color:#1d2129;
	display:flex;
	justify-items:center
}
.bg .title img[data-v-58cf8167] {
	width:20px;
	height:20px;
	margin-right:8px
}
.bg .title p[data-v-58cf8167] {
	margin:0
}
.bg .divide[data-v-58cf8167] {
	width:80%
}
.bg .divide[data-v-58cf8167], .bg .new-divide[data-v-58cf8167] {
	border-bottom:1px solid rgba(228, 230, 235, .8);
	margin:0 auto
}
.bg .new-divide[data-v-58cf8167] {
	width:100%
}
.bg .more-container[data-v-58cf8167] {
	display:flex;
	justify-content:center;
	padding:12px 0;
	margin:0 auto
}
.bg .more-container .more[data-v-58cf8167] {
	font-family:PingFang SC;
	font-weight:400;
	font-size:14px;
	line-height:22px;
	color:#8a919f;
	text-align:center;
	width:100%;
	cursor:pointer
}
.bg .more-container .more[data-v-58cf8167]:hover {
	color:var(--juejin-brand-1-normal)
}
@-webkit-keyframes skeleton-keyframes-data-v-597fead3 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-597fead3 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.bg[data-v-597fead3] {
	background-color:var(--juejin-layer-1);
	border-radius:2px;
	position:relative;
	width:300px;
	color:var(--juejin-font-1);
	margin-bottom:16px
}
.bg .block[data-v-597fead3] {
	display:flex;
	flex-direction:column;
	width:100%;
	padding-left:20px;
	margin-bottom:20px;
	margin-top:16px;
	grid-gap:20px;
	gap:20px
}
.bg .block .block-content[data-v-597fead3] {
	display:flex;
	flex-direction:row;
	align-items:center;
	cursor:pointer
}
.bg .block .block-content p[data-v-597fead3] {
	margin:0
}
.bg .block .block-content img[data-v-597fead3] {
	width:48px;
	height:36px;
	border-radius:2px;
	margin-right:8px
}
.bg .block .block-content .icon[data-v-597fead3] {
	width:16px;
	height:16px;
	vertical-align:text-bottom;
	margin-right:unset
}
.bg .block .block-content .block-content-info[data-v-597fead3] {
	display:flex;
	flex-direction:column
}
.bg .block .block-content .block-content-info .block-content-info-title[data-v-597fead3] {
	width:164px;
	height:18px;
	font-family:Source Han Sans CN;
	font-weight:500;
	font-size:14px;
	line-height:18px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#252933;
	margin-bottom:6px
}
.bg .block .block-content .block-content-info .block-content-info-desc[data-v-597fead3] {
	font-family:Source Han Sans CN;
	font-weight:400;
	font-size:13px;
	line-height:22px;
	color:#8a919f;
	display:flex;
	align-items:center
}
.bg .divide[data-v-597fead3] {
	width:80%;
	border:1px solid rgba(228, 230, 235, .8);
	margin:0 auto
}
.bg .more[data-v-597fead3] {
	font-family:PingFang SC;
	font-weight:400;
	font-size:14px;
	line-height:22px;
	color:#8a919f;
	margin-top:12px;
	margin-bottom:12px;
	text-align:center;
	width:100%;
	cursor:pointer
}
@-webkit-keyframes skeleton-keyframes-data-v-611abbd7 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-611abbd7 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.tool-bar[data-v-611abbd7] {
	position:fixed;
	bottom:0;
	left:0;
	z-index:100;
	width:100%;
	height:64px;
	background-color:var(--juejin-layer-1);
	box-shadow:0 -.5px 0 var(--juejin-layer-3-border)
}
.tool-bar .content[data-v-611abbd7] {
	max-width:1286px;
	width:100%;
	height:100%;
	margin:0 auto;
	display:flex;
	flex-direction:row;
	align-items:center
}
.tool-bar .content .placeholder[data-v-611abbd7] {
	height:100%;
	flex-grow:1
}
.tool-bar .content .button-group[data-v-611abbd7] {
	margin-left:24px;
	display:flex;
	flex-direction:row;
	justify-content:center;
	grid-gap:20px;
	gap:20px
}
.tool-bar .content .button-group .button[data-v-611abbd7] {
	width:160px;
	height:40px;
	border:1px solid rgba(30, 128, 255, .3);
	border-radius:4px;
	color:#1e80ff;
	font-size:1rem;
	text-align:center;
	line-height:40px;
	outline:none;
	box-sizing:border-box;
	cursor:pointer;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--juejin-brand-fill1-normal);
	color:var(--juejin-font-brand1-normal)
}
.tool-bar .content .button-group .button[data-v-611abbd7]:hover {
	background:var(--juejin-brand-fill2-hover);
	color:var(--juejin-font-brand2-hover)
}
.tool-bar .content .button-group .button[data-v-611abbd7]:active {
	background:var(--juejin-brand-fill3-click);
	color:var(--juejin-font-brand3-click)
}
.nav {
	margin-top:0!important;
	position:unset!important;
	top:0!important
}
@media screen and (max-width:760px) {
.topic-container {
margin-top:0!important
}
}
@-webkit-keyframes skeleton-keyframes-data-v-bf75022a {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
@keyframes skeleton-keyframes-data-v-bf75022a {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-bf75022a] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-bf75022a] {
display:none
}
}
.bg[data-v-bf75022a] {
	background-color:var(--juejin-layer-1);
	border-radius:2px;
	position:relative;
	width:300px
}
.side[data-v-bf75022a] {
	display:flex;
	flex-direction:column;
	grid-gap:16px;
	gap:16px
}
.sticky[data-v-bf75022a] {
	position:fixed!important;
	top:16px
}
@media (max-width:980px) {
.tool-bar[data-v-bf75022a] {
display:none
}
}
.new-sidebar[data-v-bf75022a] {
	height:100%
}
.new-sidebar[data-v-bf75022a]>:not(:last-child) {
margin-bottom:16px
}
.new-sidebar .is-sticky[data-v-bf75022a] {
	position:-webkit-sticky;
	position:sticky;
	top:24px
}