/* 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;		padding-left: 48px;		padding-right: 48px;}	body.page-yueduinfo #otherDiv > div,	body.page-yueduinfo #otherDiv form > div,	body.page-yueduinfo #otherDiv .titleHt {		width: 100% !important;		max-width: none;}}/* ========== ≤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: 20px 32px 28px;		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;		width: 100%;		text-align: center;		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: 16px 20px 24px;}	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;}}