@keyframes skeleton-keyframes-data-v-23fe1cc4 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.common-empty[data-v-23fe1cc4] {
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column
}
.common-empty[data-v-23fe1cc4]:after {
	content:"";
	display:block;
	height:40px;
	width:100%
}
.common-empty .img-empty-wrap[data-v-23fe1cc4] {
	display:flex;
	justify-content:center;
	margin-bottom:8px
}
.common-empty .img-empty[data-v-23fe1cc4] {
	display:block;
	width:180px;
	height:180px;
	background-size:cover;
	background-position:50%;
	background-repeat:no-repeat
}
.common-empty .title[data-v-23fe1cc4] {
	font-size:22px;
	line-height:32px;
	font-weight:500;
	color:var(--juejin-font-brand1-normal);
	margin-bottom:8px
}
.common-empty .content-slot-wrap[data-v-23fe1cc4], .common-empty .description[data-v-23fe1cc4] {
	font-size:16px;
	font-weight:400;
	color:var(--juejin-font-3)
}
.common-empty .description[data-v-23fe1cc4] {
	line-height:28px
}
.common-empty .button-default[data-v-23fe1cc4], .common-empty .button-link[data-v-23fe1cc4], .common-empty .button-login[data-v-23fe1cc4] {
	margin-top:40px;
	background:var(--juejin-brand-fill1-normal);
	border:1px solid var(--juejin-brand-stroke1-normal);
	border-radius:4px;
	padding:0 20px;
	height:40px;
	font-size:16px;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
	color:var(--juejin-font-brand1-normal)
}
.common-empty .button-default[data-v-23fe1cc4]:hover, .common-empty .button-link[data-v-23fe1cc4]:hover, .common-empty .button-login[data-v-23fe1cc4]:hover {
	cursor:pointer;
	background:var(--juejin-brand-fill2-hover);
	border-color:var(--juejin-brand-stroke2-hover)
}
.common-empty .button-default[data-v-23fe1cc4]:active, .common-empty .button-link[data-v-23fe1cc4]:active, .common-empty .button-login[data-v-23fe1cc4]:active {
	background:var(--juejin-brand-fill3-click);
	border-color:var(--juejin-brand-stroke3-click)
}
@media (max-width:600px) {
.common-empty .title[data-v-23fe1cc4] {
font-size:18px
}
.common-empty .content-slot-wrap[data-v-23fe1cc4], .common-empty .description[data-v-23fe1cc4] {
font-size:14px
}
}
.lazy[data-v-5244ef91] {
	position:relative;
	-o-object-fit:cover;
	object-fit:cover
}
.lazy[data-v-5244ef91]:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:inherit;
	border-radius:inherit
}
.lazy[data-v-5244ef91]:not(.immediate):before {
transition:opacity .2s
}
@keyframes skeleton-keyframes-data-v-21339fef {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-21339fef] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-21339fef] {
display:none
}
}
.xitu-skeleton-animated .xitu-skeleton-avatar[data-v-21339fef], .xitu-skeleton-animated .xitu-skeleton-line[data-v-21339fef] {
	background:linear-gradient(90deg, var(--juejin-layer-loading-start), var(--juejin-layer-loading-end), var(--juejin-layer-loading-start));
	background-size:480px 480px;
animation:skeleton-keyframes-data-v-21339fef .6s linear infinite
}
.xitu-skeleton[data-v-21339fef] {
	width:100%;
	background-color:var(--juejin-layer-1)
}
.xitu-skeleton-avatar[data-v-21339fef] {
	float:left;
	margin-right:12px;
	background-color:var(--juejin-gray-1-1);
	display:block
}
.xitu-skeleton-avatar-circle[data-v-21339fef] {
	border-radius:50%
}
.xitu-skeleton-avatar-square[data-v-21339fef] {
	border-radius:15%
}
.xitu-skeleton-item[data-v-21339fef] {
	padding-bottom:21px;
	margin-bottom:21px;
	border-bottom:1px solid var(--juejin-gray-1-1)
}
.xitu-skeleton-item[data-v-21339fef]:last-child {
	padding:0;
	margin:0;
	border:none
}
.xitu-skeleton-content[data-v-21339fef] {
	overflow:hidden
}
.xitu-skeleton-line[data-v-21339fef] {
	width:100%;
	margin-bottom:16px;
	height:14px
}
.xitu-skeleton-line[data-v-21339fef]:first-child {
	width:40%;
	margin-top:8px
}
.xitu-skeleton-line[data-v-21339fef]:nth-child(3) {
width:80%
}
.xitu-skeleton-line[data-v-21339fef]:last-child {
	width:60%;
	margin-bottom:0
}
@keyframes skeleton-keyframes-data-v-222d7b0f {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.add-group[data-v-222d7b0f] {
	display:flex;
	align-items:center;
	position:relative;
	cursor:pointer;
	width:115px;
	height:3rem
}
.add-group .update-icon[data-v-222d7b0f] {
	position:absolute;
	top:-12px;
	left:56px;
	z-index:auto
}
.add-group .add-btn[data-v-222d7b0f], .add-group .more[data-v-222d7b0f] {
	height:100%;
	color:var(--juejin-font-white);
	background-color:var(--juejin-brand-1-normal);
	border-radius:3px;
transition:background-color .1s linear .05s
}
.add-group .add-btn.hide[data-v-222d7b0f], .add-group .more.hide[data-v-222d7b0f] {
	background-color:transparent!important
}
.add-group .add-btn[data-v-222d7b0f]:hover, .add-group .more[data-v-222d7b0f]:hover {
	background-color:var(--juejin-brand-2-hover)
}
.add-group .add-btn[data-v-222d7b0f] {
	padding:0 1rem;
	font-size:1.167rem;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	white-space:nowrap
}
.add-group .more[data-v-222d7b0f] {
	flex:0 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	width:1.667rem;
	border-left:1px solid hsla(0, 0%, 100%, .1);
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	box-sizing:border-box
}
.add-group .more:hover .more-list[data-v-222d7b0f] {
	display:flex
}
.add-group .more:hover .unfold12-icon[data-v-222d7b0f] {
	transform:rotate(180deg)
}
.add-group .more:hover .more-mask[data-v-222d7b0f] {
	width:100%;
	transition-delay:0s
}
.add-group .new-user-modal[data-v-222d7b0f] {
	cursor:default;
	position:absolute;
	left:-118px;
	top:50px;
	z-index:1
}
.add-group .more-mask[data-v-222d7b0f] {
transition:width .1s linear .5s;
	position:absolute;
	right:0;
	top:100%;
	width:0;
	height:30px;
	z-index:9;
	opacity:0
}
.add-group .more-list[data-v-222d7b0f] {
	display:none;
	position:absolute;
	width:402px;
	max-height:344px;
	flex-direction:column;
	right:0;
	top:47px;
	padding:20px;
	background:var(--juejin-layer-4-dropdown);
	border:1px solid var(--juejin-gray-1-1);
	box-shadow:0 0 24px rgba(81, 87, 103, .16);
	border-radius:4px;
	box-sizing:border-box;
	z-index:10
}
.add-group .more-list .menu[data-v-222d7b0f] {
	display:flex;
	flex-wrap:wrap
}
.add-group .more-list .menu .item[data-v-222d7b0f] {
	width:72px;
	height:72px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	border-radius:2px
}
.add-group .more-list .menu .item[data-v-222d7b0f]:hover {
	background:var(--juejin-gray-3)
}
.add-group .more-list .menu .item .icon[data-v-222d7b0f] {
	width:40px;
	height:40px;
	background-position-x:center;
	background-position-y:center
}
.add-group .more-list .menu .item .write-article[data-v-222d7b0f] {
	background-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/69704c654798bb27cffca68e5a79976e.svg)
}
.add-group .more-list .menu .item .issue-points[data-v-222d7b0f] {
	background-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/c225c20007c699a48fe9aa8a32be2ee6.svg)
}
.add-group .more-list .menu .item .write-book[data-v-222d7b0f] {
	background-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/01bac1a83da050f7f4f952c49cbfb865.svg)
}
.add-group .more-list .menu .item .create-jcode[data-v-222d7b0f] {
	background-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/cf3f3dbcd5a32a7a4de5c7b834402cef.svg)
}
.add-group .more-list .menu .item .issue-news[data-v-222d7b0f] {
	background-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/0468a8af3cd8f32eb8a73e22d2f58373.svg)
}
.add-group .more-list .menu .item .issue-video[data-v-222d7b0f] {
	background-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/16dffa790d175e97382100483d69996f.svg)
}
.add-group .more-list .menu .item .drafts[data-v-222d7b0f] {
	background-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/b1008fc20ddf1733b5bd800ed4bcc18e.svg)
}
.add-group .more-list .menu .item .write-note[data-v-222d7b0f] {
	background-image:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/92ff1e17678887b64c952833d9d0dd0b.svg)
}
.add-group .more-list .menu .item .title1[data-v-222d7b0f] {
	font-size:14px;
	line-height:24px;
	color:var(--juejin-font-2)
}
.add-group .more-list .divider[data-v-222d7b0f] {
	min-height:1px;
	background-color:var(--juejin-gray-1-1);
	margin-top:12px;
	margin-bottom:17px
}
.add-group .more-list .inspiration[data-v-222d7b0f] {
	display:flex;
	flex-direction:column
}
.add-group .more-list .inspiration .info[data-v-222d7b0f] {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	height:22px;
	margin-bottom:16px
}
.add-group .more-list .inspiration .info .title1[data-v-222d7b0f] {
	font-weight:500;
	font-size:16px;
	line-height:18px;
	color:var(--juejin-font-1)
}
.add-group .more-list .inspiration .info .more-info[data-v-222d7b0f] {
	display:flex;
	align-items:center;
	font-weight:400;
	font-size:14px;
	line-height:22px;
	color:var(--juejin-font-3)
}
.add-group .more-list .inspiration .list[data-v-222d7b0f] {
	display:flex;
	flex-direction:column;
	height:90px
}
.add-group .more-list .inspiration .list .item[data-v-222d7b0f] {
	height:22px;
	margin-bottom:14px;
	display:flex;
	align-items:center
}
.add-group .more-list .inspiration .list .item .icon[data-v-222d7b0f] {
	width:40px;
	height:20px;
	border-radius:2px;
	font-weight:500;
	font-size:12px;
	line-height:20px;
	display:inline-block;
	text-align:center;
	margin-right:8px
}
.add-group .more-list .inspiration .list .item .icon-topic[data-v-222d7b0f] {
	color:var(--juejin-font-brand1-normal);
	background:var(--juejin-brand-5-light)
}
.add-group .more-list .inspiration .list .item .icon-activity[data-v-222d7b0f] {
	color:var(--juejin-warning-1-normal);
	background:var(--juejin-warning-3-light)
}
.add-group .more-list .inspiration .list .item .title[data-v-222d7b0f] {
	font-weight:400;
	font-size:14px;
	line-height:22px;
	color:var(--juejin-font-1);
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width:312px;
	display:inline-block
}
.add-group .more-list .inspiration .list .item .title[data-v-222d7b0f]:hover {
	color:var(--juejin-font-2)
}
.add-group .more-list .inspiration .list .item .topic-title[data-v-222d7b0f]:after, .add-group .more-list .inspiration .list .item .topic-title[data-v-222d7b0f]:before {
	content:"#"
}
@keyframes skeleton-keyframes-data-v-3b3be8dc {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.emoji.old[data-v-3b3be8dc] {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only[data-v-3b3be8dc] {
display:none
}
}
.menu-list[data-v-3b3be8dc] {
	background:var(--juejin-layer-4-dropdown);
	padding:8px;
	box-sizing:border-box;
	box-shadow:0 0 24px rgba(81, 87, 103, .16);
	border-radius:6px;
	z-index:10
}
.menu-list .menu-item[data-v-3b3be8dc]:hover {
	background:var(--juejin-gray-3);
	border-radius:4px
}
.menu-list .menu-item .item-link[data-v-3b3be8dc] {
	width:124px;
	height:40px;
	color:var(--juejin-font-2);
	font-size:14px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 12px;
	position:relative
}
.menu-list .menu-item .item-link .item-name[data-v-3b3be8dc] {
	display:inline-block
}
.menu-list .menu-item .item-link .item-count[data-v-3b3be8dc] {
	padding:2px 6px;
	color:var(--juejin-font-white);
	border-radius:50px;
	background:var(--juejin-danger-1-normal);
	font-size:12px;
	position:absolute;
	right:0
}
em[data-v-0c863bb9] {
	font-style:normal;
	color:red
}
@keyframes skeleton-keyframes-data-v-62a8eb04 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.search-suggest-list[data-v-62a8eb04] {
	padding:4px 0;
	border-radius:4px;
	border:1px solid var(--juejin-gray-1-1);
	background:var(--juejin-popup);
	box-shadow:0 0 24px 0 rgba(81, 87, 103, .16);
	display:flex;
	flex-direction:column
}
.search-suggest-list .text-highlight[data-v-62a8eb04] {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all;
	color:var(--juejin-font-3);
	font-size:14px;
	font-weight:400;
	line-height:20px;
	padding:8px 16px;
	cursor:pointer
}
.search-suggest-list .text-highlight[data-v-62a8eb04] .text__highlight {
	color:var(--juejin-font-2)
}
.search-suggest-list .text-highlight[data-v-62a8eb04]:hover {
	background-color:var(--juejin-gray-3)
}
@keyframes skeleton-keyframes-data-v-1f67cad8 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.sitemap-nav-list[data-v-1f67cad8] {
	display:flex;
	order:99;
	height:100%;
	align-items:center;
	padding:0 1.667rem;
	font-size:1.333rem;
	color:#252933;
	flex:1;
	justify-content:center
}
.sitemap-nav-list .sitemap-entry[data-v-1f67cad8] {
	min-width:6rem
}
.sitemap-nav-list .sitemap-entry a[data-v-1f67cad8] {
	color:#252933
}
.sitemap-nav-list .sitemap-entry.active a[data-v-1f67cad8] {
	color:#1e80ff;
	font-weight:500
}
@keyframes skeleton-keyframes-data-v-60d7809b {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.search-annual[data-v-60d7809b] {
padding:.5rem 1rem;
	display:flex;
	flex-wrap:nowrap;
	white-space:nowrap
}
.search-annual .search-annual-img[data-v-60d7809b] {
	width:24px;
	height:24px
}
.search-annual .search-annual-txt[data-v-60d7809b] {
	color:var(--juejin-font-1);
	font-size:14px;
	display:inline-block;
	padding-left:6px;
	line-height:24px
}
.search-annual[data-v-60d7809b]:hover {
	cursor:pointer;
	background:var(--juejin-gray-3)
}
.search-annual:hover .search-annual-txt[data-v-60d7809b] {
	color:var(--juejin-font-brand1-normal)
}
.recommend button[data-v-60d7809b] {
	height:32px;
	font-size:14px
}
.logo[data-v-60d7809b] {
	margin-right:1rem;
	margin-left:24px;
	display:inline-block;
	height:22px;
	width:auto;
	padding:1.58rem 0 1.48rem
}
.creator-logo[data-v-60d7809b] {
	margin-right:0
}
.header-span-tanslate[data-v-60d7809b], .header-span[data-v-60d7809b] {
	color:#1d7dfa;
	font-weight:500;
	font-size:18px;
	line-height:28px;
	display:flex;
	align-items:center;
	position:relative;
	margin-left:16px;
	margin-bottom:16px;
	margin-top:20px
}
.header-span-tanslate[data-v-60d7809b] {
	margin-left:0
}
.right-side-nav[data-v-60d7809b] {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	position:relative;
	height:100%;
	margin:0;
	order:0
}
.nav-item a[data-v-60d7809b] {
	color:var(--juejin-font-2);
	position:relative
}
.nav-item a .new-badge[data-v-60d7809b] {
	position:absolute;
	top:7px;
	left:42px
}
.nav-item.active>.icon[data-v-60d7809b], .nav-item.active>a[data-v-60d7809b] {
	color:var(--juejin-font-brand1-normal);
	font-weight:500
}
.nav-item.discount[data-v-60d7809b]:after {
	content:"";
	position:absolute;
	width:35px;
	height:28px;
	background:url(//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/half_discount.3daad5d.gif);
	background-size:35px 28px;
	right:-14px;
	top:10px
}
.nav-item .avatar-wrapper[data-v-60d7809b] {
	margin-right:2rem
}
.nav-item .avatar-wrapper .avatar[data-v-60d7809b] {
	width:3rem;
	height:3rem;
	border-radius:50%;
	position:relative
}
.nav-item .avatar-wrapper .badge[data-v-60d7809b] {
	position:absolute;
	top:10px;
	left:28px;
	width:8px;
	height:8px;
	border:1.5px solid #fff;
	border-radius:50%;
	background-color:var(--juejin-danger-1-normal)
}
.nav-menu-item>a[data-v-60d7809b] {
	display:block;
	color:#4e5969
}
.shadowed[data-v-60d7809b] {
	box-shadow:0 2px 5px rgba(0, 0, 0, .1)
}
.main-header[data-v-60d7809b] {
	background:var(--juejin-navigation);
	box-shadow:0 2px 8px var(--juejin-layer-3-fill);
	color:#909090;
	height:5rem;
	z-index:250
}
.main-header .container[data-v-60d7809b] {
	margin:auto;
	max-width:1440px
}
.container[data-v-60d7809b] {
	display:flex;
	align-items:center;
	height:100%
}
.main-nav[data-v-60d7809b] {
	height:100%;
	flex:1 0 auto;
	line-height:normal
}
.notification-icon path[data-v-60d7809b] {
	fill:var(--juejin-font-3)
}
.nav-item.notification[data-v-60d7809b] {
	position:relative
}
.nav-item.notification .jj-noti-link.notification-a[data-v-60d7809b]:before {
	content:none
}
.nav-item.notification .notification-dropdown-menu[data-v-60d7809b] {
	display:none;
	position:absolute;
	left:-120px;
	top:58px
}
.nav-item.notification:hover .notification-icon path[data-v-60d7809b] {
	fill:var(--juejin-font-2)
}
.nav-item.notification:hover .notification-dropdown-menu[data-v-60d7809b] {
	display:block
}
.main-nav-list[data-v-60d7809b] {
	display:flex;
	order:99
}
.phone-show-menu[data-v-60d7809b] {
	cursor:pointer;
	display:none
}
.phone-hide[data-v-60d7809b] {
	display:flex
}
.phone-hide .nav-item.link-item a[data-v-60d7809b]:not(.no-hover) {
display:inline-block;
height:5rem;
padding:0 1rem;
line-height:5rem
}
.phone-hide .nav-item.link-item a[data-v-60d7809b]:not(.no-hover):hover:not(.no-border):before {
content:"";
position:absolute;
top:auto;
right:0;
bottom:0;
left:1rem;
height:2px;
background-color:#1e80ff;
width:calc(100% - 2rem)
}
.phone-hide .nav-item.link-item.special-activity-item[data-v-60d7809b] {
	margin:0 1rem
}
.phone-hide .nav-item.link-item .special-activity[data-v-60d7809b]:hover:before {
	content:none
}
.phone-hide.show .nav-item.link-item[data-v-60d7809b]:hover {
	background-color:var(--juejin-gray-3)
}
.phone-hide.show .nav-item.link-item a[data-v-60d7809b]:not(.no-hover) {
width:100%;
text-align:center;
padding:0
}
.phone-hide.show .nav-item.link-item a[data-v-60d7809b]:not(.no-hover):before {
display:none
}
.nav-list[data-v-60d7809b] {
	display:flex;
	align-items:center;
	justify-content:space-between;
	position:relative;
	flex-direction:row-reverse;
	height:100%;
	margin:0
}
div.lead-tip[data-v-60d7809b] {
	position:absolute;
	top:61px;
	transform:translateX(-105px)
}
.search-add[data-v-60d7809b] {
	flex:1 1 auto;
	height:5rem;
	display:flex;
	justify-content:flex-end
}
@media (max-width:400px) {
.search-add.aicoding-search[data-v-60d7809b] {
display:none
}
}
.hidden[data-v-60d7809b] {
	visibility:hidden
}
.search-add-ul[data-v-60d7809b] {
	display:flex;
	justify-content:flex-start
}
@media screen and (min-width:1351px) {
.search-add-ul[data-v-60d7809b] {
width:40rem
}
.search-add-ul.isResourceVisible[data-v-60d7809b] {
width:34rem
}
}
@media screen and (max-width:1350px) {
.search-add-ul[data-v-60d7809b] {
width:27rem
}
}
@media screen and (max-width:1190px) and (min-width:1070px) {
.search-add-ul[data-v-60d7809b] {
width:34.334rem
}
.search-add-ul.isResourceVisible[data-v-60d7809b] {
width:42.833rem
}
}
@media screen and (max-width:1069px) {
.search-add-ul[data-v-60d7809b] {
width:32.667rem
}
}
@media screen and (max-width:799px) {
.search-add-ul[data-v-60d7809b] {
width:29.334rem!important
}
}
@media screen and (max-width:640px) {
.search-add-ul[data-v-60d7809b] {
width:22.667rem!important
}
}
.search-aicoding-ul[data-v-60d7809b] {
	display:flex;
	justify-content:flex-start
}
@media screen and (min-width:1351px) {
.search-aicoding-ul[data-v-60d7809b] {
width:53rem
}
.search-aicoding-ul.isResourceVisible[data-v-60d7809b] {
width:45rem
}
}
@media screen and (max-width:1350px) {
.search-aicoding-ul[data-v-60d7809b] {
width:39rem
}
}
@media screen and (max-width:1190px) and (min-width:1070px) {
.search-aicoding-ul[data-v-60d7809b] {
width:46.334rem
}
.search-aicoding-ul.isResourceVisible[data-v-60d7809b] {
width:55.833rem
}
}
@media screen and (max-width:1069px) {
.search-aicoding-ul[data-v-60d7809b] {
width:44.667rem
}
}
@media screen and (max-width:940px) {
.search-aicoding-ul[data-v-60d7809b] {
width:32.667rem
}
}
@media screen and (max-width:799px) {
.search-aicoding-ul[data-v-60d7809b] {
width:41.334rem!important
}
}
@media screen and (max-width:640px) {
.search-aicoding-ul[data-v-60d7809b] {
width:34.667rem!important
}
}
.unfold16-icon[data-v-60d7809b] {
	fill:#515767;
	transform:rotate(0deg);
transition:transform .2s ease-in-out
}
.unfold16-icon.active[data-v-60d7809b] {
	fill:#1e80ff;
	transform:rotate(-180deg)
}
@media (min-width:768px) and (max-width:940px) {
.hide-medium-screen[data-v-60d7809b] {
display:none!important
}
}
.ai-logo[data-v-60d7809b] {
	height:28px;
	margin-left:24px
}
@media (max-width:1149px) {
.ai-logo[data-v-60d7809b] {
margin-left:0
}
}
.nav-item[data-v-60d7809b] {
	color:#86909c;
	padding:0 1rem;
	font-size:1.167rem;
	margin:0;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer
}
.nav-item.activities .tip[data-v-60d7809b] {
	z-index:2;
	cursor:auto;
	width:17rem;
	background:#fff;
	padding:1rem;
	display:flex;
	justify-content:flex-start;
	position:absolute;
	top:4.5rem;
	left:-50%;
	margin-left:-3.7rem;
	color:#17181a;
	font-size:15px;
	border-radius:2px;
	box-shadow:0 2px 20px 0 rgba(0, 0, 0, .12)
}
.nav-item.activities .tip .panfish[data-v-60d7809b] {
	height:63px;
	width:57px;
	flex:0 0 auto;
	background-repeat:no-repeat;
	background-size:contain
}
.nav-item.activities .tip .content[data-v-60d7809b] {
	display:flex;
	flex-direction:column;
padding:.5rem 0 0 .5rem;
	color:#17181a
}
.nav-item.activities .tip .content button[data-v-60d7809b] {
	padding:0;
	width:6.41rem;
	height:2rem;
	color:#fff;
	font-size:13px;
	border-radius:12px;
margin-top:.5rem
}
.nav-item.activities .tip .triangle[data-v-60d7809b] {
	display:block;
	position:absolute;
	top:0;
	left:50%;
	width:1rem;
	height:1rem;
	transform:translate(-50%, -50%) rotate(45deg);
	background:#fff;
	border-top:1px solid #f4f5f5;
	border-left:1px solid #f4f5f5
}
.nav-item.activities .tip .close[data-v-60d7809b] {
	cursor:pointer;
	width:1rem;
	height:1rem;
	position:absolute;
top:.5rem;
right:.5rem;
	border-radius:50%;
	background:#fff;
	transform:rotate(45deg)
}
.nav-item.activities .tip .close[data-v-60d7809b]:after, .nav-item.activities .tip .close[data-v-60d7809b]:before {
	content:"";
width:.8rem;
	height:2px;
	display:block;
	position:absolute;
	background:#c5c5c5;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%)
}
.nav-item.activities .tip .close[data-v-60d7809b]:after {
	transform:translate(-50%, -50%) rotate(90deg)
}
.nav-item.activities .tip .close[data-v-60d7809b]:hover {
	opacity:.8
}
.nav-item .login-button[data-v-60d7809b] {
	background:rgba(30, 128, 255, .05);
	border:1px solid rgba(30, 128, 255, .3);
	border-radius:4px;
padding:.3rem 1rem;
	color:#007fff;
	line-height:1.9rem;
	font-size:14px;
	font-weight:400;
	margin-right:2rem;
	height:3rem;
	overflow:hidden;
	display:flex;
	align-items:center
}
.nav-item:hover>a[data-v-60d7809b] {
	color:var(--juejin-font-1)
}
.nav-item[data-v-60d7809b]:last-child {
	padding-right:0
}
.nav-item.link-item[data-v-60d7809b] {
	padding:0;
	height:5rem
}
.nav-item.book.new-year a[data-v-60d7809b]:after {
	left:0;
	top:0;
	position:absolute;
	content:"";
	background-position:50%;
	background-repeat:no-repeat;
	background-size:60px auto;
	width:100%;
	height:100%
}
.nav-item.conference:hover .conference-svg g:first-child path[data-v-60d7809b] {
	fill:#388eff
}
.nav-item.conference a .conference-svg[data-v-60d7809b] {
	vertical-align:-3px
}
.nav-item.conference a:active .conference-svg g:first-child path[data-v-60d7809b] {
	fill:#1c78f0
}
.nav-item.search[data-v-60d7809b] {
	cursor:auto;
	padding-left:0
}
.nav-item.add[data-v-60d7809b] {
	cursor:default;
	width:25rem;
transition:width .3s;
	overflow:hidden;
	padding-left:0
}
.nav-item.add.hide[data-v-60d7809b] {
	width:0;
	padding:0!important;
	overflow:hidden!important
}
.nav-item.add.cancelOverflow[data-v-60d7809b] {
	overflow:visible
}
.nav-item.notification:hover .icon[data-v-60d7809b] {
	color:#007fff
}
.nav-item.menu[data-v-60d7809b] {
	position:relative;
	padding-left:0;
	background-color:var(--juejin-navigation)
}
.nav-item.submit[data-v-60d7809b] {
	color:#007fff;
	position:relative
}
.nav-item.submit[data-v-60d7809b]:hover {
	color:#0371df
}
.nav-item.submit[data-v-60d7809b]:after {
	content:"|";
	position:absolute;
	top:20px;
	left:100%;
	color:hsla(0, 0%, 59.2%, .4)
}
.nav-item.submit .submit-panel[data-v-60d7809b] {
	position:absolute;
	top:101%;
	left:-123px;
	width:326px;
	box-sizing:border-box;
	padding:2.5rem 2rem;
	border-radius:2px;
	color:#909090;
	font-size:1.1rem;
	background-color:#fff;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .1);
	border:1px solid rgba(178, 181, 187, .5);
	cursor:default;
	z-index:11
}
.nav-item.submit .submit-panel[data-v-60d7809b]:before {
	content:"";
	position:absolute;
	top:0;
	left:50%;
	width:1rem;
	height:1rem;
	border-top:1px solid rgba(178, 181, 187, .5);
	border-left:1px solid rgba(178, 181, 187, .5);
	background-color:#fff;
	transform:rotate(45deg) translate(-50%, -50%);
	transform-origin:0 0
}
.nav-item.submit .submit-panel .title[data-v-60d7809b] {
	font-size:1.4rem;
	line-height:1;
	font-weight:700;
	color:#000;
	text-align:center;
	margin-bottom:2rem
}
.nav-item.submit .submit-panel .benefit-list[data-v-60d7809b] {
	margin-left:2rem
}
.nav-item.submit .submit-panel .item[data-v-60d7809b] {
	list-style:disc outside none;
	list-style:initial;
	margin-bottom:1rem
}
.nav-item.submit .submit-panel .link[data-v-60d7809b] {
	color:#6cbd45;
	text-decoration:underline
}
.nav-item.submit .submit-panel button[data-v-60d7809b] {
	display:block;
	margin:2rem auto 0;
	background-color:#83c73a;
	font-size:1.2rem;
	padding:1rem 4rem
}
.nav-item.auth[data-v-60d7809b] {
	color:#007fff;
	padding:0;
margin-left:.833rem;
	cursor:default
}
.nav-item.auth span[data-v-60d7809b]:hover {
	color:#0371df
}
.nav-item.auth .login[data-v-60d7809b]:after {
	content:"·";
margin:0 .4rem
}
.nav-item .icon[data-v-60d7809b] {
	font-size:2rem;
	color:#86909c
}
.nav-item .icon[data-v-60d7809b]:hover {
	color:#007fff
}
.right-home[data-v-60d7809b] {
	display:flex;
	flex-direction:row;
	align-items:center;
	grid-gap:4px;
	gap:4px;
	font-size:14px;
	color:#515767;
	font-weight:400;
	margin-left:12px;
	cursor:pointer;
transition:all .3s ease;
	width:110px;
	white-space:nowrap;
	overflow:hidden
}
.right-home img[data-v-60d7809b] {
	height:16px;
	width:16px
}
.right-home.hide[data-v-60d7809b] {
	visibility:hidden;
	opacity:0
}
@media (max-width:940px) {
.right-home[data-v-60d7809b] {
display:none
}
}
.submit-fixed-bg[data-v-60d7809b] {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	z-index:10
}
.nav-item.add.creator-item[data-v-60d7809b] {
	overflow:visible;
	width:11rem;
	padding-left:5px
}
.nav-item.add.creator-item .add-group .update-icon[data-v-60d7809b] {
	position:absolute;
	top:-12px;
	left:56px;
	z-index:auto
}
.search-form[data-v-60d7809b] {
	box-sizing:border-box;
	background-color:var(--juejin-navigation);
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-radius:4px;
	position:relative;
	height:2.834rem;
	border:1px solid var(--juejin-font-4);
transition:width .2s
}
.search-form[data-v-60d7809b]:hover {
	border:1px solid var(--juejin-font-3)
}
@media screen and (min-width:1351px) {
.search-form[data-v-60d7809b] {
width:346px
}
.search-form.isResourceVisible[data-v-60d7809b] {
width:260px
}
}
@media screen and (max-width:1350px) {
.search-form[data-v-60d7809b] {
width:180px
}
}
@media screen and (max-width:1190px) and (min-width:1070px) {
.search-form[data-v-60d7809b] {
width:260px
}
.search-form.isResourceVisible[data-v-60d7809b] {
width:346px
}
}
@media screen and (max-width:1069px) {
.search-form[data-v-60d7809b] {
width:240px
}
}
@media screen and (max-width:799px) {
.search-form[data-v-60d7809b] {
width:220px
}
}
@media screen and (max-width:640px) {
.search-form[data-v-60d7809b] {
width:140px
}
}
.search-form.active[data-v-60d7809b] {
	border:1px solid var(--juejin-font-brand1-normal)
}
.search-form .seach-icon-container[data-v-60d7809b] {
	position:relative;
	left:-2px;
	width:44px;
	height:30px;
	background:var(--juejin-gray-2);
	border-radius:2px;
	display:flex;
	align-items:center;
	justify-content:center
}
.search-form .seach-icon-container.active[data-v-60d7809b] {
	background:var(--juejin-brand-5-light);
	cursor:pointer
}
.search-form .search-icon path[data-v-60d7809b] {
	stroke:var(--juejin-font-2)
}
.search-form .search-icon.active path[data-v-60d7809b] {
	stroke:#1e80ff
}
.search-form .search-input[data-v-60d7809b] {
	border:none;
	width:calc(100% - 44px);
padding:.6rem 0 .6rem 1rem;
	box-shadow:none;
	outline:none;
	font-size:1.1rem;
	color:var(--juejin-font-1);
	background-color:transparent;
transition:width .3s
}
.search-form.active[data-v-60d7809b] {
	border:1px solid #1e80ff
}
@media screen and (min-width:1351px) {
.search-form.isResourceVisible.active[data-v-60d7809b] {
width:33rem
}
.search-form.active[data-v-60d7809b] {
width:40rem
}
}
@media screen and (max-width:1350px) {
.search-form.active[data-v-60d7809b] {
width:27rem
}
}
@media screen and (max-width:1190px) and (min-width:1070px) {
.search-form.isResourceVisible.active[data-v-60d7809b] {
width:42rem
}
.search-form.active[data-v-60d7809b] {
width:33rem
}
}
@media screen and (max-width:1069px) {
.search-form.active[data-v-60d7809b] {
width:31.833rem
}
}
@media screen and (max-width:799px) {
.search-form.active[data-v-60d7809b] {
width:26.833rem
}
}
@media screen and (max-width:640px) {
.search-form.active[data-v-60d7809b] {
width:23.166rem
}
}
.new-font[data-v-60d7809b] {
	position:absolute;
	font-size:16px;
	transform:scale(.5);
	top:4px;
	left:40px;
	padding:0 6px;
	background:#f64242;
	border:1px solid #fff;
	border-radius:50px;
	height:20px;
	color:#fff;
	white-space:nowrap;
	line-height:20px;
	display:block
}
@media screen and (max-width:1190px) {
.new-font.isResourceVisible[data-v-60d7809b] {
top:2px;
left:80px
}
}
@media screen and (max-width:1069px) {
.new-font[data-v-60d7809b] {
top:2px;
left:80px
}
}
.add .creator-link[data-v-60d7809b] {
	position:relative;
	margin-right:24px
}
.add .creator-link button.creator-btn[data-v-60d7809b] {
	background-color:#e8f3ff;
	color:#1e80ff
}
.add .creator-link button.creator-btn[data-v-60d7809b]:active, .add .creator-link button.creator-btn[data-v-60d7809b]:hover {
	color:#1c78f0;
	background-color:#e8f3ff
}
.red-point[data-v-60d7809b] {
	position:absolute;
	left:80px;
	top:15px;
	width:8px;
	height:8px;
	background-color:#f64242;
	border-radius:4px
}
.notification[data-v-60d7809b] {
	position:relative;
	padding-right:2rem;
	background-color:var(--juejin-navigation)
}
.notification.active .icon[data-v-60d7809b] {
	color:#1e80ff
}
.notification .count[data-v-60d7809b] {
	position:absolute;
	left:15px;
	bottom:65%;
	margin:0;
	line-height:10px;
	text-align:center;
	border-radius:3rem;
	word-break:normal;
	display:inline-block;
	color:#f1f1f1;
	transform:scale(.8);
	font-size:1rem;
	font-weight:500;
	padding:3px 5px;
	background:#f03535;
	border-radius:50px;
	border:1px solid var(--juejin-navigation)
}
.notification .count.More[data-v-60d7809b] {
	left:12px
}
.fengwei[data-v-60d7809b] {
	display:inline-block;
	width:1.33rem;
	height:1.33rem;
margin-right:.8rem;
	font-size:1.2em;
	vertical-align:middle;
	color:#b2bac2
}
.signin[data-v-60d7809b] {
	height:34px;
	display:flex;
	align-items:center;
	position:relative;
	color:#4e5969
}
.signin .signin-icon[data-v-60d7809b] {
	width:16px;
	height:16px;
	margin-left:12px;
	margin-right:9.5px
}
.signin .new-badge[data-v-60d7809b] {
	position:absolute;
	bottom:18px;
	right:8px;
	display:block;
	width:34px;
	height:16px;
	border:2px solid #fff;
	background-color:#f53f3f;
	border-radius:10px;
	font-size:12px;
	color:#fff;
	line-height:16px;
	text-align:center
}
.fix-bg[data-v-60d7809b] {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	opacity:0
}
.mobile[data-v-60d7809b] {
	display:none;
	width:31px
}
.logo-img[data-v-60d7809b] {
	display:block;
	width:107px;
	height:22px
}
@media screen and (max-width:1353px) {
.broswer-extension.isResourceVisible[data-v-60d7809b], .download-icon.isResourceVisible[data-v-60d7809b] {
display:none!important
}
}
@media screen and (max-width:1190px) and (min-width:1070px) {
.download-icon[data-v-60d7809b], .extension-icon[data-v-60d7809b] {
display:none!important
}
.phone-show-menu.isResourceVisible[data-v-60d7809b] {
height:5rem;
display:flex;
align-items:center;
color:#1e80ff;
font-size:1.33rem;
justify-content:center;
padding:0;
width:5.66rem
}
.phone-show-menu.isResourceVisible span[data-v-60d7809b] {
margin-right:.333rem
}
.phone-show-menu.wider-width[data-v-60d7809b] {
width:7rem
}
.phone-hide.isResourceVisible[data-v-60d7809b] {
display:none;
background-color:var(--juejin-navigation);
box-shadow:0 8px 24px rgba(81, 87, 103, .16);
border:1px solid var(--juejin-gray-1-1);
border-radius:4px;
font-size:1.2rem
}
.phone-hide.isResourceVisible.show[data-v-60d7809b] {
display:block;
position:absolute;
right:-4rem;
left:-4.3rem;
padding:.667rem;
width:11.9rem;
top:52px;
z-index:1
}
.phone-hide.isResourceVisible.show .nav-item.link-item[data-v-60d7809b] {
height:4rem
}
}
@media (max-width:1400px) {
.nav-item .login-button[data-v-60d7809b] {
margin-right:1rem
}
}
@media (max-width:1149px) {
.right-side-nav[data-v-60d7809b] {
margin-right:1.667rem
}
.nav-list[data-v-60d7809b] {
flex-direction:row
}
.container[data-v-60d7809b] {
width:97%;
margin:0 2rem!important
}
.nav-item .login-button[data-v-60d7809b] {
margin-right:0
}
.nav-list[data-v-60d7809b] {
justify-content:flex-end
}
.avatar[data-v-60d7809b] {
margin-right:0
}
.download-icon[data-v-60d7809b], .extension-icon[data-v-60d7809b] {
display:none
}
.red-point[data-v-60d7809b] {
left:112px;
top:9px
}
.main-nav-list[data-v-60d7809b] {
display:block;
position:absolute;
left:0;
top:0;
background-color:var(--juejin-navigation);
z-index:1
}
.nav-item:hover>a[data-v-60d7809b] {
border-bottom:none
}
.phone-show-menu[data-v-60d7809b] {
height:5rem;
display:flex;
align-items:center;
color:#1e80ff;
font-size:1.33rem;
justify-content:center;
padding:0;
width:5.66rem
}
.phone-show-menu span[data-v-60d7809b] {
margin-right:.333rem
}
.phone-hide[data-v-60d7809b] {
display:none;
background-color:var(--juejin-navigation);
box-shadow:0 8px 24px rgba(81, 87, 103, .16);
border:1px solid var(--juejin-gray-1-1);
border-radius:4px;
font-size:1.2rem
}
.phone-hide.show[data-v-60d7809b] {
display:block;
position:absolute;
right:-4rem;
left:-4.3rem;
padding:.667rem;
width:11.9rem;
top:52px
}
.nav-item.link-item[data-v-60d7809b] {
height:4rem
}
.pinTip[data-v-60d7809b] {
display:none
}
.tip[data-v-60d7809b] {
display:none!important
}
.nav-menu .nav-menu-item .icon-2018[data-v-60d7809b] {
width:35px;
margin-left:0
}
.logo[data-v-60d7809b] {
margin-left:0
}
.search-add[data-v-60d7809b] {
margin-right:.292rem
}
}
li.vip-entry[data-v-60d7809b] {
	padding:0;
	margin:0 1rem
}
li.vip-entry .vip-entry-img[data-v-60d7809b] {
	position:relative;
	display:flex;
	align-items:center;
	height:100%
}
li.vip-entry .vip-img[data-v-60d7809b] {
	width:24px;
	height:24px
}
li.vip-entry .vip-title[data-v-60d7809b] {
	display:flex;
	align-items:center;
	height:100%;
	position:relative
}
li.vip-entry .vip-title .vip-words[data-v-60d7809b] {
	color:var(--juejin-font-3);
	font-weight:400;
	font-size:14px;
	line-height:22px;
	margin-left:4px
}
@media screen and (max-width:1270px) and (min-width:1150px) {
li.vip-entry .vip-words[data-v-60d7809b] {
display:none
}
}
@media (max-width:960px) {
.vip-entry[data-v-60d7809b] {
display:none
}
}
@media (max-width:799px) {
.nav-item.add[data-v-60d7809b] {
display:none
}
.nav-item.search[data-v-60d7809b] {
padding-left:4.133rem
}
.search-form[data-v-60d7809b] {
transition:width .2s ease-in
}
.search-add[data-v-60d7809b] {
justify-content:flex-start;
width:270px;
margin-left:1rem
}
.right-side-nav[data-v-60d7809b] {
width:383px;
margin-right:2rem
}
.right-side-nav.aicoding-post-mobile[data-v-60d7809b] {
width:160px
}
.avatar[data-v-60d7809b] {
margin-right:0
}
.nav-item.auth.hide[data-v-60d7809b], .nav-item.menu.hide[data-v-60d7809b], .nav-item.notification.hide[data-v-60d7809b] {
width:0;
padding:0;
overflow:hidden!important
}
.nav-item .login-button[data-v-60d7809b] {
background:rgba(30, 128, 255, .05);
border:1px solid rgba(30, 128, 255, .3);
margin-right:0
}
}
.login-button-inner[data-v-60d7809b] {
	display:inline-flex;
	align-items:center
}
@media (max-width:800px) {
.right-side-nav[data-v-60d7809b] {
margin-right:2rem
}
.nav-item .login-button[data-v-60d7809b] {
margin-right:0
}
.login-button-inner[data-v-60d7809b] {
display:none
}
}
@media (max-width:640px) {
.nav-item .login-button[data-v-60d7809b] {
margin-right:1rem
}
.right-side-nav[data-v-60d7809b] {
margin-right:2rem;
margin-left:0;
width:365px
}
.search-add[data-v-60d7809b] {
margin-left:0
}
}
@media (max-width:640px) {
.nav-item .login-button[data-v-60d7809b] {
margin-right:2rem;
width:70px
}
.right-side-nav[data-v-60d7809b] {
width:322px;
margin-right:0
}
.main-header[data-v-60d7809b] {
height:4.333rem
}
.nav-item.search[data-v-60d7809b] {
padding-left:10.667rem
}
.nav-item.search.active[data-v-60d7809b] {
padding-right:1.333rem;
padding-left:6.133rem
}
.nav-item .search-form[data-v-60d7809b] {
height:32px;
transition:width .1s linear 0s
}
.nav-item .search-form.active[data-v-60d7809b] {
width:18rem
}
.nav-item .search-form.aicoding-search-form.active[data-v-60d7809b] {
width:16rem
}
.nav-item .search-form .search-input[data-v-60d7809b] {
height:32px
}
.search-add-ul.active[data-v-60d7809b] {
width:315px
}
.search-add.active[data-v-60d7809b] {
margin-right:2rem
}
.logo-img[data-v-60d7809b] {
display:none
}
.mobile[data-v-60d7809b] {
display:block;
height:2rem
}
.logo[data-v-60d7809b] {
margin-right:0
}
.phone-show-menu[data-v-60d7809b] {
height:4.333rem
}
.nav-item[data-v-60d7809b] {
padding:0 1.667rem 0 1rem
}
.nav-item .auth[data-v-60d7809b] {
padding:0 .833rem 0 0
}
.search-add-ul[data-v-60d7809b] {
width:220px
}
.container[data-v-60d7809b] {
margin:0 .917rem 0 1.333rem!important
}
}
@media (max-width:345px) {
.nav-item.search[data-v-60d7809b] {
display:none
}
.nav-item.search .search-form .search-input[data-v-60d7809b] {
width:5rem
}
}
.tip-fade-enter-active[data-v-60d7809b], .tip-fade-leave-active[data-v-60d7809b] {
transition:.3s
}
.tip-fade-enter[data-v-60d7809b], .tip-fade-leave-to[data-v-60d7809b] {
	transform:translateY(-10px);
	opacity:0
}
.search-suggest-list[data-v-60d7809b] {
	position:absolute;
	top:calc(100% + 10px);
	left:-1px;
	right:-1px
}
.typehead[data-v-60d7809b] {
	width:100%;
	position:absolute;
	top:105%;
	line-height:2rem;
	left:0;
	z-index:1000;
	min-width:6rem;
	font-size:1rem;
	color:var(--juejin-font-3);
	list-style:none;
	text-align:left;
border-radius:.17rem;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);
	border:1px solid var(--juejin-gray-1-1);
	background-color:var(--juejin-layer-4-dropdown)
}
.typehead .title[data-v-60d7809b] {
	border-bottom:1px solid var(--juejin-gray-1-1);
padding:.5rem 1rem;
	display:flex;
	justify-content:space-between
}
.typehead .title .clear[data-v-60d7809b] {
	cursor:pointer;
	color:var(--juejin-font-brand1-normal)
}
.typehead .list[data-v-60d7809b] {
	cursor:pointer;
	color:var(--juejin-font-1)
}
.typehead .list div[data-v-60d7809b] {
padding:.5rem 1rem
}
.typehead .list div[data-v-60d7809b]:hover {
	background:var(--juejin-gray-3)
}
.tablead[data-v-60d7809b] {
	position:absolute;
	top:5px;
	left:28px;
	z-index:9;
	white-space:nowrap;
	padding:2px 7px;
	background-color:#ee502f;
	border-radius:50px;
	text-align:center;
	font-weight:500;
	font-size:16px;
	transform:scale(.5);
	transform-origin:left;
	line-height:18px;
	color:#fff
}
.tablead.aicoding[data-v-60d7809b] {
	left:unset;
	right:-16px
}
.theme-icon[data-v-60d7809b] {
	position:fixed;
	right:1vw;
	top:30vh;
	background:var(--juejin-font-success);
	color:#fff;
	padding:.1em
}
.theme-icon input[data-v-60d7809b] {
	position:relative;
	top:2px
}
.login-button-wrap[data-v-60d7809b] {
	position:relative
}
.login-popover[data-v-60d7809b] {
	position:absolute;
	top:35px;
	right:24px;
	border-top:20px solid transparent
}
@media (min-width:600px) {
.login-button-wrap:hover .login-popover[data-v-60d7809b] {
display:block
}
}
.login-button-line[data-v-60d7809b] {
	margin:0 6px;
	background-color:var(--juejin-font-brand4-disable);
	height:12px;
	width:1px
}
.vip-icon-new[data-v-60d7809b] {
	position:absolute;
	right:-23px;
	top:7px;
	transform:scale(.7);
	z-index:1
}
.more-item[data-v-60d7809b] {
	position:relative
}
.more-item .more-dropdown-list[data-v-60d7809b] {
	display:none;
	position:absolute;
	top:5rem;
	left:50%;
	transform:translateX(-50%);
	background-color:var(--juejin-layer-4-dropdown);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);
	border:1px solid var(--juejin-gray-1-1);
	border-radius:4px;
	padding:8px 0;
	min-width:120px;
	z-index:1000;
	text-align:center
}
.more-item .more-dropdown-list .nav-item[data-v-60d7809b] {
	display:block;
	margin:0;
	width:100%;
	height:auto;
	padding:0
}
.more-item .more-dropdown-list .nav-item.link-item a[data-v-60d7809b]:not(.no-hover) {
height:40px;
line-height:40px;
padding:0;
display:block;
width:100%;
text-align:center;
color:var(--juejin-font-2);
font-size:1.167rem
}
.more-item .more-dropdown-list .nav-item.link-item a[data-v-60d7809b]:not(.no-hover):hover {
background-color:var(--juejin-gray-3);
color:#1e80ff
}
.more-item .more-dropdown-list .nav-item.link-item a[data-v-60d7809b]:not(.no-hover):hover:before {
display:none
}
.more-item .more-dropdown-list .nav-item.download-icon a[data-v-60d7809b], .more-item .more-dropdown-list .nav-item.extension-icon a[data-v-60d7809b] {
	height:40px;
	line-height:40px;
	font-size:1.167rem;
	display:block;
	text-align:center;
	width:100%
}
.more-item:hover .more-dropdown-list[data-v-60d7809b] {
	display:block
}
.mobile-only[data-v-60d7809b], .phone-hide.show .more-item[data-v-60d7809b] {
	display:none
}
.phone-hide.show .mobile-only[data-v-60d7809b] {
	display:block
}
@keyframes skeleton-keyframes-data-v-539963b4 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.btn-enter-active[data-v-539963b4], .btn-leave-active[data-v-539963b4] {
transition:opacity .5s
}
.btn-enter[data-v-539963b4], .btn-leave-to[data-v-539963b4] {
	opacity:0
}
.main-header-box[data-v-539963b4] {
	position:relative;
	height:5rem;
	z-index:1002
}
.app-open-button[data-v-539963b4] {
	display:none
}
@media (max-width:600px) {
.main-header-box[data-v-539963b4] {
height:4.333rem
}
.app-open-button[data-v-539963b4] {
position:fixed;
bottom:64px;
left:50%;
transform:translate(-50%);
z-index:101;
margin-bottom:env(safe-area-inset-bottom)
}
}
.main-header[data-v-539963b4] {
	position:sticky;
	top:0;
	left:0;
	right:0;
	width:100%;
transition:transform .2s;
	transform:translate3d(0, -100%, 0)
}
.main-header.visible[data-v-539963b4] {
	transform:translateZ(0)
}
.main-header.header-with-banner[data-v-539963b4] {
	box-shadow:none
}
.main-container>.view[data-v-539963b4] {
	margin-top:1.767rem
}
.main-container.tight>.view[data-v-539963b4], .main-container.with-view-nav>.view[data-v-539963b4], .main-container[\:has\(.view-nav\)]>.view[data-v-539963b4] {
margin-top:0
}
.main-container.tight>.view[data-v-539963b4], .main-container.with-view-nav>.view[data-v-539963b4], .main-container:has(.view-nav)>.view[data-v-539963b4] {
margin-top:0
}
.main-container.tight.with-view-nav>.view[data-v-539963b4] {
	margin-top:3.833rem
}
.top-banners-container[data-v-539963b4] {
	position:sticky;
	top:0;
	left:0;
	right:0;
	z-index:500;
	width:100%;
	max-width:100vw;
	box-sizing:border-box;
	margin:0;
	padding:0
}
.top-banners-container[\:has\(\%3E.slide-logo\)][\:has\(\%3E.global-top-banner\)][data-v-539963b4] {
min-height:40px
}
.top-banners-container[data-v-539963b4]:has(>.slide-logo):has(>.global-top-banner) {
min-height:40px
}
.slide-logo[data-v-539963b4] {
	visibility:hidden;
	animation:slideIn-data-v-539963b4 5s ease-in-out;
	background-size:cover;
	background-position:50%;
	background-repeat:no-repeat;
	z-index:800;
	width:100%;
	-o-object-fit:cover;
	object-fit:cover;
	position:relative;
	cursor:pointer
}
.slide-logo img[data-v-539963b4] {
	position:absolute;
	top:20px;
	right:20px;
	width:20px;
	height:20px;
	cursor:pointer
}
.global-top-banner[data-v-539963b4] {
	left:0;
	right:0;
	z-index:700
}
.global-top-banner[data-v-539963b4], .global-top-banner[data-v-539963b4]:deep(.global-banner) {
position:relative;
top:0
}
.global-top-banner-not-visible[data-v-539963b4] {
	display:none
}
.global-top-banner.with-slide[data-v-539963b4] {
	animation:TopBannerSlideIn-data-v-539963b4 5s ease-out
}
.header-with-banner[data-v-539963b4] {
	top:40px
}
@media (max-width:600px) {
.global-top-banner[data-v-539963b4] {
top:4.333rem
}
}
@keyframes slideIn-data-v-539963b4 {
0% {
height:40px;
visibility:visible
}
20% {
height:30vh
}
80% {
height:30vh
}
to {
	height:0;
	margin-bottom:0;
	visibility:hidden
}
}
@keyframes TopBannerSlideIn-data-v-539963b4 {
0% {
height:0
}
90% {
height:0;
margin-top:0
}
90.01% {
height:40px;
margin-top:-40px;
transform:translateY(-40px)
}
to {
	height:40px;
	margin-top:0;
	transform:translateY(0)
}
}
.view-container .with-global-banner .view-nav {
	transform:unset!important
}
.view-container .with-global-banner .index-nav-before, .view-container .with-global-banner .team-content .list-header.sticky, .view-container .with-global-banner .user-view .list-header.sticky, .view-container .with-global-banner .view-nav {
	top:8.33rem!important
}
.view-container .with-global-banner .index-nav-before.top, .view-container .with-global-banner .team-content .list-header.sticky.top, .view-container .with-global-banner .user-view .list-header.sticky.top, .view-container .with-global-banner .view-nav.top {
	top:3.33rem!important
}
.view-container .with-global-banner .topic-container .topic-list .nav {
	top:8.33rem!important
}
.view-container .with-global-banner .topic-container .topic-list .nav.nav-sticky {
	top:3.33rem!important
}
.view-container .with-global-banner .dock-nav, .view-container .with-global-banner .sidebar.sticky .fixbox {
	top:9.99rem!important
}
.view-container .with-global-banner .dock-nav.top, .view-container .with-global-banner .sidebar.sticky .fixbox.top {
	top:4.99rem!important
}
.view-container .with-global-banner .user-view .minor-area .sticky {
	top:9.99rem!important
}
.view-container .with-global-banner .user-view .minor-area .sticky.top:not(.with-list-header) {
top:4.99rem!important
}
.view-container .with-global-banner .user-view .minor-area .sticky.with-list-header:not(.top) {
top:13.99rem!important
}
.view-container .with-global-banner .user-view .minor-area .sticky.top.with-list-header {
	top:8.99rem!important
}
.view-container .with-global-banner .setting-view.view:not(.top) .sidebar {
top:13.823rem!important
}
.view-container .with-global-banner .setting-view.view.top .sidebar {
	top:4.99rem!important
}
.view-container .with-global-banner .live-list-section .sticky-header {
	top:3.33rem!important
}
.view-container .with-global-banner .hot-side-nav, .view-container .with-global-banner .index-nav, .view-container .with-global-banner .inner-container .home-container .right, .view-container .with-global-banner .inner-container .sidebar {
	top:9.99rem!important
}
.view-container .with-global-banner .hot-side-nav.hot-side-nav-up, .view-container .with-global-banner .index-nav.index-nav-top, .view-container .with-global-banner .new-sidebar .is-sticky, .view-container .with-global-banner .sidebar .sticky-section, .view-container .with-global-banner .team-content .side-bar-wrap .with-list-header, .view-container .with-global-banner .topic-container .nav.nav-sticky, .view-container .with-global-banner .topic-container .side.right-sticky {
	top:4.99rem!important
}
.view-container[\:has\(.main-header.visible\)] .with-global-banner .pin-view .sticky-sidebar {
top:9.99rem!important
}
.view-container:has(.main-header.visible) .with-global-banner .pin-view .sticky-sidebar {
top:9.99rem!important
}
.view-container[\:not-has\(.main-header.visible\)] .with-global-banner .pin-view .sticky-sidebar {
top:4.99rem!important
}
.view-container:not(:has(.main-header.visible)) .with-global-banner .pin-view .sticky-sidebar {
top:4.99rem!important
}
@keyframes skeleton-keyframes-data-v-05485536 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.root-view-bg[data-v-05485536] {
	background-color:var(--juejin-layer-1)
}
.error-view[data-v-05485536] {
	min-height:calc(100vh - 5rem)
}
html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body {
	margin:0
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
	display:block
}
summary {
	cursor:pointer
}
audio, canvas, progress, video {
	display:inline-block
}
audio:not([controls]) {
display:none;
height:0
}
progress {
	vertical-align:baseline
}
[hidden], template {
display:none
}
a {
	background-color:transparent;
	-webkit-text-decoration-skip:objects
}
a:active, a:hover {
	outline-width:0
}
abbr[title] {
	border-bottom:none;
	text-decoration:underline;
	-webkit-text-decoration:underline dotted;
	text-decoration:underline dotted
}
b, strong {
	font-weight:inherit;
	font-weight:bolder
}
dfn {
	font-style:italic
}
h1 {
	font-size:2em;
	margin:.67em 0
}
mark {
	background-color:#ff0;
	color:#000
}
small {
	font-size:80%
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub {
	bottom:-.25em
}
sup {
	top:-.5em
}
img {
	border-style:none
}
svg:not(:root) {
overflow:hidden
}
code, kbd, pre, samp {
	font-family:monospace, monospace;
	font-size:1em
}
figure {
	margin:1em 40px
}
hr {
	box-sizing:content-box;
	height:0;
	overflow:visible
}
button, input, select, textarea {
	font:inherit;
	margin:0
}
optgroup {
	font-weight:700
}
button, input {
	overflow:visible
}
button, select {
	text-transform:none
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance:button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}
legend {
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
textarea {
	overflow:auto
}
[type=checkbox], [type=radio] {
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-input-placeholder {
color:inherit;
opacity:.54
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
.markdown-body embed, .markdown-body iframe, .markdown-body img:not(.equation), .markdown-body video {
max-width:100%!important;
margin:0
}
.markdown-body li {
	list-style:inherit
}
.markdown-body img.equation {
	margin:0 .1em;
	max-width:100%!important;
	vertical-align:middle
}
.markdown-body pre {
	position:relative
}
.markdown-body pre code.copyable .copy-code-btn {
	display:none
}
#nprogress {
	pointer-events:none
}
#nprogress .bar {
	background:#007fff;
	position:fixed;
	z-index:1031;
	top:0;
	left:0;
	width:100%;
	height:2px
}
#nprogress .peg {
	display:block;
	position:absolute;
	right:0;
	width:100px;
	height:100%;
	box-shadow:0 0 10px #007fff, 0 0 5px #007fff;
	opacity:1;
	transform:rotate(3deg) translateY(-4px)
}
.nprogress-custom-parent {
	overflow:hidden;
	position:relative
}
.nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner {
	position:absolute
}
@keyframes nprogress-spinner {
0% {
transform:rotate(0deg)
}
to {
	transform:rotate(1turn)
}
}
body {
	font-size:12px;
	line-height:normal
}
a, button, input {
	margin:initial
}
#juejin {
	overflow-x:visible;
	overflow-x:initial
}
html {
	font-size:12px;
	word-break:break-word;
	text-rendering:optimizeLegibility;
	color:#333
}
body, html {
	-webkit-font-smoothing:unset!important;
	font-family:-apple-system, system-ui, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial!important
}
body {
	word-break:break-word;
	overflow-y:scroll;
	background-color:var(--juejin-background);
	overscroll-behavior:none
}
a {
	text-decoration:none;
	cursor:pointer;
	color:#909090
}
a:hover {
	color:#007fff
}
button {
	list-style:1
}
button:disabled {
	cursor:not-allowed
}
button.disabled, button.disabled:hover {
	background-color:#d2d2d2;
	cursor:not-allowed
}
ul {
	padding:0;
	margin:0
}
li {
	list-style:none
}
#juejin-seo-meta {
	display:none
}
.container {
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:960px
}
.container:after {
	display:table;
	content:"";
	clear:both
}
.hidden {
	display:none
}
.root-view-bg {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	pointer-events:none;
	z-index:-1
}
.shadow {
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05)
}
.align-center {
	text-align:center
}
.align-right {
	text-align:right
}
.align-middle {
	vertical-align:middle
}
.center {
	margin-left:auto;
	margin-right:auto
}
.text-normal {
	color:#333
}
.text-muted {
	color:#666
}
.text-muted1 {
	color:#909090
}
.text-muted2 {
	color:#838383
}
.text-gray {
	color:#909090
}
.text-light {
	color:#d2d2d2
}
.text-blue {
	color:#007fff
}
.text-blue-hover {
	color:#0371df
}
.text-green {
	color:#37c700
}
.text-green-hover {
	color:#3cb40e
}
.text-orange {
	color:#ff8900
}
.text-red {
	color:#e22323
}
.text-a, .text-link {
	cursor:pointer;
	color:#333
}
.text-a:active, .text-a:hover, .text-link:active, .text-link:hover {
	color:#275b8c
}
.text-link {
	color:#259
}
.text-pointer {
	cursor:pointer
}
.line-wrap {
	white-space:pre-wrap;
	word-break:break-all
}
.ellipsis {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.text-bold, b, strong {
	font-weight:700
}
.view-nav {
	position:sticky;
	top:5rem;
	left:0;
	width:100vw;
	height:3.833rem;
	background-color:var(--juejin-navigation);
	z-index:100;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);
transition:all .2s;
	transform:translateY(0);
	margin-left:calc(50% - 51vw)!important;
	margin-right:calc(50% - 51vw)!important
}
.view-nav.top {
	transform:translateY(-5rem)
}
@media (max-width:640px) {
.view-nav {
top:4.333rem
}
.view-nav.top {
transform:translateY(-4.333rem)
}
}
.view-nav .nav-list {
	max-width:960px;
	height:100%;
	margin:auto;
	display:flex;
	align-items:center;
	line-height:1
}
.view-nav .nav-list .nav-item {
	height:100%;
	align-items:center;
	display:flex;
	flex-shrink:0;
	font-size:1.16rem;
	color:var(--juejin-font-2);
	padding:0 1rem
}
.view-nav .nav-list .nav-item:first-child {
	padding:0 1rem 0 0
}
.view-nav .nav-list .nav-item:last-child {
	padding:0 0 0 1rem
}
.view-nav .nav-list .nav-item.active, .view-nav .nav-list .nav-item:hover {
	color:var(--juejin-font-brand1-normal)
}
.view-nav .nav-list .nav-item a {
	color:inherit
}
.nav-item {
	position:relative;
	cursor:pointer
}
.nav-item>a:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0
}
@media (max-width:980px) {
.view-nav .nav-list {
width:auto;
overflow-x:auto
}
.view-nav .nav-list .nav-item:first-child, .view-nav .nav-list .nav-item:last-child {
padding:0 1.5rem
}
}
.list-header {
	padding:1.3rem 1rem;
	border-bottom:1px solid hsla(0, 0%, 59.2%, .1)
}
.square-content .left-con .list-header {
    padding: 1rem 1.66rem;
    border-bottom: 1px solid var(--juejin-gray-1-1);
}
.list-header .list-nav, .list-header .nav-list {
	display:flex;
	justify-content:space-between
}
.list-header .nav-list {
	align-items:center;
	line-height:1
}
.list-header .nav-list .nav-item.active a, .list-header .nav-list .nav-item a:hover {
	color:#007fff
}
.list-header .left .nav-item {
	padding:0 1.66rem;
	margin: 0 !important;
	font-size:1.16rem;
	border-right:1px solid hsla(0, 0%, 59.2%, .2)
}
.nav-item[data-v-ef9a6abe]:first-child {
    margin-left: -1.66rem !important;
}
.list-header .left .nav-item:last-child {
	border:none
}
.list-header .right .nav-item {
	font-size:1.16rem;
padding:0 .7rem;
	position:relative
}
.list-header .right .nav-item:not(:last-child):after {
width:2px;
height:2px;
border-radius:50%;
transform:translate(-50%, -50%);
content:"";
position:absolute;
left:100%;
top:50%;
background-color:#2b445d;
transform:translateY(-50%);
opacity:.5
}
@media (max-width:600px) {
.list-header .right {
display:none
}
}
.button, button {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-color:#007fff;
	color:#fff;
	border-radius:2px;
	border:none;
padding:.5rem 1.3rem;
	outline:none;
transition:background-color .3s, color .3s;
	cursor:pointer
}
.button:hover, button:hover {
	background-color:#0371df;
	color:#fff
}
i+span {
margin-left:.6rem
}
button+button {
margin-left:.8rem
}
.subscribe-btn {
	border:1px solid #37c700;
	background-color:#fff;
	color:#37c700;
	margin:1rem auto;
	font-size:1.1rem
}
.subscribe-btn:hover {
	background-color:#fff;
	color:#3cb40e;
	border-color:#3cb40e
}
.subscribe-btn.subscribed {
	background-color:#37c700;
	color:#fff
}
.subscribe-btn.subscribed:hover {
	background-color:#3cb40e
}
.radio-group {
	cursor:pointer;
	display:flex;
	align-items:center;
	font-size:14px
}
.radio-group .radio-label {
	margin-left:6px
}
input[type=radio] {
	width:16px;
	height:16px;
	border:1px solid #bfcbd9;
	border-radius:50%;
	background-color:#fff;
	cursor:pointer;
	box-sizing:border-box;
	position:relative;
	outline:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
input[type=radio]:after {
	width:6px;
	height:6px;
	border-radius:50%;
	background-color:#fff;
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%) scale(0);
transition:transform .15s cubic-bezier(.71, -.46, .88, .6)
}
input[type=radio]:checked {
	border-color:#20a0ff;
	background:#3a9afc
}
input[type=radio]:checked:after {
	transform:translate(-50%, -50%) scale(1)
}
input[type=radio]:disabled {
	background-color:#eef1f6;
	border-color:#d1dbe5;
	cursor:not-allowed
}
input[type=radio]:disabled:checked {
	border-color:#d1dbe5;
	background-color:#d1dbe5
}
input[name=registerSmsCode]::-webkit-contacts-auto-fill-button {
display:none;
visibility:hidden
}
.aside-top-section {
	background-color:#fff;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);
	border-radius:2px;
	margin-bottom:1.3rem;
	font-size:1.16rem;
	line-height:1.29;
	color:#333
}
.aside-top-section .aside-header {
	padding:1rem 1.3rem;
	border-bottom:1px solid hsla(0, 0%, 59.2%, .1);
	color:#333;
	font-size:1.16rem
}
.aside-top-section .aside-list {
	padding:1rem 1.3rem
}
.aside-top-section .aside-list .item {
	margin-bottom:1.5rem
}
.busy-icon:before {
	animation:busy-ani 1s linear infinite
}
@keyframes busy-ani {
to {
transform:rotate(1turn)
}
}
div.byte-notification-message {
	z-index:9999!important;
	top:80px!important
}
div.byte-notification-message .byte-message--success, div.byte-notification-message .byte-message--warning {
	border:1px solid #e4e6eb;
	box-shadow:0 4px 10px rgba(0, 0, 0, .1)
}
div.byte-notification-message .byte-message--error .byte-message__icon--error {
	color:var(--juejin-font_danger)
}
body[data-theme=dark] div.byte-notification-message .byte-message--error, body[data-theme=dark] div.byte-notification-message .byte-message--info, body[data-theme=dark] div.byte-notification-message .byte-message--success, body[data-theme=dark] div.byte-notification-message .byte-message--warning {
	border:1px solid var(--juejin-gray-1-1);
	box-shadow:0 4px 10px rgba(0, 0, 0, .1);
	background-color:var(--juejin-popover)
}
body[data-theme=dark] .byte-loading {
	background-color:rgba(24, 24, 24, .1)
}
div.byte-message {
	box-sizing:border-box;
	font-size:14px;
	color:var(--juejin-font-2)
}
div.byte-message .byte-message__content {
	margin:0
}
div.byte-message .byte-message__content a {
	color:var(--juejin-brand-1-normal)
}
div.byte-tooltip {
	padding:12px;
	border-radius:4px;
	font-size:12px;
	line-height:20px
}
div.byte-tooltip--dark {
	background:var(--juejin-popover);
	box-shadow:0 4px 8px rgba(0, 0, 0, .16)
}
div.byte-tooltip--light {
	background:var(--juejin-popup);
	color:var(--juejin-font-2)
}
.byte-tab-nav--active:hover, div.byte-tab-nav .byte-tab-nav__item.byte-tab-nav--active {
	color:var(--juejin-font-brand1-normal);
	font-weight:500
}
div.byte-tab-nav .byte-tab-nav__item:hover {
	color:var(--juejin-font-brand1-normal);
	font-weight:400
}
div.byte-tab-nav div.byte-tab-nav__item {
	color:var(--juejin-font-3)
}
div .byte-pagination {
	text-align:center
}
ul .byte-pagination__item[disabled] {
	background-color:#fff
}
ul .byte-pagination__item {
	background-color:#fff;
	padding:0;
	margin-left:8px
}
ul .byte-pagination__item--active, ul .byte-pagination__item:hover {
	color:#1e80ff;
	background-color:#eaf2ff
}
.byte-alert--info {
	background-color:var(--juejin-brand-5-light);
	border:1px solid var(--juejin-brand-1-normal)
}
.byte-alert--info .byte-alert__icon {
	color:var(--juejin-brand-1-normal)
}
.byte-alert--info .byte-alert__title, .byte-select-dropdown {
	color:var(--juejin-font-1)
}
.byte-select-dropdown {
	border-color:var(--juejin-gray-2);
	background-color:var(--juejin-layer-1);
	box-sizing:border-box;
	left:1px!important
}
.byte-select-dropdown /deep/ * {
box-sizing:border-box
}
.byte-select-dropdown .byte-select-option--hover {
	background-color:var(--juejin-gray-1-1)
}
.byte-select-dropdown .byte-select-option--selected {
	color:var(--juejin-font-brand1-normal)
}
.byte-date-picker__panel-wrapper {
	color:var(--juejin-font-1);
	background-color:var(--juejin-layer-1);
	box-sizing:border-box
}
.byte-date-picker__panel-wrapper /deep/ * {
box-sizing:border-box
}
.byte-date-picker__panel-wrapper .byte-date-picker__panel-cell--outside {
	color:var(--juejin-font-1);
	background-color:var(--juejin-layer-1)
}
.byte-date-picker__panel-wrapper .byte-date-picker__panel-header {
	color:var(--juejin-font-1)
}
.byte-date-picker__panel-wrapper .byte-date-picker__panel-cell--selected, .byte-date-picker__panel-wrapper .byte-date-picker__panel-cell--selected:hover {
	color:var(--juejin-font-white);
	background-color:var(--juejin-brand-1-normal)
}
.byte-date-picker__panel-wrapper .byte-date-picker__panel-cell--inner:hover {
	color:var(--juejin-font-1);
	background-color:var(--juejin-gray-1-2)
}
.byte-menu .byte-menu-item--active {
	font-weight:400
}
.byte-menu .byte-menu-item--active, .byte-menu .byte-submenu--active {
	color:var(--juejin-font-brand1-normal)
}
.byte-menu .byte-menu-item--active .icon path[fill], .byte-menu .byte-menu-item--active .icon rect, .byte-menu .byte-submenu--active .icon path[fill], .byte-menu .byte-submenu--active .icon rect {
	fill:var(--juejin-font-brand1-normal)
}
.byte-menu .byte-menu-item--active .byte-submenu__title, .byte-menu .byte-menu-item--active .title:not(.fake-menu), .byte-menu .byte-submenu--active .byte-submenu__title, .byte-menu .byte-submenu--active .title:not(.fake-menu) {
color:var(--juejin-font-brand1-normal)
}
.byte-menu .byte-menu-item--active .byte-submenu__title .icon path[fill], .byte-menu .byte-menu-item--active .byte-submenu__title .icon rect, .byte-menu .byte-menu-item--active .title:not(.fake-menu) .icon path[fill], .byte-menu .byte-menu-item--active .title:not(.fake-menu) .icon rect, .byte-menu .byte-submenu--active .byte-submenu__title .icon path[fill], .byte-menu .byte-submenu--active .byte-submenu__title .icon rect, .byte-menu .byte-submenu--active .title:not(.fake-menu) .icon path[fill], .byte-menu .byte-submenu--active .title:not(.fake-menu) .icon rect {
fill:var(--juejin-font-brand1-normal)
}
.byte-menu .byte-submenu__title {
	border:none;
	margin:0 8px
}
.byte-menu .byte-menu-item:hover, .byte-menu .byte-submenu__title:hover {
	color:var(--juejin-font-brand1-normal)
}
.byte-menu .byte-menu-item:hover .icon path[fill], .byte-menu .byte-menu-item:hover .icon rect, .byte-menu .byte-submenu__title:hover .icon path[fill], .byte-menu .byte-submenu__title:hover .icon rect {
	fill:var(--juejin-font-brand1-normal)
}
.byte-menu .byte-submenu .byte-menu-item:hover, .byte-menu .byte-submenu .byte-submenu__title:hover {
	color:var(--juejin-font-brand1-normal);
	background-color:#fafafa
}
.byte-menu .byte-menu-item, .byte-menu .byte-submenu .item.byte-menu-item, .byte-menu .byte-submenu .item.byte-submenu__title {
	margin:0 8px;
	border:none;
	text-indent:-1px
}
.byte-menu .byte-menu-item--active, .byte-menu .byte-submenu .item.byte-menu-item--active {
	font-weight:400;
	color:var(--juejin-font-brand1-normal);
	background-color:#e8f3ff;
	border:none
}
div.byte-modal .byte-modal__content {
	padding:0;
	overflow:auto;
	width:400px;
	border-radius:4px;
	background-color:var(--juejin-popup)
}
div.byte-modal .byte-modal__content .byte-modal__header {
	padding:16px 20px;
	border-bottom:1px solid #e4e6eb
}
div.byte-modal .byte-modal__content .byte-modal__body, div.byte-modal .byte-modal__content .byte-modal__footer {
	padding:0 20px
}
div.byte-modal .byte-modal__content .byte-modal__footer {
	margin-bottom:16px
}
div.byte-modal .byte-modal__content .byte-modal-confirm {
	display:flex;
	flex-direction:column;
	align-items:center
}
div.byte-modal .byte-modal__content .byte-modal-confirm .byte-modal-confirm__head {
	display:flex;
	align-items:center;
	padding:24px 0;
	margin:0
}
div.byte-modal .byte-modal__content .byte-modal-confirm .byte-modal-confirm__head i {
	height:17.5px;
	width:17.5px;
	color:#1e80ff
}
div.byte-modal .byte-modal__content .byte-modal-confirm .byte-modal-confirm__head .byte-modal-confirm__head--title {
	font-weight:500;
	font-size:16px;
	line-height:24px;
	color:var(--juejin-font-2);
	padding-left:9px;
	width:auto
}
div.byte-modal .byte-modal__content .byte-modal-confirm .byte-modal-confirm__body {
	font-size:14px;
	line-height:22px;
	text-align:center;
	color:var(--juejin-font-2)
}
div.byte-modal .byte-modal__content .byte-modal-confirm .byte-modal-confirm__footer {
	padding-top:24px;
	padding-bottom:32px;
	margin:0
}
div.byte-modal .byte-modal__content .byte-modal-confirm .byte-modal-confirm__footer button+button {
	margin-left:12px
}
div.byte-modal .byte-modal__content .byte-modal-confirm .byte-modal-confirm__footer button {
	padding:0 19px;
	height:34px
}
div.byte-modal .byte-modal__content .byte-modal-confirm .byte-modal-confirm__footer .byte-btn--primary {
	background:var(--juejin-brand-1-normal)!important
}
div.byte-modal .byte-modal__content .byte-modal-confirm .byte-modal-confirm__footer .byte-btn--default {
	background-color:var(--juejin-brand-fill1-normal);
	color:var(--juejin-font-brand1-normal);
	border-color:var(--juejin-brand-4-disable)
}
.byte-drawer__content {
	background-color:var(--juejin-layer-1)
}
.byte-popover {
	background-color:var(--juejin-popup)
}
.emoji.old {
	transform:scale(.9)
}
@media (max-width:600px) {
.web-only {
display:none
}
}
.light-theme, body {
--juejin-layer-golden-1:#faf3e5;
--juejin-layer-golden-2:#f6e7cb;
--juejin-component-hover:#e4e6eb;
--juejin-gradientgold_normal_start:#fde8c3;
--juejin-gradientgold_normal_end:#edd3a7;
--juejin-gradientgold_hover_start:#f1dfc0;
--juejin-gradientgold_hover_end:#e6c99b;
--juejin-gradientgold_click_start:#e9d5b3;
--juejin-gradientgold_click_end:#dac29a;
--juejin-layer_loading_start:rgba(228, 230, 235, 0);
--juejin-layer_loading_end:rgba(228, 230, 235, 0.5);
--juejin-layer_golden_2:#faf3e5;
--juejin-font_golden_4:#7e5d25;
--juejin-font-golden-1:#7e5d25;
--juejin-font-golden-2:#8a795c;
--juejin-font-golden-3:#d6b885;
--juejin-gray-0:#fff;
--juejin-gray-1-1:#e4e6eb;
--juejin-gray-1-2:rgba(228, 230, 235, 0.5);
--juejin-gray-1-3:#e4e6eb;
--juejin-gray-2:#f2f3f5;
--juejin-gray-3:#f7f8fa;
--juejin-background:#f2f3f5;
--juejin-layer-1:#fff;
--juejin-layer-2-1:#f7f8fa;
--juejin-layer-2-2:rgba(247, 248, 250, 0.7);
--juejin-layer-3-fill:#f2f3f5;
--juejin-layer-3-border:#e4e6eb;
--juejin-layer-4-dropdown:#fff;
--juejin-layer-5:#fff;
--juejin-brand-1-normal:#1e80ff;
--juejin-brand-2-hover:#1171ee;
--juejin-brand-3-click:#0060dd;
--juejin-brand-4-disable:#abcdff;
--juejin-brand-5-light:#eaf2ff;
--juejin-mask-1:rgba(0, 0, 0, 0.4);
--juejin-mask-2:#fff;
--juejin-mask-3:none;
--juejin-brand-fill1-normal:rgba(30, 128, 255, 0.05);
--juejin-brand-fill2-hover:rgba(30, 128, 255, 0.1);
--juejin-brand-fill3-click:rgba(30, 128, 255, 0.2);
--juejin-brand-stroke1-normal:rgba(30, 128, 255, 0.3);
--juejin-brand-stroke2-hover:rgba(30, 128, 255, 0.45);
--juejin-brand-stroke3-click:rgba(30, 128, 255, 0.6);
--juejin-font_danger:#ff5132;
--juejin-font-1:#252933;
--juejin-font-2:#515767;
--juejin-font-3:#8a919f;
--juejin-font-4:#c2c8d1;
--juejin-font-brand1-normal:#1e80ff;
--juejin-font-brand2-hover:#1171ee;
--juejin-font-brand3-click:#0060dd;
--juejin-font-brand4-disable:#abcdff;
--juejin-font-success:#2bb91b;
--juejin-font-warning:#ff8412;
--juejin-font-danger:#ff5132;
--juejin-font-white-disable:#fff;
--juejin-font-white:#fff;
--juejin-success-1-normal:#00b453;
--juejin-success-2-deep:#00964e;
--juejin-success-3-light:#e2faed;
--juejin-warning-1-normal:#ff7426;
--juejin-warning-2-deep:#e05e00;
--juejin-warning-3-light:#fff3e5;
--juejin-danger-1-normal:#f64242;
--juejin-danger-2-deep:#cb2634;
--juejin-danger-3-light:#fff2ff;
--juejin-sub-1-purple:#9f54ff;
--juejin-sub-2-blue:#57a0ff;
--juejin-sub-3-cyan:#5ad7ff;
--juejin-sub-4-green:#33d790;
--juejin-sub-5-yellow:#ffcc15;
--juejin-sub-6-orange:#ff834e;
--juejin-sub-7-red:#ff5e54;
--juejin-coupon_1_button:#f64242;
--juejin-coupon_1_button_disable:#faa0a0;
--juejin-coupon_2_card:rgba(255, 245, 244, 0.7);
--juejin-coupon_3_stroke:rgba(246, 66, 66, 0.2);
--juejin-navigation:#fff;
--juejin-shade-1:rgba(0, 0, 0, 0.4);
--juejin-shade-2:rgba(0, 0, 0, 0.6);
--juejin-popup:#fff;
--juejin-popover:#464646;
--juejin-sheets:#f7f8fa;
--juejin-coupon-button:#f64242;
--juejin-coupon-button-disable:#faa0a0;
--juejin-coupon-card:rgba(255, 245, 244, 0.7);
--juejin-layer-loading-start:#e4e6eb;
--juejin-layer-loading-end:rgba(228, 230, 235, 0.5);
--juejin-font-priv-hint:#916be1;
--juejin-background-jscore-radar:#232323;
--juejin-button-shadow-hover:#ddd;
--juejin-bot-icon-side-bg-color:linear-gradient(180deg, #ebf1ff, #fff);
--juejin-bot-card-border-color:#eaedf1;
--juejin-ai-text:#2f2f2f;
--juejin-ai-normal-text:#0c0d0e;
--juejin-ai-text-desc:#9299a7;
--juejin-ai-message-bgc:#fff;
--juejin-ai-button-bgc:#fff;
--juejin-ai-code-bgc:#f7f8f9
}
@keyframes skeleton-keyframes {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.dark-theme, body[data-theme=dark] {
--juejin-layer-golden-1:rgba(209, 171, 97, 0.23);
--juejin-layer-golden-2:rgba(237, 211, 167, 0.4);
--juejin-component-hover:hsla(0, 0%, 100%, 0.2);
--juejin-gradientgold_normal_start:#fde8c3;
--juejin-gradientgold_normal_end:#edd3a7;
--juejin-gradientgold_hover_start:#f1dfc0;
--juejin-gradientgold_hover_end:#e6c99b;
--juejin-gradientgold_click_start:#e9d5b3;
--juejin-gradientgold_click_end:#dac29a;
--juejin-layer_loading_start:hsla(0, 0%, 100%, 0);
--juejin-layer_loading_end:hsla(0, 0%, 100%, 0.2);
--juejin-layer_golden_2:rgba(209, 171, 97, 0.12);
--juejin-font_golden_4:#7e5d25;
--juejin-font-golden-1:#edd3a7;
--juejin-font-golden-2:#bea985;
--juejin-font-golden-3:#8e7f64;
--juejin-gray-0:#000;
--juejin-gray-1-1:hsla(0, 0%, 100%, 0.2);
--juejin-gray-1-2:hsla(0, 0%, 100%, 0.1);
--juejin-gray-1-3:#464646;
--juejin-gray-2:hsla(0, 0%, 100%, 0.12);
--juejin-gray-3:hsla(0, 0%, 100%, 0.08);
--juejin-background:#000;
--juejin-layer-1:#181818;
--juejin-layer-2-1:hsla(0, 0%, 100%, 0.08);
--juejin-layer-2-2:hsla(0, 0%, 100%, 0.08);
--juejin-layer-3-fill:hsla(0, 0%, 100%, 0.08);
--juejin-layer-3-border:hsla(0, 0%, 100%, 0.2);
--juejin-layer-4-dropdown:#2f2f2f;
--juejin-layer-5:hsla(0, 0%, 100%, 0.12);
--juejin-brand-1-normal:#1b73e5;
--juejin-brand-2-hover:#0f66d6;
--juejin-brand-3-click:#0056c7;
--juejin-brand-4-disable:rgba(41, 134, 255, 0.4);
--juejin-brand-5-light:rgba(30, 128, 255, 0.2);
--juejin-mask-1:hsla(0, 0%, 100%, 0.4);
--juejin-mask-2:#282828;
--juejin-mask-3:rgba(0, 0, 0, 0.05);
--juejin-brand-fill1-normal:rgba(41, 134, 255, 0.15);
--juejin-brand-fill2-hover:rgba(20, 115, 237, 0.25);
--juejin-brand-fill3-click:rgba(5, 99, 221, 0.35);
--juejin-brand-stroke1-normal:rgba(41, 134, 255, 0.4);
--juejin-brand-stroke2-hover:rgba(20, 115, 237, 0.6);
--juejin-brand-stroke3-click:rgba(5, 99, 221, 0.6);
--juejin-font_danger:#f85959;
--juejin-font-1:hsla(0, 0%, 100%, 0.8);
--juejin-font-2:hsla(0, 0%, 100%, 0.7);
--juejin-font-3:hsla(0, 0%, 100%, 0.46);
--juejin-font-4:hsla(0, 0%, 100%, 0.45);
--juejin-font-brand1-normal:#4495ff;
--juejin-font-brand2-hover:#2b88ff;
--juejin-font-brand3-click:#1371ec;
--juejin-font-brand4-disable:rgba(19, 113, 236, 0.4);
--juejin-font-success:#40c17b;
--juejin-font-warning:#ff8541;
--juejin-font-danger:#c62633;
--juejin-font-white-disable:hsla(0, 0%, 100%, 0.6);
--juejin-font-white:#fff;
--juejin-success-1-normal:#40c17b;
--juejin-success-2-deep:#008445;
--juejin-success-3-light:rgba(64, 193, 123, 0.2);
--juejin-warning-1-normal:#ff8541;
--juejin-warning-2-deep:#d85c02;
--juejin-warning-3-light:rgba(255, 133, 65, 0.2);
--juejin-danger-1-normal:#f85959;
--juejin-danger-2-deep:#c62633;
--juejin-danger-3-light:rgba(248, 89, 89, 0.2);
--juejin-sub-1-purple:#a965ff;
--juejin-sub-2-blue:#68a9ff;
--juejin-sub-3-cyan:#74f4ed;
--juejin-sub-4-green:#50e68c;
--juejin-sub-5-yellow:#ffd748;
--juejin-sub-6-orange:#ff8f60;
--juejin-sub-7-red:#ff6e65;
--juejin-coupon_1_button:rgba(251, 86, 83, 0.8);
--juejin-coupon_1_button_disable:#782928;
--juejin-coupon_2_card:rgba(255, 176, 176, 0.08);
--juejin-coupon_3_stroke:rgba(246, 66, 66, 0.18);
--juejin-navigation:#181818;
--juejin-shade-1:rgba(0, 0, 0, 0.6);
--juejin-shade-2:rgba(0, 0, 0, 0.7);
--juejin-popup:#282828;
--juejin-popover:#424242;
--juejin-sheets:#222;
--juejin-coupon-button:rgba(251, 86, 83, 0.8);
--juejin-coupon-button-disable:#782928;
--juejin-coupon-card:rgba(255, 176, 176, 0.08);
--juejin-layer-loading-start:hsla(0, 0%, 100%, 0);
--juejin-layer-loading-end:hsla(0, 0%, 100%, 0.2);
--juejin-font-priv-hint:#916be1;
--juejin-background-jscore-radar:#232323;
--juejin-button-shadow-hover:transparent;
--juejin-bot-icon-side-bg-color:var(--juejin-layer-5);
--juejin-bot-card-border-color:var(--juejin-gray-1-1);
--juejin-ai-text:hsla(0, 0%, 100%, 0.9);
--juejin-ai-text-desc:hsla(0, 0%, 100%, 0.4);
--juejin-ai-normal-text:hsla(0, 0%, 100%, 0.9);
--juejin-ai-message-bgc:hsla(0, 0%, 100%, 0.08);
--juejin-ai-button-bgc:hsla(0, 0%, 100%, 0.2);
--juejin-ai-code-bgc:hsla(0, 0%, 100%, 0.08)
}
.jj-link[data-v-65b50b51] {
	cursor:pointer;
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color:transparent;
	-webkit-text-decoration-skip:objects;
	-webkit-user-select:none;
	-moz-user-focus:none;
	-moz-user-select:none
}
.jj-link[data-v-65b50b51]:active, .jj-link[data-v-65b50b51]:hover {
	outline-width:0
}
@keyframes skeleton-keyframes-data-v-03256cc6 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.jj-avatar[data-v-03256cc6] {
	display:inline-flex;
	position:relative
}
.jj-avatar[data-v-03256cc6], .jj-avatar [data-v-03256cc6] {
	box-sizing:border-box
}
.jj-avatar .avatar-img[data-v-03256cc6] {
	border-radius:50%;
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	background-color:var(--juejin-gray-3)
}
.jueyou-level[data-v-67c60cca] {
	display:inline-flex
}
.jueyou-level[data-v-67c60cca] .byte-tooltip__wrapper {
	display:flex
}
.jueyou-level img[data-v-67c60cca] {
	width:3.75rem;
	height:1.3333rem;
	-o-object-fit:contain;
	object-fit:contain
}
.rank[data-v-23743940] {
	display:inline-flex;
	align-items:center;
margin-left:.33rem;
	vertical-align:middle
}
.rank img[data-v-23743940] {
	width:35px;
	height:16px
}
@keyframes skeleton-keyframes-data-v-cd7d0a50 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.vip-level[data-v-cd7d0a50] {
	width:16px;
	height:16px;
	cursor:pointer;
	display:flex;
	position:relative;
	margin-left:4px
}
.vip-level .tooltip[data-v-cd7d0a50] {
	font-weight:400;
	font-size:14px;
	line-height:24px;
	color:#fff
}
.vip-level img[data-v-cd7d0a50] {
	width:16px;
	height:16px
}
@keyframes skeleton-keyframes-data-v-292f6e48 {
0% {
background-position:0 0
}
to {
	background-position:480px 0
}
}
.username[data-v-292f6e48] {
	font-size:1.25rem;
	font-weight:600;
	color:var(--juejin-font-1);
	display:flex;
	align-items:center
}
.username .name[data-v-292f6e48] {
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.jueyou-level[data-v-292f6e48] {
margin-left:.33rem
}
.recommend-author-block .username .name[data-v-292f6e48] {
	max-width:130px
}
.recommendation-index-view .username .name[data-v-292f6e48] {
	max-width:200px
}
.jueyou-level[data-v-292f6e48] {
	margin-left:4px
}