/* yueduinfo.html 专用响应式，限定 body.page-yueduinfo，不影响其他页面 */



body.page-yueduinfo *,

body.page-yueduinfo *::before,

body.page-yueduinfo *::after {

	box-sizing: border-box;}



body.page-yueduinfo {

	overflow-x: hidden;

	width: 100%;

	max-width: 100vw;}



body.page-yueduinfo .content {

	min-height: 0 !important;}



/* ========== ≤1200px ========== */

@media screen and (max-width: 1200px) {

	body.page-yueduinfo .headerNew {

		padding: 0 24px;}



	body.page-yueduinfo .header .logo {

		width: 100% !important;

		max-width: 1000px;

		padding-left: 20px;

		padding-right: 20px;}



	body.page-yueduinfo .titleH {

		font-size: 36px;

		height: auto;

		padding: 0 16px 24px;}



	body.page-yueduinfo .content {

		width: calc(100% - 32px);

		max-width: 1000px;

		padding-left: 16px;

		padding-right: 16px;}



	body.page-yueduinfo #otherDiv {

		width: 100% !important;

		max-width: 900px;}



	body.page-yueduinfo #otherDiv > div,

	body.page-yueduinfo #otherDiv .titleHt {

		width: 100% !important;

		max-width: 800px;}

}



/* ========== ≤900px ========== */

@media screen and (max-width: 900px) {

	body.page-yueduinfo img {

		max-width: 100%;

		height: auto !important;}



	body.page-yueduinfo .headerNew {

		height: 40px;

		padding: 0 14px;

		padding-left: max(14px, env(safe-area-inset-left));

		padding-right: max(14px, env(safe-area-inset-right));}



	body.page-yueduinfo .headerNew .heafer_left {

		font-size: 13px;}



	body.page-yueduinfo .header .logo {

		width: 100% !important;

		height: auto;

		min-height: 72px;

		padding: 16px 14px 8px;

		margin: 0;}



	body.page-yueduinfo .header .logo img {

		width: auto;

		max-width: 70%;

		height: 40px;

		object-fit: contain;}



	body.page-yueduinfo .titleH {

		font-size: 24px;

		height: auto;

		line-height: 1.3;

		padding: 8px 14px 28px;}



	body.page-yueduinfo .content {

		width: 100% !important;

		max-width: 100%;

		margin: 0 0 40px;

		padding: 16px 14px 0;

		padding-left: max(14px, env(safe-area-inset-left));

		padding-right: max(14px, env(safe-area-inset-right));

		min-height: 0 !important;

		border: 0;

		overflow: visible;}



	body.page-yueduinfo .muP,

	body.page-yueduinfo .contP,

	body.page-yueduinfo #titleHeader {

		font-size: 13px;

		line-height: 1.6;

		word-break: break-word;

		margin-bottom: 16px;

		padding-bottom: 12px;}



	body.page-yueduinfo #otherDiv {

		width: 100% !important;

		max-width: 100%;

		padding: 16px 14px 24px;

		margin: 0;}



	body.page-yueduinfo #otherDiv > div,

	body.page-yueduinfo #otherDiv .titleHt {

		width: 100% !important;

		max-width: 100%;}



	body.page-yueduinfo .titleHt {

		padding: 20px 0 12px;

		font-size: 20px;

		line-height: 1.45 !important;

		word-break: break-word;}



	body.page-yueduinfo .tc {

		display: block;

		font-size: 13px;

		margin-bottom: 16px;

		line-height: 1.5;}



	body.page-yueduinfo #otherDiv p,

	body.page-yueduinfo #otherDiv span {

		word-break: break-word;}



	body.page-yueduinfo #otherDiv img,

	body.page-yueduinfo #bookDiv img {

		max-width: 100% !important;

		width: auto !important;

		height: auto !important;}



	/* 图书推荐详情：封面 + 信息 */

	body.page-yueduinfo #bookDiv > div:first-child {

		min-height: 0 !important;

		display: flex;

		flex-wrap: wrap;

		gap: 16px;

		align-items: flex-start;

		margin-bottom: 20px;}



	body.page-yueduinfo #bookDiv > div:first-child > .fl {

		float: none !important;

		margin-left: 0 !important;}



	body.page-yueduinfo #bookDiv > div:first-child > .fl:first-child {

		width: 140px;

		flex-shrink: 0;}



	body.page-yueduinfo #bookDiv > div:first-child > .fl:first-child img {

		width: 100% !important;

		max-width: 140px;}



	body.page-yueduinfo #bookDiv > div:first-child > .fl:last-child {

		flex: 1;

		min-width: 0;}



	body.page-yueduinfo #bookDiv .titleHt {

		padding: 0 0 10px;

		text-align: left;

		font-size: 18px;}



	body.page-yueduinfo #bookDiv p {

		font-size: 14px;

		line-height: 1.7;

		margin-bottom: 4px;}



	body.page-yueduinfo .footer {

		height: auto !important;

		overflow: visible;}



	body.page-yueduinfo .footerTop {

		height: auto;

		padding: 16px 14px;}



	body.page-yueduinfo .footerTop > div {

		width: 100%;

		display: flex;

		flex-wrap: wrap;

		justify-content: center;

		gap: 8px 12px;}



	body.page-yueduinfo .footerTop a {

		margin-right: 0 !important;

		padding: 8px 12px;

		font-size: 12px;}



	body.page-yueduinfo .footerTop .down::before {

		display: none;}



	body.page-yueduinfo .footerBottom {

		height: auto !important;

		padding: 16px 14px max(16px, env(safe-area-inset-bottom));

		line-height: 1.7;

		font-size: 11px;}

}



/* ========== ≤576px ========== */

@media screen and (max-width: 576px) {

	body.page-yueduinfo .headerNew .heafer_left {

		font-size: 12px;

		white-space: nowrap;

		overflow: hidden;

		text-overflow: ellipsis;

		max-width: 100%;}



	body.page-yueduinfo .titleH {

		font-size: 20px;

		padding-bottom: 20px;}



	body.page-yueduinfo .header .logo {

		min-height: 64px;

		padding: 12px 12px 8px;}



	body.page-yueduinfo .header .logo img {

		height: 34px;

		max-width: 80%;}



	body.page-yueduinfo .content {

		padding: 12px 10px 0;}



	body.page-yueduinfo #otherDiv {

		padding: 12px 10px 20px;}



	body.page-yueduinfo .titleHt {

		font-size: 18px;

		padding-top: 12px;}



	body.page-yueduinfo #otherDiv p span,

	body.page-yueduinfo #otherDiv span[style*="font-size"] {

		font-size: 16px !important;}



	body.page-yueduinfo #bookDiv > div:first-child {

		flex-direction: column;

		align-items: center;

		text-align: center;}



	body.page-yueduinfo #bookDiv > div:first-child > .fl:first-child {

		width: 120px;}



	body.page-yueduinfo #bookDiv .titleHt {

		text-align: center;}

}