/*
 * 区块内容样式 —— 配合 inc/block-patterns.php 提供的「区块模式」
 *
 * 背景：站点历史版块是把带内联 style 的裸 HTML 塞进 core/html 区块，
 *       运营在 Gutenberg 里只能改代码，无法用编辑器维护。
 * 目标：把重复出现的版式下沉为「语义类 + 原生区块」，前台与编辑器共用同一份样式。
 *
 * 注意：栅格本身由 core/group 的 grid 布局产生（layout.minimumColumnWidth + autoFit），
 *       不在此写 grid-template-columns，否则会与核心内联样式打架。
 *       spacing（gap）由区块 style.spacing.blockGap 提供。
 *
 * 加载：前台 wp_enqueue_scripts；编辑器经 add_editor_style() 载入同一文件。
 */

/* -------------------------------------------------------------------------
 * 卡片
 * 历史对应：background:#fff;border:1px solid #E3E7EC;border-radius:8px;
 *           padding:28px 24px;height:100%;border-top:3px solid #0E7BD6;box-sizing:border-box
 * ---------------------------------------------------------------------- */
.kmx-card {
	background: #fff;
	border: 1px solid #E3E7EC;
	border-top: 3px solid #0E7BD6;
	border-radius: 8px;
	padding: 28px 24px;
	height: 100%;
	box-sizing: border-box;
}

/* 顶部强调色变体 */
.kmx-card.is-style-accent-cyan {
	border-top-color: #00A3E0;
}

.kmx-card.is-style-accent-navy {
	border-top-color: #0B2A4A;
}

/* 无强调顶边 */
.kmx-card.is-style-flat {
	border-top-width: 1px;
}

/* 虚线提示框 */
.kmx-card.is-style-dashed {
	border-style: dashed;
	border-top-width: 1px;
	text-align: center;
	padding: 28px;
}

.kmx-card h3,
.kmx-card .wp-block-heading {
	margin: 0 0 12px;
	font-size: 19px;
	font-weight: 700;
	color: #0B2A4A;
	line-height: 1.6;
}

.kmx-card p {
	margin: 0 0 18px;
	font-size: 14px;
	line-height: 1.8;
	color: #4A5158;
}

.kmx-card a:not(.wp-block-button__link) {
	font-size: 14px;
	font-weight: 600;
	color: #0E7BD6;
	text-decoration: none;
}

.kmx-card a:not(.wp-block-button__link):hover {
	text-decoration: underline;
}

/* -------------------------------------------------------------------------
 * 栏目标题（中英对照）
 * 历史对应：<h2 style="margin:0 0 10px;font-size:26px;color:#0B2A4A;font-weight:700">
 * ---------------------------------------------------------------------- */
.kmx-section-head h2,
.kmx-section-head .wp-block-heading {
	margin: 0 0 10px;
	font-size: 26px;
	font-weight: 700;
	color: #0B2A4A;
	line-height: 1.4;
}

.kmx-section-head .kmx-section-head__en {
	margin: 0 0 30px;
	font-size: 14px;
	color: #818A94;
	letter-spacing: .08em;
	text-transform: uppercase;
}

/* -------------------------------------------------------------------------
 * 数据条（深色）
 * 历史对应：background:#081E36;border-top:1px solid rgba(255,255,255,.08);padding:34px 0
 * ---------------------------------------------------------------------- */
.kmx-statbar {
	background: #081E36;
	border-top: 1px solid rgba(255, 255, 255, .08);
	padding: 34px 0;
}

.kmx-stat {
	text-align: center;
	padding: 8px;
}

.kmx-stat .kmx-stat__num {
	margin: 0;
	font-size: 38px;
	font-weight: 700;
	color: #00A3E0;
	line-height: 1.1;
}

.kmx-stat .kmx-stat__label {
	margin: 6px 0 0;
	font-size: 13px;
	color: rgba(255, 255, 255, .75);
}

.kmx-statbar p {
	/* 抵消父主题对该区默认字色的影响 */
	color: inherit;
}

/* -------------------------------------------------------------------------
 * 深色咨询 CTA
 * 历史对应：background:#0B2A4A;padding:64px 0;text-align:center
 * ---------------------------------------------------------------------- */
.kmx-cta {
	background: #0B2A4A;
	padding: 64px 0;
	text-align: center;
}

.kmx-cta h2,
.kmx-cta .wp-block-heading {
	margin: 0 0 14px;
	font-size: 27px;
	font-weight: 700;
	color: #fff;
}

.kmx-cta p {
	margin: 0 0 24px;
	font-size: 15px;
	line-height: 1.8;
	color: rgba(255, 255, 255, .8);
}

/* CTA 内的按钮：淡化默认描边 */
.kmx-cta .wp-block-button__link {
	background: #00A3E0;
	color: #fff;
	border-radius: 6px;
	padding: 12px 28px;
	font-size: 15px;
}

/* -------------------------------------------------------------------------
 * 公司信息（两列键表）
 * 历史对应：border:1px solid #E3E7EC;border-radius:8px;overflow:hidden + flex 行
 * ---------------------------------------------------------------------- */
.kmx-info-table {
	border: 1px solid #E3E7EC;
	border-radius: 8px;
	overflow: hidden;
}

.kmx-info-row {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #E3E7EC;
}

.kmx-info-row:last-child {
	border-bottom: 0;
}

.kmx-info-row__k {
	width: 120px;
	flex: 0 0 120px;
	padding: 14px 18px;
	background: #F7F9FB;
	font-size: 14px;
	font-weight: 600;
	color: #0B2A4A;
}

.kmx-info-row__v {
	flex: 1 1 260px;
	padding: 14px 18px;
	font-size: 14px;
	line-height: 1.8;
	color: #4A5158;
}

@media (max-width: 600px) {
	.kmx-info-row__k {
		width: 100%;
		flex: 0 0 100%;
		border-bottom: 1px solid #E3E7EC;
	}
}