/* 二级页共用响应式（list/info），限定 body.page-inner，不影响其他页面 */

body.page-inner *,
body.page-inner *::before,
body.page-inner *::after {
	box-sizing: border-box;}

body.page-inner {
	overflow-x: hidden;
	width: 100%;
	max-width: 100vw;}

body.page-inner .navToggle {
	display: none;
	width: 44px;
	height: 44px;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 6px;
	z-index: 1002;
	flex-shrink: 0;
	position: absolute;
	right: 14px;
	top: 18px;}

body.page-inner .navToggle span {
	display: block;
	width: 22px;
	height: 2px;
	background: #fff;
	border-radius: 1px;
	transition: transform 0.25s, opacity 0.25s;}

body.page-inner .navToggle.is-open span:nth-child(1) {
	transform: translateY(8px) rotate(45deg);}

body.page-inner .navToggle.is-open span:nth-child(2) {
	opacity: 0;}

body.page-inner .navToggle.is-open span:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);}

body.page-inner .navMask {
	display: none;}

body.page-inner .navClose {
	display: none;
	position: fixed;
	top: 12px;
	right: 12px;
	z-index: 1003;
	width: 44px;
	height: 44px;
	padding: 0;
	border: none;
	background: transparent;
	color: #000;
	font-size: 32px;
	line-height: 1;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	font-family: Arial, sans-serif;}

body.page-inner .navSubToggle {
	display: none;}

/* ========== ≤1200px ========== */
@media screen and (max-width: 1200px) {
	body.page-inner .headerNew {
		padding: 0 24px;}

	body.page-inner .header .logo,
	body.page-inner .header .retrieval .title {
		width: 100% !important;
		max-width: 1000px;
		padding-left: 20px;
		padding-right: 20px;}

	body.page-inner .content {
		width: calc(100% - 32px);
		max-width: 1000px;
		padding: 40px 16px 0;}
}

