/* Yueda Core —— 站点内容区块样式（与主题解耦，避免改主题文件） */

.yueda-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	margin: 24px 0;
}

.yueda-card {
	background: #fff;
	border: 1px solid #e3e9f0;
	border-radius: 8px;
	padding: 18px 20px;
	box-shadow: 0 1px 3px rgba(16, 24, 40, .05);
	transition: box-shadow .18s ease, transform .18s ease;
}

.yueda-card:hover {
	box-shadow: 0 6px 18px rgba(16, 24, 40, .10);
	transform: translateY(-2px);
}

.yueda-card-title {
	font-size: 18px;
	line-height: 1.4;
	margin: 0 0 8px;
}

.yueda-card-title a {
	text-decoration: none;
	color: #1a2430;
}

.yueda-card-title a:hover {
	color: #0060c0;
}

.yueda-badge {
	display: inline-block;
	margin: 0 0 10px;
	padding: 2px 10px;
	font-size: 12px;
	border-radius: 999px;
	background: #e9f2fc;
	color: #0060c0;
	border: 1px solid #cfe1f5;
}

.yueda-kv {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin: 4px 0;
	font-size: 14px;
	color: #5a6572;
	border-bottom: 1px dashed #eceff4;
	padding-bottom: 4px;
}

.yueda-kv span {
	color: #5a6572;
}

.yueda-kv a {
	text-decoration: none;
	color: #1a2430;
	font-weight: 600;
}

.yueda-desc {
	font-size: 14px;
	line-height: 1.7;
	color: #5a6572;
	margin: 8px 0 0;
}

.yueda-meta {
	font-size: 13px;
	color: #5a6572;
	margin: 4px 0 0;
}

.yueda-more {
	margin: 12px 0 0;
}

.yueda-more a {
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	color: #0060c0;
}

.yueda-empty {
	color: #5a6572;
}

/* 表格 */
.yueda-table-wrap {
	overflow-x: auto;
	margin: 20px 0;
}

.yueda-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	background: #fff;
}

.yueda-table th,
.yueda-table td {
	border: 1px solid #e3e9f0;
	padding: 10px 12px;
	text-align: left;
	vertical-align: top;
}

.yueda-table thead th {
	background: #f3f6fb;
	color: #1a2430;
	font-weight: 700;
	white-space: nowrap;
}

.yueda-table tbody th {
	background: #fafbfd;
	color: #344054;
	font-weight: 600;
	white-space: nowrap;
}

.yueda-physchem tbody th {
	width: 180px;
}

.yueda-note {
	font-size: 13px;
	color: #5a6572;
	margin-top: 8px;
}

/* 荣誉 */
.yueda-honor-thumb img {
	max-width: 100%;
	height: auto;
	border-radius: 6px;
	margin-bottom: 10px;
	display: block;
}

/* 新闻 */
.yueda-news-list {
	display: grid;
	gap: 18px;
	margin: 24px 0;
}

.yueda-news-item {
	border-left: 3px solid #0060c0;
	padding: 2px 0 2px 16px;
}

.yueda-news-item h3 {
	font-size: 17px;
	margin: 0 0 6px;
}

.yueda-news-item h3 a {
	text-decoration: none;
	color: #1a2430;
}

.yueda-news-item h3 a:hover {
	color: #0060c0;
}

@media (max-width: 600px) {
	.yueda-grid {
		grid-template-columns: 1fr;
	}
}

/* =========================================================================
 * 首页 Hero 与内页横幅（P2-10）
 * 与主题解耦：主题只在 home-page 模板渲染 banner，这里统一由插件提供。
 * 配色：深蓝基调（#0d2137 / rgba(9,30,52,*)）+ 品牌宝蓝 #0060c0（取自公司 Logo）。
 * ========================================================================= */

/* ---------- 首页 Hero（通栏满宽 · 视口自适应高度 · 居中大气） ----------
 * 由 includes/banner.php 注入到 <main> 之前 —— 该位置是 <body> 的直接子元素，
 * 天然脱离主题 .container（1320px），因此无需 100vw / 负 margin 即可通栏。
 */
.yueda-hero {
	position: relative;
	width: 100%;
	height: 78vh;
	min-height: 520px;
	max-height: 820px;
	margin: 0;
	overflow: hidden;
	background: #0d2137;
}

.yueda-hero img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 45%;
}

/* 中心径向压暗：居中的白字压在明亮厂房图上仍保持足够对比 */
.yueda-hero-mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: radial-gradient(ellipse 78% 66% at 50% 50%,
			rgba(9, 30, 52, .76) 0%,
			rgba(9, 30, 52, .58) 52%,
			rgba(9, 30, 52, .32) 100%);
}

.yueda-hero-in {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 0 24px;
}

.yueda-hero-tag {
	display: inline-block;
	margin: 0 0 24px;
	padding: 9px 22px;
	background: rgba(90, 170, 255, .16);
	border: 1px solid rgba(120, 190, 255, .55);
	border-radius: 999px;
	color: #8ec9ff;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 3px;
	line-height: 1;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .35);
}

.yueda-hero-title {
	margin: 0 0 40px;
	padding: 0;
	color: #fff;
	font-size: clamp(30px, 4.4vw, 66px);
	font-weight: 800;
	line-height: 1.16;
	letter-spacing: 2px;
	text-shadow: 0 2px 20px rgba(0, 0, 0, .45);
}

.yueda-hero-cta {
	margin: 0;
}

