.latest-publish {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.publish-book-title {
	border-bottom: 1px solid #DAE0EE;
}

.publish-title-tag {
	display: inline-block;
	position: relative;
	color: #384572;
	font-size: 16px;
	font-weight: 600;
	padding: 8px 0 24px 0;
}

.publish-tag-actived::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	background: #1549C0;
	height: 4px;
}

.publish-book-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	column-gap: 33px;
	row-gap: 40px;
}

.header-login-mobile {
	display: none;
}

#header-mobile {
	display: none;
}

.publish-book-mobile {
	display: none;
}

/* 针对最大宽度为 480px 的设备（通常为手机） */
@media (max-width: 480px) {
	/* #header-mobile {
		display: block;
	} */

	/* 公共样式 */
	body {
		min-width: 100%;
	}

	.one {
		display: none;
	}

	.footer-content {
		flex-direction: column;
		gap: 20px;
	}

	.footer-about {
		padding-bottom: 20px;
		border-bottom: 1px solid #86909C;
	}

	.about-btns img {
		display: none;
	}

	.footer-signature {
		display: none;
	}

	.copyright-text {
		text-align: left;
	}

	.header-nav {
		justify-content: space-between;
		padding: 0 20px;
	}

	.header-mobile {
		position: fixed !important;
		width: 100vw !important;
		height: 100vh !important;
		box-shadow: 0px 4px 40px 0px #1D1E550A;
	}

	.header-mobile-list {
		margin-top: 70px;
		background-color: white;
	}

	.header-mobile-search {
		position: relative;
		padding: 14px 16px;
	}

	.header-mobile-search img {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 24px;
	}

	.header-mobile-card {
		position: relative;
		padding: 10px 16px;
		border-bottom: 1px solid #DAE0EE;
	}

	.header-mobile-card::after {
		content: '';
		width: 8px;
		height: 16px;
		background-image: url(../static/right.svg);
		background-size: 100% 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 10px;
	}

	.header-mobile-card:nth-last-child(1) {
		border-bottom: none;
	}

	.header-mobile-search input {
		padding-left: 12px;
		width: 100%;
		height: 32px;
		background-color: rgba(218, 224, 238, 0.3);
		border: none;
		outline: none;
		border-radius: 32px;
	}

	.header-login-mobile {
		display: flex;
		gap: 20px;
	}

	.header-nav .header-login {
		display: none;
	}

	/* 私有样式 */
	.book-tab-content {
		text-align: center;
		padding: 0;
		border-bottom: 1px solid #F2F5FA;
	}

	.tab-actived {
		position: relative;
		background: none;
	}

	.tab-actived::after {
		content: '';
		position: absolute;
		width: 28px;
		height: 4px;
		background: #1549C0;
		border-radius: 4px;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.book-content {
		flex-direction: column;
		margin-top: 0;
	}

	.book-tree-area {
		padding: 12px 0;
		flex-direction: row;
		width: 100%;
		border-bottom: 1px solid #F2F5FA;
	}

	.tree-card {
		padding: 0;
		flex: 1;
		background: none;
	}

	.tree-card .tree-card-title {
		font-weight: 400;
		font-size: 14px;
		color: #384572;
		justify-content: center;
		gap: 8px;
	}

	.tree-card-title:not(.on) img {
		transform: rotate(0deg)
	}

	.tree-card-title+form {
		display: none;
		width: 100%;
		padding: 0 12px 12px;
		background-color: white;
		z-index: 999;
		box-shadow: 0px 4px 40px 0px rgba(29, 30, 85, 0.1);
	}

	.book-result-info,
	.book-result-toolbar,
	.footer-info,
	#publishToolbar {
		display: none;
	}

	.list-card-cover {
		width: 100px;
		height: 136px;
	}

	.sub-Library .list-card-cover {
		width: 150px;
	}

	.publish-book-grid {
		display: none;
		grid-template-columns: repeat(1, 1fr);
	}

	.publish-book-mobile {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.list-card-title {
		font-size: 14px;
		color: #384572;
	}

	.list-card-tag-box {
		display: none;
	}

	.list-card-info {
		flex: 1;
		width: 0;
		gap: 8px;
		justify-content: center;
	}

	.normal-card:hover .list-card-btns {
		display: none;
	}

	.list-card-desc {
		order: 1;
	}

	.result-list-card {
		gap: 20px;
	}

	.list-card-msg {
		margin-top: 24px;
		order: 2;
	}

	.list-card-msg .list-card-msg-block {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
	}

	.list-card-msg .list-card-msg-block:not(:nth-child(1)) {
		display: none;
	}

	.publish-book-title {
		border-bottom: 0;
		margin-top: 16px;
	}

	.publish-title-tag {
		width: 92px;
		padding: 0;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #E8EDF9;
		border-radius: 38px;
		font-size: 14px;
		font-weight: 500;
		color: #1549C0;
	}

	.publish-title-tag::after {
		display: none;
	}

	.book-result-list {
		margin-top: 30px;
	}
}

.grid-card-cover {
	perspective: none;
}

.book-grid-card:hover .grid-card-cover img {
	transform: none;
}

.book-grid-card {
	position: relative;
}

.book-grid-card:hover .p2-pick-card-hover {
	opacity: 1;
}

.list-card-tag-box {
	display: block;
	text-align: left;
}

.list-card-tag {
	display: inline-flex;
	padding: 4px 12px;
	align-items: center;
	column-gap: 20px;
	border-radius: 88px;
	background: rgba(21, 73, 192, 0.1);
	color: #1549C0;
	white-space: nowrap;
}

.list-card-tag span {
	position: relative;
	/* max-width: 48%;
	overflow: hidden;
	text-overflow: ellipsis; */
}

.list-card-tag span:nth-last-child(1)::after {
	display: none;
}

.list-card-tag span::after {
	content: '';
	width: 4px;
	position: absolute;
	height: 4px;
	border-radius: 50%;
	background: #1549C0;
	top: calc(50% - 2px);
	right: -10px;
}

.p2-pick-card-hover {
	transition: all .3s;
	position: absolute;
	border-radius: 8px;
	opacity: 0;
	left: -10%;
	top: 0;
	width: 120%;
	height: 100%;
	padding: 20px 12px 12px;
	background: linear-gradient(201.66deg, #DFE2FB -0.42%, #EAEDFA 62.34%, #DEEBF9 100%);

}

.p2-pick-card-hover img {
	width: 34%;
	height: 46%;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}

.p2-result-card-hover-c {
	position: absolute;
	display: flex;
	gap: 2px;
	flex-direction: column;
	bottom: 12px;
	left: 12px;
	border-radius: 8px;
	width: calc(100% - 24px);
	height: 75.8%;
	padding: 16px 12px 18px;
	background-color: white;
	z-index: 1;
}

.p2-result-card-hover-c::before {
	content: '';
	position: absolute;
	left: 6px;
	top: -7px;
	z-index: -1;
	background-color: rgb(255, 255, 255, .5);
	backdrop-filter: blur(1.1px);
	height: 200px;
	border-radius: 8px;
	width: calc(100% - 12px);
}

.p2-rcg-item-title,
.p2-rcg-item-content {
	font-size: 14px;
	line-height: 21px;
	color: #384572;
}

.p2-rcg-item-content {
	color: #677390;
}

.p2-rcg-item {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.result-card-box.normal-list-card .p2-rcg-item .list-card-tag-box {
	display: block;
	text-align: left;
}

.p2-pick-card-hover .p2-rcg-item-four {
	display: -webkit-box;
	line-clamp: 3;
	white-space: wrap;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

@media screen and (max-width: 1300px) {
	.p2-pick-card-hover .p2-rcg-item-four {
		line-clamp: 2;
		-webkit-line-clamp: 2;
	}
}

/***********************/