/* ========== ≤900px：汉堡导航 + 主内容堆叠 ========== */
@media screen and (max-width: 900px) {
	body.page-inner img {
		max-width: 100%;}

	body.page-inner .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-inner .headerNew .heafer_left {
		font-size: 13px;}

	body.page-inner .header {
		position: relative;}

	body.page-inner .header .logo {
		width: 100% !important;
		height: auto;
		min-height: 72px;
		padding: 16px 56px 16px 14px;
		margin: 0;}

	body.page-inner .header .logo img {
		width: auto;
		max-width: calc(100% - 8px);
		height: 40px;
		object-fit: contain;}

	body.page-inner .navToggle {
		display: flex;}

	body.page-inner .navMask {
		display: block;
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.45);
		z-index: 1000;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.25s, visibility 0.25s;}

	body.page-inner .navMask.is-open {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;}

	body.page-inner .navClose.is-open {
		display: flex;
		/* 固定在侧滑面板右上角 */
		top: 14px;
		right: 8px;}

	body.page-inner .header .retrieval .titleParent {
		height: auto;
		background: transparent;}

	body.page-inner .header .retrieval {
		background: transparent;
		filter: none;}

	body.page-inner .header .retrieval .title {
		width: 100% !important;
		height: auto;
		line-height: normal;
		margin: 0;
		padding: 0;
		overflow: visible;}

	body.page-inner .header .retrieval .title > div.fl {
		display: none;}

	body.page-inner .header .retrieval .title ul.fr {
		float: none;
		margin: 0;
		position: fixed;
		top: 0;
		right: 0;
		width: min(300px, 85vw);
		height: 100%;
		height: 100dvh;
		background: #fff;
		z-index: 1001;
		padding: 72px 0 max(24px, env(safe-area-inset-bottom));
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		transform: translateX(110%);
		transition: transform 0.28s ease;
		box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);}

	body.page-inner .header .retrieval .title ul.fr.is-open {
		transform: translateX(0);}

	body.page-inner .header .retrieval .title ul.fr li {
		float: none;
		width: 100%;
		border-bottom: 1px solid #f0f0f0;
		line-height: 1.4;}

	body.page-inner .header .retrieval .title ul.fr li:after {
		display: none;}

	body.page-inner .header .retrieval .title ul.fr li.active a:after {
		display: none;}

	body.page-inner .header .retrieval .title ul.fr > li > a {
		display: block;
		padding: 14px 48px 14px 20px;
		font-size: 15px !important;
		width: 100%;
		min-height: 48px;
		color: #333 !important;
		line-height: 1.4;
		box-sizing: border-box;}

	body.page-inner .header .retrieval .title ul.fr > li {
		position: relative;}

	body.page-inner .header .retrieval .title ul.fr > li > .navSubToggle {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		width: 48px;
		height: 48px;
		border: none;
		background: transparent;
		color: #333;
		font-size: 22px;
		line-height: 48px;
		text-align: center;
		cursor: pointer;
		padding: 0;
		z-index: 2;
		font-family: Arial, sans-serif;
		font-weight: 400;}

	body.page-inner .header .retrieval .title ul.fr > li.has-sub > .navSubToggle {
		display: block;}

	body.page-inner .header .retrieval .title ul.fr > li.has-sub > .navSubToggle::before {
		content: none;}

	body.page-inner .header .retrieval .title ul.fr div {
		position: static !important;
		display: none !important;
		margin: 0 !important;
		padding: 0 0 8px;
		border: none;
		box-shadow: none;
		border-radius: 0;
		background: #f7f7f7;
		white-space: normal;
		min-width: 0;
		line-height: 1.4;
		top: auto;}

	body.page-inner .header .retrieval .title ul.fr li.is-open > div {
		display: block !important;}

	body.page-inner .header .retrieval .title ul.fr div a {
		padding: 12px 28px;
		font-size: 14px !important;
		min-height: 44px;
		display: flex;
		align-items: center;
		color: rgba(0, 0, 0, 0.8);}

	/* 主内容区：侧栏与列表纵向排列 */
	body.page-inner .content {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 20px 14px 0;
		padding-left: max(14px, env(safe-area-inset-left));
		padding-right: max(14px, env(safe-area-inset-right));
		border-left: none;
		border-right: none;
		overflow: visible;}

	body.page-inner .content > div.fl,
	body.page-inner .content > #secondLevel {
		float: none;
		width: 100%;
		margin: 0 0 20px;}

	body.page-inner .content > div.fl .avigation {
		margin-bottom: 16px;}

	body.page-inner .content > div.fl div ul li {
		width: 50%;}

	body.page-inner .content > div.fr,
	body.page-inner .content > div.fr.list,
	body.page-inner .content > div.fr.detalis,
	body.page-inner .content > div.fr.contentFr,
	body.page-inner .content > div.fr.notice {
		float: none;
		width: 100%;
		padding-right: 0;
		padding-bottom: 40px;}

	body.page-inner .notice {
		margin-bottom: 40px;}

	body.page-inner .notice > p {
		font-size: 13px;
		line-height: 1.6;
		word-break: break-word;}

	body.page-inner .notice ul {
		margin-top: 20px;}

	body.page-inner .notice ul li {
		padding-bottom: 14px;
		margin-bottom: 14px;}

	body.page-inner .notice ul li .title {
		font-size: 15px;
		line-height: 1.4;
		word-break: break-word;}

	body.page-inner .notice ul li p,
	body.page-inner .notice ul li .summary {
		font-size: 13px;
		line-height: 1.5;
		word-break: break-word;}

	body.page-inner .contentFr > p {
		font-size: 13px;
		line-height: 1.6;
		word-break: break-word;}

	body.page-inner .contentFr > div {
		font-size: 14px;
		overflow-wrap: anywhere;
		word-break: break-word;}

	body.page-inner .contentFr table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;}

	body.page-inner .tsg ul {
		display: flex;
		flex-wrap: wrap;
		gap: 16px;
		justify-content: center;}

	body.page-inner .tsg li {
		float: none;
		width: calc(50% - 8px);
		max-width: 280px;
		margin: 0;
		box-sizing: border-box;}

	body.page-inner .tsg li img {
		width: 100%;
		height: auto;}

	body.page-inner .detalis > p {
		font-size: 13px;
		line-height: 1.6;
		word-break: break-word;}

	body.page-inner .detalis h1 {
		padding: 24px 0 16px;
		font-size: 20px;
		line-height: 1.4;
		word-break: break-word;}

	body.page-inner .detalis > span {
		margin-bottom: 24px;
		font-size: 13px;}

	body.page-inner .detalis > div {
		font-size: 14px;
		overflow-wrap: anywhere;
		word-break: break-word;}

	body.page-inner .detalis > div img {
		height: auto !important;}

	body.page-inner .list {
		margin-bottom: 40px;}

	body.page-inner .list > p {
		margin-bottom: 16px;
		padding-bottom: 12px;
		font-size: 13px;
		line-height: 1.6;}

	body.page-inner .list ul li > div.fl {
		width: 64px;
		height: 76px;
		padding-top: 10px;}

	body.page-inner .list ul li > div.fl h1 {
		font-size: 22px;}

	body.page-inner .list ul li > div.fl p {
		font-size: 12px;}

	body.page-inner .list ul li > div.fr {
		width: calc(100% - 64px);
		padding: 8px 0 8px 12px;}

	body.page-inner .list ul li > div.fr a {
		font-size: 15px;
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		line-height: 1.4;}

	body.page-inner .list ul li > div.fr p {
		font-size: 13px;
		margin-top: 6px;}

	body.page-inner .ht-page {
		text-align: center;
		padding: 10px 0 24px;}

	body.page-inner .footer {
		margin-top: 0;}

	body.page-inner .footerTop {
		height: auto;
		padding: 16px 14px;}

	body.page-inner .footerTop > div {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px 12px;}

	body.page-inner .footerTop a {
		margin-right: 0 !important;
		padding: 8px 12px;
		font-size: 12px;}

	body.page-inner .footerTop .down::before {
		display: none;}

	body.page-inner .footerBottom {
		height: auto !important;
		padding: 16px 14px max(16px, env(safe-area-inset-bottom));
		line-height: 1.7;
		font-size: 11px;}

	body.page-inner .footerBottom span {
		font-size: 14px;}
}

