/* ============================================================
   UNIKRETE 设计系统 — 全局令牌与基础组件
   规范来源：DESIGN.md v1.0（2026-09-30）
   加载：mu-plugin uk-design-system.php（wp_enqueue_scripts 优先级 25）
   ============================================================ */

:root {
	/* ---------- 品牌色 ---------- */
	--uk-orange: #E8651C;
	--uk-orange-dark: #C8530F;
	--uk-orange-light: #FCE9DC;
	--uk-gold: #F39C42;

	/* ---------- 中性 ---------- */
	--uk-slate-deep: #2B2F38;
	--uk-slate: #3A3F4B;
	--uk-text: #334155;
	--uk-muted: #6B7079;
	--uk-subtle: #9AA0A8;
	--uk-line: #E5E7EB;
	--uk-bg: #FAFAF9;
	--uk-bg-alt: #F7F7F5;
	--uk-white: #FFFFFF;

	/* ---------- 圆角（五档）---------- */
	--uk-r-lg: 18px;      /* 大容器 / 区块 */
	--uk-r-card: 12px;    /* 卡片（全站统一）*/
	--uk-r-btn: 8px;      /* 按钮 / 输入框 */
	--uk-r-badge: 9px;    /* 序号徽标 */
	--uk-r-pill: 999px;   /* 药丸标签 */

	/* ---------- 阴影（三级）---------- */
	--uk-shadow-1: 0 2px 10px rgba(58, 63, 75, .05);
	--uk-shadow-2: 0 12px 28px rgba(58, 63, 75, .11);
	--uk-shadow-3: 0 18px 40px rgba(58, 63, 75, .16);

	/* ---------- 间距（8 档）---------- */
	--uk-sp-1: 4px;
	--uk-sp-2: 8px;
	--uk-sp-3: 12px;
	--uk-sp-4: 16px;
	--uk-sp-5: 24px;
	--uk-sp-6: 32px;
	--uk-sp-7: 48px;
	--uk-sp-8: 64px;

	/* ---------- 内容宽度 ---------- */
	--uk-content: 1290px;
}

/* ============================================================
   1. 页面标题区（所有非首页列表/内容页统一使用）
   ============================================================ */
.uk-page-head {
	padding: 4px 0 28px;
	border-bottom: 1px solid var(--uk-line);
	margin: 0 0 32px;
}

.uk-page-head .uk-kicker {
	color: var(--uk-orange);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 1.4;
	margin: 0 0 8px;
}

.uk-page-head h1 {
	font-size: 30px;
	font-weight: 800;
	color: var(--uk-slate);
	line-height: 1.3;
	margin: 0 0 12px;
}

.uk-page-head .uk-lead {
	font-size: 15px;
	color: var(--uk-muted);
	line-height: 1.7;
	max-width: 880px;
	margin: 0;
}

/* EN 模式下的英文导语（与 uk-bilingual 的互斥机制配合） */
.uk-page-head .uk-lead-en { display: none; }
html[data-uk-lang="en"] .uk-page-head .uk-lead { display: none; }
html[data-uk-lang="en"] .uk-page-head .uk-lead-en {
	display: block;
	font-size: 15px;
	color: var(--uk-muted);
	line-height: 1.7;
	max-width: 880px;
	margin: 0;
}

@media (max-width: 620px) {
	.uk-page-head {
		padding: 0 0 20px;
		margin-bottom: 24px;
	}
	.uk-page-head h1 { font-size: 22px; }
	.uk-page-head .uk-lead,
	.uk-page-head .uk-lead-en { font-size: 14px; }
}

/* ============================================================
   2. 通用文字链接（卡片内的默认行动入口）
   ============================================================ */
.uk-more {
	display: inline-block;
	margin-top: 16px;
	color: var(--uk-orange);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}
.uk-more:hover { color: var(--uk-orange-dark); }

/* ============================================================
   3. Kicker 小标签（区块标题上方）
   ============================================================ */
.uk-kicker {
	color: var(--uk-orange);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 1.4;
}

/* ============================================================
   4. 圆形按钮（仅 Hero 主 CTA 使用，每屏最多 1 个）
   ============================================================ */
.uk-btn {
	display: inline-block;
	padding: 13px 30px;
	border-radius: var(--uk-r-btn);
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
	transition: background .18s ease, color .18s ease;
}
.uk-btn-pri { background: var(--uk-orange); color: #fff; }
.uk-btn-pri:hover { background: var(--uk-orange-dark); color: #fff; }
.uk-btn-ghost { color: #fff; border: 1px solid rgba(255, 255, 255, .45); background: transparent; }
.uk-btn-ghost:hover { background: rgba(255, 255, 255, .12); color: #fff; }

/* ============================================================
   5. 中文字体显式声明（避免 Windows 回落导致字面大小不一致）
   ============================================================ */
.entry-content,
.uk-page-head,
.uk-hp {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ============================================================
   6. 页面标题双语层
   h1 内部并列中英双 span —— 保证两种语言下都只有唯一 h1（SEO/无障碍），
   仅靠 CSS 互斥显隐，不复制标题节点。
   ============================================================ */
.uk-page-head h1 .uk-h-en { display: none; }

html[data-uk-lang="en"] .uk-page-head h1 .uk-h-cn { display: none !important; }

html[data-uk-lang="en"] .uk-page-head h1 .uk-h-en {
	display: inline;
}

/* ============================================================
   7. 长文区块双语层（关于页 .uk-blocks 等）
   英文镜像 section 默认隐藏；EN 模式下隐藏中文 section、显示英文镜像。
   镜像块同时携带 .uk-block，以完整继承其排版样式。
   ============================================================ */
.uk-block-en { display: none; }

html[data-uk-lang="en"] .uk-blocks > .uk-block { display: none !important; }

html[data-uk-lang="en"] .uk-blocks > .uk-block.uk-block-en {
	display: block !important;
}

/* 镜像块结尾分隔线处理：英文模式下最后一个可见块不应有下边框 */
html[data-uk-lang="en"] .uk-blocks > .uk-block:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* ============================================================
   8. 证书 / 竖向图片容器（关于页入编证明等）
   竖版扫描件按宽度撑开会导致单张图占满数屏，统一加高度上限。
   ============================================================ */
.uk-cert { text-align: center; }
.uk-cert img {
	max-width: min(520px, 100%);
	max-height: 560px;
	width: auto;
	height: auto;
	object-fit: contain;
}
@media (max-width: 620px) {
	.uk-cert img { max-height: 380px; }
}