/**
 * 产品页移动端：表格 / 视频 / 防溢出 / 字号
 * 须在 style-e.css / style.css 之后加载
 */
@media screen and (max-width: 768px) {
	/* ── 全局防横向撑破 ── */
	.l-content,
	.l-content .l-compInner,
	.l-content .c-container,
	.l-content .el_productHead {
		max-width: 100%;
		overflow-x: hidden;
	}

	.l-content img,
	.l-content video,
	.l-content svg,
	.l-content embed,
	.l-content object,
	.l-content .c-pic,
	.l-content .c-thumb,
	.l-content figure {
		max-width: 100% !important;
		height: auto;
	}

	.l-content pre,
	.l-content code {
		max-width: 100%;
		overflow-x: auto;
		word-break: break-word;
	}

	/* ── 产品页字号整体下调 ── */
	.l-content .el_productHead_hdg {
		font-size: clamp(20px, 5.5vw, 28px) !important;
		line-height: 1.25 !important;
	}

	.l-content .el_productHead_label,
	.l-content .el_productHead_desc,
	.l-content .el_productHead_desc p {
		font-size: clamp(12px, 3.2vw, 14px) !important;
		line-height: 1.5 !important;
	}

	.l-content .c-titleL {
		font-size: clamp(18px, 4.8vw, 24px) !important;
	}

	.l-content .c-titleS,
	.l-content .c-titleSS,
	.l-content .c-compTitleM {
		font-size: clamp(14px, 3.8vw, 17px) !important;
	}

	.l-content .c-text,
	.l-content .c-ul li,
	.l-content .c-pic__caption,
	.l-content .c-pic__caption p,
	.l-content p {
		font-size: clamp(12px, 3.2vw, 14px) !important;
		line-height: 1.55 !important;
	}

	.l-content .c-optionName {
		font-size: clamp(11px, 3vw, 13px) !important;
		line-height: 1.35 !important;
	}

	.l-content .c-optionExp,
	.l-content .c-optionModel {
		font-size: clamp(10px, 2.8vw, 12px) !important;
		line-height: 1.4 !important;
	}

	.l-content .c-tabs li p {
		font-size: clamp(11px, 3vw, 13px) !important;
	}

	.l-content .c-textOnButton {
		font-size: clamp(12px, 3.2vw, 14px) !important;
	}

	.l-content .c-button {
		font-size: clamp(12px, 3.2vw, 14px) !important;
	}

	/* ── iframe / 动画区：禁止 560px 固定宽撑破屏幕 ── */
	.l-content iframe,
	.l-content iframe[width],
	.l-content .c-table iframe,
	.l-content p iframe {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		aspect-ratio: 16 / 9;
		display: block;
		border: 0;
		margin: 0 auto;
	}

	/*
	 * 含视频的表格（动画）：
	 * PC 是「标题行 + 视频行」两列并排；竖排时若按 DOM 会变成「两个标题再两个视频」。
	 * 用 grid + display:contents + order，改成：标题1→视频1→标题2→视频2。
	 */
	.l-content .c-tableOuter:has(iframe) {
		overflow: visible !important;
		overflow-x: visible !important;
		max-width: 100% !important;
	}

	.l-content .c-tableOuter:has(iframe) .c-table {
		display: grid !important;
		grid-template-columns: 1fr !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		table-layout: auto !important;
		border-collapse: collapse;
	}

	.l-content .c-tableOuter:has(iframe) .c-table thead,
	.l-content .c-tableOuter:has(iframe) .c-table tbody,
	.l-content .c-tableOuter:has(iframe) .c-table tr {
		display: contents !important;
	}

	.l-content .c-tableOuter:has(iframe) .c-table th,
	.l-content .c-tableOuter:has(iframe) .c-table td {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		border-right: none !important;
		padding: 10px 0 !important;
		text-align: center !important;
	}

	.l-content .c-tableOuter:has(iframe) .c-table th {
		background: #f5f7fa;
		font-weight: 700;
		margin-top: 12px;
	}

	.l-content .c-tableOuter:has(iframe) .c-table th:nth-of-type(1) { order: 1; }
	.l-content .c-tableOuter:has(iframe) .c-table td:nth-of-type(1) { order: 2; }
	.l-content .c-tableOuter:has(iframe) .c-table th:nth-of-type(2) { order: 3; }
	.l-content .c-tableOuter:has(iframe) .c-table td:nth-of-type(2) { order: 4; }
	.l-content .c-tableOuter:has(iframe) .c-table th:nth-of-type(3) { order: 5; }
	.l-content .c-tableOuter:has(iframe) .c-table td:nth-of-type(3) { order: 6; }
	.l-content .c-tableOuter:has(iframe) .c-table th:nth-of-type(4) { order: 7; }
	.l-content .c-tableOuter:has(iframe) .c-table td:nth-of-type(4) { order: 8; }

	.l-content .c-tableOuter:has(iframe) .c-table .c-text {
		max-width: 100%;
		overflow: hidden;
	}

	/* ── 表格字号（略小于正文）── */
	.l-content .c-tableOuter .c-table,
	.l-content .c-tableOuter .c-table .c-text,
	.l-content .c-tableOuter .c-table p {
		font-size: clamp(10px, 2.6vw, 12px) !important;
		line-height: 1.5 !important;
	}

	/* ── 两列规格表：竖排一屏 ── */
	.l-content .c-tableOuter:not(:has(iframe)):not(:has(.c-table tr:first-child > *:nth-child(3))) {
		overflow: visible !important;
		overflow-x: visible !important;
		max-width: 100%;
	}

	.l-content .c-tableOuter:not(:has(iframe)):not(:has(.c-table tr:first-child > *:nth-child(3))) .c-table {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		table-layout: auto !important;
		border-collapse: collapse;
	}

	.l-content .c-tableOuter:not(:has(iframe)):not(:has(.c-table tr:first-child > *:nth-child(3))) .c-table th,
	.l-content .c-tableOuter:not(:has(iframe)):not(:has(.c-table tr:first-child > *:nth-child(3))) .c-table td {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		border-right: none !important;
		text-align: left !important;
		padding: clamp(6px, 2vw, 10px) clamp(10px, 2.8vw, 14px) !important;
		word-break: break-word;
		overflow-wrap: anywhere;
	}

	.l-content .c-tableOuter:not(:has(iframe)):not(:has(.c-table tr:first-child > *:nth-child(3))) .c-table th {
		background: #f5f7fa;
		font-weight: 700;
		color: #333;
		border-bottom: none !important;
	}

	.l-content .c-tableOuter:not(:has(iframe)):not(:has(.c-table tr:first-child > *:nth-child(3))) .c-table tr {
		display: block;
		border-bottom: 1px solid #e8e8e8;
	}

	.l-content .c-tableOuter:not(:has(iframe)):not(:has(.c-table tr:first-child > *:nth-child(3))) .c-table tr:last-child {
		border-bottom: none;
	}

	/* ── 多列规格表：横滚 + 更小字号 ── */
	.l-content .c-tableOuter:not(:has(iframe)):has(.c-table tr:first-child > *:nth-child(3)) {
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch;
		max-width: 100%;
		overscroll-behavior-x: contain;
		scrollbar-width: thin;
		scrollbar-color: #c1c1c1 #f1f1f1;
	}

	.l-content .c-tableOuter:not(:has(iframe)):has(.c-table tr:first-child > *:nth-child(3))::-webkit-scrollbar {
		height: 6px;
		background: #f1f1f1;
	}

	.l-content .c-tableOuter:not(:has(iframe)):has(.c-table tr:first-child > *:nth-child(3))::-webkit-scrollbar-thumb {
		background: #c1c1c1;
		border-radius: 3px;
	}

	.l-content .c-tableOuter:not(:has(iframe)):has(.c-table tr:first-child > *:nth-child(3)) .c-table {
		width: max-content !important;
		min-width: 100% !important;
		max-width: none !important;
		table-layout: auto !important;
		border-collapse: collapse;
	}

	.l-content .c-tableOuter:not(:has(iframe)):has(.c-table tr:first-child > *:nth-child(3)) .c-table th,
	.l-content .c-tableOuter:not(:has(iframe)):has(.c-table tr:first-child > *:nth-child(3)) .c-table td {
		display: table-cell !important;
		width: auto !important;
		min-width: clamp(3.6em, 18vw, 6.5em);
		max-width: none;
		box-sizing: border-box;
		vertical-align: top;
		text-align: center;
		padding: clamp(5px, 1.5vw, 10px) clamp(5px, 1.4vw, 8px) !important;
		font-size: clamp(10px, 2.5vw, 12px) !important;
		line-height: 1.4 !important;
		word-break: break-word;
		overflow-wrap: anywhere;
		white-space: normal;
	}

	.l-content .c-tableOuter:not(:has(iframe)):has(.c-table tr:first-child > *:nth-child(3)) .c-table th:first-child,
	.l-content .c-tableOuter:not(:has(iframe)):has(.c-table tr:first-child > *:nth-child(3)) .c-table td:first-child {
		text-align: left;
		min-width: clamp(4.5em, 24vw, 7.5em);
		font-weight: 600;
	}

	.l-content .c-tableOuter:not(:has(iframe)):has(.c-table tr:first-child > *:nth-child(3)) .c-table .c-text,
	.l-content .c-tableOuter:not(:has(iframe)):has(.c-table tr:first-child > *:nth-child(3)) .c-table p {
		font-size: inherit !important;
		line-height: inherit !important;
		margin: 0;
	}

	/* 页头型号小表 */
	.el_productHead_table {
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.el_productHead_table th,
	.el_productHead_table td {
		font-size: clamp(11px, 2.9vw, 13px);
		padding: clamp(5px, 1.6vw, 8px) clamp(6px, 2vw, 10px);
	}

	/* 特点图文区：图片不撑破 */
	.l-content .c-cols .c-col,
	.l-content .c-cols .c-pic {
		max-width: 100%;
		box-sizing: border-box;
	}

	.l-content .c-cols.c-col2 > .c-col,
	.l-content .c-cols.c-col2--typeC > .c-col {
		max-width: 100% !important;
	}

	/*
	 * 特点：左图标 + 右文案（水质等 plain <table>，无 .c-table）
	 * 根因：图标固定宽 + 父级 overflow-x:hidden → 右侧文字被裁切
	 */
	.l-content .c-tableOuter:not(:has(.c-table)),
	.l-content .c-tableOuter:not(:has(.c-table)) > table,
	.l-content table[bordercolor] {
		max-width: 100% !important;
		box-sizing: border-box;
	}

	.l-content .c-tableOuter:not(:has(.c-table)) {
		overflow: visible !important;
		overflow-x: visible !important;
		width: 100%;
	}

	.l-content .c-tableOuter:not(:has(.c-table)) > table,
	.l-content table[bordercolor] {
		width: 100% !important;
		table-layout: fixed !important;
		border-collapse: collapse;
	}

	.l-content .c-tableOuter:not(:has(.c-table)) > table td,
	.l-content table[bordercolor] td {
		height: auto !important;
		word-break: break-word !important;
		overflow-wrap: anywhere !important;
		white-space: normal !important;
		vertical-align: top;
		box-sizing: border-box;
		font-size: clamp(12px, 3.2vw, 14px) !important;
		line-height: 1.55 !important;
	}

	.l-content .c-tableOuter:not(:has(.c-table)) > table td:first-child,
	.l-content table[bordercolor] td:first-child {
		width: 64px !important;
		padding: 0 8px 0 0 !important;
	}

	.l-content .c-tableOuter:not(:has(.c-table)) > table td:first-child img,
	.l-content table[bordercolor] td:first-child img {
		width: 56px !important;
		max-width: 56px !important;
		height: auto !important;
		display: block;
	}

	/* 中间空白分隔列 */
	.l-content .c-tableOuter:not(:has(.c-table)) > table td:nth-child(2):not(:last-child),
	.l-content table[bordercolor] td:nth-child(2):not(:last-child) {
		width: 4px !important;
		padding: 0 !important;
		font-size: 0 !important;
		line-height: 0 !important;
	}

	.l-content .c-tableOuter:not(:has(.c-table)) > table td:last-child,
	.l-content table[bordercolor] td:last-child {
		width: auto !important;
	}

	/* 产品正文内通用：任意表格单元格允许换行，避免类似裁切 */
	.l-content table td,
	.l-content table th {
		word-break: break-word;
		overflow-wrap: anywhere;
		white-space: normal;
	}

	.l-content table img {
		max-width: 100%;
		height: auto;
	}
}

/* ── 特点：图标+文案行（水质等）── 全端对齐 ── */
.c-featureIcon {
	display: flex;
	align-items: flex-start; /* 图标顶与标题顶对齐 */
	gap: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0 0 20px;
}

.c-featureIcon__ico {
	flex: 0 0 100px;
	width: 100px;
	padding: 0 16px 0 0;
	box-sizing: border-box;
}

.c-featureIcon__ico img {
	display: block !important;
	width: 100px !important;
	height: 100px !important;
	max-width: 100% !important;
	object-fit: contain;
}

.c-featureIcon__txt {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0 0 0 16px;
	border-left: 1px solid #ddd; /* 单根分隔线 */
	box-sizing: border-box;
	font-size: 1.5rem;
	line-height: 1.6;
	color: #333;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.c-featureIcon__txt strong {
	display: block;
	font-size: 1.6rem;
	line-height: 1.45;
	margin: 0 0 6px;
	font-weight: 700;
}

@media screen and (max-width: 768px) {
	.c-featureIcon {
		margin: 0 0 16px;
	}
	.c-featureIcon__ico {
		flex: 0 0 64px;
		width: 64px;
		padding: 0 10px 0 0;
	}
	.c-featureIcon__ico img {
		width: 56px !important;
		height: 56px !important;
	}
	.c-featureIcon__txt {
		padding: 0 0 0 12px;
		font-size: clamp(12px, 3.2vw, 14px) !important;
		line-height: 1.55 !important;
	}
	.c-featureIcon__txt strong {
		font-size: clamp(13px, 3.5vw, 15px) !important;
		line-height: 1.4 !important;
		margin-bottom: 4px;
	}
}