/*
 * AP 前台适配表 —— 样式
 *
 * 设计原则：
 *   1. **不跟主题抢字体**。只设间距、边框、颜色，字号尽量少设，
 *      这样换主题时表格自动融入，不用改样式。
 *   2. **不假设明暗背景**。颜色一律用 currentColor 派生的半透明灰
 *      （rgba(127,127,127,…)），在浅色和深色主题下都成立。
 *      写死 #fff / #333 的话，深色主题下会变成看不清的鬼影。
 *   3. **窄屏横向滚动，不换行**。汽配的车型名（如 "Tiggo 8 Pro"）一换行
 *      就难对上「年款」和「位置」两列，逐行滚动比对反而更慢。
 */

.ap-fitment {
	margin: 1.5em 0;
}

.ap-fitment__title {
	margin: 0 0 0.6em;
	font-size: 1.15em;
	line-height: 1.3;
}

.ap-fitment__scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.ap-fitment__table {
	width: 100%;
	min-width: 30em;
	border-collapse: collapse;
	font-size: 0.95em;
	line-height: 1.45;
}

.ap-fitment__table th,
.ap-fitment__table td {
	padding: 0.55em 0.75em;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid rgba(127, 127, 127, 0.3);
}

.ap-fitment__table thead th {
	background: rgba(127, 127, 127, 0.1);
	border-bottom-width: 2px;
	font-weight: 600;
	white-space: nowrap;
}

/* 斑马纹：靠 odd 而不是 nth-child(2n)，表头不参与计数也不会错位。 */
.ap-fitment__table tbody tr:nth-child(even) {
	background: rgba(127, 127, 127, 0.05);
}

.ap-fitment__table tbody tr:last-child td {
	border-bottom: 0;
}

.ap-fitment__col--year,
.ap-fitment__col--position {
	white-space: nowrap;
}

/* 「待确认」标记 —— 需求 B-07：不确定就显式标注。 */
.ap-fitment__badge {
	display: inline-block;
	margin-left: 0.5em;
	padding: 0.05em 0.5em;
	border: 1px solid rgba(170, 120, 0, 0.55);
	border-radius: 999px;
	font-size: 0.78em;
	line-height: 1.6;
	color: #8a6100;
	background: rgba(255, 214, 102, 0.18);
	white-space: nowrap;
	vertical-align: 0.08em;
}

/* 位置为空时的占位符，压暗不要抢注意力。 */
.ap-fitment__dash {
	opacity: 0.45;
}

.ap-fitment__note {
	display: block;
	margin-top: 0.2em;
	font-size: 0.85em;
	opacity: 0.75;
}

.ap-fitment__notice {
	margin: 0;
	padding: 0.9em 1em;
	border: 1px dashed rgba(127, 127, 127, 0.5);
	border-radius: 4px;
	background: rgba(127, 127, 127, 0.06);
}

@media (max-width: 600px) {
	.ap-fitment__table th,
	.ap-fitment__table td {
		padding: 0.5em 0.6em;
	}
}