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

#header-mobile {
	display: none;
}

.list-mobile-info {
	display: none;
}
.mobile-search {
    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;
	}

	/* 私有样式 */
	.footer-info,
	.detail-breadcrumb {
		display: none;
	}

	.detail-result-list-card {
		position: relative;
		flex-direction: column;
		align-items: center;
		gap: 20px;
		padding: 32px 5% 0;
		z-index: 1;
	}

	.detail-result-list-card::after {
		content: '';
		position: absolute;
		background: white;
		border-top-right-radius: 40px;
		width: 100%;
		height: 55%;
		z-index: -1;
		bottom: 0;
	}

	.detail-list-card-info {
		text-align: center;
		margin-top: 10px;
	}

	.demo-main .book-header {
		padding: 60px 0 0;
		height: auto;
		background-image: url(../static/banner.png);
		background-position: -80px -85px;
	}

	.list-mobile-info {
		display: block;
		color: #677390;
		font-size: 12px;
	}

	.detail-list-card-msg {
		display: none;
	}

	.detail-list-card-btns {
		position: fixed;
		width: 100%;
		background-color: white;
		bottom: 0;
		justify-content: center;
		border-top: 1px solid #F2F5FA;
		padding: 10px 12px;
		left: 0;
	}

	.detail-list-card-btn {
		flex-direction: column;
		white-space: nowrap;
	}

	.detail-list-card-btn:nth-child(1) img,
	.detail-list-card-btn:nth-child(2) img {
		display: none;
	}

	.detail-list-card-btn:nth-child(1) {
		background: white;
		color: #1549C0;
	}
	.fixed-btns {
		display: none !important;
	}
	.detail-list-card-btns > :nth-child(1) {
		order: 3;
	}

	.detail-list-card-btns > :nth-child(2) {
		order: 4;
	}

	.detail-list-card-btns > :nth-child(3) {
		order: 1;
	}

	.detail-list-card-btns > :nth-child(4) {
		order: 2;
	}

	.detail-list-card-btn:nth-child(3),
	.detail-list-card-btn:nth-child(4) {
		border: none;
		padding: 4px 8px;
		/* flex: 1; */
	}

	.book-card-btns {
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
	}

	.comment-other-reply .comment-box-other {
		padding: 10px 8px;
		background-color: rgba(21, 73, 192, 0.05);
	}

	.comment-other-reply .left-avatar {
		display: none;
	}

	.comment-other-info {
		margin-bottom: 8px;
	}

	.user-info-time {
		font-size: 12px;
	}

	.comment-user-info {
		flex-direction: column;
		gap: 4px;
	}

	.card-total-info {
		order: 1;
		background-color: rgba(21, 73, 192, 0.05);
		border-radius: 4px;
		align-items: center;
		padding: 10px 0;
		justify-content: space-around;

	}

	.card-btns-content {
		order: 2;
		gap: 20px;
	}
	.detail-list-card-title, .list-mobile-info {
		white-space: inherit;
	}
	.total-info {
		height: auto;
		background: transparent;
		gap: 0px;
		color: #677390;
	}

	.total-infot-num {
		font-size: 20px;
		color: #677390 !important;

	}

	.btns-box .tooltips {
		position: relative;
		display: block;
		background: none;
		color: #677390;
		top: 0;
		flex-shrink: 0;
		height: auto;
	}

	.tooltips::before {
		display: none;
	}

	.btns-box {
		width: auto;
	}

	.btns-box img {
		margin-right: 4px;
	}

	.btns-box:hover {
		box-shadow: none;
	}

	.btns-box:nth-child(1) {
		order: 1;
	}

	.btns-box:nth-child(6) {
		order: 2;
	}

	.btns-box:nth-child(2) {
		order: 3;
	}

	.btns-box:nth-child(3) {
		order: 4;
	}

	.btns-box:nth-child(5),
	.btns-box:nth-child(4) {
		display: none;
	}

	.demo-main .detail-book-content {
		flex-direction: column;
		column-gap: 0;
		row-gap: 40px;
		padding-bottom: 60px;
		padding-top: 24px;
		background: linear-gradient(180deg, #ECF1FA 0%, #FFFFFF 33%);
		border-top-left-radius: 40px;

	}

	.book-publish-info {
		background: none;
		width: 100%;
		order: 2;
		padding: 0 0 24px;
	}

	.book-main-card {
		gap: 12px;
	}

	.book-area-title {
		border-bottom: none;
		padding: 0 12px;
		margin-top: 16px;
	}

	.card-btns-content {
		/* display: none; */
		margin-bottom: 0;
	}

	.comment-section {
		padding-bottom: 30px;
	}

	.book-publish-area {
		gap: 0;
	}

	.book-directory>.book-directory-title {
		margin-bottom: 4px;

	}

	.demo-main #read-btn {
		color: white;
		background-color: #1549C0;
	}

	.demo-main .fill-btn:hover {
		background-color: white;
	}

	.detail-list-card-btn:hover {
		background-color: white;
	}

	.book-directory>.book-directory-title>.directory-title-area .directory-title {
		color: #384572;
		font-weight: 500;
	}

	.book-directory>.book-directory-title>.directory-title-area {
		background-color: rgba(21, 73, 192, 0.05);
		border-radius: 4px;
	}

	.directory-title-area {
		min-height: 40px;
		height: auto;
		padding: 8px 24px 8px 40px;
	}

	.book-directory-children .book-directory-title {
		border-bottom: 1px solid #F2F5FA;
	}

	.book-publish-msg {
		display: flex;
		border-top: 1px solid #DAE0EE;
		border-left: 1px solid #DAE0EE;
		border-right: 1px solid #DAE0EE;
	}

	.book-publish-msg:nth-last-child(1) {
		border-bottom: 1px solid #DAE0EE;
	}

	.publish-title {
		color: #677390;
		width: 108px;
		padding: 5px 10px;
		flex-shrink: 0;
		font-weight: 400;
		font-size: 12px;
		border-right: 1px solid #DAE0EE;
	}

	.publish-msg {
		color: #384572;
		padding: 5px 10px;

		font-size: 12px;
		margin-top: 0;
	}
}