/* ==========================================================
   RockPlus Andon 页面样式 —— 与官网全局样式(style.css / style2.css)及 GEMLink 页面保持一致
   字体   : Noto Sans SC
   字号   : 标题36 / 卡片标题20 / 正文16 / 说明14（移动端 18 / 16 / 14）
   颜色   : 品牌蓝 #014099，标题 #191919，正文 #666，交替背景 #f9f9f9
   容器   : 与 .max-width 相同（1280px，<1700 为90%，<1500 为87%）
   所有选择器以 .andon-page 前缀隔离，不影响全局
   ========================================================== */
.andon-page {
	clear: both;
	margin-top: 86px;           /* 顶部菜单固定 86px（移动端 50px），原 banner 已并入首屏 */
	--brand: #014099;
	--brand-hover: #004bb5;
	--brand-grad: linear-gradient(#004bb5, #01419a);
	--brand-soft: #dfecff;
	--accent: #e60012;          /* 官网强调红，仅用于架构图核心块 */
	--title: #191919;
	--sub: #333333;
	--body: #666666;
	--muted: #999999;
	--bg-alt: #f9f9f9;
	--shadow: 0 0 10px rgba(0,0,0,.1);
	--shadow-hover: 0 4px 18px rgba(1,64,153,.18);
	color: var(--body);
	background: #fff;
	font-family: 'Noto Sans SC', "Microsoft YaHei", "PingFang SC", sans-serif;
	font-size: 16px;
	line-height: 30px;
}

	.andon-page *,
	.andon-page *::before,
	.andon-page *::after {
		box-sizing: border-box;
		font-family: inherit;
	}

	.andon-page a {
		color: inherit;
		text-decoration: none;
	}

	.andon-page .container {
		width: 1280px;
		margin: 0 auto;
	}

	.andon-page section h1,
	.andon-page section h2,
	.andon-page section h3,
	.andon-page section p {
		margin-top: 0;
		font-weight: normal;
	}

	.andon-page section h1,
	.andon-page section h2 {
		color: var(--title);
		font-size: 36px;
		line-height: 46px;
		margin-bottom: 20px;
	}

	.andon-page section h3 {
		color: var(--sub);
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 12px;
	}

	.andon-page section p {
		margin-bottom: 0;
	}

	.andon-page .lead {
		font-size: 16px;
		color: var(--body);
		max-width: 860px;
	}

	.andon-page .muted {
		color: var(--body);
	}

	/* 区块 */
	.andon-page .section {
		padding: 100px 0;
	}

		.andon-page .section.soft {
			background: var(--bg-alt);
		}

		.andon-page .section.dark {
			background-image: var(--brand-grad);
		}

	.andon-page .section-head {
		max-width: 860px;
		margin: 0 auto 46px;
		text-align: center;
	}

		.andon-page .section-head .lead {
			margin: 0 auto;
		}

	.andon-page .eyebrow {
		display: block;
		color: var(--brand);
		font-size: 14px;
		line-height: 20px;
		letter-spacing: .12em;
		text-transform: uppercase;
		margin-bottom: 10px;
	}

		.andon-page .eyebrow::before {
			display: none;
		}

	.andon-page .dark section h2,
	.andon-page .section.dark h2,
	.andon-page .section.dark h3 {
		color: #fff;
	}

	.andon-page .section.dark .lead {
		color: rgba(255,255,255,.88);
	}

	.andon-page .section.dark .eyebrow {
		color: rgba(255,255,255,.85) !important;
	}

	/* 按钮：官网胶囊按钮 */
	.andon-page .btn {
		min-width: 140px;
		height: 40px;
		padding: 0 32px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		border-radius: 20px;
		font-size: 16px;
		line-height: 1;
		border: 1px solid transparent;
		transition: .2s ease;
	}

		.andon-page .btn.primary {
			color: #fff;
			background-image: var(--brand-grad);
		}

			.andon-page .btn.primary:hover {
				background: var(--brand-hover);
			}

		.andon-page .btn.ghost {
			color: var(--brand);
			background: #fff;
			border-color: var(--brand);
		}

			.andon-page .btn.ghost:hover {
				color: #fff;
				background: var(--brand);
			}

		.andon-page .btn.white {
			background: #fff;
			color: var(--brand);
		}

			.andon-page .btn.white:hover {
				background: var(--brand-soft);
			}

	.andon-page .actions {
		display: flex;
		gap: 16px;
		flex-wrap: wrap;
	}

	/* 首屏 */
	.andon-page .hero {
		background: linear-gradient(180deg, #fff 0%, #fff 55%, #f3f7fd 100%);
		border-top: 1px solid #eef1f6;
		padding: 90px 0 100px;
	}

		.andon-page .hero h1 {
			margin: 0 0 10px;
			color: var(--brand);
			font-size: 56px;
			line-height: 66px;
			font-weight: bold;
			letter-spacing: -.01em;
		}

		.andon-page .hero h2 {
			font-size: 30px;
			line-height: 40px;
			margin-bottom: 16px;
			color: var(--title);
		}

	.andon-page .hero-grid {
		display: grid;
		grid-template-columns: 46% 54%;
		gap: 66px;
		align-items: center;
	}

	.andon-page .hero-copy p {
		font-size: 16px;
		line-height: 30px;
		color: var(--body);
		margin-bottom: 32px;
	}

	.andon-page .hero-tags {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
		margin-top: 30px;
	}

	.andon-page .tag {
		border: 1px solid var(--brand);
		background: #fff;
		color: var(--brand);
		border-radius: 16px;
		padding: 3px 16px;
		font-size: 14px;
		line-height: 24px;
	}

	.andon-page .dashboard {
		position: relative;
		background: #fff;
		padding: 22px;
		box-shadow: var(--shadow);
	}

	.andon-page .dash-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 0 14px;
		border-bottom: 1px solid #e5e5e5;
	}

	.andon-page .dots {
		display: flex;
		gap: 6px;
	}

		.andon-page .dots i {
			display: block;
			width: 8px;
			height: 8px;
			border-radius: 50%;
			background: #dcdcdc;
		}

			.andon-page .dots i:first-child {
				background: var(--brand);
			}

	.andon-page .dash-title {
		font-size: 12px;
		color: var(--muted);
		letter-spacing: .06em;
	}

	.andon-page .dash-grid {
		display: grid;
		grid-template-columns: 1.1fr .9fr;
		gap: 14px;
		margin-top: 14px;
	}

	.andon-page .panel {
		background: var(--bg-alt);
		padding: 16px;
	}

		.andon-page .panel h4 {
			font-size: 14px;
			line-height: 20px;
			font-weight: normal;
			margin: 0 0 12px;
			color: var(--body);
		}

	.andon-page .trend {
		height: 126px;
		overflow: hidden;
	}

		.andon-page .trend svg {
			width: 100%;
			height: 100%;
		}

		.andon-page .trend stop {
			stop-color: #014099;
		}

		.andon-page .trend polyline {
			stroke: #014099;
		}

		.andon-page .trend line[stroke-dasharray] {
			stroke: #999;
		}

		.andon-page .trend path {
			fill: rgba(1,64,153,.12);
		}

	.andon-page .kpis {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	.andon-page .mini {
		padding: 12px;
		background: var(--bg-alt);
	}

		.andon-page .mini b {
			display: block;
			font-size: 20px;
			line-height: 26px;
			font-weight: normal;
			color: var(--brand);
		}

		.andon-page .mini span {
			font-size: 14px;
			line-height: 20px;
			color: var(--body);
		}

	.andon-page .table-row {
		display: grid;
		grid-template-columns: 1.2fr .8fr .7fr;
		gap: 8px;
		font-size: 14px;
		line-height: 22px;
		padding: 8px 0;
		border-bottom: 1px solid #e5e5e5;
		color: var(--body);
	}

		.andon-page .table-row b {
			font-weight: normal;
			color: var(--sub);
		}

		.andon-page .table-row:last-child {
			border: 0;
		}

	.andon-page .status {
		display: inline-flex;
		align-items: center;
		gap: 5px;
		color: var(--brand);
	}

		.andon-page .status::before {
			content: "";
			width: 6px;
			height: 6px;
			border-radius: 50%;
			background: var(--brand);
		}

	.andon-page .float-card {
		position: absolute;
		background: #fff;
		box-shadow: var(--shadow);
		padding: 10px 14px;
		font-size: 14px;
		line-height: 22px;
		color: var(--body);
	}

		.andon-page .float-card b {
			font-weight: normal;
			color: var(--brand);
		}

	.andon-page .f1 {
		left: -28px;
		bottom: 62px;
	}

	.andon-page .f2 {
		right: -20px;
		top: 88px;
	}

	/* 数据条：品牌蓝色带 */
	.andon-page .metric-strip {
		background-image: var(--brand-grad);
	}

	.andon-page .metric-grid {
		display: grid;
		grid-template-columns: repeat(4,1fr);
	}

	.andon-page .metric {
		text-align: center;
		padding: 40px 20px;
		border-right: 1px solid rgba(255,255,255,.2);
	}

		.andon-page .metric:last-child {
			border-right: 0;
		}

		.andon-page .metric strong {
			display: block;
			font-size: 20px;
			line-height: 28px;
			font-weight: normal;
			color: #fff;
			margin-bottom: 4px;
		}

		.andon-page .metric span {
			font-size: 14px;
			line-height: 22px;
			color: rgba(255,255,255,.85);
		}

	/* 通用卡片 */
	.andon-page .cards4,
	.andon-page .cap-grid,
	.andon-page .connect-grid {
		display: grid;
		grid-template-columns: repeat(4,1fr);
		gap: 24px;
	}

	.andon-page .challenge,
	.andon-page .cap,
	.andon-page .scene {
		background: #fff;
		box-shadow: var(--shadow);
		transition: .25s ease;
	}

		.andon-page .challenge:hover,
		.andon-page .cap:hover,
		.andon-page .scene:hover {
			box-shadow: var(--shadow-hover);
		}

			.andon-page .challenge:hover h3,
			.andon-page .cap:hover h3,
			.andon-page .scene:hover h3 {
				color: var(--brand);
			}

	.andon-page .challenge {
		padding: 32px 28px;
		min-height: 250px;
	}

	/* 序号：无底色大号数字 + 短横线，悬停时横线延展 */
	.andon-page .num {
		position: relative;
		display: block;
		padding-bottom: 14px;
		margin-bottom: 20px;
		color: var(--brand);
		font-size: 40px;
		line-height: 44px;
		font-weight: bold;
		letter-spacing: .02em;
	}

		.andon-page .num::after {
			content: "";
			position: absolute;
			left: 0;
			bottom: 0;
			width: 28px;
			height: 3px;
			background: var(--brand);
			transition: width .3s ease;
		}

	.andon-page .challenge:hover .num::after {
		width: 60px;
	}

	.andon-page .challenge p,
	.andon-page .cap p,
	.andon-page .scene p,
	.andon-page .connect p {
		font-size: 16px;
		line-height: 28px;
		color: var(--body);
	}

	/* 平台架构：品牌蓝底 */
	.andon-page .architecture {
		margin-top: 46px;
		background-image: var(--brand-grad);
		padding: 40px;
		color: #fff;
	}

	.andon-page .arch-title {
		display: flex;
		justify-content: space-between;
		gap: 30px;
		align-items: flex-end;
		margin-bottom: 26px;
	}

		.andon-page .arch-title > div > div {
			font-size: 14px !important;
			line-height: 20px;
			color: rgba(255,255,255,.85) !important;
			letter-spacing: .12em !important;
			margin-bottom: 8px !important;
		}

		.andon-page .arch-title h3 {
			color: #fff !important;
			font-size: 20px !important;
			line-height: 28px;
			margin: 0 !important;
		}

		.andon-page .arch-title p {
			color: rgba(255,255,255,.88) !important;
			max-width: 560px;
			font-size: 16px;
			line-height: 28px !important;
			margin: 0;
		}

	.andon-page .arch-row,
	.andon-page .arch-data {
		display: grid;
		grid-template-columns: repeat(6,1fr);
		gap: 12px;
	}

	.andon-page .arch-box {
		text-align: center;
		padding: 14px 8px;
		background: #fff;
		color: var(--sub);
		font-size: 16px;
		line-height: 24px;
	}

		.andon-page .arch-box small {
			font-size: 14px;
			color: var(--brand);
		}

	.andon-page .arch-core {
		margin: 14px 0;
		padding: 20px;
		text-align: center;
		font-size: 20px;
		line-height: 28px;
		background: var(--accent);
		border: 1px solid var(--accent);
		color: #fff;
	}

	.andon-page .arch-data div {
		padding: 10px;
		text-align: center;
		background: rgba(255,255,255,.1);
		font-size: 14px;
		line-height: 22px;
		color: #fff;
	}

	.andon-page .arch-devices {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
		margin-top: 18px;
	}

		.andon-page .arch-devices span {
			font-size: 14px;
			line-height: 24px;
			padding: 3px 16px;
			border: 1px solid rgba(255,255,255,.6);
			border-radius: 16px;
			color: #fff;
		}

	/* 核心能力 */
	.andon-page .cap {
		padding: 30px 26px;
		border-top: 3px solid var(--brand);
		min-height: 260px;
	}

	.andon-page .cap-id {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: .04em;
		color: var(--brand);
		margin-bottom: 14px;
	}

	/* 质量趋势 */
	.andon-page .quality-grid {
		display: grid;
		grid-template-columns: 42% 58%;
		gap: 58px;
		align-items: center;
	}

	.andon-page .quote {
		border-left: 3px solid var(--brand);
		background: #fff;
		padding: 18px 22px;
		font-size: 16px;
		line-height: 28px;
		color: var(--sub);
		margin: 28px 0;
	}

	.andon-page .flow {
		background: #fff;
		padding: 26px;
		box-shadow: var(--shadow);
	}

	.andon-page .flow-step {
		display: flex;
		align-items: center;
		gap: 16px;
		position: relative;
		padding: 12px 8px;
	}

		.andon-page .flow-step:not(:last-child)::after {
			content: "";
			position: absolute;
			width: 1px;
			height: 22px;
			background: var(--brand-soft);
			left: 28px;
			bottom: -11px;
		}

	.andon-page .flow-dot {
		width: 40px;
		height: 40px;
		flex: 0 0 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--brand-soft);
		color: var(--brand);
		font-size: 16px;
	}

	.andon-page .flow-step b {
		display: block;
		font-size: 16px;
		line-height: 24px;
		font-weight: normal;
		color: var(--sub);
	}

	.andon-page .flow-step span {
		font-size: 14px;
		line-height: 22px;
		color: var(--body);
	}

	/* 仪器接入（蓝底） */
	.andon-page .connect {
		border: 1px solid rgba(255,255,255,.35);
		background: rgba(255,255,255,.08);
		padding: 30px 26px;
		min-height: 230px;
		transition: .25s ease;
	}

		.andon-page .connect:hover {
			background: rgba(255,255,255,.16);
		}

		.andon-page .connect .code {
			font-size: 14px;
			line-height: 20px;
			letter-spacing: .08em;
			color: rgba(255,255,255,.85);
			margin-bottom: 14px;
		}

		.andon-page .connect p {
			color: rgba(255,255,255,.88);
		}

	/* 典型场景 */
	.andon-page .scene-grid {
		display: grid;
		grid-template-columns: repeat(5,1fr);
		gap: 20px;
	}

	.andon-page .scene {
		padding: 28px 22px;
		min-height: 210px;
	}

		.andon-page .scene .line {
			width: 34px;
			height: 3px;
			background: var(--brand);
			margin-bottom: 20px;
		}

		.andon-page .scene h3 {
			font-size: 20px;
		}

		.andon-page .scene p {
			font-size: 14px;
			line-height: 24px;
		}

	/* 客户案例 */
	.andon-page .case {
		display: grid;
		grid-template-columns: 52% 48%;
		box-shadow: var(--shadow);
		background: #fff;
	}

	.andon-page .case-copy {
		padding: 44px 40px;
	}

		.andon-page .case-copy h2 {
			font-size: 30px;
			line-height: 38px;
		}

		.andon-page .case-copy p {
			color: var(--body);
			font-size: 16px;
			line-height: 28px;
		}

	.andon-page .case-tags {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
		margin-top: 24px;
	}

		.andon-page .case-tags span {
			font-size: 14px;
			line-height: 24px;
			border: 1px solid var(--brand);
			color: var(--brand);
			padding: 3px 16px;
			border-radius: 16px;
		}

	.andon-page .case-visual {
		background-image: var(--brand-grad);
		min-height: 420px;
		padding: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.andon-page .matrix {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: 12px;
		width: 100%;
		max-width: 420px;
	}

	.andon-page .mcell {
		min-height: 92px;
		border: 1px solid rgba(255,255,255,.4);
		background: rgba(255,255,255,.1);
		padding: 14px;
		color: #fff;
	}

		.andon-page .mcell b {
			display: block;
			font-size: 16px;
			line-height: 24px;
			font-weight: normal;
		}

		.andon-page .mcell span {
			font-size: 14px;
			line-height: 20px;
			color: rgba(255,255,255,.85);
		}

		.andon-page .mcell:nth-child(5) {
			background: #fff;
			color: var(--brand);
		}

			.andon-page .mcell:nth-child(5) span {
				color: var(--body);
			}

	/* 常见问题：使用 style2.css 的 cp_section6，此处只补充副标题与清除浮动 */
	.andon-page .cp_section6 .faq-lead {
		text-align: center;
		margin: -22px 0 46px;
		font-size: 16px;
		line-height: 30px;
		color: #666;
	}

	/* 底部 CTA */
	.andon-page .cta {
		clear: both;
		padding: 80px 0;
		background-image: var(--brand-grad);
		color: #fff;
	}

	.andon-page .cta-inner {
		display: flex;
		justify-content: space-between;
		gap: 40px;
		align-items: center;
	}

	.andon-page .cta h2 {
		color: #fff;
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 10px;
	}

	.andon-page .cta p {
		margin: 0;
		color: rgba(255,255,255,.88);
	}

	/* 滚动淡入 */
	.andon-page .reveal {
		opacity: 0;
		transform: translateY(20px);
		transition: opacity .65s ease, transform .65s ease;
	}

		.andon-page .reveal.show {
			opacity: 1;
			transform: none;
		}

@media (max-width: 1700px) {
	.andon-page .container {
		width: 90%;
	}
}

@media (max-width: 1500px) {
	.andon-page .container {
		width: 87%;
	}

	.andon-page .hero h1 {
		font-size: 46px;
		line-height: 54px;
	}

	.andon-page .hero h2 {
		font-size: 26px;
		line-height: 36px;
	}
}

/* 1300px 以下顶部菜单高度为 70px，抵消默认的 86px 让位，避免出现 16px 空隙 */
@media (max-width: 1300px) {
	.andon-page {
		margin-top: 70px;
	}
}

@media (max-width: 1280px) {
	.andon-page .cards4,
	.andon-page .cap-grid,
	.andon-page .connect-grid {
		grid-template-columns: repeat(2,1fr);
	}

	.andon-page .scene-grid {
		grid-template-columns: repeat(3,1fr);
	}

	.andon-page .hero-grid {
		gap: 40px;
	}
}

@media (max-width: 1024px) {
	.andon-page .container {
		width: 100%;
		padding: 0 15px;
	}

	.andon-page .section {
		padding: 30px 0;
	}

	.andon-page {
		margin-top: 50px;
	}

	.andon-page .hero {
		padding: 30px 0;
	}

		.andon-page .hero h1 {
			font-size: 30px;
			line-height: 38px;
		}

		.andon-page .hero h2 {
			font-size: 18px;
			line-height: 26px;
		}

		.andon-page .num {
			font-size: 28px;
			line-height: 32px;
			padding-bottom: 10px;
			margin-bottom: 12px;
		}

	.andon-page section h1,
	.andon-page section h2 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 12px;
	}

	.andon-page section h3,
	.andon-page .scene h3 {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 8px;
	}

	.andon-page,
	.andon-page .lead,
	.andon-page .hero-copy p,
	.andon-page .challenge p,
	.andon-page .cap p,
	.andon-page .scene p,
	.andon-page .connect p,
	.andon-page .case-copy p,
	.andon-page .quote,
	.andon-page .arch-title p {
		font-size: 14px !important;
		line-height: 24px !important;
	}

	.andon-page .hero-grid,
	.andon-page .quality-grid,
	.andon-page .case {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.andon-page .section-head {
		margin-bottom: 20px;
	}

	.andon-page .btn {
		min-width: 100px;
		height: 34px;
		padding: 0 22px;
		font-size: 14px;
		border-radius: 17px;
	}

	.andon-page .metric-grid {
		grid-template-columns: repeat(2,1fr);
	}

	.andon-page .metric {
		padding: 20px 10px;
	}

		.andon-page .metric:nth-child(2) {
			border-right: 0;
		}

		.andon-page .metric:nth-child(-n+2) {
			border-bottom: 1px solid rgba(255,255,255,.2);
		}

		.andon-page .metric strong {
			font-size: 16px;
		}

	.andon-page .challenge,
	.andon-page .cap,
	.andon-page .scene,
	.andon-page .connect {
		min-height: 0;
		padding: 18px 14px;
	}

	.andon-page .architecture {
		padding: 18px 14px;
	}

	.andon-page .arch-title {
		display: block;
	}

	.andon-page .arch-row,
	.andon-page .arch-data {
		grid-template-columns: repeat(3,1fr);
	}

	.andon-page .case-copy {
		padding: 20px 14px;
	}

		.andon-page .case-copy h2 {
			font-size: 18px;
			line-height: 24px;
		}

	.andon-page .case-visual {
		min-height: 0;
		padding: 20px 14px;
	}

	.andon-page .cp_section6 .faq-lead {
		margin: -2px 0 14px;
		font-size: 14px;
		line-height: 24px;
	}

	.andon-page .cta {
		padding: 30px 0;
	}

	.andon-page .cta-inner {
		display: block;
	}

	.andon-page .cta h2 {
		font-size: 18px;
		line-height: 26px;
	}

	.andon-page .cta .actions {
		margin-top: 18px;
	}

	.andon-page .f1,
	.andon-page .f2 {
		display: none;
	}
}

@media (max-width: 768px) {
	.andon-page .cards4,
	.andon-page .cap-grid,
	.andon-page .connect-grid,
	.andon-page .scene-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.andon-page .arch-row,
	.andon-page .arch-data {
		grid-template-columns: repeat(2,1fr);
	}

	.andon-page .dash-grid {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================
   Andon 专属组件（沿用 MES 页面组件）
   ========================================================== */
/* 首屏看板：工单进度条 */
.andon-page .bar-row {
	display: grid;
	grid-template-columns: 96px 1fr 44px;
	gap: 10px;
	align-items: center;
	font-size: 14px;
	line-height: 22px;
	padding: 6px 0;
	color: var(--body);
}

.andon-page .bar {
	height: 8px;
	background: #e5e5e5;
	overflow: hidden;
}

	.andon-page .bar i {
		display: block;
		height: 100%;
		background-image: var(--brand-grad);
	}

.andon-page .bar-row em {
	font-style: normal;
	color: var(--brand);
	text-align: right;
}

/* 首屏看板：工序链 */
.andon-page .chain {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

	.andon-page .chain span {
		flex: 1 1 0;
		min-width: 56px;
		text-align: center;
		font-size: 14px;
		line-height: 22px;
		padding: 6px 4px;
		background: #fff;
		border-top: 3px solid var(--brand);
		color: var(--sub);
	}

		.andon-page .chain span.stop {
			border-top-color: var(--accent);
			color: var(--accent);
		}

.andon-page .status.stop {
	color: var(--accent);
}

	.andon-page .status.stop::before {
		background: var(--accent);
	}

/* 工单生命周期 */
.andon-page .lifecycle {
	display: grid;
	grid-template-columns: repeat(7,1fr);
	gap: 0;
	margin-bottom: 46px;
}

.andon-page .lc-step {
	position: relative;
	background: #fff;
	box-shadow: var(--shadow);
	padding: 24px 14px 22px;
	text-align: center;
	margin-right: 14px;
}

	.andon-page .lc-step:last-child {
		margin-right: 0;
	}

	.andon-page .lc-step:not(:last-child)::after {
		content: "";
		position: absolute;
		top: 50%;
		right: -14px;
		width: 14px;
		height: 2px;
		background: var(--brand);
	}

	.andon-page .lc-step b {
		display: block;
		font-size: 28px;
		line-height: 34px;
		color: var(--brand);
		margin-bottom: 6px;
	}

	.andon-page .lc-step h3 {
		font-size: 18px;
		line-height: 26px;
		margin: 0 0 4px;
	}

	.andon-page .lc-step span {
		display: block;
		font-size: 14px;
		line-height: 22px;
		color: var(--body);
	}

/* 通用列数变体 */
.andon-page .cols3 {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 24px;
}

.andon-page .cols4 {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 24px;
}

.andon-page .cols5 {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap: 20px;
}

.andon-page .feature {
	background: #fff;
	box-shadow: var(--shadow);
	padding: 30px 26px;
	border-top: 3px solid var(--brand);
	transition: .25s ease;
}

	.andon-page .feature:hover {
		box-shadow: var(--shadow-hover);
	}

		.andon-page .feature:hover h3 {
			color: var(--brand);
		}

	.andon-page .feature p {
		font-size: 16px;
		line-height: 28px;
	}

/* 流程管控：路线示意 */
.andon-page .route {
	background: #fff;
	box-shadow: var(--shadow);
	padding: 28px;
}

.andon-page .route-title {
	font-size: 14px;
	line-height: 20px;
	color: var(--muted);
	letter-spacing: .06em;
	margin-bottom: 18px;
}

.andon-page .route-main {
	display: flex;
	align-items: stretch;
	gap: 10px;
}

.andon-page .node {
	flex: 1 1 0;
	text-align: center;
	padding: 14px 6px;
	background: var(--bg-alt);
	border-top: 3px solid var(--brand);
	font-size: 16px;
	line-height: 24px;
	color: var(--sub);
}

	.andon-page .node small {
		display: block;
		font-size: 14px;
		color: var(--muted);
	}

	.andon-page .node.judge {
		background: var(--brand-soft);
		color: var(--brand);
	}

.andon-page .route-branch {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin-top: 14px;
}

.andon-page .branch {
	padding: 14px 16px;
	font-size: 14px;
	line-height: 24px;
	color: var(--body);
	background: var(--bg-alt);
	border-left: 3px solid var(--brand);
}

	.andon-page .branch b {
		display: block;
		font-weight: normal;
		font-size: 16px;
		color: var(--brand);
	}

	.andon-page .branch.ng {
		border-left-color: var(--accent);
	}

		.andon-page .branch.ng b {
			color: var(--accent);
		}

/* 工艺建模五层 */
.andon-page .model {
	margin-top: 46px;
}

.andon-page .model .feature {
	padding: 24px 20px;
}

	.andon-page .model .feature small {
		display: block;
		font-size: 14px;
		line-height: 20px;
		color: var(--brand);
		letter-spacing: .04em;
		margin-bottom: 10px;
	}

	.andon-page .model .feature p {
		font-size: 14px;
		line-height: 24px;
	}

/* 防错：拦截示例（蓝底） */
.andon-page .intercept {
	margin-top: 46px;
	display: grid;
	grid-template-columns: 40% 60%;
	gap: 40px;
	align-items: center;
}

	.andon-page .intercept h3 {
		font-size: 26px;
		line-height: 36px;
	}

	.andon-page .intercept p {
		color: rgba(255,255,255,.88);
		font-size: 16px;
		line-height: 28px;
	}

.andon-page .alert-list {
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.35);
	padding: 10px 24px;
}

.andon-page .alert-item {
	display: grid;
	grid-template-columns: 22px 150px 1fr;
	gap: 10px;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid rgba(255,255,255,.2);
	font-size: 14px;
	line-height: 22px;
	color: rgba(255,255,255,.88);
}

	.andon-page .alert-item:last-child {
		border-bottom: 0;
	}

	.andon-page .alert-item i {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: var(--accent);
		box-shadow: 0 0 0 4px rgba(230,0,18,.3);
	}

	.andon-page .alert-item b {
		font-weight: normal;
		color: #fff;
		font-size: 16px;
	}

/* 追溯：正反向链路 */
.andon-page .trace-chains {
	margin-top: 46px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.andon-page .trace-chain {
	background: #fff;
	box-shadow: var(--shadow);
	padding: 28px;
}

	.andon-page .trace-chain h3 {
		color: var(--brand);
	}

	.andon-page .trace-chain .chain span {
		min-width: 70px;
	}

	.andon-page .trace-chain p {
		margin-top: 16px;
		font-size: 14px;
		line-height: 24px;
	}

/* 接入方式卡片标签 */
.andon-page .cap.plain {
	min-height: 220px;
}

@media (max-width: 1280px) {
	.andon-page .cols4,
	.andon-page .cols5 {
		grid-template-columns: repeat(2,1fr);
	}

	.andon-page .lifecycle {
		grid-template-columns: repeat(4,1fr);
		row-gap: 14px;
	}

	.andon-page .lc-step:nth-child(4)::after {
		display: none;
	}
}

@media (max-width: 1024px) {
	.andon-page .cols3 {
		grid-template-columns: 1fr;
	}

	.andon-page .intercept,
	.andon-page .trace-chains {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.andon-page .intercept h3 {
		font-size: 18px;
		line-height: 26px;
	}

	.andon-page .feature,
	.andon-page .model .feature,
	.andon-page .cap.plain {
		min-height: 0;
		padding: 18px 14px;
	}

	.andon-page .feature p,
	.andon-page .intercept p {
		font-size: 14px;
		line-height: 24px;
	}

	.andon-page .route,
	.andon-page .trace-chain {
		padding: 16px 14px;
	}

	.andon-page .route-main {
		flex-wrap: wrap;
	}

	.andon-page .node {
		flex: 1 1 28%;
	}

	.andon-page .alert-item {
		grid-template-columns: 18px 1fr;
	}

		.andon-page .alert-item span {
			grid-column: 2;
		}

	.andon-page .lifecycle {
		margin-bottom: 20px;
	}
}

@media (max-width: 768px) {
	.andon-page .cols4,
	.andon-page .cols5,
	.andon-page .lifecycle {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.andon-page .lc-step {
		margin-right: 0;
	}

		.andon-page .lc-step::after {
			display: none;
		}

	.andon-page .route-branch {
		grid-template-columns: 1fr;
	}
}

/* QMS：模块卡片“典型记录”与要点列表 */
.andon-page .cap .rec {
	display: block;
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px dashed #dcdcdc;
	font-size: 14px;
	line-height: 22px;
	color: var(--muted);
}

.andon-page .cap.module {
	min-height: 300px;
}

.andon-page .feature ul {
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}

	.andon-page .feature ul li {
		position: relative;
		padding-left: 16px;
		font-size: 14px;
		line-height: 26px;
		color: var(--body);
	}

		.andon-page .feature ul li::before {
			content: "";
			position: absolute;
			left: 0;
			top: 11px;
			width: 6px;
			height: 6px;
			background: var(--brand);
		}

@media (max-width: 1024px) {
	.andon-page .cap.module {
		min-height: 0;
	}
}

/* Andon：三阶段卡片 —— 三阶段横向卡片 */
.andon-page .stages {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 24px;
}

.andon-page .stage {
	position: relative;
	background: #fff;
	box-shadow: var(--shadow);
	border-top: 3px solid var(--brand);
	padding: 30px 28px 28px;
	transition: .25s ease;
}

	.andon-page .stage:hover {
		box-shadow: var(--shadow-hover);
	}

	.andon-page .stage:not(:last-child)::after {
		content: "";
		position: absolute;
		top: 50%;
		right: -17px;
		width: 10px;
		height: 10px;
		border-top: 2px solid var(--brand);
		border-right: 2px solid var(--brand);
		transform: rotate(45deg);
	}

.andon-page .stage-no {
	font-size: 40px;
	line-height: 44px;
	font-weight: bold;
	color: var(--brand);
	margin-bottom: 6px;
}

.andon-page .stage p {
	font-size: 16px;
	line-height: 28px;
	min-height: 112px;
}

.andon-page .stage-steps {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px dashed #dcdcdc;
}

	.andon-page .stage-steps span {
		font-size: 14px;
		line-height: 24px;
		padding: 2px 14px;
		border: 1px solid var(--brand);
		border-radius: 14px;
		color: var(--brand);
	}

@media (max-width: 1024px) {
	.andon-page .stages {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.andon-page .stage {
		padding: 18px 14px;
	}

		.andon-page .stage::after {
			display: none;
		}

	.andon-page .stage-no {
		font-size: 28px;
		line-height: 32px;
	}

	.andon-page .stage p {
		min-height: 0;
		font-size: 14px;
		line-height: 24px;
	}
}