.yueda-hero-btn {
	display: inline-block;
	padding: 18px 64px;
	min-width: 250px;
	box-sizing: border-box;
	background: #0060c0;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 4px;
	text-align: center;
	text-decoration: none;
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(0, 96, 192, .42);
	transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.yueda-hero-btn:hover,
.yueda-hero-btn:focus {
	background: #004b99;
	color: #fff;
	text-decoration: none;
	transform: translateY(-2px);
	box-shadow: 0 12px 30px rgba(0, 96, 192, .52);
}

/* Hero 之后正文的顶部留白（主题对 .content-area 未设内边距，须自行补） */
body.home .content-area {
	padding-top: 52px;
}

body.home .entry-content > *:first-child {
	margin-top: 0;
}

@media (max-width: 991px) {
	.yueda-hero {
		height: 70vh;
		min-height: 440px;
	}
	.yueda-hero-title {
		margin-bottom: 30px;
		letter-spacing: 1px;
	}
	.yueda-hero-tag {
		margin-bottom: 18px;
		padding: 7px 16px;
		font-size: 13px;
		letter-spacing: 2px;
	}
	.yueda-hero-btn {
		padding: 15px 46px;
		min-width: 200px;
		font-size: 16px;
		letter-spacing: 3px;
	}
	body.home .content-area {
		padding-top: 38px;
	}
}

@media (max-width: 767px) {
	.yueda-hero {
		height: 62vh;
		min-height: 380px;
		max-height: 560px;
	}
	.yueda-hero-in {
		padding: 0 20px;
	}
	.yueda-hero-title {
		margin-bottom: 24px;
		letter-spacing: .5px;
	}
	.yueda-hero-tag {
		margin-bottom: 16px;
		padding: 6px 14px;
		font-size: 11.5px;
		letter-spacing: 1.5px;
	}
	.yueda-hero-btn {
		padding: 13px 38px;
		min-width: 170px;
		font-size: 15px;
		letter-spacing: 2px;
	}
	body.home .content-area {
		padding-top: 30px;
	}
}

/* ---------- 内页横幅（约 220px 高，全站统一） ---------- */
.yueda-page-banner {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 220px;
	color: #fff;
	background-color: #0d2137;
	background-position: center 45%;
	background-size: cover;
	background-repeat: no-repeat;
	border-bottom: 1px solid rgba(255, 255, 255, .10);
}

.yueda-page-banner-ov {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(100deg,
			rgba(9, 30, 52, .93) 0%,
			rgba(9, 30, 52, .74) 55%,
			rgba(9, 30, 52, .48) 100%);
}

.yueda-page-banner-in {
	position: relative;
	padding: 46px 0;
}

.yueda-page-banner-title {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 24px;
	line-height: 1.25;
	font-weight: 700;
	letter-spacing: .5px;
}

.yueda-page-banner-crumb {
	margin: 10px 0 0;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(255, 255, 255, .78);
}

.yueda-page-banner-crumb a {
	color: rgba(255, 255, 255, .78);
	text-decoration: none;
}

.yueda-page-banner-crumb a:hover {
	color: #fff;
	text-decoration: underline;
}

.yueda-crumb-sep {
	margin: 0 8px;
	font-style: normal;
	color: rgba(255, 255, 255, .45);
}

.yueda-crumb-cur {
	color: #fff;
}

@media (max-width: 991px) {
	.yueda-page-banner {
		min-height: 170px;
	}
	.yueda-page-banner-in {
		padding: 32px 0;
	}
	.yueda-page-banner-title {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.yueda-page-banner {
		min-height: 132px;
	}
	.yueda-page-banner-in {
		padding: 24px 0;
	}
	.yueda-page-banner-title {
		font-size: 17px;
	}
	.yueda-page-banner-crumb,
	.yueda-page-banner-crumb a {
		font-size: 12px;
	}
}

/* ---------- 标题去重：横幅已显示标题，隐藏主题输出的重复标题 ---------- */
/* page.php：.content-area > article > .entry-header > h2.entry-title */
body.yueda-has-banner.page-template-default .content-area > article > .entry-header .entry-title,
/* single.php：.main-single-post-page > article > h2.entry-title */
body.yueda-has-banner.single .main-single-post-page article > .entry-title {
	display: none !important;
}

/* 首页那句多余的「首页」标题 */
body.home.page-template-default .content-area > article > .entry-header {
	display: none;
}


/* =========================================================================
 * 品牌主色：橙色 → Logo 宝蓝 #0060c0
 *
 * 背景：主题 Chemical Industry Lite 在 style.css 里把橙色硬编码在 25 处
 *      （:root 虽然声明了 --color-primary/--color-accent，但全站 0 处引用，
 *        改变量无效），因此只能逐选择器、以**同等特异性**覆盖。
 * 生效前提：本文件经 wp_enqueue_scripts 优先级 999 输出在主题 style.css 之后，
 *      同特异性后写者胜 —— 故此处除主题自己用了 !important 的 `.card-body a`
 *      外一律不加 !important。
 * ========================================================================= */

:root {
	--color-primary: #0060c0;
	--color-accent: #0060c0;
	/* 主题 menu/menu.css 引用了 5 次 var(--primary-color)，但主题自身**从未定义**
	   该变量（作者漏写）→ 此前菜单 hover / 当前项 / 移动端汉堡按钮的配色
	   全部静默失效（回退成继承色）。这里补上定义，同时品牌化为深蓝。 */
	--primary-color: #004b99;
	--yueda-blue: #0060c0;
	--yueda-blue-dark: #004b99;
	--yueda-blue-light: #4d9ae0;
}

/* --- 主导航菜单（主题 menu/menu.css 硬编码橙色） --- */
.main-navigation ul li a {
	color: #0060c0;
}

/* --- 顶栏：橙色下边框 --- */
.chemical-industry-lite-topbar {
	border-bottom-color: #0060c0;
}

/* --- 页头「获取报价」按钮 --- */
.btn-cta {
	background-color: #0060c0;
}

.btn-cta:hover,
.btn-cta:focus {
	background-color: #004b99;
}

/* --- 正文标题（主题 section h2 / 区块小标题） --- */
section h2 {
	color: #0060c0;
}

.about-content h2 {
	color: #0060c0;
}

.heading-section h3 {
	color: #0060c0;
}

.about-text-box h3 {
	color: #0060c0;
}

/* --- 按钮 / 链接交互态 --- */
.button:hover {
	background-color: #0060c0;
}

.read-more-link:hover {
	background-color: #0060c0;
}

.theme-btn a {
	background: linear-gradient(90deg, #1a1a1a, #0060c0);
	background-color: #0060c0;
}

.nav-previous a:hover,
.nav-next a:hover {
	color: #0060c0;
}

.card-body a {
	background-color: #0060c0 !important;
}

/* --- 文章元信息 / 标签块 --- */
.entry-meta {
	background: #0060c0;
}

.about-features li::before {
	color: #0060c0;
}

.experience-badge {
	background-color: #0060c0;
}

.display_only h1 a {
	color: #0060c0;
}

.hero-content .tagline {
	color: #4d9ae0;
}

/* --- 页脚：CTA 渐变 / 社交图标 / 回到顶部 --- */
/* 渐变两端统一到品牌蓝系（原第二色为紫 #737fda，与品牌宝蓝不协调） */
.modern-footer-cta-inner {
	background: linear-gradient(120deg, #0060c0, #083b74);
}

.modern-footer-social a:hover {
	background: #0060c0;
	border-color: #0060c0;
}

.modern-back-to-top {
	background: #0060c0;
}

.modern-back-to-top:hover {
	background: #0060c0;
	box-shadow: 0 15px 40px rgba(0, 96, 192, .35), 0 0 0 7px rgba(0, 96, 192, .10);
}

/* --- 侧栏组件（当前为空，一并覆盖以备后续启用） --- */
/* 渐变两端统一到品牌蓝系（原第二色为紫 #8895e6） */
.widget-area .widget-title::after {
	background: linear-gradient(135deg, #0060c0, #4d9ae0);
}

.widget-area ul li a::before {
	color: #0060c0;
}

.widget-area input[type="text"]:focus,
.widget-area input[type="search"]:focus {
	border-color: #0060c0;
	box-shadow: 0 0 0 2px rgba(0, 96, 192, .15);
}

/* --- 询盘表单提交按钮：统一到品牌蓝（原 #0060c0） --- */
.fluentform .ff-btn-submit:not(.ff_btn_no_style) {
	background-color: #0060c0;
}

.fluentform .ff-btn-submit:not(.ff_btn_no_style):hover {
	background-color: #004b99;
}


/* =========================================================================
 * 补漏：第二轮全量扫描发现的其余暖色（首轮遗漏）
 *
 * 首轮只搜了 #ff5722|#ff9800|#ffb74d|#e64a19 四个 token，漏掉了
 *   #ff6f00(×3) / #f39c12(×1) / #fff7f0(×1) / #fffdf8(×1)
 * 以及渐变、投影里的 rgba(255,87,34,*)，**其中包含主导航文字色**。
 * 本节按 scripts/scan_theme_orange.py 的完整扫描结果逐条补齐。
 * ========================================================================= */

/* --- 主题区块标题 / 图标（主题用 #ff6f00） --- */
.section-title {
	color: #0060c0;
}

.section-title::after {
	background-color: #0060c0;
}

.service-icon {
	color: #0060c0;
}

/* --- 报价按钮 hover（主题用 #F39C12 Safety Yellow-Orange） --- */
.request-quote-btn:hover {
	background-color: #0060c0;
}

/* --- 主题 Hero 覆盖层渐变（原：深灰 → rgba(255,87,34,.7) 橙） --- */
.hero-overlay {
	background: linear-gradient(to right, rgba(34, 34, 34, .9), rgba(0, 96, 192, .7));
}

/* --- CTA 按钮的橙色投影（默认 + hover 两处，首轮只改了底色） --- */
.btn-cta {
	box-shadow: 0 5px 15px rgba(0, 96, 192, .4);
}

.btn-cta:hover,
.btn-cta:focus {
	box-shadow: 0 8px 18px rgba(0, 96, 192, .6);
}

/* --- 经验徽标的橙色投影 --- */
.experience-badge {
	box-shadow: 0 5px 15px rgba(0, 96, 192, .3);
}

/* --- 浅橙 / 暖白区块底色 → 冷调（原 #fff7f0 / #fffdf8） --- */
.chemical-services-section {
	background-color: #f2f7fd;
}

.chemical-blog-section {
	background-color: #f8fbfe;
}

/* --- WooCommerce（本站未启用，覆盖以备后续开店）
       选择器与主题逐字一致（:where() 特异性为 0，靠"后写者胜"生效） --- */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
	background-color: #0060c0;
}

.woocommerce ul.products li.product a {
	background: #0060c0;
}

/* =========================================================================
 * 视觉细节优化（2026-10-14 方案 T1 / T2）
 * 见《河南跃达科技-视觉细节优化方案-2026-10-14.md》
 * 全部为"皮肤层"改动：不改结构、不加页面、不改文案，逐段可独立删除回滚。
 * ========================================================================= */

/* ---------- 设计变量（与方案文档 tokens 一致） ---------- */
:root {
	--yueda-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei",
		"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Source Han Sans SC", Arial, sans-serif;
	--yueda-brand: #0060c0;
	--yueda-brand-dark: #004b99;
	--yueda-ink: #1a2430;
	--yueda-text: #2b3440;
	--yueda-muted: #5a6572;
	--yueda-line: #e3e9f0;
	--yueda-thead: #eef4fb;
	--yueda-tint: #e9f2fc;
	--yueda-fs-h2: clamp(21px, 2.2vw, 26px);
	--yueda-fs-h3: 19px;
}

/* ---------- 1. 字体与正文基础（F1 / F4） ---------- */
html,
body {
	font-family: var(--yueda-font);
}

body {
	color: var(--yueda-text);
	line-height: 1.78;
}

h1, h2, h3 {
	text-wrap: pretty;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
	color: var(--yueda-ink);
}

/* ---------- 2. 阅读节奏与列宽（L1 / L4 / L2） ---------- */
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > h2,
.entry-content > h3 {
	max-width: 46em;
}

.entry-content > p {
	margin: 0 0 1rem;
}

.entry-content > h2 {
	font-size: var(--yueda-fs-h2);
	margin: 2.5rem 0 1rem;
}

.entry-content > h3 {
	font-size: var(--yueda-fs-h3);
	margin: 2rem 0 .75rem;
}

.entry-content > h2 + p,
.entry-content > h3 + p {
	margin-top: 0;
}

.entry-content > *:first-child {
	margin-top: 0;
}

/* ---------- 3. 链接可点击性（L3） ---------- */
.entry-content p a,
.entry-content li a,
.entry-content dd a,
.entry-content td a {
	color: var(--yueda-brand);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

.entry-content p a:hover,
.entry-content li a:hover,
.entry-content dd a:hover {
	color: var(--yueda-brand-dark);
}

/* 箭头链接：文字 + → 结尾（由 includes/icons.php 自动加 class） */
.entry-content .yueda-arrow {
	display: inline-block;
	color: var(--yueda-brand);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid rgba(0, 96, 192, .32);
	padding-bottom: 1px;
	transition: border-color .18s ease, transform .18s ease, color .18s ease;
}

.entry-content .yueda-arrow:hover {
	border-bottom-color: var(--yueda-brand);
	color: var(--yueda-brand-dark);
	transform: translateX(2px);
}

/* 组件内链接保持无下划线（覆盖上面的通用正文链接规则） */
.entry-content .yueda-card-title a,
.entry-content .yueda-more a,
.entry-content .yueda-news-item h3 a,
.entry-content .yueda-kv a {
	text-decoration: none;
}

/* ---------- 4. 图标体系（I1–I4） ---------- */
.yueda-ic {
	width: 22px;
	height: 22px;
	flex: none;
	stroke: currentColor;
	fill: none;
	stroke-width: 1.75;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.yueda-ic-s {
	width: 17px;
	height: 17px;
}

/* 正文 h3 前的图标（浅蓝底方块 + 品牌蓝线条图标） */
.entry-content > h3 .yueda-h-ic {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin-right: 10px;
	border-radius: 8px;
	background: var(--yueda-tint);
	color: var(--yueda-brand);
	vertical-align: -6px;
}

.entry-content > h3 .yueda-h-ic .yueda-ic {
	width: 17px;
	height: 17px;
}

/* 联系人卡片的小图标 */
.yueda-kv-k {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.yueda-kv-k .yueda-ic {
	color: #8fb3d9;
}

/* 新闻列表：左侧竖线改为低饱和品牌细线（原 3px 实色偏重） */
.entry-content .yueda-news-item {
	border-left: 2px solid rgba(0, 96, 192, .32);
	padding-left: 18px;
}

/* ---------- 5. 表格报告化（L5） ---------- */
.yueda-table-wrap {
	border: 1px solid var(--yueda-line);
	border-radius: 10px;
	margin: 22px 0;
}

.yueda-table {
	font-size: 14.5px;
}

.yueda-table th,
.yueda-table td {
	border: 0;
	border-bottom: 1px solid var(--yueda-line);
	padding: 11px 14px;
}

.yueda-table thead th {
	background: var(--yueda-thead);
	color: var(--yueda-ink);
	font-weight: 600;
	font-size: 13px;
	letter-spacing: .2px;
	border-bottom: 1px solid #d7e5f5;
}

.yueda-table tbody th {
	background: transparent;
	color: var(--yueda-text);
	font-weight: 600;
}

.yueda-table tbody tr:nth-child(even) {
	background: #fafcfe;
}

.yueda-table tbody tr:last-child th,
.yueda-table tbody tr:last-child td {
	border-bottom: 0;
}

.yueda-table td {
	font-variant-numeric: tabular-nums;
}

/* 三档规格表：数字列右对齐，特级档淡蓝高亮 */
.yueda-spec-table .yueda-spec-col {
	text-align: right;
}

.yueda-spec-table thead th:first-child,
.yueda-spec-table tbody th {
	text-align: left;
}

.yueda-spec-table .is-ultra {
	background: var(--yueda-tint);
	color: var(--yueda-brand-dark);
	font-weight: 600;
}

.yueda-spec-table thead th.is-ultra {
	background: #d9e9fa;
	color: var(--yueda-brand-dark);
}

/* 理化性质表：两列键值，无需铺满整宽 */
.yueda-physchem {
	max-width: 44em;
}

.yueda-physchem tbody th {
	width: 200px;
}

/* ---------- 6. 页脚社交图标（I1） ---------- */
.modern-footer-social.yueda-social a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, .72);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .16);
	text-decoration: none;
	transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.modern-footer-social.yueda-social a:hover {
	background: #fff;
	color: var(--yueda-brand);
	border-color: #fff;
	transform: translateY(-2px);
}

.modern-footer-social.yueda-social .yueda-ic {
	width: 19px;
	height: 19px;
}

/* ---------- 7. 顶栏移动端瘦身（L8） ---------- */
.yueda-topbar-tel {
	display: inline;
}

@media (max-width: 767px) {
	.yueda-topbar-addr {
		display: none;
	}

	.topbar-text {
		font-size: 12.5px;
		line-height: 1.6;
	}
}

/* =========================================================================
 * v1.8.0 页头对齐 + LOGO 修正 + 标题色块层级 + 公司简介内容增强
 * 取证（1440 视口实测）：页头 container-fluid 通栏(0-1440) 而正文 .container
 * 为 1320 居中(60-1380) → LOGO 可见左缘 x=122 与正文左缘 x=60 错位 62px；
 * LOGO 素材 84.5% 透明（画布 1000x200，可见区仅 x210-679），渲染后可见尺寸
 * 仅 93x39px；主题 .display_only{padding-top:10px} 使 LOGO 中心 y=75.5，
 * 而导航/按钮均精确居中于 y=70.5 → 偏低 5px。
 * ========================================================================= */

/* ---------- 8. 页头与正文网格对齐（根治「太靠左/不和谐」） ---------- */
/* Bootstrap .container 断点：xl=1140 / xxl=1320。逐档对齐，LOGO、导航、
   「获取报价」按钮从此与正文左右边缘严格共线。 */
body > .container-fluid {
	max-width: 1320px;
}

@media (max-width: 1399.98px) {
	body > .container-fluid {
		max-width: 1140px;
	}
}

@media (max-width: 1199.98px) {
	body > .container-fluid {
		max-width: 960px;
	}
}

@media (max-width: 991.98px) {
	body > .container-fluid {
		max-width: 720px;
	}
}

@media (max-width: 767.98px) {
	body > .container-fluid {
		max-width: 540px;
	}
}

/* ---------- 9. LOGO 垂直精确居中 + 尺寸提升 ---------- */
/* 主题 style.css:636 的 .display_only{padding:10px 0 0 0} 是「偏低 5px」的根因 */
.head-banner-img .display_only {
	padding: 0;
	/* 主题默认 text-align:center 使 LOGO 在列内居中，左缘始终对不齐正文。
	   改为左对齐后，LOGO 左缘 = 列内容盒左缘 = .entry-content 左缘（严格共线）。 */
	text-align: left;
}

.site-logo {
	display: flex;
	align-items: center;
}

.site-logo .custom-logo-link {
	display: block;
	line-height: 0;
}

/* 特异性 (0,2,1) 压过主题 .site-logo img{max-width:60%} 与 {max-height:60px} */
.site-logo img.custom-logo {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 50px;
}

@media (max-width: 767px) {
	.site-logo img.custom-logo {
		max-height: 40px;
	}
}

/* ---------- 10. 正文标题：字重分级 + h2 浅蓝色块条 ---------- */
/* 主题 style.css:59 把 h1-h6 全部设为 bold(700)，h2/h3 无层级差。
   此处 h2/h3 降为 600，靠字号与色块拉开层级，视觉更轻盈。 */
.entry-content > h2 {
	font-weight: 600;
	padding: 10px 18px 10px 16px;
	margin: 2.75rem 0 1.15rem;
	background: linear-gradient(90deg, var(--yueda-tint) 0%, rgba(233, 242, 252, .42) 58%, rgba(233, 242, 252, 0) 100%);
	border-left: 4px solid var(--yueda-brand);
	border-radius: 0 8px 8px 0;
}

.entry-content > h3 {
	font-weight: 600;
}

/* h2 色块条与首段之间收紧行距，形成「标题块 + 正文」的章节单元 */
.entry-content > h2 + p,
.entry-content > h2 + ul,
.entry-content > h2 + h3 {
	margin-top: .35rem;
}

/* ---------- 11. 公司简介：关键数据条 ---------- */
.yueda-facts {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	list-style: none;
	margin: 1.15rem 0 1.6rem;
	padding: 0;
}

.yueda-facts li {
	background: #f6fafd;
	border: 1px solid var(--yueda-line);
	border-top: 3px solid var(--yueda-brand);
	border-radius: 0 0 8px 8px;
	padding: 12px 14px 11px;
}

.yueda-facts .yueda-fact-k {
	display: block;
	font-size: 12.5px;
	letter-spacing: .04em;
	color: var(--yueda-muted);
	margin-bottom: 3px;
}

.yueda-facts .yueda-fact-v {
	display: block;
	font-size: 16.5px;
	font-weight: 600;
	color: var(--yueda-ink);
	line-height: 1.4;
}

.yueda-facts .yueda-fact-v small {
	display: block;
	font-size: 12px;
	font-weight: 500;
	color: var(--yueda-muted);
	margin: 3px 0 0;
	line-height: 1.45;
}

@media (max-width: 900px) {
	.yueda-facts {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ---------- 12. 公司简介：工艺流程三步图 ---------- */
.yueda-flow {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	list-style: none;
	margin: 1.15rem 0 1.6rem;
	padding: 0;
	counter-reset: ystep;
}

.yueda-flow li {
	position: relative;
	background: #f6fafd;
	border: 1px solid var(--yueda-line);
	border-radius: 10px;
	padding: 16px 16px 14px;
}

/* 步骤序号徽章 */
.yueda-flow li::before {
	counter-increment: ystep;
	content: "0" counter(ystep);
	position: absolute;
	top: 12px;
	right: 14px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	color: rgba(0, 96, 192, .38);
}

.yueda-flow .yueda-flow-ic {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: var(--yueda-tint);
	color: var(--yueda-brand);
	margin-bottom: 9px;
}

.yueda-flow .yueda-flow-ic .yueda-ic {
	width: 21px;
	height: 21px;
}

.yueda-flow .yueda-flow-t {
	display: block;
	font-size: 15.5px;
	font-weight: 600;
	color: var(--yueda-ink);
	margin-bottom: 2px;
}

.yueda-flow .yueda-flow-d {
	display: block;
	font-size: 13px;
	line-height: 1.6;
	color: var(--yueda-muted);
}

/* 步骤间箭头（≥900px 才显示，窄端纵向堆叠无箭头） */
@media (min-width: 901px) {
	.yueda-flow li + li::after {
		content: "";
		position: absolute;
		top: 50%;
		left: -15px;
		width: 16px;
		height: 2px;
		transform: translateY(-50%);
		background: repeating-linear-gradient(90deg, rgba(0, 96, 192, .5) 0 3px, transparent 3px 6px);
	}
}

@media (max-width: 900px) {
	.yueda-flow {
		grid-template-columns: 1fr;
	}
}

/* ---------- 13. 公司简介：应用领域图标卡片网格 ---------- */
.yueda-app-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	list-style: none;
	margin: 1.15rem 0 1.6rem;
	padding: 0;
}

.yueda-app-grid li {
	display: flex;
	flex-direction: column;
	gap: 7px;
	background: #fff;
	border: 1px solid var(--yueda-line);
	border-radius: 10px;
	padding: 16px 16px 15px;
	transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.yueda-app-grid li:hover {
	border-color: rgba(0, 96, 192, .34);
	box-shadow: 0 8px 22px rgba(0, 96, 192, .09);
	transform: translateY(-2px);
}

.yueda-app-grid .yueda-app-ic {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 9px;
	background: var(--yueda-tint);
	color: var(--yueda-brand);
	margin-bottom: 2px;
}

.yueda-app-grid .yueda-app-ic .yueda-ic {
	width: 20px;
	height: 20px;
}

.yueda-app-grid .yueda-app-t {
	font-size: 15px;
	font-weight: 600;
	color: var(--yueda-ink);
	line-height: 1.45;
}

.yueda-app-grid .yueda-app-d {
	font-size: 13px;
	line-height: 1.62;
	color: var(--yueda-muted);
}

@media (max-width: 900px) {
	.yueda-app-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.yueda-app-grid {
		grid-template-columns: 1fr;
	}
}

/* =========================================================================
 * 14. 全站字号标尺（整体 ×0.92 ≈ -8%，2026-10-14）
 * -------------------------------------------------------------------------
 * 背景：用户反馈「全站字体偏大」。本段集中收口字号，避免散落到各条规则里
 *       难以调参；要再调整体大小，改下面 --yueda-fs 一个数即可。
 *
 * 策略：只缩小「大字号」——正文 / 标题 / 导航 / 页脚标题；
 *       ≤13px 的辅助小字（徽标 / 面包屑 / 表头 / 版权 / 法务链接）保持不动，
 *       否则「小字更小」反而伤可读性。
 *
 * 字号对照（原 → 现；2026-10-14 二轮，内页标题再降一档）：
 *   正文 .entry-content        18      → 16.5
 *   正文 h2 / h3               26 / 19 → 21 / 17.5
 *   内页横幅标题               30      → 24   ← 二轮：28 → 24
 *   首页 Hero 标题             66      → 58
 *   页内重复标题 h2.entry-title 34      → 31（现已随去重规则整体 display:none）
 *   一级导航                   16 / 700 → 15 / 600（含字距 1px → .5px）
 *   卡片标题 / 新闻条目        18 / 17 → 16.5 / 15.5
 *   页脚 CTA 标题              45      → 41
 *
 * 生效前提：本文件经 wp_enqueue_scripts 优先级 999 输出在主题 style.css
 *       与 menu/menu.css 之后，同特异性后写者胜 —— 故此处按**同特异性**
 *       重声明即可覆盖，无需 !important。
 * ========================================================================= */

:root {
	/* 全站字号缩放系数：1 = 原始尺寸。仅作记录，具体数值见上方对照表。 */
	--yueda-fs: .92;

	/* 正文内标题（原 clamp(21px, 2.2vw, 26px) / 19px） */
	--yueda-fs-h2: clamp(18.5px, 1.8vw, 21px);
	--yueda-fs-h3: 17.5px;
}

/* --- 14.1 正文 --- */
.entry-content {
	font-size: 16.5px;
}

/* --- 14.2 首页 Hero --- */
.yueda-hero-title {
	font-size: clamp(28px, 4vw, 58px);
}

.yueda-hero-btn {
	font-size: 16.5px;
}

/* --- 14.3 内页横幅 --- */
.yueda-page-banner-title {
	font-size: 24px;
}

/* --- 14.4 页内标题（主题硬编码） --- */
.entry-title {
	font-size: 22px;
}

h2.entry-title {
	font-size: 31px;
}

.single-post header.entry-header h1 {
	font-size: 33px;
}

/* --- 14.5 一级 / 二级导航（主题 menu/menu.css 为 16px / 700） --- */
.main-navigation ul li {
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .5px;
}

.main-navigation ul ul li a {
	font-size: 13px;
}

/* --- 14.6 插件内容区块 --- */
.yueda-card-title {
	font-size: 16.5px;
}

.yueda-news-item h3 {
	font-size: 15.5px;
}

.yueda-table {
	font-size: 14px;
}

.yueda-facts .yueda-fact-v {
	font-size: 15.5px;
}

.yueda-flow .yueda-flow-t {
	font-size: 14.5px;
}

.yueda-app-grid .yueda-app-t {
	font-size: 14px;
}

/* --- 14.7 页脚 --- */
.modern-footer-cta h2 {
	font-size: clamp(28px, 3.7vw, 41px);
}

.modern-footer-cta p {
	font-size: 14px;
}

.modern-footer-logo a {
	font-size: 26px;
}

.modern-footer-column .widget-title,
.modern-footer-column h2 {
	font-size: 15px;
}

.modern-footer-column p,
.modern-footer-column .textwidget {
	font-size: 13px;
}

.modern-footer-column li a {
	font-size: 13px;
}

.address h6 {
	font-size: 18.5px;
}

/* --- 14.8 响应式：沿用原断点，等比下调 --- */
@media (max-width: 991px) {
	.yueda-page-banner-title {
		font-size: 20px;
	}

	.yueda-hero-btn {
		font-size: 15px;
	}
}

@media (max-width: 767px) {
	.yueda-page-banner-title {
		font-size: 17px;
	}

	.yueda-hero-btn {
		font-size: 14px;
	}

	.modern-footer-cta h2 {
		font-size: 28px;
	}
}

@media (max-width: 480px) {
	.modern-footer-cta h2 {
		font-size: 24px;
	}
}


/* =========================================================================
 * 15. 页头「获取报价」按钮尺寸收敛（2026-10-14 二轮）
 * -------------------------------------------------------------------------
 * 问题：主题 .btn-cta 为 padding: 14px 32px + font-size: 16px，且**未声明
 *      line-height**，于是继承 body 的 1.78 → 单行行盒 28.5px，
 *      盒模型合计 128 × 56px；而页头一行总高约 57px —— 按钮几乎顶满整条
 *      页头，视觉上「太高」。
 * 处理：只覆盖**尺寸**三项（padding / font-size / line-height），
 *      底色在 §5、投影在 §9 已按品牌色处理，此处不动，避免规则互相打架。
 *      15px × 1.3 = 19.5px 行盒 + 上下各 10px = 39.5px ≈ 40px，
 *      与 Bootstrap .btn（≈38px）同档，是页头 CTA 的通行尺寸。
 * 生效前提：本文件经 wp_enqueue_scripts 优先级 999 输出在主题 style.css
 *      之后，同特异性后写者胜 —— 故按同特异性重声明即可，无需 !important。
 * ========================================================================= */
.btn-cta {
	padding: 10px 24px;
	font-size: 15px;
	line-height: 1.3;
}

@media (max-width: 767px) {
	.btn-cta {
		padding: 9px 20px;
		font-size: 14px;
	}
}


/* =========================================================================
 * 16. 图片画廊：体系认证 / 专利证书 / 工厂风采（2026-10-15）
 * -------------------------------------------------------------------------
 * 背景：公司简介页新增 3 张 ISO 证书 + 7 张专利证书 + 7 张工厂实拍。
 *       WP 内置 [gallery] 只输出 150×150 **方形裁切**缩略图 —— 竖版 A4 证书
 *       被裁成中间一条、完全不可读，也无法承载专利号等元信息。
 *       故新增 [yueda_gallery] shortcode（includes/shortcodes.php），版式在此收口。
 *
 * 版式：
 *   --cert   体系认证：竖版 A4（210/297），object-fit:contain 完整显示，白底卡
 *   --patent 专利证书：竖版（558/788），contain，卡片下方配专利名称 + 专利号
 *   --photo  工厂风采：1 张通栏主图（21/9, cover）+ 网格（4/3, cover），
 *            图注以底部渐变压暗浮层呈现（移动端无 hover 也始终可见）
 *
 * 颜色 / 圆角 / 阴影全部沿用既有 token，未引入新色相。
 * ========================================================================= */
.yueda-gal {
	margin: 20px 0 8px;
}

/* --- 16.0 版块小标题（证书 / 专利 / 政府表彰） ---
 * 页面正文里写成 <h4 class="yueda-sub">；主题 h4 无专门样式，
 * 此处给它一个「小标签」级别的视觉（蓝方块 + 品牌深蓝），与 h2/h3 拉开层级。 */
.yueda-sub {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 2.25rem 0 .9rem;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .3px;
	color: #004b99;
}

.yueda-sub::before {
	content: "";
	flex: none;
	width: 6px;
	height: 6px;
	border-radius: 2px;
	background: #0060c0;
}

/* --- 16.1 条目卡片（cert / patent 共用） ---
 * ⚠️ min-width:0 必须有：grid item 默认 min-width:auto，会把 <img> 的
 *     固有宽度（本批最大 2560px）当成轨道最小宽度，整条画廊被撑到
 *     2200px+ 形成横向溢出（2026-10-15 首版实测翻车点）。 */
.yueda-gal-item {
	min-width: 0;
	margin: 0;
	background: #fff;
	border: 1px solid var(--yueda-line);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(9, 30, 52, .06);
}

.yueda-gal-link {
	display: block;
	line-height: 0;
}

.yueda-gal-link img {
	max-width: 100%;
}

/* 图注默认置于卡片下方 */
.yueda-gal-cap {
	display: block;
	padding: 10px 12px 12px;
	line-height: 1.5;
}

.yueda-gal-name {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #2b3440;
	text-wrap: pretty;
}

.yueda-gal-note {
	display: block;
	margin-top: 2px;
	font-size: 12.5px;
	color: var(--yueda-muted);
	font-variant-numeric: tabular-nums;
	text-wrap: pretty;
}

/* --- 16.2 体系认证：竖版 A4，contain 完整显示 ---
 * 用 auto-fit 而非 auto-fill：仅 3 张时自动收掉空轨道，3 张铺满整行
 * （auto-fill 会留下第 4 个空位，三张挤在左侧 2/3 宽度）。
 * 不在 <a> 上用 aspect-ratio —— 三张证书长宽比完全一致（210/297），
 * 直接用图片自然高度即可对齐，也彻底避开轨道被固有尺寸撑爆的问题。 */
.yueda-gal--cert {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 20px;
}

.yueda-gal--cert .yueda-gal-link {
	padding: 10px;
	background: #fff;
}

.yueda-gal--cert .yueda-gal-link img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

/* --- 16.3 专利证书：contain + 名称 / 专利号 ---
 * 七张长宽比基本一致（≈558/788），img 上加 aspect-ratio 归一化，
 * 行内高度差 ≤2px，卡片由 grid stretch 拉齐。 */
.yueda-gal--patent {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 20px;
}

.yueda-gal--patent .yueda-gal-link {
	padding: 8px;
	background: #fff;
}

.yueda-gal--patent .yueda-gal-link img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 558 / 788;
	object-fit: contain;
}

/* --- 16.3b 政府表彰（单张横向奖牌）：居中固定宽度，图注在下 ---
 * 不复用 photo 网格：单张 4:3 奖牌若跨 2/3 列会高达 644px，喧宾夺主；
 * 也不适合底部渐变浮层（会盖住奖牌自身的文字）。 */
.yueda-gal--award {
	display: flex;
	justify-content: center;
	margin: 20px 0 8px;
}

.yueda-gal--award .yueda-gal-item {
	width: 100%;
	max-width: 480px;
}

.yueda-gal--award .yueda-gal-link img {
	display: block;
	width: 100%;
	height: auto;
}

/* --- 16.4 工厂风采：主图 + 网格，cover + 底部图注浮层 ---
 * 网格用显式 3 列：6 张实拍正好 3×2 铺满，不留尾行空位；
 * （auto-fill 会算出 4 列 → 4+2，尾行缺 2 格）。 */
.yueda-gal--photo {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.yueda-gal--photo .yueda-gal-hero,
.yueda-gal--photo .yueda-gal-item {
	min-width: 0;
	position: relative;
	margin: 0;
	border: 1px solid var(--yueda-line);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(9, 30, 52, .06);
}

.yueda-gal--photo .yueda-gal-hero {
	grid-column: 1 / -1;
}

.yueda-gal--photo .yueda-gal-hero .yueda-gal-link {
	aspect-ratio: 21 / 9;
}

.yueda-gal--photo .yueda-gal-item .yueda-gal-link {
	aspect-ratio: 4 / 3;
}

.yueda-gal--photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease-out;
}

/* 单条目横跨 N 列（政府表彰奖牌用） */
.yueda-gal--photo.yueda-gal--span2 .yueda-gal-item {
	grid-column: span 2;
}

/* 图注改为浮层：始终可见，不依赖 hover */
.yueda-gal--photo .yueda-gal-cap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 38px 14px 11px;
	background: linear-gradient(to top, rgba(9, 30, 52, .85), rgba(9, 30, 52, 0));
}

.yueda-gal--photo .yueda-gal-name {
	color: #fff;
	font-size: 13.5px;
}

.yueda-gal--photo .yueda-gal-note {
	margin-top: 1px;
	color: rgba(255, 255, 255, .82);
	font-size: 12px;
}

/* --- 16.5 交互：证书类上浮，照片类内部缩放 --- */
@media (hover: hover) {
	.yueda-gal--cert .yueda-gal-item,
	.yueda-gal--patent .yueda-gal-item {
		transition: transform .18s ease-out, box-shadow .18s ease-out;
	}

	.yueda-gal--cert .yueda-gal-item:hover,
	.yueda-gal--patent .yueda-gal-item:hover {
		transform: translateY(-3px);
		box-shadow: 0 10px 24px rgba(9, 30, 52, .13);
	}

	.yueda-gal--photo .yueda-gal-item:hover img,
	.yueda-gal--photo .yueda-gal-hero:hover img {
		transform: scale(1.035);
	}
}

@media (prefers-reduced-motion: reduce) {
	.yueda-gal-item,
	.yueda-gal--photo img {
		transition: none;
	}

	.yueda-gal--cert .yueda-gal-item:hover,
	.yueda-gal--patent .yueda-gal-item:hover {
		transform: none;
	}

	.yueda-gal--photo .yueda-gal-item:hover img,
	.yueda-gal--photo .yueda-gal-hero:hover img {
		transform: none;
	}
}

/* --- 16.6 响应式 --- */
@media (max-width: 900px) {
	.yueda-gal--photo {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.yueda-gal--cert {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		gap: 12px;
	}

	.yueda-gal--patent {
		grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
		gap: 12px;
	}

	.yueda-gal--photo {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	/* 窄屏下跨列会溢出，回落为单列 */
	.yueda-gal--photo.yueda-gal--span2 .yueda-gal-item {
		grid-column: auto;
	}

	.yueda-gal--photo .yueda-gal-hero .yueda-gal-link {
		aspect-ratio: 16 / 9;
	}

	.yueda-gal-name {
		font-size: 13px;
	}

	.yueda-gal-note {
		font-size: 11.5px;
	}
}


/* =========================================================================
 * 17. 产品页：应用领域卡片网格（2026-10-16 方案 A · 3×2 图标卡 + 通栏询盘条）
 * -------------------------------------------------------------------------
 * 结构由 [yueda_apps] 输出（shortcodes.php）：
 *   ul.yueda-apps > li（卡）> .yueda-apps-head（图标+序号）+ h3.yueda-apps-t
 *     + .yueda-apps-d（完整文案）
 *   .yueda-apps-cta（通栏询盘条）
 * 色值全部取自 :root 既有 token，与 about 页 .yueda-app-grid 同一视觉语言。
 * ========================================================================= */
ul.yueda-apps {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	list-style: none;
	margin: 1.3rem 0 0;
	padding: 0;
	max-width: none; /* 抵消 §2 的 .entry-content > ul 46em 列宽（网格需通栏 1296px） */
}

ul.yueda-apps > li {
	min-width: 0; /* 防 img/长词固有尺寸撑爆轨道（v1.11.1 教训） */
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--yueda-line);
	border-radius: 10px;
	padding: 18px 18px 17px;
	transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

ul.yueda-apps > li:hover {
	border-color: rgba(0, 96, 192, .34);
	box-shadow: 0 8px 22px rgba(0, 96, 192, .09);
	transform: translateY(-2px);
}

.yueda-apps-head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 10px;
}

.yueda-apps-ic {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 9px;
	background: var(--yueda-tint);
	color: var(--yueda-brand);
}

.yueda-apps-ic .yueda-ic {
	width: 21px;
	height: 21px;
}

.yueda-apps-no {
	margin-left: auto;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: .5px;
	color: var(--yueda-brand);
	opacity: .5;
	font-variant-numeric: tabular-nums;
}

.yueda-apps .yueda-apps-t {
	font-size: 15px;
	font-weight: 600;
	color: var(--yueda-ink);
	line-height: 1.45;
	margin: 0 0 7px;
}

.yueda-apps-d {
	font-size: 13.5px;
	line-height: 1.68;
	color: var(--yueda-muted);
	text-wrap: pretty;
}

.yueda-apps-d strong {
	color: var(--yueda-brand-dark);
	font-weight: 600;
}

/* --- 通栏询盘条 --- */
.yueda-apps-cta {
	margin-top: 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	background: linear-gradient(90deg, var(--yueda-tint) 0%, rgba(233, 242, 252, .45) 70%, rgba(233, 242, 252, 0) 100%);
	border: 1px solid #cfe1f5;
	border-radius: 10px;
	padding: 18px 22px;
}

.yueda-apps-cta-k {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	color: var(--yueda-brand);
	margin: 0 0 4px;
}

.yueda-apps-cta-t {
	font-size: 15.5px;
	font-weight: 600;
	color: var(--yueda-ink);
	margin: 0;
}

.yueda-apps-cta .yueda-apps-btn {
	flex: none;
	text-decoration: none;
	background: var(--yueda-brand);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	padding: 10px 24px;
	border-radius: 8px;
	line-height: 1.3;
	transition: background .18s ease, transform .18s ease;
}

.yueda-apps-cta .yueda-apps-btn:hover {
	background: var(--yueda-brand-dark);
	color: #fff;
	transform: translateY(-1px);
}

@media (max-width: 900px) {
	ul.yueda-apps {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	ul.yueda-apps {
		grid-template-columns: 1fr;
	}

	.yueda-apps-cta {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* =========================================================================
 * 18. 联系页：工厂位置卡（2026-10-16 方案 A · 无 Key）
 * -------------------------------------------------------------------------
 * 结构由 [yueda_map] 输出（shortcodes.php）：
 *   .yueda-loc（网格）> .yueda-loc-hero（品牌化位置卡，深蓝底 + 蓝图网格）
 *                    + .yueda-loc-info（信息卡 + 高德/百度外跳按钮）
 * 坐标：GCJ-02 (35.929074, 115.848821)，腾讯地图公司 POI 精确点位。
 * 位置卡为自绘品牌卡（非地图瓦片，无国界等涉图要素），无 Key 合规。
 * ========================================================================= */
.yueda-loc {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
	gap: 14px;
	margin: 1.3rem 0 0;
}

/* --- 品牌化位置卡 --- */
.yueda-loc-hero {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 340px;
	padding: 30px 24px;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
	background: linear-gradient(135deg, #0d2137 0%, #0a2f52 62%, #083a66 100%);
	color: #fff;
}

/* 蓝图网格纹理 */
.yueda-loc-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(77, 154, 224, .13) 1px, transparent 1px),
		linear-gradient(90deg, rgba(77, 154, 224, .13) 1px, transparent 1px);
	background-size: 34px 34px;
	pointer-events: none;
}

/* 底部光晕 */
.yueda-loc-hero::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -140px;
	width: 420px;
	height: 280px;
	transform: translateX(-50%);
	background: radial-gradient(closest-side, rgba(77, 154, 224, .28), rgba(77, 154, 224, 0));
	pointer-events: none;
}

.yueda-loc-hero > * {
	position: relative;
	z-index: 1;
}

.yueda-loc-tag {
	position: absolute;
	top: 14px;
	left: 16px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 2px;
	color: rgba(142, 201, 255, .78);
}

.yueda-loc-pin {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: rgba(77, 154, 224, .18);
	border: 1px solid rgba(142, 201, 255, .38);
	color: #8ec9ff;
}

.yueda-loc-pin .yueda-ic {
	width: 30px;
	height: 30px;
}

.yueda-loc-name {
	margin-top: 16px;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
}

.yueda-loc-addr {
	margin-top: 6px;
	max-width: 34em;
	font-size: 13px;
	line-height: 1.7;
	color: #8ec9ff;
}

.yueda-loc-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 16px;
}

.yueda-loc-chip {
	font-size: 12px;
	color: #8ec9ff;
	border: 1px solid rgba(142, 201, 255, .35);
	border-radius: 999px;
	padding: 3px 12px;
}

/* --- 信息卡 --- */
.yueda-loc-info {
	display: flex;
	flex-direction: column;
	gap: 14px;
	background: #fff;
	border: 1px solid var(--yueda-line);
	border-radius: 10px;
	padding: 20px;
}

.yueda-loc-title {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 15.5px;
	font-weight: 600;
	color: var(--yueda-ink);
	line-height: 1.45;
}

.yueda-loc-tic {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 9px;
	background: var(--yueda-tint);
	color: var(--yueda-brand);
}

.yueda-loc-tic .yueda-ic {
	width: 20px;
	height: 20px;
}

.yueda-loc-rows {
	display: grid;
	gap: 10px;
	margin: 0;
	border-top: 1px solid var(--yueda-line);
	padding-top: 14px;
}

.yueda-loc-row {
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 10px;
	font-size: 13.5px;
	line-height: 1.66;
}

.yueda-loc-row dt {
	color: var(--yueda-muted);
}

.yueda-loc-row dd {
	margin: 0;
	color: var(--yueda-text);
}

.yueda-loc-row dd a {
	color: var(--yueda-brand);
	text-decoration: none;
}

.yueda-loc-row dd a:hover {
	color: var(--yueda-brand-dark);
}

.yueda-loc-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.yueda-loc-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-decoration: none;
	font-size: 13.5px;
	font-weight: 600;
	padding: 9px 16px;
	border-radius: 8px;
	line-height: 1.3;
	background: var(--yueda-brand);
	color: #fff;
	transition: background .18s ease, transform .18s ease;
}

.yueda-loc-btn:hover {
	background: var(--yueda-brand-dark);
	color: #fff;
	transform: translateY(-1px);
}

.yueda-loc-btn--ghost {
	background: #fff;
	border: 1px solid #cfe1f5;
	color: var(--yueda-brand-dark);
}

.yueda-loc-btn--ghost:hover {
	background: var(--yueda-tint);
	transform: translateY(-1px);
}

.yueda-loc-note {
	margin: 0;
	font-size: 12px;
	color: var(--yueda-muted);
	border-top: 1px dashed var(--yueda-line);
	padding-top: 10px;
}

@media (max-width: 900px) {
	.yueda-loc {
		grid-template-columns: 1fr;
	}

	.yueda-loc-hero {
		min-height: 280px;
	}
}

@media (max-width: 600px) {
	.yueda-loc-hero {
		min-height: 250px;
		padding: 26px 18px;
	}

	.yueda-loc-row {
		grid-template-columns: 1fr;
		gap: 2px;
	}
}

/* =========================================================================
 * 19. 商务侧栏 [yueda_sidebar]（2026-10-18）
 * -------------------------------------------------------------------------
 * 替换主题 primary-sidebar 的 5 个区块（搜索 / 近期文章 / 近期评论 /
 * 归档 / 分类）。该侧栏只出现在产品详情页与新闻详情页（col-lg-4 ≈ 400px），
 * 外层已有主题的 .widget-area 白卡（padding 2rem / 圆角 16px），
 * 因此这里只画内部卡片，不再重复加外框。
 *
 * 必须覆盖主题 .widget-area 的默认列表样式：ul 无项目符号、li 虚线分隔、
 * a::before 橙色「›」箭头 —— 否则规格表与 chips 会被污染。
 * ========================================================================= */
.yueda-side {
	font-family: var(--yueda-font);
	font-size: 14px;
	color: #2b3440;
}

.yueda-side * {
	box-sizing: border-box;
}

/* 覆盖主题侧栏列表样式（橙色箭头 / 虚线分隔 / 链接下划线） */
.widget-area .yueda-side ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget-area .yueda-side ul li {
	margin: 0;
	padding: 0;
	border: 0;
}

.widget-area .yueda-side ul li a::before {
	content: none;
	display: none;
}

.widget-area .yueda-side a {
	text-decoration: none;
}

/* ---------- 1. 询盘 CTA ---------- */
.yueda-side-cta {
	position: relative;
	overflow: hidden;
	padding: 20px 20px 18px;
	border-radius: 14px;
	background: linear-gradient(160deg, #0d2137 0%, #0a2f52 62%, #083a66 100%);
	color: #fff;
}

.yueda-side-cta::after {
	content: "";
	position: absolute;
	right: -46px;
	bottom: -64px;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: rgba(77, 154, 224, .18);
	pointer-events: none;
}

.yueda-side-tag {
	display: inline-block;
	margin-bottom: 9px;
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .14em;
	line-height: 1;
	color: #8ec9ff;
}

.yueda-side-cta-t {
	margin: 0 0 6px;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4;
	color: #fff;
}

.yueda-side-cta-d {
	margin: 0 0 14px;
	font-size: 12.5px;
	line-height: 1.65;
	color: rgba(255, 255, 255, .78);
}

.yueda-side-btn {
	position: relative;
	z-index: 1;
	display: block;
	padding: 10px 12px;
	text-align: center;
	border-radius: 8px;
	background: #0060c0;
	color: #fff !important;
	font-size: 13.5px;
	font-weight: 500;
	transition: background .2s ease;
}

.yueda-side-btn:hover {
	background: #004b99;
}

.yueda-side-btn--ghost {
	margin-top: 8px;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .38);
	color: #fff !important;
}

.yueda-side-btn--ghost:hover {
	background: rgba(255, 255, 255, .12);
}

.yueda-side-cta-n {
	margin: 10px 0 0;
	font-size: 11.5px;
	color: rgba(255, 255, 255, .5);
	text-align: center;
}

/* ---------- 2/3/4 区块通用 ---------- */
.yueda-side-sec {
	margin-top: 24px;
}

.yueda-side-h {
	position: relative;
	margin: 0 0 12px;
	padding-left: 10px;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.4;
	color: #12202f;
}

.yueda-side-h::before {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	bottom: 3px;
	width: 3px;
	border-radius: 2px;
	background: #0060c0;
}

/* ---------- 2. 三档规格速览 ---------- */
.yueda-side-specs {
	display: grid;
	gap: 8px;
}

.widget-area .yueda-side .yueda-side-specs li a {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-areas:
		"grade val"
		"meta meta";
	gap: 2px 8px;
	padding: 11px 12px;
	border: 1px solid #e6ecf3;
	border-radius: 10px;
	background: #fff;
	transition: border-color .18s ease, transform .18s ease;
}

.widget-area .yueda-side .yueda-side-specs li a:hover {
	border-color: #9cc4ea;
	transform: translateY(-1px);
}

.yueda-side-grade {
	grid-area: grade;
	align-self: center;
	font-size: 13.5px;
	font-weight: 600;
	color: #12202f;
}

.yueda-side-val {
	grid-area: val;
	justify-self: end;
	font-size: 14px;
	font-weight: 600;
	color: #0060c0;
}

.yueda-side-meta {
	grid-area: meta;
	font-size: 11.5px;
	color: #6b7785;
}

/* ---------- 3. 产品档案 ---------- */
.yueda-side-facts {
	margin: 0;
}

.yueda-side-facts > div {
	display: grid;
	grid-template-columns: 74px 1fr;
	gap: 8px;
	padding: 8px 0;
	border-bottom: 1px dashed #e8edf4;
}

.yueda-side-facts > div:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.yueda-side-facts dt {
	font-size: 12.5px;
	color: #7b8794;
}

.yueda-side-facts dd {
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	color: #1b2733;
}

/* ---------- 4. 应用领域 chips ---------- */
.yueda-side-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.widget-area .yueda-side .yueda-side-chips a {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #dbe6f3;
	border-radius: 999px;
	background: #f6f9fd;
	font-size: 12px;
	color: #2b4b6f;
	transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.widget-area .yueda-side .yueda-side-chips a:hover {
	background: #0060c0;
	border-color: #0060c0;
	color: #fff;
}

/* ---------- 更多链接 ---------- */
.widget-area .yueda-side .yueda-side-more {
	display: inline-block;
	margin-top: 10px;
	font-size: 12.5px;
	font-weight: 500;
	color: #0060c0;
}

.widget-area .yueda-side .yueda-side-more::after {
	content: " →";
}

.widget-area .yueda-side .yueda-side-more:hover {
	color: #004b99;
}

@media (max-width: 991px) {
	.yueda-side-cta {
		padding: 18px;
	}
}

/* =========================================================================
 * 20. 公司发展历程时间轴 [yueda_timeline]（2026-10-22）
 * -------------------------------------------------------------------------
 * 左侧年份大字 + 中点节点 + 右侧白色卡片；容器中间一条上下渐隐的竖线。
 * 最后一条（最新年份）节点实心高亮、卡片带极淡的顶部渐变。
 *
 * 结构（由 includes/timeline.php 输出）：
 *   .yueda-tl > ol.yueda-tl-list > li.yueda-tl-item
 *       > .yueda-tl-year > span.yueda-tl-y
 *       > .yueda-tl-node
 *       > .yueda-tl-body > h3.yueda-tl-t + p.yueda-tl-d
 *
 * 注意：`ol` 会被 `.entry-content > ul/ol` 的 46em 与主题的 list-style
 * 影响，这里全部显式覆盖；宽度与正文列（46em ≈ 759px）对齐。
 * ========================================================================= */
.yueda-tl {
	--yueda-tl-year: 92px;
	--yueda-tl-node: 30px;
	--yueda-tl-gap: 24px;
	max-width: 780px;
	margin: 26px 0 10px;
	font-family: var(--yueda-font);
}

.yueda-tl * {
	box-sizing: border-box;
}

.yueda-tl-list {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: none;
}

/* 主竖线：上下渐隐，避免首尾生硬截断 */
.yueda-tl-list::before {
	content: "";
	position: absolute;
	left: calc(var(--yueda-tl-year) + var(--yueda-tl-node) / 2 - 1px);
	top: 12px;
	bottom: 12px;
	width: 2px;
	background: linear-gradient(
		180deg,
		rgba(0, 96, 192, 0) 0%,
		#d7e4f3 7%,
		#d7e4f3 93%,
		rgba(0, 96, 192, 0) 100%
	);
}

.yueda-tl-item {
	display: grid;
	grid-template-columns: var(--yueda-tl-year) var(--yueda-tl-node) minmax(0, 1fr);
	align-items: start;
	list-style: none;
	margin: 0;
	padding: 0 0 var(--yueda-tl-gap);
}

.yueda-tl-item::marker {
	content: none;
}

.yueda-tl-item:last-child {
	padding-bottom: 0;
}

/* ---------- 年份列 ---------- */
.yueda-tl-year {
	padding-top: 9px;
	font-size: clamp(19px, 1.9vw, 23px);
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.01em;
	color: var(--yueda-brand);
	font-variant-numeric: tabular-nums;
}

/* ---------- 节点 ---------- */
.yueda-tl-node {
	position: relative;
	display: flex;
	justify-content: center;
	padding-top: 13px;
}

.yueda-tl-node::before {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #fff;
	border: 2.5px solid var(--yueda-brand);
	box-shadow: 0 0 0 4px rgba(0, 96, 192, 0.1);
}

/* ---------- 内容卡片 ---------- */
.yueda-tl-body {
	min-width: 0;
	padding: 15px 20px 16px;
	background: #fff;
	border: 1px solid #e2ebf6;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(13, 33, 55, 0.04);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.yueda-tl-body:hover {
	border-color: #c9dcf3;
	box-shadow: 0 4px 14px rgba(13, 33, 55, 0.06);
}

.yueda-tl-body .yueda-tl-t {
	margin: 0 0 6px;
	padding: 0;
	font-size: 16.5px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--yueda-ink);
}

.yueda-tl-body .yueda-tl-d {
	margin: 0;
	max-width: none;
	font-size: 14.5px;
	line-height: 1.8;
	color: var(--yueda-muted);
}

/* ---------- 最新一条高亮 ---------- */
.yueda-tl-item.is-latest .yueda-tl-node::before {
	background: var(--yueda-brand);
	box-shadow: 0 0 0 5px rgba(0, 96, 192, 0.16);
}

.yueda-tl-item.is-latest .yueda-tl-body {
	border-color: #cfe0f5;
	background: linear-gradient(180deg, #fafcff 0%, #ffffff 62%);
}

/* ---------- 响应式：≤767px 改为单列，节点靠左 ---------- */
@media (max-width: 767px) {
	.yueda-tl {
		--yueda-tl-gap: 18px;
		margin-top: 20px;
	}

	.yueda-tl-list::before {
		left: 6px;
		top: 8px;
		bottom: 8px;
	}

	.yueda-tl-item {
		display: block;
		position: relative;
		padding-left: 26px;
	}

	.yueda-tl-node {
		position: absolute;
		left: 0;
		top: 0;
		width: 16px;
		padding-top: 5px;
		justify-content: flex-start;
	}

	.yueda-tl-node::before {
		width: 9px;
		height: 9px;
		border-width: 2px;
		box-shadow: 0 0 0 3px rgba(0, 96, 192, 0.1);
	}

	.yueda-tl-year {
		padding: 0 0 6px;
		font-size: 17px;
	}

	.yueda-tl-body {
		padding: 13px 15px 14px;
		border-radius: 9px;
	}

	.yueda-tl-body .yueda-tl-t {
		font-size: 15.5px;
	}

	.yueda-tl-body .yueda-tl-d {
		font-size: 14px;
		line-height: 1.75;
	}
}