/* ========== ≤576px ========== */
@media screen and (max-width: 576px) {
	body.page-inner .headerNew .heafer_left {
		font-size: 12px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;}

	body.page-inner .header .logo {
		min-height: 64px;
		padding: 12px 52px 12px 12px;}

	body.page-inner .header .logo img {
		height: 34px;}

	body.page-inner .navToggle {
		top: 14px;
		right: 10px;}

	body.page-inner .content {
		padding: 14px 10px 0;}

	body.page-inner .content > div.fl div h3 {
		width: auto;
		max-width: 100%;
		font-size: 15px;}

	body.page-inner .content > div.fl div ul li {
		width: 100%;
		font-size: 14px;}

	body.page-inner .list ul li {
		display: flex;
		align-items: flex-start;}

	body.page-inner .list ul li > div.fl {
		float: none;
		flex-shrink: 0;}

	body.page-inner .list ul li > div.fr {
		float: none;
		flex: 1;
		min-width: 0;
		width: auto;
		padding: 4px 0 4px 10px;}

	body.page-inner .list ul li > div.fr a {
		font-size: 14px;}

	body.page-inner .list ul li > div.fr p {
		-webkit-line-clamp: 3;
		max-height: none;}

	body.page-inner .detalis h1 {
		padding: 16px 0 12px;
		font-size: 18px;}

	body.page-inner .detalis > span {
		margin-bottom: 16px;}

	body.page-inner .tsg li {
		width: 100%;
		max-width: 100%;}
}