/* ========== Ca-AKG 产品详情页专属样式 ========== */

/* 弹出式询盘表单 Modal */
.hyg-inquiry-modal {
	position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center;
	background: rgba(14,29,52,.68); backdrop-filter: blur(6px);
}
.hyg-inquiry-modal[hidden] { display: none; }
.hyg-inquiry-backdrop { position: absolute; inset: 0; cursor: pointer; }
.hyg-inquiry-panel {
	position: relative; width: 100%; max-width: 520px; background: #fff; border-radius: 18px; padding: 48px 40px 40px; box-shadow: 0 30px 70px rgba(14,29,52,.38);
	animation: hyg-ink-in .25s ease-out both;
}
@keyframes hyg-ink-in {
	0% { opacity: 0; transform: scale(.96) translateY(20px); }
	100% { opacity: 1; transform: scale(1) translateY(0); }
}
.hyg-inquiry-close {
	position: absolute; top: 18px; right: 18px; background: none; border: none; font-size: 32px; line-height: 1; color: var(--hyg-text-muted); cursor: pointer;
	width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; transition: background .2s ease, color .2s ease;
}
.hyg-inquiry-close:hover { background: #f5f5f5; color: var(--hyg-navy); }
.hyg-inquiry-title { font-size: 26px; font-weight: 800; color: var(--hyg-navy); margin: 0 0 6px; }
.hyg-inquiry-sub { font-size: 14.5px; color: var(--hyg-text-muted); margin: 0 0 26px; }
.hyg-inquiry-row { margin-bottom: 20px; }
.hyg-inquiry-row label { display: block; font-size: 14px; font-weight: 700; color: var(--hyg-navy); margin-bottom: 8px; }
.hyg-inquiry-row label em { color: #d93025; margin-left: 2px; }
.hyg-inquiry-row input, .hyg-inquiry-row textarea {
	width: 100%; padding: 12px 14px; border: 1px solid var(--hyg-border); border-radius: 10px;
	font-size: 14.5px; color: var(--hyg-text); background: #fcfcfc;
	transition: border-color .2s ease, box-shadow .2s ease;
	box-sizing: border-box;
}
.hyg-inquiry-row input:focus, .hyg-inquiry-row textarea:focus {
	border-color: var(--hyg-orange); box-shadow: 0 0 0 3px rgba(244,125,58,.12); outline: none; background: #fff;
}
.hyg-inquiry-product { font-size: 13.5px; color: var(--hyg-text-muted); margin: 16px 0 20px; padding: 10px 14px; background: #fafafa; border-radius: 8px; }
.hyg-inquiry-submit {
	width: 100%; border: none; padding: 14px 20px; font-size: 15px; font-weight: 700; border-radius: 12px;
	cursor: pointer; display: inline-flex; align-items: center; gap: 8px; justify-content: center;
}
.hyg-inquiry-tip { font-size: 13px; color: var(--hyg-text-muted); margin: 12px 0 0; text-align: center; }

/* 结果提示 Toast */
.hyg-inquiry-toast {
	position: fixed; left: 50%; top: 40px; z-index: 10000; padding: 16px 26px; border-radius: 12px; font-size: 15px; font-weight: 700;
	color: #fff; animation: hyg-toast-fade .3s ease; transform: translateX(-50%);
}
.hyg-inquiry-toast.is-ok { background: linear-gradient(135deg, #12B76A, #0CA85F); box-shadow: 0 10px 30px rgba(18,183,106,.38); }
.hyg-inquiry-toast.is-error { background: linear-gradient(135deg, #FF4D4D, #E63939); box-shadow: 0 10px 30px rgba(255,77,77,.38); }
.hyg-inquiry-toast.show { animation-fill-mode: forwards; }
@keyframes hyg-toast-fade {
	from { opacity: 0; transform: translateX(-50%) translateY(-10px); }
	to { opacity: 1; transform: translateX(-50%) translateY(0); }
}
/*
Theme Name: Hygieia
Theme URI: https://www.hygieia.com.cn/
Author: Hygieia Dev
Author URI: https://www.hygieia.com.cn/
Description:  Elementor/Astra ???/?HTML ?post_content?Version: 1.0.0
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hygieia
*/

/* ==========================================================================
   0. 基础重置与全局
   ========================================================================== */
body { margin: 0; background: #fff; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }
*, *::before, *::after { box-sizing: border-box; }

/* the_content ?*/
.hyg-entry-content { font-size: 15px; color: var(--hyg-text); line-height: 1.85; }
.hyg-entry-content h1, .hyg-entry-content h2, .hyg-entry-content h3,
.hyg-entry-content h4, .hyg-entry-content h5 { color: var(--hyg-navy); line-height: 1.35; margin: 1.4em 0 .6em; font-weight: 700; }
.hyg-entry-content h2 { font-size: 26px; }
.hyg-entry-content h3 { font-size: 21px; }
.hyg-entry-content h4 { font-size: 17px; }
.hyg-entry-content p { margin: 0 0 1em; }
.hyg-entry-content a { color: var(--hyg-orange); }
.hyg-entry-content ul, .hyg-entry-content ol { padding-left: 1.4em; margin: 0 0 1em; }
.hyg-entry-content li { margin-bottom: .4em; }
.hyg-entry-content img { border-radius: 10px; }
.hyg-entry-content table { width: 100%; border-collapse: collapse; margin: 1.2em 0; font-size: 14px; }
.hyg-entry-content table td, .hyg-entry-content table th { border: 1px solid var(--hyg-border); padding: 10px 14px; }
.hyg-entry-content table th, .hyg-entry-content table td:first-child { background: var(--hyg-bg-soft); font-weight: 700; color: var(--hyg-navy); }
.hyg-entry-content blockquote { border-left: 4px solid var(--hyg-orange); margin: 1.2em 0; padding: .6em 1.2em; background: var(--hyg-bg-soft); border-radius: 0 10px 10px 0; }

/*  page/single?*/
.hyg-page-hero { background: linear-gradient(180deg, var(--hyg-bg-soft) 0%, var(--hyg-bg-soft2) 100%); padding: 64px 0 52px; }
.hyg-page-hero h1 { font-size: 38px; font-weight: 800; color: var(--hyg-navy); margin: 0 0 10px; }
.hyg-page-subtitle { font-size: 16px; color: #FF5757; font-weight: 600; margin: 0 0 8px; }
.hyg-page-hero .hyg-breadcrumb { font-size: 13px; color: var(--hyg-text-muted); margin-bottom: 14px; }
.hyg-page-hero .hyg-breadcrumb a { color: var(--hyg-text-muted); text-decoration: none; }
.hyg-page-hero .hyg-breadcrumb a:hover { color: var(--hyg-orange); }

/* ?*/
.hyg-product-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.hyg-product-hero img { width: 100%; border-radius: var(--hyg-radius); box-shadow: var(--hyg-shadow); }
.hyg-product-title { font-size: 32px; font-weight: 800; color: var(--hyg-navy); margin: 0 0 14px; }
.hyg-product-sub { font-size: 15px; color: var(--hyg-text-muted); line-height: 1.8; margin: 0 0 24px; }
.hyg-spec-table { width: 100%; border-collapse: collapse; margin: 0; font-size: 14px; background: #fff; border-radius: var(--hyg-radius); overflow: hidden; box-shadow: var(--hyg-shadow-sm); }
.hyg-spec-table td, .hyg-spec-table th { border: 1px solid var(--hyg-border); padding: 12px 18px; text-align: left; }
.hyg-spec-table td:first-child, .hyg-spec-table th:first-child { background: var(--hyg-bg-soft); font-weight: 700; color: var(--hyg-navy); width: 34%; }
@media (max-width: 992px) { .hyg-product-hero { grid-template-columns: 1fr; } }

/* ?*/
.hyg-products-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.hyg-product-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--hyg-border); border-radius: var(--hyg-radius); overflow: hidden; text-decoration: none; box-shadow: var(--hyg-shadow-sm); transition: all .25s ease; }
.hyg-product-card:hover { transform: translateY(-5px); box-shadow: var(--hyg-shadow); border-color: var(--hyg-orange); }
.hyg-product-card .pc-img { height: 190px; overflow: hidden; background: var(--hyg-bg-soft); display: flex; align-items: center; justify-content: center; }
.hyg-product-card .pc-img img { width: 100%; height: 100%; object-fit: cover; }
.hyg-product-card .pc-body { padding: 16px 18px 20px; }
.hyg-product-card h3 { font-size: 15.5px; font-weight: 700; color: var(--hyg-navy); margin: 0 0 8px; line-height: 1.5; }
.hyg-product-card .pc-more { font-size: 13px; font-weight: 700; color: var(--hyg-orange); display: inline-flex; align-items: center; gap: 5px; }
.hyg-product-card .pc-more .hyg-svg { width: 14px; height: 14px; }
@media (max-width: 992px) { .hyg-products-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .hyg-products-grid { grid-template-columns: 1fr; } }

/* 新闻列表/详情 */
.hyg-post-meta { display: flex; gap: 18px; font-size: 13px; color: var(--hyg-text-muted); margin-bottom: 18px; flex-wrap: wrap; }
.hyg-post-meta span { display: inline-flex; align-items: center; gap: 6px; }
.hyg-post-meta .hyg-svg { width: 15px; height: 15px; }

/* ==========================================================================
   ?astra-child ?   ========================================================================== */
/* ==========================================================================
   Hygieia ?+  +  + ?+ 
   ?   ?#16345E + ?#F5821F + 
   ========================================================================== */

/* ---------- 1. 设计 Token ---------- */
:root {
	--hyg-navy:        #16345E;   /* /?*/
	--hyg-navy-dark:   #0E2547;   /* 深蓝 CTA 渐变深端 */
	--hyg-orange:      #F5821F;   /* 强调橙：CTA/编号/高亮 */
	--hyg-orange-soft: #FFF3E6;   /* 橙色浅底 */
	--hyg-warm-orange:       #C85A17; /* /?*/
	--hyg-warm-orange-light: #FFF0E3; /* 浅暖橙背景：数据胶囊/浅底 */
	--hyg-warm-orange-dark:  #A8480F; /* ?hover */
	--hyg-blue-accent:       #1E88E5; /* ?*/
	--hyg-bg-soft:     #F7F7F8;   /* ?*/
	--hyg-bg-soft2:    #EFEFF2;   /* ?*/
	--hyg-text:        #243141;   /* ?*/
	--hyg-text-muted:  #5A6472;   /* 次级正文 */
	--hyg-border:      #E8E8EC;   /* /?*/
	--hyg-white:       #FFFFFF;
	--hyg-radius:      14px;      /* 卡片圆角 */
	--hyg-radius-sm:   10px;
	--hyg-shadow:      0 10px 30px rgba(22, 52, 94, 0.08);
	--hyg-shadow-sm:   0 4px 14px rgba(22, 52, 94, 0.06);
	--hyg-font:        "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans SC", -apple-system, sans-serif;
	--hyg-maxw:        1200px;    /* 内容容器宽度 */
}

/* 改版页面统一字体 */
body.hygieia-fullwidth {
	font-family: var(--hyg-font);
	color: var(--hyg-text);
}

/* ---------- 2. ?Astra ?---------- */
body.hygieia-fullwidth .ast-container,
body.hygieia-fullwidth #content,
body.hygieia-fullwidth .site-main,
body.hygieia-fullwidth .ast-builder-grid-3-container,
body.hygieia-fullwidth .ast-primary-header-bar {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}
/* 隐藏 Astra 默认页面标题区（首页/关于/技术平台自行控制） */
body.hygieia-fullwidth .entry-header,
body.hygieia-fullwidth .ast-archive-header {
	display: none !important;
}
/* ?Astra ?*/
body.hygieia-fullwidth .ast-container > .entry-content,
body.hygieia-fullwidth .entry-content {
	max-width: 100%;
}

/* ---------- 3. 通用容器 / 区块 ---------- */
.hyg-container {
	max-width: var(--hyg-maxw);
	margin: 0 auto;
	padding: 0 24px;
}
.hyg-section {
	padding: 84px 0;
}
/* 首页：紧凑布局，由内容决定高度（不再强制每区块近满屏） */
/* ?alt?*/
.hyg-section-alt {
	background: #fff;
}
.hyg-section-navy {
	background: linear-gradient(135deg, var(--hyg-navy) 0%, var(--hyg-navy-dark) 100%);
	color: #fff;
}

/* 区块标题 */
.hyg-section-head { text-align: center; max-width: 760px; margin: 0 auto 32px; }
.hyg-eyebrow {
	display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 2px;
	color: var(--hyg-orange); text-transform: uppercase; margin-bottom: 12px;
}
.hyg-section-title {
	font-size: 34px; font-weight: 800; color: var(--hyg-navy);
	line-height: 1.25; margin: 0 0 14px;
}
.hyg-section-sub { font-size: 16px; color: var(--hyg-text-muted); line-height: 1.7; margin: 0; }
.hyg-section-navy .hyg-section-title { color: #fff; }
.hyg-section-navy .hyg-section-sub { color: rgba(255,255,255,.75); }

/* ---------- 4. ?700 ?Astra /?---------- */
.hyg-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 9px;
	padding: 15px 32px; border-radius: 999px; font-size: 16px; font-weight: 700;
	text-decoration: none !important; cursor: pointer; transition: all .25s ease; line-height: 1.2;
	border: 2px solid transparent; font-family: var(--hyg-font);
}
.hyg-btn .hyg-svg { width: 18px; height: 18px; flex: none; }
.hyg-btn-primary { background: var(--hyg-orange); color: #fff !important; box-shadow: 0 8px 20px rgba(245,130,31,.35); }
.hyg-btn-primary:hover { background: #E07315; color: #fff !important; transform: translateY(-2px); }
.hyg-btn-outline { background: transparent; color: var(--hyg-navy) !important; border-color: var(--hyg-navy); }
.hyg-btn-outline:hover { background: var(--hyg-navy); color: #fff !important; }
.hyg-btn-ghost { background: rgba(255,255,255,.12); color: #fff !important; border-color: rgba(255,255,255,.5); }
.hyg-btn-ghost:hover { background: #fff; color: var(--hyg-navy) !important; }

/* ---------- 4b. SVG 图标统一 ---------- */
.hyg-svg { width: 22px; height: 22px; display: block; }
.hyg-card .ic .hyg-svg, .hyg-why-card .ic .hyg-svg { width: 26px; height: 26px; margin: 0 auto; }
.hyg-cert-card .ic .hyg-svg { width: 22px; height: 22px; margin: 0 auto; }
.hyg-floatnav a .hyg-svg { width: 20px; height: 20px; }
.hyg-footer-contact .hyg-svg, .hyg-footer-addr .hyg-svg { width: 15px; height: 15px; flex: none; }

/* ---------- 5. 卡片 / 网格 ---------- */
.hyg-card {
	background: var(--hyg-white); border: 1px solid var(--hyg-border);
	border-radius: var(--hyg-radius); padding: 30px 26px;
	box-shadow: var(--hyg-shadow-sm); transition: transform .25s ease, box-shadow .25s ease;
}
.hyg-card:hover { transform: translateY(-4px); box-shadow: var(--hyg-shadow); }
.hyg-grid { display: grid; gap: 24px; }
.hyg-grid-3 { grid-template-columns: repeat(3, 1fr); }
.hyg-grid-4 { grid-template-columns: repeat(4, 1fr); }
.hyg-grid-5 { grid-template-columns: repeat(5, 1fr); }

/* ==========================================================================
   6. HERO?   ========================================================================== */
.hyg-hero {
	position: relative; min-height: 92vh; overflow: hidden; background: var(--hyg-bg-soft);
}
.hyg-hero .hyg-hero-swiper { position: absolute; inset: 0; width: 100%; height: 100%; }
.hyg-hero-swiper .swiper-slide { overflow: hidden; position: relative; }
.hyg-hero-swiper .swiper-slide img {
	position: absolute; inset: 0; width: 100%; height: 100%;
	object-fit: cover; object-position: center right; display: block;
}
/* ?*/
.hyg-hero-swiper .swiper-slide::after {
	content: ""; position: absolute; inset: 0; z-index: 1;
	background: linear-gradient(90deg, rgba(9,20,38,.62) 0%, rgba(9,20,38,.3) 44%, rgba(9,20,38,0) 70%);
}
.hyg-hero-slide { position: relative; z-index: 2; min-height: 92vh; display: flex; align-items: center; width: 100%; }
.hyg-hero-copy { max-width: 620px; }

.hyg-tag {
	display: inline-flex; align-items: center; gap: 8px;
	background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.4);
	color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 1.5px;
	padding: 8px 18px; border-radius: 999px; margin-bottom: 22px;
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.hyg-tag::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--hyg-orange); }

.hyg-hero-title {
	font-size: 50px; font-weight: 800; line-height: 1.2; color: #fff;
	margin: 0 0 18px; text-shadow: 0 2px 20px rgba(0,0,0,.28);
}
.hyg-hero-title .accent { color: #FFB35C; }
.hyg-hero-sub {
	font-size: 15.5px; color: rgba(255,255,255,.92); line-height: 1.85;
	margin: 0 0 28px; max-width: 520px; text-shadow: 0 1px 10px rgba(0,0,0,.25);
}

.hyg-hero-cta { display: flex; gap: 14px; flex-wrap: wrap; }
.hyg-hero-cta .hyg-btn { padding: 14px 28px; font-size: 15px; }
.hyg-btn-hero-ghost { background: rgba(255,255,255,.1); color: #fff !important; border-color: rgba(255,255,255,.85); }
.hyg-btn-hero-ghost:hover { background: #fff; color: var(--hyg-navy) !important; }

/* 活动幻灯片文字入场动画（随轮播动态切换） */
@keyframes hygHeroIn { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
.hyg-hero-swiper .swiper-slide-active .hyg-hero-copy > * { animation: hygHeroIn .7s ease both; }
.hyg-hero-swiper .swiper-slide-active .hyg-hero-copy > *:nth-child(2) { animation-delay: .12s; }
.hyg-hero-swiper .swiper-slide-active .hyg-hero-copy > *:nth-child(3) { animation-delay: .24s; }
.hyg-hero-swiper .swiper-slide-active .hyg-hero-copy > *:nth-child(4) { animation-delay: .36s; }

/* ?*/
.hyg-hero-pagination { position: absolute; left: 0; right: 0; bottom: 28px; z-index: 5; display: flex; justify-content: center; gap: 8px; }
.hyg-hero-pagination .swiper-pagination-bullet {
	width: 28px; height: 4px; border-radius: 2px; margin: 0 !important;
	background: rgba(255,255,255,.55); opacity: 1; transition: all .3s ease; cursor: pointer;
}
.hyg-hero-pagination .swiper-pagination-bullet-active { background: var(--hyg-orange); width: 44px; }

/* ?*/
.hyg-hero-products { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; }
.hyg-hero-products span {
	background: rgba(22,52,94,.08); color: var(--hyg-navy);
	font-size: 13px; font-weight: 600; padding: 8px 16px; border-radius: 999px;
}

.hyg-hero-cta { display: flex; gap: 14px; flex-wrap: wrap; }
.hyg-hero-cta .hyg-btn { padding: 13px 26px; font-size: 15px; }

/* Hero ?*/
.hyg-hero-right { position: relative; }
.hyg-hero-visual {
	min-height: 340px; border-radius: 24px;
	background: radial-gradient(circle at 70% 30%, #F8D9A8 0%, #FBF3E6 55%, #F5EBDD 100%);
	position: relative; overflow: hidden; box-shadow: var(--hyg-shadow);
}
.hyg-hero-visual img { width: 100%; height: 100%; min-height: 340px; object-fit: cover; display: block; }
.hyg-hero-building {
	height: 190px; border-radius: 18px; margin-top: 18px;
	background: linear-gradient(120deg, #F3EDE3, #FAF6EF);
	box-shadow: var(--hyg-shadow);
	display: flex; align-items: center; justify-content: center;
	color: var(--hyg-text-muted); font-size: 14px;
}
/* 数据卡片 */
.hyg-hero-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 18px; }
.hyg-stat {
	background: var(--hyg-white); border-radius: var(--hyg-radius); padding: 20px 22px;
	box-shadow: var(--hyg-shadow-sm); border: 1px solid var(--hyg-border); text-align: left;
}
.hyg-stat strong { display: block; font-size: 30px; font-weight: 800; color: var(--hyg-navy); line-height: 1.1; }
.hyg-stat span { font-size: 13px; color: var(--hyg-text-muted); line-height: 1.5; display: block; margin-top: 6px; }

/* ?*/
.hyg-ph {
	display: flex; align-items: center; justify-content: center; text-align: center;
	color: var(--hyg-text-muted); font-size: 13px; background: linear-gradient(120deg,#F3EFE8,#FAF7F1);
	border-radius: var(--hyg-radius-sm);
}

/* ==========================================================================
   7.  / ?   ========================================================================== */
.hyg-feature-card { text-align: left; }
.hyg-feature-card .ic {
	width: 54px; height: 54px; border-radius: 14px; display: flex; align-items: center; justify-content: center;
	background: var(--hyg-orange-soft); color: var(--hyg-orange); font-size: 26px; margin-bottom: 18px;
}
.hyg-feature-card h3 { font-size: 18px; font-weight: 700; color: var(--hyg-navy); margin: 0 0 10px; }
.hyg-feature-card p { font-size: 14px; color: var(--hyg-text-muted); line-height: 1.7; margin: 0; }

/* ==========================================================================
   8.  3 ?   ========================================================================== */
.hyg-timeline { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; position: relative; margin-top: 20px; }
.hyg-timeline::before {
	content: ""; position: absolute; top: 27px; left: 16%; right: 16%; height: 2px;
	background: linear-gradient(90deg, var(--hyg-border), var(--hyg-orange), var(--hyg-border));
}
.hyg-step { text-align: center; padding: 0 20px; position: relative; }
.hyg-step .num {
	width: 54px; height: 54px; border-radius: 50%; margin: 0 auto 16px;
	background: var(--hyg-white); border: 2px solid var(--hyg-orange); color: var(--hyg-orange);
	display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800;
	position: relative; z-index: 1;
}
.hyg-step h4 { font-size: 17px; font-weight: 700; color: var(--hyg-navy); margin: 0 0 8px; }
.hyg-step p { font-size: 13px; color: var(--hyg-text-muted); line-height: 1.7; margin: 0; }

/* ==========================================================================
   9. 为什么选择（三栏）
   ========================================================================== */
.hyg-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.hyg-why-card { background: var(--hyg-white); border-radius: var(--hyg-radius); padding: 32px 28px; border: 1px solid var(--hyg-border); box-shadow: var(--hyg-shadow-sm); }
.hyg-why-card .ic { width: 50px; height: 50px; border-radius: 12px; background: rgba(22,52,94,.08); color: var(--hyg-navy); display:flex; align-items:center; justify-content:center; font-size: 24px; margin-bottom: 18px; }
.hyg-why-card h3 { font-size: 18px; font-weight: 700; color: var(--hyg-navy); margin: 0 0 10px; }
.hyg-why-card p { font-size: 14px; color: var(--hyg-text-muted); line-height: 1.7; margin: 0; }

/* ==========================================================================
   10. ? ?   ========================================================================== */
.hyg-scene-card { border-radius: var(--hyg-radius); overflow: hidden; background: var(--hyg-white); border: 1px solid var(--hyg-border); box-shadow: var(--hyg-shadow-sm); transition: transform .25s ease, box-shadow .25s ease; }
.hyg-scene-card:hover { transform: translateY(-4px); box-shadow: var(--hyg-shadow); }
.hyg-scene-card .img { height: 130px; background: linear-gradient(120deg,#F3EFE8,#FAF7F1); display:flex; align-items:center; justify-content:center; color:var(--hyg-text-muted); font-size:13px; }
.hyg-scene-card .body { padding: 16px 18px; }
.hyg-scene-card h4 { font-size: 15px; font-weight: 700; color: var(--hyg-navy); margin: 0 0 6px; }
.hyg-scene-card p { font-size: 13px; color: var(--hyg-text-muted); line-height: 1.6; margin: 0; }

/* ==========================================================================
   11. ? ?   ========================================================================== */
.hyg-cert-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.hyg-cert-card { background: var(--hyg-white); border: 1px solid var(--hyg-border); border-radius: var(--hyg-radius-sm); padding: 24px 18px; text-align: center; box-shadow: var(--hyg-shadow-sm); transition: all .25s ease; }
.hyg-cert-card:hover { border-color: var(--hyg-orange); transform: translateY(-3px); }
.hyg-cert-card .ic { width: 46px; height: 46px; margin: 0 auto 12px; border-radius: 50%; background: var(--hyg-orange-soft); color: var(--hyg-orange); display:flex; align-items:center; justify-content:center; font-size: 22px; }
.hyg-cert-card span { font-size: 14px; font-weight: 600; color: var(--hyg-navy); display: block; }

/* ==========================================================================
   12. FAQ
   ========================================================================== */
.hyg-faq { max-width: 820px; margin: 0 auto; }
.hyg-faq-item { background: var(--hyg-white); border: 1px solid var(--hyg-border); border-radius: var(--hyg-radius-sm); margin-bottom: 14px; overflow: hidden; }
.hyg-faq-item summary {
	list-style: none; cursor: pointer; padding: 20px 24px; display: flex; align-items: center; gap: 12px;
	font-size: 16px; font-weight: 600; color: var(--hyg-navy);
}
.hyg-faq-item summary::-webkit-details-marker { display: none; }
.hyg-faq-item summary .q { color: var(--hyg-orange); font-weight: 800; }
.hyg-faq-item summary .arrow { margin-left: auto; transition: transform .25s ease; color: var(--hyg-text-muted); }
.hyg-faq-item[open] summary .arrow { transform: rotate(180deg); }
.hyg-faq-item .a { padding: 0 24px 22px; font-size: 14px; color: var(--hyg-text-muted); line-height: 1.75; }

/* ==========================================================================
   13. 底部 CTA
   ========================================================================== */
.hyg-cta-band { text-align: center; }
.hyg-cta-band .hyg-section-title { color: #fff; }
.hyg-cta-band p { color: rgba(255,255,255,.8); font-size: 16px; max-width: 620px; margin: 0 auto 30px; line-height: 1.7; }
.hyg-cta-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

/* ==========================================================================
   14a2.  /  / WhatsApp?   ========================================================================== */
.hyg-float-contact {
	position: fixed; right: 22px; bottom: 32px; z-index: 98;
	display: flex; flex-direction: column; gap: 12px;
}
.hyg-fc-btn {
	position: relative; width: 48px; height: 48px; border-radius: 50%;
	background: var(--hyg-navy); color: #fff;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 8px 24px rgba(22,52,94,.35);
	text-decoration: none; transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}
.hyg-fc-btn .hyg-svg { width: 21px; height: 21px; }
.hyg-fc-btn .hyg-svg-fill { fill: currentColor; stroke: none; }
.hyg-fc-btn:hover { transform: translateY(-3px); background: var(--hyg-orange); box-shadow: 0 8px 24px rgba(245,130,31,.4); }
/* 返回顶部：滚动超过一屏后才出现（保留占位，避免其他按钮跳动） */
.hyg-fc-top { opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .3s ease, visibility .3s, transform .3s ease; }
.hyg-fc-top.is-show { opacity: 1; visibility: visible; transform: translateY(0); }
/* 悬浮提示气泡 */
.hyg-fc-tip {
	position: absolute; right: calc(100% + 14px); top: 50%; transform: translateY(-50%);
	background: var(--hyg-navy-dark); color: #fff; font-size: 12.5px; font-weight: 600;
	padding: 8px 14px; border-radius: 8px; white-space: nowrap;
	opacity: 0; visibility: hidden; pointer-events: none;
	box-shadow: 0 6px 18px rgba(4,12,26,.2);
	transition: opacity .25s ease, transform .25s ease, visibility .25s;
}
.hyg-fc-btn:hover .hyg-fc-tip { opacity: 1; visibility: visible; transform: translateY(-50%) translateX(-4px); }

/* ==========================================================================
   14b. ?+ EN ?   ========================================================================== */
.hyg-header { position: relative; z-index: 100; }

/* ?*/
.hyg-navbar { background: #fff; border-bottom: 1px solid var(--hyg-border); box-shadow: 0 2px 10px rgba(22,52,94,.05); }
.hyg-navbar-inner { display: flex; align-items: center; gap: 32px; padding-top: 14px; padding-bottom: 14px; }
.hyg-navbar-logo { flex: none; display: flex; align-items: center; }
.hyg-navbar-logo img { max-height: 46px; width: auto; }
.hyg-logo-text { font-size: 22px; font-weight: 800; color: var(--hyg-navy); text-decoration: none; }
.hyg-logo-text em { font-style: normal; color: var(--hyg-orange); margin-left: 4px; }

.hyg-navbar-menu { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.hyg-navbar-menu a {
	color: var(--hyg-navy); text-decoration: none; font-size: 15px; font-weight: 600;
	padding: 9px 14px; border-radius: 8px; transition: color .2s ease, background .2s ease; white-space: nowrap;
}
.hyg-navbar-menu a:hover, .hyg-navbar-menu a.is-active { color: var(--hyg-orange); background: var(--hyg-orange-soft); }

.hyg-contact-btn {
	flex: none; display: inline-flex; align-items: center; padding: 11px 24px; border-radius: 8px;
	background: #F7B500; color: #1c1c1c !important; font-weight: 800; font-size: 14px; letter-spacing: 1px;
	text-decoration: none; transition: all .2s ease;
}
.hyg-contact-btn:hover { background: #E6A800; transform: translateY(-1px); }

/* EN /?*/
.hyg-navbar-menu .hyg-nav-lang {
	display: inline-flex; align-items: center; gap: 6px; margin-left: 8px;
	color: var(--hyg-navy); font-size: 13.5px; font-weight: 700; letter-spacing: .5px;
	padding: 7px 14px; border-radius: 999px; border: 1.5px solid var(--hyg-border);
	transition: border-color .2s ease, color .2s ease, background .2s ease;
}
.hyg-navbar-menu .hyg-nav-lang .hyg-lang-ic { width: 15px; height: 15px; }
.hyg-navbar-menu .hyg-nav-lang:hover, .hyg-navbar-menu .hyg-nav-lang:focus { border-color: var(--hyg-orange); color: var(--hyg-orange); background: var(--hyg-orange-soft); }

/* ?*/
.hyg-nav-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: 0; cursor: pointer; padding: 8px; margin-left: auto; }
.hyg-nav-toggle span { width: 24px; height: 2.5px; background: var(--hyg-navy); border-radius: 2px; }

/* ==========================================================================
   14c.  Logo + ?   ========================================================================== */
.hyg-footer { background: var(--hyg-navy-dark); color: rgba(255,255,255,.78); margin-top: 0; }
.hyg-footer-grid { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1.2fr; gap: 44px; padding: 64px 0 44px; }
.hyg-footer-logo img { max-height: 42px; width: auto; filter: brightness(0) invert(1); }
.hyg-footer .hyg-logo-text { color: #fff; }
.hyg-footer-desc { font-size: 13.5px; line-height: 1.75; color: rgba(255,255,255,.65); margin: 16px 0 18px; }
.hyg-footer-cert { display: flex; flex-wrap: wrap; gap: 8px; }
.hyg-footer-cert span { font-size: 11px; font-weight: 700; color: rgba(255,255,255,.7); border: 1px solid rgba(255,255,255,.25); padding: 4px 10px; border-radius: 6px; }
.hyg-footer-col h4 { color: #fff; font-size: 15px; font-weight: 700; margin: 0 0 18px; }
.hyg-footer-col a, .hyg-footer-addr {
	display: flex; align-items: center; gap: 9px; color: rgba(255,255,255,.72); text-decoration: none;
	font-size: 13.5px; line-height: 1.5; margin-bottom: 11px; transition: color .2s ease;
}
.hyg-footer-col a:hover { color: var(--hyg-orange); }
.hyg-footer-en { color: var(--hyg-orange); font-weight: 600; margin-top: 4px; }
.hyg-footer-bottom {
	display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
	border-top: 1px solid rgba(255,255,255,.14); padding: 20px 0 26px; font-size: 13px; color: rgba(255,255,255,.55);
}
.hyg-footer-bottom p { margin: 0; }
.hyg-footer-legal { display: flex; gap: 22px; }
.hyg-footer-legal a { color: rgba(255,255,255,.55); text-decoration: none; }
.hyg-footer-legal a:hover { color: var(--hyg-orange); }

/* / Astra  header/footer?*/
body.hygieia-fullwidth .ast-primary-header, body.hygieia-fullwidth .main-header-bar,
body.hygieia-fullwidth .ast-mobile-header, body.hygieia-fullwidth .site-footer,
body.hygieia-fullwidth .ast-small-footer { display: none !important; }

/* ==========================================================================
   14d.  - ?+ ?+ 6 ?23?   ========================================================================== */
.hyg-btn-sm { padding: 11px 22px; font-size: 14px; }
.hyg-about-inner { display: grid; grid-template-columns: .85fr 1.35fr; gap: 72px; align-items: center; }
.hyg-about-title { font-size: 52px; font-weight: 800; color: var(--hyg-navy); line-height: 1.15; margin: 0 0 24px; }
.hyg-about-title .accent { color: var(--hyg-orange); }
.hyg-about-desc { font-size: 17px; color: var(--hyg-text); line-height: 2.15; margin: 0 0 32px; }
.hyg-about-img { margin-top: 28px; border-radius: var(--hyg-radius); overflow: hidden; border: 1px solid var(--hyg-border); box-shadow: var(--hyg-shadow-sm); }
.hyg-about-img img { width: 100%; height: auto; display: block; }
.hyg-about-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.hyg-stat-card {
	position: relative;
	background: #fff;
	border: 1px solid var(--hyg-border);
	border-radius: 22px;
	padding: 68px 28px 36px; box-shadow: var(--hyg-shadow-sm);
	display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 18px;
	min-height: 236px; transition: transform .25s ease, box-shadow .25s ease;
}
.hyg-stat-card:hover { transform: translateY(-5px); box-shadow: var(--hyg-shadow); }
/* ?*/
.hyg-stat-idx {
	position: absolute; top: 14px; left: 18px;
	width: 52px; height: 52px; object-fit: contain;
}
.hyg-stat-card strong {
	display: inline-flex; flex-direction: column; align-items: flex-start; gap: 12px;
	font-size: 44px; font-weight: 800; color: var(--hyg-text); line-height: 1;
	letter-spacing: -1px; font-variant-numeric: tabular-nums;
}
/* ?*/
.hyg-num-line { display: inline-flex; align-items: baseline; }
.hyg-num-suffix { font-size: .52em; font-weight: 800; letter-spacing: 0; margin-left: 6px; line-height: 1; }
/* 数字下方橙色渐变短下划线 */
.hyg-stat-card strong::after {
	content: ""; width: 46px; height: 4px; border-radius: 2px;
	background: linear-gradient(90deg, var(--hyg-warm-orange) 0%, rgba(200, 90, 23, .25) 100%);
}
/* ?  .hyg-num-line?*/
.hyg-stat-card > span { font-size: 14.5px; font-weight: 600; color: var(--hyg-text); line-height: 1.8; min-height: 48px; display: flex; align-items: center; }

/* ==========================================================================
   14e.  - ? 
   ========================================================================== */
.hyg-matrix-card {
	display: flex; flex-direction: column; background: var(--hyg-white); border: 1px solid var(--hyg-border);
	border-radius: var(--hyg-radius); overflow: hidden; text-decoration: none; box-shadow: var(--hyg-shadow-sm);
	transition: transform .25s ease, box-shadow .25s ease;
}
.hyg-matrix-card:hover { transform: translateY(-5px); box-shadow: var(--hyg-shadow); }
.hyg-matrix-img { height: 160px; display: flex; align-items: center; justify-content: center; background: linear-gradient(120deg,#F3EFE8,#FAF7F1); overflow: hidden; }
.hyg-matrix-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hyg-matrix-img .hyg-svg { width: 44px; height: 44px; color: var(--hyg-navy); opacity: .5; }
.hyg-matrix-body { padding: 22px 22px 24px; }
.hyg-matrix-body h3 { font-size: 18px; font-weight: 700; color: var(--hyg-navy); margin: 0 0 8px; }
.hyg-matrix-body p { font-size: 13.5px; color: var(--hyg-text-muted); line-height: 1.7; margin: 0 0 14px; }
.hyg-more { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 700; color: var(--hyg-orange); }
.hyg-more .hyg-svg { width: 15px; height: 15px; }

/* ?+  */
.hyg-matrix-grid { gap: 22px; }
.hyg-matrix-tile {
	position: relative; display: block; height: 460px; border-radius: 20px; overflow: hidden;
	text-decoration: none; box-shadow: var(--hyg-shadow-sm);
}
.hyg-matrix-tile > img {
	position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform .55s cubic-bezier(.22,.61,.36,1);
}
.hyg-matrix-tile::after {
	content: ""; position: absolute; inset: 0; z-index: 1;
	background: linear-gradient(180deg, rgba(10,22,40,0) 42%, rgba(10,22,40,.62) 100%);
	transition: background .35s ease;
}
.hyg-matrix-cap { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 26px 26px 24px; }
.hyg-matrix-cap h3 {
	font-size: 22px; font-weight: 800; color: #fff; margin: 0;
	text-shadow: 0 2px 10px rgba(0,0,0,.35);
}
.hyg-matrix-reveal { max-height: 0; opacity: 0; overflow: hidden; transition: max-height .4s ease, opacity .35s ease, margin .4s ease; }
.hyg-matrix-reveal p { font-size: 13.5px; color: rgba(255,255,255,.92); line-height: 1.75; margin: 0 0 12px; }
.hyg-matrix-reveal .hyg-more { color: #fff; font-size: 14px; }
.hyg-matrix-reveal .hyg-more .hyg-svg { width: 16px; height: 16px; transition: transform .25s ease; }
.hyg-matrix-tile:hover > img, .hyg-matrix-tile:focus-visible > img { transform: scale(1.07); }
.hyg-matrix-tile:hover::after { background: linear-gradient(180deg, rgba(10,22,40,0) 20%, rgba(10,22,40,.72) 100%); }
.hyg-matrix-tile:hover .hyg-matrix-reveal, .hyg-matrix-tile:focus-visible .hyg-matrix-reveal { max-height: 160px; opacity: 1; margin-top: 12px; }
.hyg-matrix-tile:hover .hyg-more .hyg-svg { transform: translateX(4px); }

/* Zymevolver ?2  +  */
.hyg-plat-grid { grid-template-columns: repeat(3, 1fr); gap: 24px; }
.hyg-plat-card {
	position: relative; height: 300px; border-radius: 20px; overflow: hidden;
	box-shadow: var(--hyg-shadow-sm); background: var(--hyg-bg-soft);
}
.hyg-plat-card img {
	position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform .55s cubic-bezier(.22,.61,.36,1);
}
.hyg-plat-card::after {
	content: ""; position: absolute; inset: 0; z-index: 1;
	background: linear-gradient(180deg, rgba(10,22,40,0) 55%, rgba(10,22,40,.5) 100%);
}
.hyg-plat-label {
	position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 2;
	background: linear-gradient(100deg, #FFF6EC 8%, #F8BE7C 92%);
	color: var(--hyg-navy); font-size: 15px; font-weight: 700; letter-spacing: 1px;
	padding: 12px 34px; border-radius: 999px; white-space: nowrap;
	box-shadow: 0 10px 26px rgba(4,12,26,.35); transition: transform .3s ease;
}
.hyg-plat-card:hover img { transform: scale(1.07); }
.hyg-plat-card:hover .hyg-plat-label { transform: translateX(-50%) translateY(-4px); }

/* ==========================================================================
   14f.  - ODM ?+  + 4 
   ========================================================================== */
.hyg-odm {
	position: relative; overflow: hidden;
	/* 浅色版：覆盖 .hyg-section-navy 的深蓝渐变，全站统一改为白底 */
	background: #fff;
	color: var(--hyg-text);
}
.hyg-odm .hyg-section-title { color: var(--hyg-navy); }
/* 背景装饰光晕 */
.hyg-odm::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background:
		radial-gradient(600px 380px at 88% 8%, rgba(245,130,31,.16), transparent 65%),
		radial-gradient(700px 460px at 6% 96%, rgba(200,90,23,.10), transparent 65%);
}
.hyg-odm > .hyg-container { position: relative; z-index: 1; }
.hyg-odm-inner { display: grid; grid-template-columns: 1.02fr .98fr; gap: 72px; align-items: center; margin-bottom: 44px; }
.hyg-odm-desc { font-size: 15px; color: var(--hyg-text-muted); line-height: 1.9; margin: 0 0 26px; max-width: 480px; }
.hyg-odm-list { list-style: none; margin: 0 0 30px; padding: 0; }
.hyg-odm-list li { display: flex; align-items: center; gap: 13px; color: var(--hyg-text); font-size: 15px; margin-bottom: 14px; }
.hyg-odm-list .li-ic {
	width: 26px; height: 26px; flex: none; border-radius: 50%;
	background: rgba(245,130,31,.18); border: 1px solid rgba(245,130,31,.55);
	display: inline-flex; align-items: center; justify-content: center;
}
.hyg-odm-list .li-ic .hyg-svg { width: 14px; height: 14px; color: var(--hyg-orange); }
.hyg-odm-cta { display: flex; gap: 14px; flex-wrap: wrap; }
/* ?*/
.hyg-odm .hyg-btn-ghost { background: transparent; color: var(--hyg-navy) !important; border-color: var(--hyg-navy); }
.hyg-odm .hyg-btn-ghost:hover { background: var(--hyg-navy); color: #fff !important; }
/* 右侧视觉：圆角图 + 悬浮徽章 */
.hyg-odm-visual { position: relative; padding-left: 26px; }
.hyg-odm-visual img {
	width: 100%; height: 440px; object-fit: cover; display: block;
	border-radius: 24px; box-shadow: 0 24px 60px rgba(22,52,94,.22);
}
.hyg-odm-badge {
	position: absolute; left: 0; bottom: 36px; background: #fff;
	border-radius: 18px; padding: 20px 26px; box-shadow: 0 18px 44px rgba(22,52,94,.18);
	max-width: 240px;
}
.hyg-odm-badge strong { display: block; font-size: 21px; font-weight: 800; color: var(--hyg-navy); letter-spacing: .5px; margin-bottom: 5px; }
.hyg-odm-badge span { font-size: 13px; color: var(--hyg-text-muted); line-height: 1.5; display: block; }

/* ==========================================================================
   14g.  - ? 
   ========================================================================== */
.hyg-platform-grid { gap: 20px; }
.hyg-platform-card {
	background: var(--hyg-white); border: 1px solid var(--hyg-border); border-radius: var(--hyg-radius);
	padding: 30px 24px; text-align: center; box-shadow: var(--hyg-shadow-sm); transition: all .25s ease;
}
.hyg-platform-card:hover { border-color: var(--hyg-orange); transform: translateY(-4px); }
.hyg-platform-card .ic { width: 62px; height: 62px; margin: 0 auto 16px; border-radius: 16px; background: var(--hyg-orange-soft); color: var(--hyg-orange); display: flex; align-items: center; justify-content: center; }
.hyg-platform-card .ic .hyg-svg { width: 30px; height: 30px; }
.hyg-platform-card .pimg { border-radius: 12px; overflow: hidden; margin-bottom: 16px; background: var(--hyg-bg-soft); }
.hyg-platform-card .pimg img { width: 100%; height: 140px; object-fit: cover; display: block; }
.hyg-platform-card h3 { font-size: 16px; font-weight: 700; color: var(--hyg-navy); margin: 0; }

/* ==========================================================================
   14h.  - ?   ========================================================================== */
.hyg-cert-sec { padding: 72px 0 80px; overflow: hidden; }
.hyg-cert-marquee {
	position: relative; overflow: hidden; padding: 12px 0;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.hyg-cert-track { display: flex; width: max-content; animation: hyg-marquee 36s linear infinite; }
.hyg-cert-marquee:hover .hyg-cert-track { animation-play-state: paused; }
@keyframes hyg-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.hyg-cert-chip {
	display: flex; align-items: center; gap: 16px; flex: none;
	background: var(--hyg-white); border: 1px solid var(--hyg-border); border-radius: 999px;
	padding: 18px 34px; margin-right: 24px; box-shadow: var(--hyg-shadow-sm);
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.hyg-cert-chip:hover { transform: translateY(-4px); border-color: var(--hyg-orange); box-shadow: var(--hyg-shadow); }
.hyg-cert-chip img { height: 46px; width: auto; object-fit: contain; display: block; }
.hyg-cert-chip .cb-name { font-size: 17px; font-weight: 800; color: var(--hyg-navy); letter-spacing: .5px; }
@media (prefers-reduced-motion: reduce) { .hyg-cert-track { animation: none; } }

/* ==========================================================================
   14i. ?+ ?   ========================================================================== */
.hyg-contact-inner { display: grid; grid-template-columns: .85fr 1.15fr; gap: 64px; align-items: center; }
.hyg-contact-info h2 { font-size: 30px; font-weight: 800; color: var(--hyg-navy); margin: 0 0 16px; }
.hyg-contact-intro { font-size: 15px; color: var(--hyg-text-muted); line-height: 1.9; margin: 0 0 30px; }
.hyg-contact-item { display: flex; gap: 16px; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid var(--hyg-border); }
.hyg-contact-item:last-child { border-bottom: none; }
.hyg-contact-item .ci-ic {
	width: 46px; height: 46px; flex: none; border-radius: 12px;
	background: var(--hyg-orange-soft); color: var(--hyg-orange);
	display: flex; align-items: center; justify-content: center;
}
.hyg-contact-item .ci-ic .hyg-svg { width: 20px; height: 20px; }
.hyg-contact-item strong { display: block; font-size: 13px; font-weight: 600; color: var(--hyg-text-muted); margin-bottom: 4px; }
.hyg-contact-item a, .hyg-contact-item span { font-size: 16px; font-weight: 700; color: var(--hyg-navy); text-decoration: none; line-height: 1.6; display: block; }
.hyg-contact-item a:hover { color: var(--hyg-orange); }

.hyg-contact-form-wrap {
	background: var(--hyg-white); border: 1px solid var(--hyg-border); border-radius: 24px;
	padding: 44px; box-shadow: var(--hyg-shadow-sm);
}
.hyg-contact-form input[name="hyg_hp"] { display: none !important; }
.hyg-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.hyg-form-field { margin-bottom: 20px; }
.hyg-form-field label { display: block; font-size: 14px; font-weight: 700; color: var(--hyg-navy); margin-bottom: 8px; }
.hyg-form-field label em { color: var(--hyg-orange); font-style: normal; }
.hyg-form-field input, .hyg-form-field textarea, .hyg-form-field select {
	width: 100%; border: 1px solid var(--hyg-border); border-radius: 12px;
	padding: 13px 16px; font-size: 14.5px; font-family: inherit; color: var(--hyg-text);
	background: #F9F9FA; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
	box-sizing: border-box;
}
.hyg-form-field select { appearance: none; -webkit-appearance: none; cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235A6472' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 14px center; padding-right: 40px;
}
.hyg-form-field textarea { resize: vertical; min-height: 90px; line-height: 1.7; }
.hyg-form-field input:focus, .hyg-form-field textarea:focus, .hyg-form-field select:focus {
	outline: none; border-color: var(--hyg-orange); background-color: #fff;
	box-shadow: 0 0 0 3px rgba(245,130,31,.15);
}
/* ???*/
.hyg-product-selects { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.hyg-prod-dd { position: relative; }
.hyg-prod-dd-btn {
	width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px;
	border: 1px solid var(--hyg-border); border-radius: 12px; padding: 13px 16px;
	font-size: 14.5px; font-family: inherit; color: var(--hyg-text); background: #F9F9FA;
	cursor: pointer; text-align: left; line-height: 1.4;
	transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.hyg-prod-dd-btn .hyg-svg { width: 16px; height: 16px; flex: none; color: var(--hyg-text-muted); transition: transform .25s ease; }
.hyg-prod-dd.is-open .hyg-prod-dd-btn {
	border-color: var(--hyg-orange); background: #fff;
	box-shadow: 0 0 0 3px rgba(245,130,31,.15);
}
.hyg-prod-dd.is-open .hyg-prod-dd-btn .hyg-svg { transform: rotate(180deg); }
.hyg-prod-dd-panel {
	position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 60;
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 14px;
	box-shadow: 0 16px 40px rgba(4,12,26,.14); max-height: 300px; overflow-y: auto; padding: 8px;
}
/*  / ?*/
.hyg-prod-dd-panel[hidden] { display: none !important; }
.hyg-prod-dd-panel.hyg-prod-dd-flat {
	display: flex; align-items: flex-start; gap: 8px; padding: 0;
	background: none; border: none; box-shadow: none; overflow: visible;
	right: auto; width: auto; min-width: 0; max-height: none;
}
.hyg-prod-dd-flat .hyg-prod-dd-cats {
	width: 150px; flex: none; padding: 8px; overflow-y: auto; max-height: 340px;
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 14px;
	box-shadow: 0 16px 40px rgba(4,12,26,.14);
}
.hyg-prod-dd-flat .hyg-prod-dd-products {
	flex: none; width: 300px; min-width: 240px; max-width: 560px;
	padding: 10px 12px; overflow-y: auto; max-height: 340px;
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 14px;
	box-shadow: 0 16px 40px rgba(4,12,26,.14);
}
.hyg-prod-dd-cat.is-on { background: var(--hyg-orange-soft); color: var(--hyg-orange); }
.hyg-prod-dd-cat.is-on .hyg-svg { opacity: 1; color: var(--hyg-orange); }
.hyg-prod-dd-prod { font-size: 13.5px; padding: 9px 12px; }
.hyg-prod-dd-cat, .hyg-prod-dd-prod, .hyg-prod-dd-back {
	display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%;
	padding: 10px 12px; border: none; background: none; border-radius: 9px;
	font-size: 14px; font-family: inherit; color: var(--hyg-text); cursor: pointer; text-align: left;
	transition: background .18s ease, color .18s ease;
}
.hyg-prod-dd-prod { justify-content: flex-start; }
.hyg-prod-dd-cat:hover, .hyg-prod-dd-prod:hover { background: var(--hyg-orange-soft); color: var(--hyg-orange); }
.hyg-prod-dd-cat .hyg-svg { width: 14px; height: 14px; opacity: .5; flex: none; }
.hyg-prod-dd-back { color: var(--hyg-text-muted); font-size: 13px; }
.hyg-prod-dd-back:hover { background: #F3F3F5; color: var(--hyg-navy); }
.hyg-prod-dd-catname { font-size: 12px; font-weight: 600; color: var(--hyg-text-muted); letter-spacing: 1px; padding: 2px 12px 4px; margin: 0; }
.hyg-form-alert {
	display: flex; align-items: center; gap: 10px; padding: 14px 18px;
	border-radius: 12px; font-size: 14px; font-weight: 600; margin-bottom: 22px;
}
.hyg-form-alert .hyg-svg { width: 18px; height: 18px; flex: none; }
.hyg-form-ok { background: #EAF7EF; color: #1F7A45; border: 1px solid #BFE6CF; }
.hyg-form-err { background: #FDEDEC; color: #B23B32; border: 1px solid #F3C6C2; }
@media (max-width: 992px) {
	.hyg-contact-inner { grid-template-columns: 1fr; gap: 44px; }
	.hyg-contact-form-wrap { padding: 30px; }
}
@media (max-width: 600px) {
	.hyg-form-row { grid-template-columns: 1fr; gap: 0; }
	.hyg-product-selects { grid-template-columns: 1fr; }
}

/* ==========================================================================
   14j.  + ?+  + 
   ========================================================================== */
.hyg-products-page .hyg-page-hero p { max-width: 760px; }

/* 分类锚点胶囊导航（吸顶） */
.hyg-prod-pills-wrap {
	position: sticky; top: 0; z-index: 50;
	background: rgba(255,255,255,.94); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
	border-bottom: 1px solid var(--hyg-border); padding: 14px 0;
}
.hyg-prod-pills { display: flex; flex-wrap: wrap; gap: 10px; }
.hyg-prod-pill {
	display: inline-flex; align-items: center; padding: 9px 22px; border-radius: 999px;
	border: 1px solid var(--hyg-border); background: var(--hyg-white);
	color: var(--hyg-text-muted); font-size: 14px; font-weight: 600; text-decoration: none;
	transition: all .22s ease;
}
.hyg-prod-pill:hover { border-color: var(--hyg-orange); color: var(--hyg-orange); transform: translateY(-2px); box-shadow: var(--hyg-shadow-sm); }

/* 分组标题 */
.hyg-prod-group { padding: 44px 0 12px; scroll-margin-top: 70px; }
.hyg-prod-group-head { display: flex; align-items: baseline; gap: 14px; margin-bottom: 26px; }
.hyg-prod-group-head h2 {
	font-size: 26px; font-weight: 800; color: var(--hyg-navy); margin: 0;
	padding-left: 16px; position: relative;
}
.hyg-prod-group-head h2::before {
	content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
	width: 5px; height: 70%; border-radius: 3px; background: var(--hyg-orange);
}
.hyg-prod-count { font-size: 13px; color: var(--hyg-text-muted); }

/* ?+  +  */
.hyg-prod-grid { grid-template-columns: repeat(4, 1fr); gap: 22px; }
.hyg-prod-card {
	display: flex; flex-direction: column; align-items: center; text-align: center;
	background: var(--hyg-white); border: 1px solid var(--hyg-border); border-radius: var(--hyg-radius);
	padding: 26px 20px 22px; text-decoration: none; box-shadow: var(--hyg-shadow-sm);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.hyg-prod-card:hover { transform: translateY(-6px); box-shadow: var(--hyg-shadow); border-color: rgba(245,130,31,.45); }
.hyg-prod-img {
	width: 100%; aspect-ratio: 1; border-radius: 50%; overflow: hidden;
	background: linear-gradient(135deg, #F7F4EF, #F0ECE5);
	display: flex; align-items: center; justify-content: center; margin-bottom: 18px;
}
.hyg-prod-img img { width: 82%; height: 82%; object-fit: contain; display: block; }
.hyg-prod-img .hyg-svg { width: 44px; height: 44px; color: var(--hyg-navy); opacity: .35; }
.hyg-prod-card h3 {
	font-size: 15.5px; font-weight: 700; color: var(--hyg-navy); line-height: 1.5;
	margin: 0 0 10px; min-height: 46px; display: flex; align-items: center; justify-content: center;
}
.hyg-prod-card .hyg-more { opacity: 0; transform: translateY(4px); transition: all .25s ease; }
.hyg-prod-card:hover .hyg-more { opacity: 1; transform: none; }

/* ?*/
.hyg-adv-card { text-align: center; padding: 40px 30px; }
.hyg-adv-card .ic {
	width: 60px; height: 60px; margin: 0 auto 18px; border-radius: 50%;
	background: var(--hyg-orange-soft); color: var(--hyg-orange);
	display: flex; align-items: center; justify-content: center;
}
.hyg-adv-card .ic .hyg-svg { width: 26px; height: 26px; margin: 0 auto; }
.hyg-adv-card h3 { font-size: 18px; font-weight: 800; color: var(--hyg-navy); margin: 0 0 10px; }
.hyg-adv-card p { font-size: 13.5px; color: var(--hyg-text-muted); line-height: 1.8; margin: 0; }

/* ???*/
.hyg-adv-grid { gap: 24px; }
.hyg-adv-grid .hyg-adv-card { border: 1px solid var(--hyg-border); border-radius: var(--hyg-radius); box-shadow: var(--hyg-shadow-sm); padding: 40px 30px; background: #fff; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.hyg-adv-grid .hyg-adv-card:hover { transform: translateY(-4px); box-shadow: var(--hyg-shadow); border-color: rgba(245,130,31,.45); }
.hyg-adv-grid .hyg-adv-card:nth-child(odd) { background: #fff; }
.hyg-adv-grid .hyg-adv-card:nth-child(even) { background: #fff; border-color: var(--hyg-border); }

/* ?logo ?*/
.hyg-cert-band { padding-top: 20px; }
.hyg-cert-logos { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px 52px; }
.hyg-cert-logo img {
	height: 54px; width: auto; display: block;
	filter: grayscale(.55) opacity(.8); transition: filter .3s ease, transform .3s ease;
}
.hyg-cert-logo:hover img { filter: none; transform: scale(1.08); }

@media (max-width: 992px) {
	.hyg-prod-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px) {
	.hyg-prod-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
	.hyg-prod-card h3 { font-size: 13.5px; }
	.hyg-cert-logos { gap: 16px 28px; }
	.hyg-cert-logo img { height: 40px; }
}

/* ==========================================================================
   14k. ?Mega ?+ ?   ========================================================================== */
.hyg-nav-item { position: relative; display: inline-flex; align-items: center; }
.hyg-nav-mega > a { display: inline-flex; align-items: center; gap: 4px; }
.hyg-nav-mega .hyg-chev { width: 14px; height: 14px; transition: transform .25s ease; }
.hyg-nav-mega:hover .hyg-chev { transform: rotate(180deg); }

.hyg-mega {
	position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(10px);
	display: flex; align-items: flex-start; gap: 10px; min-width: 560px; padding-top: 14px;
	opacity: 0; visibility: hidden; transition: opacity .25s ease, transform .25s ease, visibility .25s;
	z-index: 200; text-align: left;
}
.hyg-nav-mega:hover .hyg-mega, .hyg-nav-mega:focus-within .hyg-mega {
	opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);
}
.hyg-mega-cats, .hyg-mega-panels { background: var(--hyg-navy-dark); box-shadow: 0 24px 60px rgba(4,12,26,.35); }
.hyg-mega-cats {
	width: 200px; padding: 14px; border-radius: 16px;
	display: flex; flex-direction: column; gap: 2px;
}
.hyg-mega-cats .hyg-mega-cat {
	display: flex; align-items: center; justify-content: space-between; gap: 10px;
	padding: 11px 14px; border-radius: 10px; color: rgba(255,255,255,.85);
	font-size: 14px; font-weight: 600; text-decoration: none; transition: all .2s ease;
	white-space: nowrap;
}
.hyg-mega-cats .hyg-mega-cat .hyg-mega-arrow { width: 14px; height: 14px; opacity: .55; }
.hyg-mega-cats .hyg-mega-cat:hover, .hyg-mega-cats .hyg-mega-cat.is-on { background: rgba(255,255,255,.1); color: #FFB35C; }
.hyg-mega-cats .hyg-mega-cat:hover .hyg-mega-arrow, .hyg-mega-cats .hyg-mega-cat.is-on .hyg-mega-arrow { opacity: 1; color: #FFB35C; }

.hyg-mega-panels {
	flex: 1; min-width: 340px; max-width: 430px; padding: 18px 20px; border-radius: 16px;
	max-height: 440px; overflow-y: auto;
}
.hyg-mega-panels .hyg-mega-panel { display: none; }
.hyg-mega-panels .hyg-mega-panel.is-on { display: block; }
.hyg-mega-panels .hyg-mega-panel h4 {
	color: rgba(255,255,255,.5); font-size: 12px; font-weight: 600; letter-spacing: 1px; margin: 2px 0 10px;
}
.hyg-mega-panels .hyg-mega-panel a {
	display: block; padding: 9px 12px; border-radius: 9px;
	color: rgba(255,255,255,.88); font-size: 14px; text-decoration: none; transition: all .18s ease;
}
.hyg-mega-panels .hyg-mega-panel a:hover { background: rgba(245,130,31,.16); color: #FFB35C; padding-left: 16px; }

@media (max-width: 992px) {
	.hyg-mega { display: none !important; }
	.hyg-nav-mega .hyg-chev { display: none; }
}

/* ==========================================================================
   14l.  / ?/ OEM 
   ========================================================================== */
/* 关于我们 */
.hyg-about2-inner { display: grid; grid-template-columns: 1.1fr .9fr; gap: 64px; align-items: start; }
.hyg-about2-text p { font-size: 15px; color: var(--hyg-text-muted); line-height: 2; margin: 0 0 18px; }
.hyg-about2-text p strong { color: var(--hyg-navy); }
.hyg-about2-certs { display: flex; flex-direction: column; gap: 28px; }
.hyg-cert-frame {
	position: relative; text-align: center;
	background: linear-gradient(160deg, #FDF8EF 0%, #FFFFFF 65%);
	border: 1px solid #EBDFC8; border-radius: 18px; padding: 30px 30px 24px;
	box-shadow: 0 14px 34px rgba(120,90,30,.1);
	transition: transform .25s ease, box-shadow .25s ease;
}
.hyg-cert-frame:hover { transform: translateY(-5px); box-shadow: 0 22px 48px rgba(120,90,30,.16); }
.hyg-cert-frame img {
	max-height: 330px; width: auto; max-width: 100%; margin: 0 auto; display: block;
	border-radius: 10px; border: 1px solid rgba(190,160,90,.35); background: #fff;
}
.hyg-cert-frame span {
	display: flex; align-items: center; justify-content: center; gap: 8px;
	margin-top: 18px; font-size: 15px; font-weight: 800; color: var(--hyg-navy);
}
.hyg-cert-frame span .hyg-svg { width: 18px; height: 18px; color: #C8A24A; }
.hyg-honor-pills { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-bottom: 44px; }
.hyg-honor-pill {
	display: inline-flex; align-items: center; gap: 9px;
	background: var(--hyg-white); border: 1px solid var(--hyg-border); border-radius: 999px;
	padding: 12px 24px; font-size: 14px; font-weight: 700; color: var(--hyg-navy);
	box-shadow: var(--hyg-shadow-sm); transition: all .22s ease;
}
.hyg-honor-pill:hover { border-color: var(--hyg-orange); transform: translateY(-3px); box-shadow: var(--hyg-shadow); }
.hyg-honor-pill .hyg-svg { width: 17px; height: 17px; color: var(--hyg-orange); }
.hyg-about2-stats .hyg-stat-card { min-height: 180px; }

/* ??Zymevolver ?+  +  */
.hyg-zym { position: relative; overflow: hidden; background: #FAF6F1; }
.hyg-zym-bg { position: absolute; inset: 0; background-size: cover; background-position: right center; background-repeat: no-repeat; }
.hyg-zym-veil { position: absolute; inset: 0; background: linear-gradient(90deg, #FAF6F1 0%, rgba(250,246,241,.96) 26%, rgba(250,246,241,.6) 50%, rgba(250,246,241,0) 72%); }
.hyg-zym-inner { position: relative; z-index: 2; padding: 92px 0; }
.hyg-zym-copy { max-width: 560px; }
.hyg-zym-title { font-size: 42px; font-weight: 800; line-height: 1.2; color: var(--hyg-warm-orange); margin: 0 0 16px; }
.hyg-zym-brand { display: block; }
.hyg-zym-sub { font-size: 20px; font-weight: 700; color: var(--hyg-text); margin: 0 0 16px; }
.hyg-zym-desc { font-size: 15px; color: var(--hyg-text-muted); line-height: 1.95; margin: 0 0 40px; max-width: 480px; }
.hyg-zym-stats { display: flex; gap: 52px; }
.hyg-zym-stat { display: flex; flex-direction: column; align-items: flex-start; }
.hyg-zym-ic { display: inline-flex; margin-bottom: 12px; color: var(--hyg-warm-orange); opacity: .78; }
.hyg-zym-ic .hyg-svg { width: 30px; height: 30px; }
.hyg-zym-stat strong { font-size: 36px; font-weight: 800; color: var(--hyg-warm-orange); line-height: 1; letter-spacing: -.5px; }
.hyg-zym-stat strong span { font-size: 22px; margin-left: 1px; }
.hyg-zym-stat em { font-style: normal; font-size: 14px; font-weight: 600; color: var(--hyg-text); margin-top: 9px; }
/* 32 ?+  */
.hyg-tech-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px 28px; }
.hyg-tech-tile { outline: none; cursor: default; }
.hyg-tech-media {
	position: relative; border-radius: 16px; overflow: hidden;
	aspect-ratio: 3 / 2; background: var(--hyg-bg-soft);
	box-shadow: 0 12px 30px rgba(15,42,77,.10);
}
.hyg-tech-media img {
	position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform .6s cubic-bezier(.22,.61,.36,1);
}
.hyg-tech-overlay {
	position: absolute; inset: 0; z-index: 2;
	display: flex; align-items: center; justify-content: center;
	padding: 26px 28px;
	background: linear-gradient(155deg, rgba(15,42,77,.92) 0%, rgba(22,60,104,.88) 100%);
	opacity: 0; transition: opacity .4s ease;
}
.hyg-tech-overlay p {
	margin: 0; color: rgba(255,255,255,.96);
	font-size: 13.5px; line-height: 1.95; text-align: justify;
	transform: translateY(12px); transition: transform .45s cubic-bezier(.22,.61,.36,1);
}
.hyg-tech-tile:hover .hyg-tech-media img,
.hyg-tech-tile:focus-within .hyg-tech-media img { transform: scale(1.06); }
.hyg-tech-tile:hover .hyg-tech-overlay,
.hyg-tech-tile:focus-within .hyg-tech-overlay { opacity: 1; }
.hyg-tech-tile:hover .hyg-tech-overlay p,
.hyg-tech-tile:focus-within .hyg-tech-overlay p { transform: translateY(0); }
.hyg-tech-name {
	font-size: 18px; font-weight: 800; color: var(--hyg-navy);
	margin: 16px 2px 0; text-align: left;
}

/* ?+  */
.hyg-res-inner { display: grid; grid-template-columns: .95fr 1.05fr; gap: 64px; align-items: center; }
.hyg-res-fig {
	background: var(--hyg-bg-soft); border-radius: 24px; padding: 32px;
	display: flex; align-items: center; justify-content: center;
}
.hyg-res-fig img { width: 100%; max-width: 460px; height: auto; display: block; }
.hyg-res-title { font-size: 34px; font-weight: 800; color: var(--hyg-navy); margin: 0 0 30px; }
.hyg-res-list { display: flex; flex-direction: column; gap: 26px; }
.hyg-res-item { position: relative; padding-left: 20px; }
.hyg-res-item::before {
	content: ""; position: absolute; left: 0; top: 5px; width: 5px; height: 22px;
	border-radius: 3px; background: var(--hyg-orange);
}
.hyg-res-item h3 { font-size: 18px; font-weight: 800; color: var(--hyg-navy); margin: 0 0 9px; }
.hyg-res-item p { font-size: 14.5px; color: var(--hyg-text-muted); line-height: 1.95; margin: 0; }

/* Zymevolver  + ?*/
.hyg-proc-section { padding: 66px 0; }
.hyg-proc-inner { display: grid; grid-template-columns: .82fr 1.18fr; gap: 40px; align-items: center; }
.hyg-proc-title { font-size: 34px; font-weight: 800; color: var(--hyg-text); margin: 0 0 24px; }
.hyg-proc-brand { color: var(--hyg-navy); }
.hyg-proc-merits { display: grid; grid-template-columns: repeat(2, auto); gap: 26px 30px; justify-content: start; }
.hyg-proc-merit { display: flex; align-items: center; gap: 14px; font-size: 17px; font-weight: 700; color: var(--hyg-text); }
.hyg-proc-merit:last-child { grid-column: 1 / -1; }
.hyg-proc-mic {
	flex: none; width: 46px; height: 46px; border-radius: 50%;
	background: var(--hyg-orange-soft); color: var(--hyg-orange);
	display: flex; align-items: center; justify-content: center;
}
.hyg-proc-mic .hyg-svg { width: 22px; height: 22px; }
.hyg-proc-fig {
	padding: 0;
	display: flex; align-items: center; justify-content: center;
}
.hyg-proc-fig img { width: 100%; max-width: 620px; height: auto; display: block; }

/* ============ OEM/ODM 页（2026-08 设计稿重构） ============ */
/* Hero?*/
.hyg-odm-hero { position: relative; min-height: 540px; display: flex; align-items: center; background-size: cover; background-position: right center; background-repeat: no-repeat; }
.hyg-odm-hero-veil { position: absolute; inset: 0; background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.94) 30%, rgba(255,255,255,.74) 48%, rgba(255,255,255,.18) 70%, rgba(255,255,255,0) 84%); }
.hyg-odm-hero-inner { position: relative; z-index: 2; padding: 74px 0; width: 100%; }
.hyg-odm-hero-inner .hyg-breadcrumb { font-size: 13px; color: var(--hyg-text-muted); margin-bottom: 16px; }
.hyg-odm-hero-inner .hyg-breadcrumb a { color: var(--hyg-text-muted); text-decoration: none; }
.hyg-odm-hero-inner .hyg-breadcrumb a:hover { color: var(--hyg-orange); }
.hyg-odm-hero-inner .hyg-eyebrow { display: inline-block; margin-bottom: 16px; }
.hyg-odm-hero-inner h1 { font-size: 36px; font-weight: 800; color: var(--hyg-navy); line-height: 1.3; margin: 0 0 18px; max-width: 600px; }
.hyg-odm-hero-inner h1 .accent { color: var(--hyg-orange); }
.hyg-odm-hero-inner p { font-size: 13.5px; color: var(--hyg-text-muted); line-height: 1.85; max-width: 540px; margin: 0 0 30px; }
.hyg-odm-hero-btns { display: flex; flex-wrap: wrap; gap: 14px; }

/*  + ?026-08  */
.hyg-odm-dosage { margin-top: 12px; }
.hyg-odm-dosage-title { font-size: 20px; font-weight: 800; color: var(--hyg-navy); text-align: center; margin: 0 0 30px; }
.hyg-odm-dosage-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px 12px; }
.hyg-odm-dosage-card { background: none; border: 0; border-radius: 0; padding: 8px 6px; text-align: center; transition: transform .22s ease; }
.hyg-odm-dosage-card:hover { transform: translateY(-4px); }
.hyg-odm-dosage-card:hover .hyg-odm-dosage-ic { background: var(--hyg-orange); color: #fff; }
.hyg-odm-dosage-ic { width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 50%; background: var(--hyg-orange-soft); color: var(--hyg-orange); display: flex; align-items: center; justify-content: center; transition: all .22s ease; }
.hyg-odm-dosage-ic .hyg-svg { width: 28px; height: 28px; }
.hyg-odm-dosage-name { font-size: 15px; font-weight: 700; color: var(--hyg-navy); }

/* 四大服务段落（图文交替） */
.hyg-odm-svc { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.hyg-odm-svc--imgright .hyg-odm-svc-media { order: 2; }
.hyg-odm-svc--imgright .hyg-odm-svc-text { order: 1; }
.hyg-odm-svc-media { border-radius: 22px; overflow: hidden; box-shadow: var(--hyg-shadow); }
.hyg-odm-svc-media img { width: 100%; height: 100%; min-height: 360px; display: block; object-fit: cover; }
.hyg-odm-svc-title { font-size: 25px; font-weight: 800; color: var(--hyg-navy); margin: 0 0 8px; }
.hyg-odm-svc-sub { font-size: 16px; font-weight: 700; color: var(--hyg-orange); margin: 0 0 14px; }
.hyg-odm-svc-desc { font-size: 13.5px; color: var(--hyg-text-muted); line-height: 1.85; margin: 0 0 20px; }
.hyg-odm-svc-list { list-style: none; margin: 0 0 26px; padding: 0; display: grid; gap: 11px; }
.hyg-odm-svc-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; color: var(--hyg-text); line-height: 1.6; }
.hyg-odm-svc-list li .hyg-svg { width: 18px; height: 18px; flex: none; color: var(--hyg-orange); margin-top: 2px; }

/* ?  */
.hyg-odm-flow { position: relative; display: grid; grid-template-columns: repeat(9, 1fr); gap: 8px; background: linear-gradient(135deg, #FFF6EE, #FCEBDC); border-radius: 20px; padding: 40px 28px; }
.hyg-odm-flow::before { content: ""; position: absolute; left: 70px; right: 70px; top: 71px; height: 2px; background: repeating-linear-gradient(90deg, var(--hyg-orange) 0 7px, transparent 7px 15px); opacity: .4; }
.hyg-odm-flow-step { position: relative; text-align: center; }
.hyg-odm-flow-ic { position: relative; z-index: 1; width: 62px; height: 62px; margin: 0 auto 12px; border-radius: 50%; background: #fff; border: 2px solid rgba(245,130,31,.35); color: var(--hyg-navy); display: flex; align-items: center; justify-content: center; box-shadow: var(--hyg-shadow-sm); }
.hyg-odm-flow-ic .hyg-svg { width: 26px; height: 26px; }
.hyg-odm-flow-ic em { position: absolute; top: -8px; right: -6px; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 999px; background: var(--hyg-orange); color: #fff; font-size: 11px; font-weight: 700; font-style: normal; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(245,130,31,.4); }
.hyg-odm-flow-name { display: block; font-size: 13px; font-weight: 600; color: var(--hyg-text); line-height: 1.4; }

/* 为什么选择 + FAQ 双栏 */
.hyg-odm-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.hyg-odm-col-title { font-size: 26px; font-weight: 800; color: var(--hyg-navy); margin: 8px 0 26px; }
.hyg-odm-why-list { display: grid; gap: 16px; }
.hyg-odm-why-item { display: flex; gap: 16px; background: #fff; border: 1px solid var(--hyg-border); border-radius: 14px; padding: 20px 22px; box-shadow: var(--hyg-shadow-sm); transition: all .22s ease; }
.hyg-odm-why-item:hover { border-color: rgba(245,130,31,.4); box-shadow: var(--hyg-shadow-sm); transform: translateY(-2px); }
.hyg-odm-why-ic { width: 46px; height: 46px; flex: none; border-radius: 12px; background: var(--hyg-orange-soft); color: var(--hyg-orange); display: flex; align-items: center; justify-content: center; }
.hyg-odm-why-ic .hyg-svg { width: 22px; height: 22px; }
.hyg-odm-why-body h3 { font-size: 16px; font-weight: 800; color: var(--hyg-navy); margin: 0 0 6px; }
.hyg-odm-why-body p { font-size: 13.5px; color: var(--hyg-text-muted); line-height: 1.75; margin: 0; }
.hyg-odm-faq-list { display: grid; gap: 12px; }
.hyg-odm-faq-item { background: #fff; border: 1px solid var(--hyg-border); border-radius: 12px; overflow: hidden; box-shadow: var(--hyg-shadow-sm); }
.hyg-odm-faq-item summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 20px; font-size: 14.5px; font-weight: 700; color: var(--hyg-navy); }
.hyg-odm-faq-item summary::-webkit-details-marker { display: none; }
.hyg-odm-faq-item summary .hyg-svg { width: 18px; height: 18px; flex: none; color: var(--hyg-orange); transition: transform .25s ease; }
.hyg-odm-faq-item[open] summary .hyg-svg { transform: rotate(180deg); }
.hyg-odm-faq-a { padding: 0 20px 18px; }
.hyg-odm-faq-a p { font-size: 13.5px; color: var(--hyg-text-muted); line-height: 1.85; margin: 0; }

/* 底部 CTA */
.hyg-odm-cta-text { color: rgba(255,255,255,.8); max-width: 720px; margin: 0 auto 30px; font-size: 14.5px; line-height: 1.9; }
.hyg-odm-cta-btns { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }

@media (max-width: 992px) {
	.hyg-about2-inner { grid-template-columns: 1fr; gap: 44px; }
	.hyg-tech-grid { grid-template-columns: repeat(2, 1fr); gap: 26px 22px; }
	.hyg-res-inner { grid-template-columns: 1fr; gap: 36px; }
	.hyg-res-fig { padding: 24px; }
	.hyg-res-fig img { max-width: 380px; }
	.hyg-proc-inner { grid-template-columns: 1fr; gap: 40px; }
	.hyg-proc-copy { order: 2; }
	.hyg-proc-fig { order: 1; }
	.hyg-proc-merits { grid-template-columns: repeat(3, auto); }
	.hyg-proc-merit:last-child { grid-column: auto; }
	.hyg-odm-hero { min-height: 460px; background-position: 74% center; }
	.hyg-odm-hero-inner h1 { font-size: 34px; }
	.hyg-odm-dosage-grid { grid-template-columns: repeat(3, 1fr); }
	.hyg-odm-svc { grid-template-columns: 1fr; gap: 32px; }
	.hyg-odm-svc--imgright .hyg-odm-svc-media, .hyg-odm-svc--imgright .hyg-odm-svc-text { order: 0; }
	.hyg-odm-svc-media img { min-height: 280px; }
	.hyg-odm-flow { grid-template-columns: repeat(3, 1fr); gap: 24px 8px; }
	.hyg-odm-flow::before { display: none; }
	.hyg-odm-bottom { grid-template-columns: 1fr; gap: 44px; }
}
@media (max-width: 600px) {
	.hyg-about2-certs { grid-template-columns: 1fr; }
	.hyg-tech-grid { grid-template-columns: 1fr; }
	.hyg-tech-overlay p { font-size: 14px; }
	.hyg-res-title, .hyg-proc-title { font-size: 27px; }
	.hyg-res-fig, .hyg-proc-fig { padding: 18px; }
	.hyg-proc-merits { grid-template-columns: repeat(2, auto); gap: 20px 22px; }
	.hyg-proc-merit { font-size: 15px; }
	.hyg-cert-frame img { max-height: 260px; }
	.hyg-prod-dd-panel.hyg-prod-dd-flat { flex-direction: column; }
	.hyg-prod-dd-flat .hyg-prod-dd-cats { width: 100%; }
	.hyg-prod-dd-flat .hyg-prod-dd-products { width: 100%; max-width: none; min-width: 0; }
	.hyg-odm-hero { min-height: 420px; background-position: 78% center; }
	.hyg-odm-hero-inner { padding: 56px 0; }
	.hyg-odm-hero-inner h1 { font-size: 27px; }
	.hyg-odm-hero-btns .hyg-btn, .hyg-odm-cta-btns .hyg-btn { flex: 1 1 100%; justify-content: center; }
	.hyg-odm-dosage { padding: 24px 18px; }
	.hyg-odm-dosage-grid { grid-template-columns: repeat(2, 1fr); }
	.hyg-odm-svc-title { font-size: 25px; }
	.hyg-odm-flow { grid-template-columns: repeat(2, 1fr); padding: 30px 20px; }
	.hyg-odm-col-title { font-size: 22px; }
}

/* ==========================================================================
   14m. ?Hero +  +  +  +  +  CTA?   About Hygieia +  #1C7FDF + ?   ========================================================================== */
/* 浅色 Hero */
.hyg-about3-hero {
	position: relative; overflow: hidden;
	background: linear-gradient(150deg, #F5F9FF 0%, #EAF4FF 55%, #F2F7FF 100%);
	padding: 84px 0 96px;
}
.hyg-about3-hero::before, .hyg-about3-hero::after {
	content: ""; position: absolute; border-radius: 50%; pointer-events: none;
}
.hyg-about3-hero::before {
	width: 560px; height: 560px; right: -140px; top: -160px;
	background: radial-gradient(circle, rgba(28,127,223,.12), transparent 65%);
}
.hyg-about3-hero::after {
	width: 460px; height: 460px; left: -120px; bottom: -180px;
	background: radial-gradient(circle, rgba(245,130,31,.1), transparent 65%);
}
.hyg-about3-hero-inner {
	position: relative; z-index: 1;
	display: grid; grid-template-columns: 1.05fr .95fr; gap: 64px; align-items: center;
}
.hyg-about3-hero .hyg-breadcrumb { margin-bottom: 22px; }
.hyg-about3-title {
	font-size: 44px; font-weight: 800; line-height: 1.22; color: var(--hyg-navy);
	margin: 0 0 18px;
}
.hyg-about3-title .accent { color: var(--hyg-orange); }
.hyg-about3-sub { font-size: 16px; color: var(--hyg-text-muted); line-height: 1.9; margin: 0 0 24px; max-width: 520px; }
.hyg-about3-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; }
.hyg-about3-tags span {
	font-size: 12.5px; font-weight: 700; color: var(--hyg-navy);
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 999px; padding: 7px 16px;
}
.hyg-about3-cta { display: flex; gap: 14px; flex-wrap: wrap; }
.hyg-about3-visual { position: relative; }
.hyg-about3-visual img {
	width: 100%; height: 460px; object-fit: cover; display: block;
	border-radius: 24px; box-shadow: 0 24px 60px rgba(22,52,94,.22);
}
.hyg-about3-badge {
	position: absolute; left: -18px; bottom: 34px;
	display: flex; align-items: center; gap: 14px;
	background: #fff; border-radius: 16px; padding: 18px 24px;
	box-shadow: 0 18px 44px rgba(22,52,94,.18);
}
.hyg-about3-badge .hyg-svg { width: 30px; height: 30px; color: var(--hyg-orange); flex: none; }
.hyg-about3-badge strong { display: block; font-size: 17px; font-weight: 800; color: var(--hyg-navy); }
.hyg-about3-badge span { font-size: 12.5px; color: var(--hyg-text-muted); }

/* ?*/
.hyg-about3-intro { display: grid; grid-template-columns: 1.1fr .9fr; gap: 64px; align-items: start; }
.hyg-about3-text p { font-size: 15px; color: var(--hyg-text-muted); line-height: 2; margin: 0 0 18px; }
.hyg-about3-text p strong { color: var(--hyg-navy); }
.hyg-about3-photo img {
	width: 100%; height: 480px; object-fit: cover; display: block;
	border-radius: 24px; box-shadow: 0 20px 50px rgba(22,52,94,.16);
}
/* 服务领域 */
.hyg-about3-fields {
	display: flex; align-items: center; justify-content: space-between; gap: 24px;
	margin-top: 44px; padding: 26px 34px; background: var(--hyg-bg-soft);
	border: 1px solid var(--hyg-border); border-radius: 18px; flex-wrap: wrap;
}
.hyg-about3-fields-head h3 { font-size: 18px; font-weight: 800; color: var(--hyg-navy); margin: 0; }
.hyg-about3-fields-head .hyg-eyebrow { margin-bottom: 6px; }
.hyg-about3-field-tags { display: flex; gap: 12px; flex-wrap: wrap; }
.hyg-about3-field-tags span {
	font-size: 14px; font-weight: 700; color: var(--hyg-navy);
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 999px; padding: 10px 22px;
	transition: border-color .2s ease, color .2s ease;
}
.hyg-about3-field-tags span:hover { border-color: var(--hyg-orange); color: var(--hyg-orange); }

/*  hyg-stat-card?*/
.hyg-about3-stats .hyg-stat-card { min-height: 170px; }
/* ?500 */
.hyg-about3-stats .hyg-stat-card strong {
	font-size: 56px;
	white-space: nowrap;
}

/* 荣誉资质 + 专利（专利面板在上、证书横排在下） */
.hyg-about3-honor {
	display: flex; flex-direction: column; gap: 44px;
	margin-top: 10px;
}
/* 专利面板 */
.hyg-about3-honor-pats {
	display: flex; flex-direction: column;
	background: var(--hyg-bg-soft); border: 1px solid var(--hyg-border);
	border-radius: 18px; padding: 34px 30px;
}
.hyg-about3-honor-pats h3 {
	display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 800;
	color: var(--hyg-navy); margin: 0 0 24px;
}
.hyg-about3-honor-pats h3 .hyg-svg { width: 22px; height: 22px; color: var(--hyg-orange); }
.hyg-about3-pats { gap: 16px; }
.hyg-about3-pat {
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 16px;
	padding: 24px 18px; text-align: center; box-shadow: var(--hyg-shadow-sm);
}
.hyg-about3-pat strong { display: block; font-size: 30px; font-weight: 800; color: var(--hyg-orange); line-height: 1.1; margin-bottom: 8px; }
.hyg-about3-pat span { font-size: 13px; color: var(--hyg-text-muted); }
.hyg-about3-pat-note {
	margin-top: 20px; font-size: 13px; color: var(--hyg-text-muted); line-height: 1.8;
	padding: 14px 18px; background: #fff; border: 1px dashed rgba(245,130,31,.45);
	border-radius: 12px;
}
/* 证书横排（两张并排） */
.hyg-about3-honor-certs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
.hyg-about3-honor-certs .hyg-cert-frame { display: flex; flex-direction: column; justify-content: center; }
.hyg-about3-honor-certs .hyg-cert-frame img { max-height: 380px; }

/* ?  */
.hyg-about3-cert-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.hyg-about3-cert-card {
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 16px;
	padding: 26px 18px 22px; text-align: center;
	box-shadow: var(--hyg-shadow-sm); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.hyg-about3-cert-card:hover { transform: translateY(-4px); border-color: var(--hyg-orange); box-shadow: var(--hyg-shadow); }
.hyg-about3-cert-card img { height: 62px; width: auto; object-fit: contain; display: block; margin: 0 auto 14px; }
.hyg-about3-cert-card strong { display: block; font-size: 15px; font-weight: 800; color: var(--hyg-navy); margin-bottom: 5px; }
.hyg-about3-cert-card span { font-size: 12px; color: var(--hyg-text-muted); line-height: 1.5; display: block; }

/* Zymevolver  6 ?*/
.hyg-about3-plat-grid { gap: 20px; }
.hyg-about3-plat-card {
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 16px;
	padding: 30px 26px; box-shadow: var(--hyg-shadow-sm);
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.hyg-about3-plat-card:hover { transform: translateY(-4px); border-color: var(--hyg-orange); box-shadow: var(--hyg-shadow); }
.hyg-about3-plat-card .ic {
	width: 54px; height: 54px; border-radius: 14px; display: flex; align-items: center; justify-content: center;
	background: var(--hyg-orange-soft); color: var(--hyg-orange); margin-bottom: 16px;
}
.hyg-about3-plat-card .ic .hyg-svg { width: 26px; height: 26px; }
.hyg-about3-plat-card h3 { font-size: 16.5px; font-weight: 800; color: var(--hyg-navy); margin: 0 0 8px; }
.hyg-about3-plat-card p { font-size: 13.5px; color: var(--hyg-text-muted); line-height: 1.7; margin: 0; }

/*  4 ?*/
.hyg-about3-culture { gap: 20px; }
.hyg-about3-culture-card {
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 16px;
	padding: 30px 24px; text-align: center; box-shadow: var(--hyg-shadow-sm);
	transition: transform .25s ease, border-color .25s ease;
}
.hyg-about3-culture-card:hover { transform: translateY(-4px); border-color: var(--hyg-orange); }
.hyg-about3-culture-card .ic {
	width: 56px; height: 56px; border-radius: 50%; margin: 0 auto 16px;
	display: flex; align-items: center; justify-content: center;
	background: var(--hyg-orange-soft); color: var(--hyg-orange);
}
.hyg-about3-culture-card .ic .hyg-svg { width: 26px; height: 26px; }
.hyg-about3-culture-card h3 { font-size: 16px; font-weight: 800; color: var(--hyg-navy); margin: 0 0 10px; }
.hyg-about3-culture-card p { font-size: 14px; color: var(--hyg-text); line-height: 1.7; margin: 0 0 8px; }
.hyg-about3-culture-card em { font-size: 12px; color: var(--hyg-text-muted); font-style: italic; line-height: 1.6; display: block; }

/*  CTA?#1C7FDF  */
.hyg-cta-band-blue {
	background: linear-gradient(135deg, var(--hyg-navy) 0%, var(--hyg-navy-dark) 100%);
	padding: 90px 0;
}
.hyg-cta-band-blue .hyg-btn-ghost { background: rgba(255,255,255,.14); color: #fff !important; border-color: rgba(255,255,255,.55); }
.hyg-cta-band-blue .hyg-btn-ghost:hover { background: #fff; color: var(--hyg-navy) !important; }

/* ?*/
@media (max-width: 992px) {
	.hyg-about3-hero { padding: 56px 0 72px; }
	.hyg-about3-hero-inner { grid-template-columns: 1fr; gap: 44px; }
	.hyg-about3-title { font-size: 36px; }
	.hyg-about3-intro { grid-template-columns: 1fr; gap: 40px; }
	.hyg-about3-photo img { height: 360px; }
	.hyg-about3-honor { gap: 40px; }
	.hyg-about3-cert-grid { grid-template-columns: repeat(3, 1fr); }
	.hyg-about3-fields { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 600px) {
	.hyg-about3-hero { padding: 40px 0 56px; }
	.hyg-about3-title { font-size: 28px; }
	.hyg-about3-visual img { height: 280px; }
	.hyg-about3-badge { position: static; margin-top: 16px; }
	.hyg-about3-photo img { height: 260px; }
	.hyg-about3-cert-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
	.hyg-about3-honor-certs { grid-template-columns: 1fr; }
	.hyg-about3-pats { grid-template-columns: 1fr; }
	.hyg-cta-band-blue { padding: 64px 0; }
}

/* ==========================================================================
   14n. ?/?//FAQ/CTA?   ========================================================================== */
.hyg-entry-content { max-width: 1100px; margin: 0 auto; }
/* ?+ ?*/
.hyg-prod-intro {
	display: grid; grid-template-columns: .92fr 1.08fr; gap: 48px; align-items: center;
	margin-bottom: 56px;
}
.hyg-prod-mainimg img {
	width: 100%; max-height: 420px; object-fit: cover; display: block;
	border-radius: 24px; box-shadow: 0 20px 50px rgba(22,52,94,.18);
}
.hyg-prod-intro-body p { font-size: 15px; color: var(--hyg-text-muted); line-height: 2; margin: 0 0 16px; }
.hyg-prod-title {
	font-size: 26px; font-weight: 800; color: var(--hyg-navy);
	margin: 0 0 18px; line-height: 1.3;
}
.hyg-prod-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
.hyg-prod-tags span {
	font-size: 12.5px; font-weight: 700; color: var(--hyg-navy);
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 999px; padding: 7px 16px;
}
/* 通用区块 */
.hyg-prod-sec { margin-bottom: 56px; }
.hyg-prod-sec .hyg-prod-desc { font-size: 15px; color: var(--hyg-text-muted); line-height: 2; margin: 0 0 24px; max-width: 860px; }
/* ?*/
.hyg-prod-func-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.hyg-prod-func {
	display: flex; align-items: center; gap: 12px;
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 14px;
	padding: 18px 20px; box-shadow: var(--hyg-shadow-sm);
	transition: transform .25s ease, border-color .25s ease;
}
.hyg-prod-func:hover { transform: translateY(-3px); border-color: var(--hyg-orange); }
.hyg-prod-func .hyg-prod-ic { width: 22px; height: 22px; flex: none; color: var(--hyg-orange); }
.hyg-prod-func span { font-size: 14px; font-weight: 700; color: var(--hyg-navy); line-height: 1.5; }
/* ?*/
.hyg-prod-table {
	width: 100%; max-width: 720px; border-collapse: collapse;
	background: #fff; border-radius: 14px; overflow: hidden;
	box-shadow: var(--hyg-shadow-sm); font-size: 14.5px;
}
.hyg-prod-table tr { border-bottom: 1px solid var(--hyg-border); }
.hyg-prod-table tr:last-child { border-bottom: none; }
.hyg-prod-table th {
	width: 180px; text-align: left; padding: 13px 22px;
	background: var(--hyg-bg-soft); color: var(--hyg-navy); font-weight: 700;
	white-space: nowrap;
}
.hyg-prod-table td { padding: 13px 22px; color: var(--hyg-text); }

/* ??*/
.hyg-product-detail {
	display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: start;
	margin-bottom: 70px;
}
.hyg-product-media { position: sticky; top: 90px; }
.hyg-product-mainimg {
	background: #fff; border: 1px solid var(--hyg-border); border-radius: var(--hyg-radius);
	padding: 28px; box-shadow: var(--hyg-shadow-sm); margin-bottom: 18px;
}
.hyg-product-mainimg img {
	width: 100%; height: 420px; object-fit: contain; display: block;
	border-radius: var(--hyg-radius-sm);
}
.hyg-product-thumbs {
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
}
.hyg-product-thumb {
	background: #fff; border: 2px solid var(--hyg-border); border-radius: var(--hyg-radius-sm);
	padding: 8px; cursor: pointer; transition: all .25s ease;
}
.hyg-product-thumb img {
	width: 100%; height: 96px; object-fit: cover; display: block; border-radius: 8px;
}
.hyg-product-thumb:hover,
.hyg-product-thumb.is-active {
	border-color: var(--hyg-warm-orange); box-shadow: var(--hyg-shadow-sm);
}
.hyg-product-info { padding-top: 8px; }
.hyg-product-info .hyg-product-title {
	font-size: 32px; font-weight: 800; color: var(--hyg-warm-orange);
	margin: 0 0 22px; line-height: 1.25;
}
.hyg-product-spec {
	background: #fff; border: 1px solid var(--hyg-border); border-radius: var(--hyg-radius);
	overflow: hidden; box-shadow: var(--hyg-shadow-sm); margin-bottom: 26px;
}
.hyg-product-spec .hyg-prod-table {
	max-width: 100%; box-shadow: none; margin: 0; font-size: 14px;
}
.hyg-product-spec .hyg-prod-table th { width: 38%; padding: 12px 18px; }
.hyg-product-spec .hyg-prod-table td { padding: 12px 18px; }
.hyg-product-quote.hyg-btn-primary {
	background: var(--hyg-warm-orange);
	box-shadow: 0 8px 22px rgba(200,90,23,.35);
	padding: 16px 38px; font-size: 16px; letter-spacing: .5px;
}
.hyg-product-quote.hyg-btn-primary:hover {
	background: var(--hyg-warm-orange-dark); transform: translateY(-2px);
}
.hyg-product-quote .hyg-svg { width: 18px; height: 18px; }

/* 产品应用 */
.hyg-prod-apply-item {
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 16px;
	padding: 24px 28px; margin-bottom: 16px; box-shadow: var(--hyg-shadow-sm);
	max-width: 860px;
}
.hyg-prod-apply-item h3, .hyg-prod-forms h3, .hyg-prod-scenes h3 {
	font-size: 15px; font-weight: 800; color: var(--hyg-navy); margin: 0 0 10px;
}
.hyg-prod-apply-item p { font-size: 14.5px; color: var(--hyg-text-muted); line-height: 1.9; margin: 0; }
.hyg-prod-apply-item .hyg-prod-eff { color: var(--hyg-orange); font-weight: 600; margin-top: 8px; }
.hyg-prod-forms, .hyg-prod-scenes { margin-bottom: 20px; }
.hyg-prod-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.hyg-prod-chips span {
	font-size: 13px; font-weight: 600; color: var(--hyg-navy);
	background: var(--hyg-bg-soft); border: 1px solid var(--hyg-border);
	border-radius: 999px; padding: 8px 18px;
}
/* 文件支持 */
.hyg-prod-docs { display: flex; flex-wrap: wrap; gap: 10px; max-width: 860px; }
.hyg-prod-docs span {
	display: inline-flex; align-items: center; gap: 7px;
	font-size: 13px; font-weight: 600; color: var(--hyg-text);
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 10px;
	padding: 9px 16px; box-shadow: var(--hyg-shadow-sm);
}
.hyg-prod-docs .hyg-prod-ic { width: 16px; height: 16px; color: var(--hyg-orange); flex: none; }
/* 科学实证 */
.hyg-prod-evidence-item {
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 16px;
	padding: 24px 28px; margin-bottom: 16px; box-shadow: var(--hyg-shadow-sm); max-width: 860px;
}
.hyg-prod-evidence-item h3 {
	display: flex; align-items: center; gap: 10px;
	font-size: 16px; font-weight: 800; color: var(--hyg-navy); margin: 0 0 12px;
}
.hyg-prod-evidence-item p { font-size: 14.5px; color: var(--hyg-text-muted); line-height: 1.9; margin: 0 0 8px; }
/* FAQ 手风琴（2 列布局，减少纵向长度） */
.hyg-prod-faq { max-width: 860px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px; align-items: start; }
.hyg-prod-faq-item {
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 14px;
	margin-bottom: 0; overflow: hidden; box-shadow: var(--hyg-shadow-sm);
	transition: border-color .25s ease;
}
.hyg-prod-faq-item[open] { border-color: rgba(245,130,31,.5); }
.hyg-prod-faq-item summary {
	cursor: pointer; list-style: none; position: relative;
	padding: 18px 54px 18px 24px; font-size: 15px; font-weight: 700; color: var(--hyg-navy);
}
.hyg-prod-faq-item summary::-webkit-details-marker { display: none; }
.hyg-prod-faq-item summary::after {
	content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%);
	font-size: 22px; font-weight: 400; color: var(--hyg-orange); transition: transform .25s ease;
}
.hyg-prod-faq-item[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.hyg-prod-faq-item p {
	padding: 0 24px 18px; margin: 0; font-size: 14px; color: var(--hyg-text-muted); line-height: 1.9;
}
/* CTA 横幅 */
.hyg-prod-cta {
	background: linear-gradient(135deg, #1C7FDF 0%, #0E5CA8 100%);
	border-radius: 22px; padding: 48px 44px; text-align: center;
}
.hyg-prod-cta p { color: rgba(255,255,255,.92); font-size: 15px; line-height: 1.9; margin: 0 auto 14px; max-width: 760px; }
.hyg-prod-cta-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-top: 22px; }
.hyg-prod-cta .hyg-btn-outline { background: rgba(255,255,255,.14); color: #fff !important; border-color: rgba(255,255,255,.6); }
.hyg-prod-cta .hyg-btn-outline:hover { background: #fff; color: var(--hyg-navy) !important; }
.hyg-prod-cta .hyg-btn-primary { background: var(--hyg-warm-orange); box-shadow: 0 8px 20px rgba(200,90,23,.35); }
.hyg-prod-cta .hyg-btn-primary:hover { background: var(--hyg-warm-orange-dark); }
/* ?*/
@media (max-width: 992px) {
	.hyg-prod-intro { grid-template-columns: 1fr; gap: 32px; }
	.hyg-prod-func-grid { grid-template-columns: repeat(2, 1fr); }
	.hyg-prod-table th { width: 140px; }
	.hyg-product-detail { grid-template-columns: 1fr; gap: 36px; }
	.hyg-product-media { position: static; }
	.hyg-product-mainimg img { height: 340px; }
	.hyg-product-info .hyg-product-title { font-size: 26px; }
}
@media (max-width: 600px) {
	.hyg-prod-mainimg img { max-height: 260px; }
	.hyg-prod-func-grid { grid-template-columns: 1fr; }
	.hyg-prod-cta { padding: 36px 24px; }
	.hyg-prod-table th { white-space: normal; width: 120px; padding: 12px 14px; }
	.hyg-prod-table td { padding: 12px 14px; }
	.hyg-product-mainimg { padding: 18px; }
	.hyg-product-mainimg img { height: 260px; }
	.hyg-product-thumb img { height: 72px; }
	.hyg-product-quote.hyg-btn-primary { width: 100%; }
	/* FAQ ?*/
	.hyg-prod-faq { grid-template-columns: 1fr; }
	.hyg-prod-faq-item { margin-bottom: 12px; }
}
/* ?*/
.hyg-cert-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.hyg-cert-pill {
	background: var(--hyg-white); border: 1px solid var(--hyg-border); border-radius: 999px;
	padding: 13px 26px; font-size: 14px; font-weight: 700; color: var(--hyg-navy); box-shadow: var(--hyg-shadow-sm);
	transition: all .25s ease;
}
.hyg-cert-pill:hover { border-color: var(--hyg-orange); color: var(--hyg-orange); }

/* ==========================================================================
   14i.  - ?   ========================================================================== */
.hyg-news-card {
	display: flex; flex-direction: column; background: var(--hyg-white); border: 1px solid var(--hyg-border);
	border-radius: var(--hyg-radius); overflow: hidden; text-decoration: none; box-shadow: var(--hyg-shadow-sm);
	transition: transform .25s ease, box-shadow .25s ease;
}
.hyg-news-card:hover { transform: translateY(-4px); box-shadow: var(--hyg-shadow); }
.hyg-news-img { height: 150px; display: flex; align-items: center; justify-content: center; background: linear-gradient(120deg,#F3EFE8,#FAF7F1); overflow: hidden; }
.hyg-news-img img { width: 100%; height: 100%; object-fit: cover; }
.hyg-news-img .hyg-svg { width: 38px; height: 38px; color: var(--hyg-navy); opacity: .4; }
.hyg-news-body { padding: 18px 20px 22px; }
.hyg-news-date { display: block; font-size: 12px; color: var(--hyg-orange); font-weight: 600; margin-bottom: 8px; }
.hyg-news-body h4 { font-size: 14.5px; font-weight: 700; color: var(--hyg-navy); line-height: 1.55; margin: 0; }

/* ==========================================================================
   15. ?   ========================================================================== */
@media (max-width: 992px) {
	.hyg-matrix-tile { height: 380px; }
	.hyg-hero { min-height: 72vh; }
	.hyg-hero-slide { min-height: 72vh; }
	.hyg-hero-title { font-size: 38px; }
	.hyg-grid-4 { grid-template-columns: repeat(2, 1fr); }
	.hyg-plat-grid { grid-template-columns: repeat(2, 1fr); }
	.hyg-plat-card { height: 260px; }
	.hyg-grid-5 { grid-template-columns: repeat(2, 1fr); }
	.hyg-timeline, .hyg-why-grid, .hyg-grid-3 { grid-template-columns: 1fr; gap: 24px; }
	.hyg-timeline::before { display: none; }
	.hyg-footer-grid { grid-template-columns: 1fr 1fr; }
	.hyg-about-inner, .hyg-odm-inner { grid-template-columns: 1fr; gap: 44px; }
	.hyg-odm-visual { padding-left: 0; }
	.hyg-odm-visual img { height: 360px; }
	.hyg-about-title { font-size: 40px; }
	.hyg-about-stats { grid-template-columns: repeat(2, 1fr); }

	/* 导航折叠 */
	.hyg-navbar-inner { flex-wrap: wrap; }
	.hyg-nav-toggle { display: flex; }
	.hyg-navbar-menu {
		flex-basis: 100%; flex-direction: column; align-items: stretch; margin-left: 0;
		display: none; padding-bottom: 12px;
	}
	body.hyg-nav-open .hyg-navbar-menu { display: flex; }
	.hyg-navbar-menu a { padding: 12px 14px; }
	.hyg-contact-btn { display: none; }
}
@media (max-width: 600px) {
	.hyg-section { padding: 52px 0; }
	.hyg-hero { min-height: 64vh; }
	.hyg-hero-slide { min-height: 64vh; }
	.hyg-hero-title { font-size: 30px; }
	.hyg-hero-sub { font-size: 14px; }
	.hyg-section-title { font-size: 26px; }
	.hyg-about-title { font-size: 32px; }
	.hyg-about-stats { grid-template-columns: 1fr; }
	.hyg-stat-card { min-height: 0; padding: 68px 24px 28px; }
	.hyg-odm-badge { position: static; max-width: none; margin-top: 16px; }
	.hyg-grid-4, .hyg-grid-5 { grid-template-columns: 1fr; }
	.hyg-plat-grid { grid-template-columns: 1fr; }
	.hyg-plat-card { height: 240px; }
	.hyg-matrix-tile { height: 320px; }
	.hyg-hero-stats { grid-template-columns: 1fr; }
	.hyg-footer-grid { grid-template-columns: 1fr; }
	.hyg-footer-bottom { flex-direction: column; text-align: center; }

	/* 移动端悬浮联系方式：缩小、去气泡提示 */
	.hyg-float-contact { right: 14px; bottom: 18px; gap: 10px; }
	.hyg-fc-btn { width: 44px; height: 44px; }
	.hyg-fc-btn .hyg-svg { width: 20px; height: 20px; }
	.hyg-fc-tip { display: none; }
}

/* ==========================================================================
   14n. ?v2?+ ? + ?    template-about.php  hyg-about-* ?14m(hyg-about3-*) ?   ========================================================================== */

/* ??/  ?*/
.hyg-pill {
	display: inline-flex; align-items: center; justify-content: center;
	padding: 9px 22px; background: var(--hyg-warm-orange-light); color: var(--hyg-warm-orange);
	border-radius: 999px; font-weight: 800; font-size: 30px; line-height: 1; white-space: nowrap;
}
.hyg-about-eyebrow {
	display: block; font-size: 12px; font-weight: 800; letter-spacing: 2px;
	color: var(--hyg-warm-orange); text-transform: uppercase; margin: 0 0 8px;
}
.hyg-about-section-title {
	font-size: 38px; font-weight: 800; color: var(--hyg-warm-orange);
	line-height: 1.2; margin: 0 0 16px;
}
.hyg-about-section-sub { font-size: 15px; color: var(--hyg-text-muted); line-height: 1.85; margin: 0 0 30px; max-width: 940px; }

/* ?Hero?+ ??*/
.hyg-about-hero-new {
	position: relative; overflow: hidden;
	background: linear-gradient(100deg, #ffffff 0%, rgba(255,255,255,.92) 34%, rgba(255,255,255,.55) 56%, rgba(255,255,255,.08) 82%),
	            url('assets/img/home/about-hero-team.jpg') right center/cover no-repeat;
	padding: 90px 0;
}
.hyg-about-hero-new-inner { max-width: 660px; }
.hyg-about-hero-new .hyg-breadcrumb { font-size: 13px; color: var(--hyg-text-muted); margin-bottom: 16px; }
.hyg-about-hero-new .hyg-breadcrumb a { color: var(--hyg-text-muted); text-decoration: none; }
.hyg-about-hero-new .hyg-breadcrumb a:hover { color: var(--hyg-warm-orange); }
.hyg-about-hero-new-title { font-size: 54px; font-weight: 800; color: var(--hyg-warm-orange); margin: 6px 0 24px; line-height: 1.12; }
.hyg-about-hero-text { font-size: 15px; color: var(--hyg-text); line-height: 1.95; margin: 0 0 16px; text-align: justify; }
.hyg-about-hero-text strong { color: var(--hyg-warm-orange-dark); }

/* ? + ??*/
.hyg-about-honors-inner { display: grid; grid-template-columns: 1.55fr 1fr; gap: 48px; align-items: center; }
/* ?? ? 2  ?*/
.hyg-about-honors-list { list-style: none; padding: 0; margin: 12px 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 18px; max-width: 520px; }
.hyg-honor-group { display: flex; flex-direction: column; gap: 4px; }
.hyg-honor-item { font-size: 15.5px; color: var(--hyg-text); line-height: 1.6; padding-left: 26px; position: relative; }
.hyg-honor-item::before { content: ''; position: absolute; left: 0; top: 8px; width: 9px; height: 9px; background: var(--hyg-warm-orange); border-radius: 50%; }
.hyg-about-cert-collage { background: var(--hyg-warm-orange-light); border-radius: 20px; padding: 26px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: center; }
.hyg-about-cert-item { border-radius: 10px; overflow: hidden; background: #fff; box-shadow: 0 10px 24px rgba(22,52,94,.14); }
.hyg-about-cert-item img { width: 100%; height: auto; display: block; }
.hyg-about-honors-wall { width: 100%; height: auto; border-radius: 16px; box-shadow: 0 16px 36px rgba(22,52,94,.16); display: block; }

/* ? + ??*/
.hyg-about-patents-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; margin-top: 24px; }
.hyg-about-patents-left { display: flex; flex-direction: column; gap: 18px; }
.hyg-about-patent-stat { display: flex; align-items: center; gap: 20px; background: #fff; border: 1px solid var(--hyg-border); border-radius: 16px; padding: 16px 24px; box-shadow: var(--hyg-shadow-sm); }
.hyg-about-patent-num { min-width: 118px; text-align: center; }
.hyg-about-patent-label { font-size: 15px; color: var(--hyg-text); font-weight: 600; }
.hyg-about-patents-note { margin-top: 4px; font-size: 13px; color: var(--hyg-text-muted); line-height: 1.75; padding: 13px 18px; background: #fff; border: 1px dashed rgba(200,90,23,.45); border-radius: 12px; }
.hyg-about-patent-imgs { position: relative; min-height: 340px; }
.hyg-about-patent-img { position: absolute; border-radius: 10px; box-shadow: 0 14px 32px rgba(22,52,94,.2); border: 4px solid #fff; max-height: 300px; width: auto; background: #fff; }
.hyg-about-patent-img-1 { left: 4%; top: 26px; transform: rotate(-5deg); z-index: 1; }
.hyg-about-patent-img-2 { right: 4%; top: 6px; transform: rotate(4deg); z-index: 3; }
.hyg-about-patents-photo { width: 100%; height: auto; border-radius: 14px; box-shadow: 0 16px 38px rgba(22,52,94,.18); display: block; }

/* ?logo  ?*/
.hyg-about-certs-row { display: flex; justify-content: center; align-items: center; gap: 30px; flex-wrap: wrap; margin-top: 20px; }
.hyg-about-cert-logo img { height: 62px; width: auto; max-width: 168px; object-fit: contain; display: block; transition: transform .3s ease; }
.hyg-about-cert-logo:hover img { transform: translateY(-5px); }

/* ??-1-2 ??*/
.hyg-honor-wall { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.hyg-honor-photo {
	border: 0; padding: 0; margin: 0; background: none; cursor: zoom-in;
	border-radius: 6px; box-shadow: var(--hyg-shadow-sm);
	display: block; width: 100%; aspect-ratio: 16 / 10;
	transition: box-shadow .25s ease;
}
.hyg-honor-photo:nth-child(3) { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
.hyg-honor-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hyg-honor-photo:hover { box-shadow: var(--hyg-shadow); }

/*  lightbox?*/
.hyg-lightbox {
	position: fixed; inset: 0; z-index: 999;
	background: rgba(11, 19, 33, .55);
	-webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
	display: flex; align-items: center; justify-content: center;
	opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s;
}
.hyg-lightbox.is-open { opacity: 1; visibility: visible; }
.hyg-lightbox-img { max-width: min(1180px, 92vw); max-height: 88vh; border-radius: 12px; box-shadow: 0 34px 90px rgba(0, 0, 0, .55); }
.hyg-lightbox-name { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,.85); font-size: 14px; font-weight: 600; letter-spacing: 1px; }
.hyg-lightbox-close {
	position: absolute; top: 22px; right: 28px; width: 46px; height: 46px; border-radius: 50%;
	border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.1); color: #fff;
	font-size: 24px; line-height: 1; cursor: pointer; font-family: var(--hyg-font);
	display: flex; align-items: center; justify-content: center;
	transition: background .2s ease;
}
.hyg-lightbox-close:hover { background: rgba(255,255,255,.25); }
.hyg-lightbox-nav {
	position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; border-radius: 50%;
	border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.08); color: #fff;
	font-size: 26px; line-height: 1; cursor: pointer; font-family: var(--hyg-font);
	display: flex; align-items: center; justify-content: center;
	transition: background .2s ease;
}
.hyg-lightbox-nav:hover { background: rgba(255,255,255,.22); }
.hyg-lightbox-prev { left: 26px; }
.hyg-lightbox-next { right: 26px; }
.hyg-lightbox-count { position: absolute; bottom: 30px; right: 34px; color: rgba(255,255,255,.7); font-size: 13px; letter-spacing: 1px; }
@media (max-width: 600px) {
	.hyg-honor-photo { height: auto; aspect-ratio: 16 / 10; }
	.hyg-honor-photo:nth-child(3) { aspect-ratio: 16 / 9; }
	.hyg-lightbox-nav { width: 42px; height: 42px; font-size: 20px; }
	.hyg-lightbox-prev { left: 10px; }
	.hyg-lightbox-next { right: 10px; }
	.hyg-lightbox-close { top: 14px; right: 14px; width: 40px; height: 40px; }
}

/* ? +  ?*/
.hyg-about-rd-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.hyg-about-rd-stats { display: flex; flex-direction: column; gap: 20px; margin-top: 6px; }
.hyg-about-rd-stat { display: flex; align-items: center; gap: 22px; }
.hyg-about-rd-num { font-size: 46px; font-weight: 800; color: var(--hyg-warm-orange); line-height: 1; min-width: 156px; white-space: nowrap; }
.hyg-about-rd-desc { font-size: 14.5px; color: var(--hyg-text-muted); line-height: 1.6; }
.hyg-about-rd-img-wrap { position: relative; }
.hyg-about-rd-blue-shape { position: absolute; top: -18px; right: -18px; width: 100%; height: 100%; background: linear-gradient(135deg, #F6DCC3, #EFC49D); border-radius: 0 40px 0 40px; z-index: 0; opacity: .9; }
.hyg-about-rd-img { position: relative; z-index: 1; width: 100%; height: 100%; max-height: 420px; object-fit: cover; border-radius: 16px; box-shadow: 0 16px 36px rgba(22,52,94,.18); display: block; }

/* ?Zymevolver ?  +  ?*/
.hyg-about-plat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 26px; }
.hyg-about-plat-card { position: relative; border-radius: 16px; overflow: hidden; height: 210px; box-shadow: 0 10px 26px rgba(22,52,94,.1); }
.hyg-about-plat-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.hyg-about-plat-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0) 58%); }
.hyg-about-plat-card:hover img { transform: scale(1.06); }
.hyg-about-plat-label { position: absolute; left: 14px; bottom: 14px; z-index: 2; background: var(--hyg-warm-orange); color: #fff; font-weight: 700; font-size: 14.5px; padding: 8px 16px; border-radius: 8px; box-shadow: 0 6px 16px rgba(200,90,23,.4); }

/* ?? ??*/
.hyg-about-culture-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; margin-top: 26px; }
.hyg-about-culture-card { position: relative; border-radius: 16px; overflow: hidden; min-height: 280px; display: flex; flex-direction: column; justify-content: flex-end; padding: 34px; color: #fff; }
.hyg-about-culture-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; transition: transform .5s ease; }
.hyg-about-culture-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(11,28,54,.85), rgba(11,28,54,.28)); z-index: 1; }
.hyg-about-culture-card:hover img { transform: scale(1.05); }
.hyg-about-culture-card > * { position: relative; z-index: 2; }
.hyg-about-culture-card h3 { font-size: 22px; font-weight: 800; margin: 0 0 10px; color: #fff; }
.hyg-about-culture-card p { font-size: 16px; margin: 0 0 6px; line-height: 1.6; }
.hyg-about-culture-card em { font-size: 13px; font-style: italic; opacity: .85; line-height: 1.5; }

/* ???*/
@media (max-width: 992px) {
	.hyg-about-hero-new { padding: 60px 0;
		background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9)), url('assets/img/home/about-hero-team.jpg') center/cover no-repeat; }
	.hyg-about-hero-new-inner { max-width: 100%; }
	.hyg-about-hero-new-title { font-size: 42px; }
	.hyg-about-section-title { font-size: 30px; }
	.hyg-about-honors-inner, .hyg-about-patents-inner, .hyg-about-rd-inner { grid-template-columns: 1fr; gap: 40px; }
	.hyg-about-plat-grid { grid-template-columns: repeat(2, 1fr); }
	.hyg-about-rd-blue-shape { display: none; }
	.hyg-about-certs-row { gap: 30px; }
	.hyg-about-cert-logo img { height: 58px; }
}
@media (max-width: 600px) {
	.hyg-about-hero-new-title { font-size: 32px; }
	.hyg-about-section-title { font-size: 25px; }
	.hyg-about-plat-grid, .hyg-about-culture-grid { grid-template-columns: 1fr; }
	.hyg-about-patent-stat { padding: 14px 18px; gap: 14px; }
	.hyg-pill { font-size: 24px; padding: 8px 18px; }
	.hyg-about-patent-num { min-width: 92px; }
	.hyg-about-rd-num { font-size: 34px; min-width: 118px; }
	.hyg-about-certs-row { gap: 22px; }
	.hyg-about-cert-logo img { height: 46px; }
	.hyg-about-culture-card { min-height: 220px; padding: 26px; }
}

/* ==========================================================================
   14o. ?//?OEM/?    +  + ?hyg-hero)
   ========================================================================== */

/* ?+ ?hyg-page-hero?*/
.hyg-page-hero {
	background: radial-gradient(900px 320px at 86% -30%, rgba(200,90,23,.10), transparent 68%),
	            linear-gradient(180deg, #FFF6EF 0%, #FCF7F2 56%, #FDF6F0 100%);
	border-bottom: 1px solid #F1E6DB;
}
.hyg-page-hero h1 { color: var(--hyg-warm-orange); }
.hyg-page-hero p { font-size: 15.5px; color: var(--hyg-text-muted); line-height: 1.85; max-width: 920px; margin: 8px 0 0; }
.hyg-page-hero .hyg-breadcrumb a:hover { color: var(--hyg-warm-orange); }
.hyg-page-hero .hyg-about-eyebrow { margin: 4px 0 6px; }

/* 区块标题 / 眉标：内页统一暖橙（首页保持深蓝） */
.hyg-products-page .hyg-section-title,
.hyg-tech-page .hyg-section-title,
.hyg-oem-page .hyg-section-title { color: var(--hyg-warm-orange); }
.hyg-products-page .hyg-eyebrow,
.hyg-tech-page .hyg-eyebrow,
.hyg-oem-page .hyg-eyebrow { color: var(--hyg-warm-orange); }

/*  /  / ??*/
.hyg-prod-group-head h2 { color: var(--hyg-warm-orange); }
.hyg-prod-group-head h2::before { background: var(--hyg-warm-orange); }
.hyg-prod-pill:hover { border-color: var(--hyg-warm-orange); color: var(--hyg-warm-orange); }
.hyg-prod-card:hover { border-color: var(--hyg-warm-orange); }
.hyg-prod-card .hyg-more { color: var(--hyg-warm-orange); }
.hyg-products-page .hyg-adv-card .ic { background: var(--hyg-warm-orange-light); color: var(--hyg-warm-orange); }

/*  / ?*/
.hyg-product-title { color: var(--hyg-warm-orange); }
.hyg-product-card:hover { border-color: var(--hyg-warm-orange); }
.hyg-product-card .pc-more { color: var(--hyg-warm-orange); }
/* 迁移富文本里的按钮（如“更多信息”）统一暖橙 */
.hyg-entry-content .elementor-button,
.hyg-entry-content .elementor-button-link,
.hyg-entry-content .elementor-widget-button a { background-color: var(--hyg-warm-orange) !important; color: #fff !important; border-radius: 8px !important; }

/* ?*/
.hyg-eng-card:hover { border-color: var(--hyg-warm-orange); box-shadow: var(--hyg-shadow); }
.hyg-tech-page .hyg-adv-card .ic { background: var(--hyg-warm-orange-light); color: var(--hyg-warm-orange); }

/* OEM/ODM */
.hyg-dosage-card:hover { border-color: var(--hyg-warm-orange); }
.hyg-dosage-card .ds-ic { background: var(--hyg-warm-orange-light); color: var(--hyg-warm-orange); }
.hyg-oem-svc-card .svc-ic { background: var(--hyg-warm-orange-light); }
.hyg-oem-note { border-left-color: var(--hyg-warm-orange); }

/* 新闻列表/详情（仅博客页与文章页，首页新闻区不受影响） */
body.blog .hyg-news-card:hover,
body.single .hyg-news-card:hover { border-color: var(--hyg-warm-orange); box-shadow: var(--hyg-shadow); }
body.blog .hyg-news-date,
body.single .hyg-news-date { color: var(--hyg-warm-orange); }

/* ==========================================================================
   16. ?Redesign?Hero + Tab + ?   ========================================================================== */

/* ---------- 16.1 产品 Hero ---------- */
.hyg-prod-hero {
	position: relative;
	min-height: 560px;
	display: flex;
	align-items: stretch;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.hyg-prod-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(26,36,56,.52) 0%, rgba(26,36,56,.42) 55%, rgba(26,36,56,.58) 100%);
}
.hyg-prod-hero-inner {
	position: relative;
	z-index: 2;
	width: 100%;
	display: flex;
	flex-direction: column;
	padding-top: 84px;
	padding-bottom: 60px;
	color: #fff;
}
.hyg-prod-hero-inner .hyg-breadcrumb { margin-bottom: 22px; font-size: 13px; }
.hyg-prod-hero-inner .hyg-breadcrumb a { color: rgba(255,255,255,.75); text-decoration: none; }
.hyg-prod-hero-inner .hyg-breadcrumb a:hover { color: #fff; }
.hyg-prod-hero-inner .hyg-breadcrumb span { color: rgba(255,255,255,.65); }
.hyg-prod-hero-inner .hyg-eyebrow {
	align-self: flex-start;
	color: var(--hyg-warm-orange);
	background: rgba(255,255,255,.12);
	border: 1px solid rgba(255,255,255,.28);
	border-radius: 999px;
	padding: 7px 16px;
	margin-bottom: 16px;
}
.hyg-prod-hero-inner h1 {
	font-size: 48px;
	font-weight: 800;
	color: #fff;
	margin: 0 0 18px;
	line-height: 1.15;
}
.hyg-prod-hero-inner p {
	font-size: 16px;
	color: rgba(255,255,255,.9);
	line-height: 1.85;
	max-width: 920px;
	margin: auto 0 0;
	padding-top: 36px;
}


/* ---------- 16.2 产品 Tab ---------- */
.hyg-prod-tabs-wrap {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(255,255,255,.96);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid var(--hyg-border);
	padding: 16px 0;
}
.hyg-prod-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}
.hyg-prod-tab {
	display: inline-flex;
	align-items: center;
	padding: 11px 26px;
	border-radius: 999px;
	border: 1px solid var(--hyg-border);
	background: #fff;
	color: var(--hyg-text);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: all .22s ease;
}
.hyg-prod-tab:hover {
	border-color: var(--hyg-warm-orange);
	color: var(--hyg-warm-orange);
	transform: translateY(-2px);
	box-shadow: var(--hyg-shadow-sm);
}
.hyg-prod-tab.is-active {
	background: var(--hyg-warm-orange);
	border-color: var(--hyg-warm-orange);
	color: #fff;
	box-shadow: 0 8px 18px rgba(200,90,23,.28);
}

/* ---------- 16.3 产品卡片网格 V2 ---------- */
.hyg-prod-grid-section { padding-top: 70px; }
.hyg-prod-grid-v2 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.hyg-prod-card-v2 {
	display: flex;
	flex-direction: column;
	background: #EFEFEF;
	background-size: cover;
	background-position: center;
	border: none;
	border-radius: 10px;
	overflow: hidden;
	text-decoration: none;
	box-shadow: none;
	min-height: 340px;
	transition: transform .28s ease, box-shadow .28s ease;
	position: relative;
}
/* ?*/
.hyg-prod-card-v2::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(255,255,255,.45) 0%, rgba(255,255,255,.78) 42%, rgba(255,255,255,.96) 100%);
	transition: background .28s ease;
	pointer-events: none;
}
.hyg-prod-card-v2:hover {
	transform: translateY(-6px);
	box-shadow: var(--hyg-shadow);
}
.hyg-prod-card-v2:hover::before {
	background: linear-gradient(180deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.64) 42%, rgba(255,255,255,.92) 100%);
}
.hyg-prod-card-body {
	position: relative;
	z-index: 1;
	padding: 26px 26px 24px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1;
}
/* logo ?/ ?*/
.hyg-prod-brand {
	height: 46px;
	display: flex;
	align-items: center;
	margin-bottom: 26px;
	max-width: 100%;
}
.hyg-prod-brand img {
	max-height: 46px;
	max-width: 100%;
	width: auto;
	object-fit: contain;
	display: block;
}
.hyg-prod-brand-text {
	font-size: 21px;
	font-weight: 800;
	color: var(--hyg-warm-orange);
	letter-spacing: .3px;
	line-height: 1.2;
}
/* ?*/
.hyg-prod-abbr {
	font-size: 24px;
	font-weight: 600;
	color: #1c1c1c;
	line-height: 1.35;
	margin: 0 0 10px;
}
/* 英文全称副标 */
.hyg-prod-en {
	font-size: 12px;
	font-weight: 600;
	color: #5a5a5a;
	letter-spacing: .3px;
	line-height: 1.5;
	margin-bottom: 16px;
}
/* Learn More 渐变胶囊按钮 */
.hyg-prod-card-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	padding: 9px 20px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--hyg-warm-orange) 0%, rgba(232,114,42,.35) 100%);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	transition: all .22s ease, opacity .22s ease, transform .22s ease;
	opacity: 0;
	transform: translateY(6px);
}
.hyg-prod-card-more .hyg-svg { width: 14px; height: 14px; }
.hyg-prod-card-v2:hover .hyg-prod-card-more { opacity: 1; transform: translateY(0); gap: 12px; filter: brightness(1.05); }

/* ==========================================================================
   17. ?Redesign?Hero + Tab + Featured + ?   ========================================================================== */

/* ---------- 17.1 新闻 Hero ---------- */
.hyg-news-hero {
	position: relative;
	min-height: 380px;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.hyg-news-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(14,37,71,.78) 0%, rgba(14,37,71,.52) 50%, rgba(14,37,71,.22) 100%);
}
.hyg-news-hero-inner {
	position: relative;
	z-index: 2;
	padding-top: 80px;
	padding-bottom: 80px;
	color: #fff;
}
.hyg-news-hero-inner .hyg-breadcrumb { margin-bottom: 22px; font-size: 13px; }
.hyg-news-hero-inner .hyg-breadcrumb a { color: rgba(255,255,255,.75); text-decoration: none; }
.hyg-news-hero-inner .hyg-breadcrumb a:hover { color: #fff; }
.hyg-news-hero-inner .hyg-breadcrumb span { color: rgba(255,255,255,.65); }
.hyg-news-hero-inner .hyg-eyebrow {
	color: var(--hyg-warm-orange);
	background: rgba(255,255,255,.12);
	border: 1px solid rgba(255,255,255,.25);
	margin-bottom: 16px;
}
.hyg-news-hero-inner h1 {
	font-size: 44px;
	font-weight: 800;
	color: #fff;
	margin: 0;
	line-height: 1.2;
}

/* ---------- 17.2 新闻 Tab ---------- */
.hyg-news-tabs-wrap {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(255,255,255,.96);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid var(--hyg-border);
	padding: 16px 0;
}
.hyg-news-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}
.hyg-news-tab {
	display: inline-flex;
	align-items: center;
	padding: 11px 32px;
	border-radius: 999px;
	border: 1px solid var(--hyg-border);
	background: #fff;
	color: var(--hyg-text);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: all .22s ease;
}
.hyg-news-tab:hover {
	border-color: var(--hyg-warm-orange);
	color: var(--hyg-warm-orange);
	transform: translateY(-2px);
	box-shadow: var(--hyg-shadow-sm);
}
.hyg-news-tab.is-active {
	background: var(--hyg-warm-orange);
	border-color: var(--hyg-warm-orange);
	color: #fff;
	box-shadow: 0 8px 18px rgba(200,90,23,.28);
}

/* ---------- 17.3 焦点文章 ---------- */
.hyg-news-featured {
	display: grid;
	grid-template-columns: 1.25fr 1fr;
	gap: 44px;
	align-items: center;
	background: var(--hyg-white);
	border: 1px solid var(--hyg-border);
	border-radius: var(--hyg-radius);
	overflow: hidden;
	box-shadow: var(--hyg-shadow-sm);
	margin-bottom: 44px;
}
.hyg-news-featured-img {
	display: block;
	height: 100%;
	min-height: 340px;
	background: linear-gradient(120deg,#F3EFE8,#FAF7F1);
	overflow: hidden;
}
.hyg-news-featured-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .4s ease;
}
.hyg-news-featured:hover .hyg-news-featured-img img { transform: scale(1.03); }
.hyg-news-featured-img .hyg-svg { width: 56px; height: 56px; color: var(--hyg-navy); opacity: .35; margin: auto; display: block; }
.hyg-news-featured-body { padding: 40px 44px 40px 0; }
.hyg-news-featured-body .hyg-news-date { font-size: 13px; margin-bottom: 14px; }
.hyg-news-featured-body h2 { margin: 0 0 16px; }
.hyg-news-featured-body h2 a {
	font-size: 26px;
	font-weight: 800;
	color: var(--hyg-navy);
	line-height: 1.35;
	text-decoration: none;
	transition: color .2s ease;
}
.hyg-news-featured-body h2 a:hover { color: var(--hyg-warm-orange); }
.hyg-news-featured-body p {
	font-size: 15px;
	color: var(--hyg-text-muted);
	line-height: 1.85;
	margin: 0 0 24px;
}
.hyg-news-readmore {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 14px;
	font-weight: 700;
	color: var(--hyg-warm-orange);
	text-decoration: none;
	transition: gap .22s ease;
}
.hyg-news-readmore .hyg-svg { width: 16px; height: 16px; }
.hyg-news-readmore:hover { gap: 11px; }

/* ---------- 17.4 新闻卡片网格 V2 ---------- */
.hyg-news-grid-v2 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.hyg-news-card-v2 {
	display: flex;
	flex-direction: column;
	background: var(--hyg-white);
	border: 1px solid var(--hyg-border);
	border-radius: var(--hyg-radius);
	overflow: hidden;
	box-shadow: var(--hyg-shadow-sm);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.hyg-news-card-v2:hover {
	transform: translateY(-5px);
	box-shadow: var(--hyg-shadow);
	border-color: rgba(200,90,23,.35);
}
.hyg-news-card-img {
	display: block;
	aspect-ratio: 16 / 10;
	background: linear-gradient(120deg,#F3EFE8,#FAF7F1);
	overflow: hidden;
}
.hyg-news-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .35s ease;
}
.hyg-news-card-v2:hover .hyg-news-card-img img { transform: scale(1.05); }
.hyg-news-card-img .hyg-svg { width: 42px; height: 42px; color: var(--hyg-navy); opacity: .35; margin: auto; display: block; }
.hyg-news-card-body { padding: 20px 22px 24px; }
.hyg-news-card-body .hyg-news-date { margin-bottom: 10px; }
.hyg-news-card-body h4 { margin: 0 0 10px; }
.hyg-news-card-body h4 a {
	font-size: 16px;
	font-weight: 800;
	color: var(--hyg-navy);
	line-height: 1.45;
	text-decoration: none;
	transition: color .2s ease;
}
.hyg-news-card-body h4 a:hover { color: var(--hyg-warm-orange); }
.hyg-news-card-body p {
	font-size: 14px;
	color: var(--hyg-text-muted);
	line-height: 1.75;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ---------- 17.5 新闻分页 ---------- */
.hyg-news-pagination {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}
.hyg-news-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 14px;
	margin: 0 6px;
	border-radius: 10px;
	border: 1px solid var(--hyg-border);
	background: #fff;
	color: var(--hyg-text);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: all .2s ease;
}
.hyg-news-pagination .page-numbers:hover {
	border-color: var(--hyg-warm-orange);
	color: var(--hyg-warm-orange);
}
.hyg-news-pagination .page-numbers.current {
	background: var(--hyg-warm-orange);
	border-color: var(--hyg-warm-orange);
	color: #fff;
}
.hyg-news-pagination .page-numbers.dots { border-color: transparent; background: transparent; }

/* ==========================================================================
   18. 产品中心 / 新闻页响应式
   ========================================================================== */
@media (max-width: 1100px) {
	.hyg-prod-grid-v2 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 992px) {
	.hyg-prod-hero-inner h1 { font-size: 38px; }
	.hyg-zym-inner { padding: 72px 0; }
	.hyg-zym-title { font-size: 34px; }
	.hyg-prod-grid-v2 { grid-template-columns: repeat(2, 1fr); gap: 18px; }
	.hyg-news-hero-inner h1 { font-size: 36px; }
	.hyg-news-featured { grid-template-columns: 1fr; }
	.hyg-news-featured-img { min-height: 260px; }
	.hyg-news-featured-body { padding: 28px 28px 32px; }
	.hyg-news-grid-v2 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
	.hyg-prod-hero { min-height: 360px; }
	.hyg-prod-hero-inner { padding-top: 60px; padding-bottom: 60px; }
	.hyg-prod-hero-inner h1 { font-size: 30px; }
	.hyg-prod-hero-inner p { font-size: 14px; }
	.hyg-zym-bg { background-position: 74% center; }
	.hyg-zym-veil { background: linear-gradient(180deg, rgba(250,246,241,.97) 0%, rgba(250,246,241,.92) 62%, rgba(250,246,241,.85) 100%); }
	.hyg-zym-inner { padding: 52px 0; }
	.hyg-zym-copy { max-width: none; }
	.hyg-zym-title { font-size: 27px; }
	.hyg-zym-sub { font-size: 17px; }
	.hyg-zym-stats { gap: 24px; }
	.hyg-zym-stat strong { font-size: 28px; }
	.hyg-zym-ic .hyg-svg { width: 26px; height: 26px; }
	.hyg-prod-tabs { gap: 8px; }
	.hyg-prod-tab { padding: 9px 18px; font-size: 13px; }
	.hyg-prod-grid-v2 { grid-template-columns: 1fr; }
	.hyg-prod-card-img { aspect-ratio: 16 / 10; }

	.hyg-news-hero { min-height: 300px; }
	.hyg-news-hero-inner { padding-top: 50px; padding-bottom: 50px; }
	.hyg-news-hero-inner h1 { font-size: 28px; }
	.hyg-news-tabs { gap: 8px; }
	.hyg-news-tab { padding: 9px 22px; font-size: 14px; }
	.hyg-news-featured-img { min-height: 200px; }
	.hyg-news-featured-body h2 a { font-size: 20px; }
	.hyg-news-grid-v2 { grid-template-columns: 1fr; }
	.hyg-news-pagination .page-numbers { min-width: 36px; height: 36px; padding: 0 10px; margin: 0 4px; }
}

/* ==========================================================================
   19. Tab ?   ========================================================================== */
#hyg-prod-grid.is-loading,
#hyg-news-content.is-loading {
	position: relative;
	min-height: 160px;
}
#hyg-prod-grid.is-loading::after,
#hyg-news-content.is-loading::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 80px;
	width: 38px;
	height: 38px;
	margin-left: -19px;
	border: 3px solid var(--hyg-border);
	border-top-color: var(--hyg-warm-orange);
	border-radius: 50%;
	animation: hyg-spin 1s linear infinite;
}
@keyframes hyg-spin { to { transform: rotate(360deg); } }

/* ============================================================
   Ca-AKG template-product-caakg.php?3591?    .hyg-ck- 1:1 ?   ============================================================ */
.hyg-caakg sup { font-size: .55em; vertical-align: super; font-weight: inherit; }

/* ?+  */
.hyg-ck-h2 { font-size: 30px; font-weight: 800; color: var(--hyg-warm-orange); line-height: 1.25; margin: 0 0 26px; position: relative; padding-bottom: 16px; }
.hyg-ck-h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 3px; background: var(--hyg-warm-orange); border-radius: 2px; }
.hyg-ck-h2.is-center { text-align: center; }
.hyg-ck-h2.is-center::after { left: 50%; transform: translateX(-50%); }
.hyg-ck-h3 { font-size: 22px; font-weight: 800; color: var(--hyg-navy); margin: 10px 0 24px; }
.hyg-ck-h3.is-center { text-align: center; }
/* 品牌优势 / 产品应用 子区块统一上下节奏 */
.hyg-ck-adv .hyg-ck-h3:not(.is-center) { margin-top: 46px; }
.hyg-ck-proof-copy { max-width: 1000px; margin: 0 auto 44px; }
.hyg-ck-apply-block { max-width: 1000px; margin: 0 auto 44px; }
.hyg-ck-h4 { font-size: 19px; font-weight: 700; color: var(--hyg-navy); margin: 0 0 12px; padding-left: 14px; position: relative; }
.hyg-ck-h4::before { content: ""; position: absolute; left: 0; top: 2px; bottom: 2px; width: 4px; border-radius: 2px; background: var(--hyg-warm-orange); }

/* ---------- 1. Hero ---------- */
.hyg-ck-hero { background: linear-gradient(180deg, #fff 0%, #FDF7F1 100%); padding: 56px 0 66px; }
.hyg-ck-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 50px; align-items: center; }
.hyg-ck-brand { display: inline-flex; align-items: center; gap: 7px; font-size: 16px; font-weight: 800; letter-spacing: .5px; color: var(--hyg-warm-orange); margin-bottom: 12px; }
.hyg-ck-brand .hyg-svg { width: 20px; height: 20px; }
.hyg-ck-title { font-size: 42px; font-weight: 800; color: var(--hyg-navy); line-height: 1.15; margin: 0 0 16px; }
.hyg-ck-lead { font-size: 16px; font-weight: 700; color: var(--hyg-navy); line-height: 1.6; margin: 0 0 18px; }
.hyg-ck-facts { list-style: none; margin: 0 0 26px; padding: 0; }
.hyg-ck-facts li { font-size: 13.5px; color: var(--hyg-text-muted); line-height: 1.7; padding: 5px 0; display: flex; gap: 10px; }
.hyg-ck-facts .k { flex: none; min-width: 62px; font-weight: 700; color: var(--hyg-warm-orange); position: relative; }
.hyg-ck-facts .k::after { content: ":"; }
.hyg-ck-facts .v { flex: 1; }
.hyg-ck-benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 20px; margin: 0 0 28px; }
.hyg-ck-benefit { display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 600; color: var(--hyg-navy); }
.hyg-ck-benefit .ic { flex: none; width: 42px; height: 42px; border-radius: 50%; background: var(--hyg-warm-orange-light); color: var(--hyg-warm-orange); display: inline-flex; align-items: center; justify-content: center; }
.hyg-ck-benefit .ic .hyg-svg { width: 21px; height: 21px; }
.hyg-ck-hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }
.hyg-ck-hero-btns .hyg-btn { padding: 13px 26px; font-size: 15px; }
.hyg-ck-hero-media img { width: 100%; border-radius: 20px; box-shadow: var(--hyg-shadow); display: block; }

/* ---------- 2. 基本信息 ---------- */
.hyg-ck-basic-desc { font-size: 15px; color: var(--hyg-text-muted); line-height: 1.95; margin: 0 0 40px; }
.hyg-ck-basic-grid { display: grid; grid-template-columns: 42% 1fr; gap: 44px; align-items: stretch; }
.hyg-ck-basic-fig { display: flex; align-self: stretch; }
.hyg-ck-basic-fig img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; border-radius: 16px; box-shadow: var(--hyg-shadow); display: block; }
/*  33  +  + ?+ Ca-AKG ?*/
.hyg-ck-spec-grid, .hyg-prod-spec-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.hyg-ck-spec-item, .hyg-prod-spec-item {
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 14px;
	padding: 18px 16px 16px; box-shadow: var(--hyg-shadow-sm);
	display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
	min-height: 118px;
}
.hyg-ck-spec-idx, .hyg-prod-spec-idx { font-size: 11px; font-weight: 800; color: rgba(200, 90, 23, .6); letter-spacing: 1px; line-height: 1; }
.hyg-ck-spec-name, .hyg-prod-spec-name { font-size: 14px; font-weight: 800; color: var(--hyg-navy); line-height: 1.4; }
.hyg-ck-spec-line, .hyg-prod-spec-line { width: 30px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, var(--hyg-warm-orange) 0%, rgba(200, 90, 23, .25) 100%); }
.hyg-ck-spec-val, .hyg-prod-spec-val { font-size: 13.5px; color: var(--hyg-text); line-height: 1.7; }

/*  Ca-AKG ?hyg-ck-form ?*/
.hyg-prod-form-grid { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 8px; }
.hyg-prod-form-item {
	flex: 1 1 0; min-width: 104px;
	display: flex; flex-direction: column; align-items: center; gap: 10px;
	padding: 20px 12px 16px;
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 14px;
	box-shadow: var(--hyg-shadow-sm); transition: all .22s ease;
}
.hyg-prod-form-item:hover { border-color: var(--hyg-warm-orange); transform: translateY(-3px); box-shadow: var(--hyg-shadow); }
.hyg-prod-form-ic { width: 44px; height: 44px; object-fit: contain; display: block; margin: 0 auto; }
.hyg-prod-form-name { font-size: 13.5px; font-weight: 600; color: var(--hyg-navy); text-align: center; line-height: 1.5; }
@media (max-width: 600px) {
	.hyg-prod-form-grid { gap: 10px; }
	.hyg-prod-form-item { min-width: 88px; padding: 16px 8px 14px; }
}

/* ---------- 3. 品牌优势 ---------- */
.hyg-ck-proof-copy { max-width: 1000px; margin: 0 auto 40px; }
.hyg-ck-proof-copy p { font-size: 14.5px; color: var(--hyg-text-muted); line-height: 1.95; margin: 0 0 14px; }
.hyg-ck-proof-copy .lead { font-weight: 800; color: var(--hyg-navy); }
.hyg-ck-charts { max-width: 1120px; margin: 0 auto 64px; background: #fff; border-radius: 16px; padding: 28px 30px; box-shadow: var(--hyg-shadow-sm); }
.hyg-ck-charts img { width: 100%; display: block; }
.hyg-ck-patent-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 46px; align-items: center; }
.hyg-ck-patent-grid.no-fig { grid-template-columns: 1fr; max-width: 1000px; margin: 0 auto; }
.hyg-ck-patent-copy p { font-size: 14.5px; color: var(--hyg-text-muted); line-height: 1.95; margin: 0 0 16px; }
.hyg-ck-patent-copy strong { color: var(--hyg-navy); font-weight: 700; }
.hyg-ck-patent-fig { text-align: center; }
.hyg-ck-patent-fig img { max-width: 100%; max-height: 460px; border-radius: 12px; }

/* ---------- 4. 产品应用 ---------- */
.hyg-ck-apply-block { max-width: 1000px; margin: 0 auto 40px; }
.hyg-ck-apply-block:last-child { margin-bottom: 0; }
.hyg-ck-apply-block > p { font-size: 15px; color: var(--hyg-text-muted); line-height: 1.9; margin: 0; }
.hyg-ck-apply-block > p strong { color: var(--hyg-warm-orange); font-weight: 800; }
.hyg-ck-formula { list-style: none; margin: 0; padding: 0; }
.hyg-ck-formula li { font-size: 14.5px; color: var(--hyg-text); line-height: 1.75; padding: 11px 0; border-bottom: 1px dashed var(--hyg-border); display: flex; align-items: flex-start; gap: 14px; }
.hyg-ck-formula li:last-child { border-bottom: 0; }
.hyg-ck-formula .fk { flex: none; min-width: 118px; text-align: center; background: var(--hyg-warm-orange-light); color: var(--hyg-warm-orange); font-weight: 700; font-size: 13px; padding: 5px 12px; border-radius: 999px; }
.hyg-ck-forms { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 8px; }
.hyg-ck-form { flex: 1 1 0; min-width: 120px; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 24px 12px; border: 1px solid var(--hyg-border); border-radius: 14px; background: #fff; transition: all .22s ease; }
.hyg-ck-form:hover { border-color: var(--hyg-warm-orange); transform: translateY(-3px); box-shadow: var(--hyg-shadow-sm); }
.hyg-ck-form .ic { width: 52px; height: 52px; border-radius: 50%; background: var(--hyg-warm-orange-light); color: var(--hyg-warm-orange); display: inline-flex; align-items: center; justify-content: center; }
.hyg-ck-form .ic img { width: 30px; height: 30px; object-fit: contain; display: block; }
.hyg-ck-form .ic .hyg-svg { width: 26px; height: 26px; }
.hyg-ck-form span:last-child { font-size: 14.5px; font-weight: 600; color: var(--hyg-navy); }
.hyg-ck-forms-note { font-size: 13px; color: var(--hyg-text-muted); margin: 16px 0 0; font-style: italic; }

/* ---------- 5. Ca-AKG ?  +  +  ---------- */
.hyg-ck-scene-grid, .hyg-prod-scene-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.hyg-ck-scene, .hyg-prod-scene { position: relative; aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden; background-size: cover; background-position: center; box-shadow: var(--hyg-shadow-sm); }
.hyg-ck-scene::after, .hyg-prod-scene::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14,29,52,0) 40%, rgba(14,29,52,.72) 100%); transition: background .25s ease; }
.hyg-ck-scene:hover::after, .hyg-prod-scene:hover::after { background: linear-gradient(180deg, rgba(14,29,52,.15) 20%, rgba(14,29,52,.78) 100%); }
.hyg-ck-scene-label, .hyg-prod-scene-label { position: absolute; left: 22px; bottom: 20px; z-index: 2; color: #fff; font-size: 21px; font-weight: 800; letter-spacing: .5px; text-shadow: 0 2px 10px rgba(0,0,0,.4); }
.hyg-prod-scene-grid { margin-top: 8px; }

/* ---------- 5b.  Ca-AKG ?+  3 ?+ ?---------- */
.hyg-ck-scene-list { display: flex; flex-direction: column; gap: 56px; }
.hyg-ck-scene-row { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.hyg-ck-scene-row.is-reverse { direction: rtl; }
.hyg-ck-scene-row.is-reverse .hyg-ck-scene-text { direction: ltr; }
.hyg-ck-scene-img { border-radius: 16px; overflow: hidden; box-shadow: var(--hyg-shadow-sm); }
.hyg-ck-scene-img img { width: 100%; height: 360px; object-fit: cover; display: block; }
.hyg-ck-scene-text h3 { font-size: 24px; font-weight: 800; color: var(--hyg-navy); margin: 0 0 14px; }
.hyg-ck-scene-text p { font-size: 15px; color: var(--hyg-text-muted); line-height: 1.85; margin: 0; }
@media (max-width: 840px) {
	.hyg-ck-scene-row, .hyg-ck-scene-row.is-reverse { grid-template-columns: 1fr; gap: 20px; direction: ltr; }
	.hyg-ck-scene-img img { height: 220px; }
}

/* ---------- 6. 质量 / FAQ ---------- */
.hyg-ck-support-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.hyg-ck-support-box { background: #fff; border: 1px solid var(--hyg-border); border-radius: 16px; padding: 36px 34px; box-shadow: var(--hyg-shadow-sm); }
.hyg-ck-doclist { list-style: none; margin: 0 0 22px; padding: 0; }
.hyg-ck-doclist li { display: flex; align-items: center; gap: 14px; padding: 15px 0; border-bottom: 1px solid var(--hyg-border); }
.hyg-ck-doclist li:last-child { border-bottom: 0; }
.hyg-ck-doclist .ic { flex: none; width: 40px; height: 40px; border-radius: 10px; background: var(--hyg-warm-orange-light); color: var(--hyg-warm-orange); display: inline-flex; align-items: center; justify-content: center; }
.hyg-ck-doclist .ic .hyg-svg { width: 20px; height: 20px; }
.hyg-ck-doclist .t { flex: 1; font-size: 14.5px; font-weight: 600; color: var(--hyg-navy); }
.hyg-ck-doclist .dl { flex: none; display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 700; color: var(--hyg-warm-orange); text-decoration: none; white-space: nowrap; }
.hyg-ck-doclist .dl .hyg-svg { width: 15px; height: 15px; }
.hyg-ck-doclist .dl:hover { color: var(--hyg-warm-orange-dark); }
.hyg-ck-support-note { font-size: 13.5px; color: var(--hyg-text-muted); line-height: 1.8; margin: 0 0 22px; }
/* ?  */
.hyg-ck-faq { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
.hyg-ck-faq details {
	background: #fff; border: 1px solid var(--hyg-border); border-radius: 12px;
	padding: 0 16px; box-shadow: var(--hyg-shadow-sm);
}
.hyg-ck-faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 0; font-size: 15px; font-weight: 700; color: var(--hyg-navy); }
.hyg-ck-faq summary::-webkit-details-marker { display: none; }
.hyg-ck-faq-ico { flex: none; color: var(--hyg-warm-orange); transition: transform .25s ease; display: inline-flex; }
.hyg-ck-faq-ico .hyg-svg { width: 18px; height: 18px; }
.hyg-ck-faq details[open] .hyg-ck-faq-ico { transform: rotate(180deg); }
.hyg-ck-faq details p { font-size: 14px; color: var(--hyg-text-muted); line-height: 1.85; margin: 0; padding: 0 0 18px; }

/* ---------- ?---------- */
@media (max-width: 992px) {
	.hyg-ck-hero-grid { grid-template-columns: 1fr; gap: 34px; }
	.hyg-ck-hero-media { order: -1; }
	.hyg-ck-title { font-size: 34px; }
	.hyg-ck-basic-grid { grid-template-columns: 1fr; gap: 30px; }
	.hyg-ck-patent-grid { grid-template-columns: 1fr; gap: 30px; }
	.hyg-ck-patent-fig img { max-height: 400px; }
	.hyg-ck-support-grid { grid-template-columns: 1fr; }
	.hyg-ck-h2 { font-size: 26px; }
}
@media (max-width: 600px) {
	.hyg-ck-hero { padding: 36px 0 44px; }
	.hyg-ck-title { font-size: 28px; }
	.hyg-ck-benefits { grid-template-columns: 1fr; gap: 12px; }
	.hyg-ck-hero-btns .hyg-btn { flex: 1; }
	.hyg-ck-basic-desc { font-size: 14px; }
	.hyg-ck-spec-grid, .hyg-prod-spec-grid { grid-template-columns: repeat(2, 1fr); }
	.hyg-ck-spec-item, .hyg-prod-spec-item { min-height: 0; }
	.hyg-ck-charts { padding: 16px; }
	.hyg-ck-forms { gap: 12px; }
	.hyg-ck-form { flex: 1 1 40%; min-width: 0; padding: 18px 8px; }
	.hyg-ck-formula li { flex-direction: column; gap: 8px; }
	.hyg-ck-scene-grid, .hyg-prod-scene-grid { grid-template-columns: 1fr; gap: 18px; }
	.hyg-ck-scene-label { font-size: 19px; }
	.hyg-ck-support-box { padding: 26px 22px; }
	.hyg-ck-doclist .dl span { display: none; }
	.hyg-ck-faq { grid-template-columns: 1fr; }
}

/* ============================================================
   Product Detail PagesCa-AKG ?   ================================================================= */

/* ---- Hero ---- */
.hyg-pdx-hero { background: linear-gradient(180deg,#fff 0%,#FDF7F1 100%); padding:52px 0 64px; }
.hyg-pdx-hero-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:50px; align-items:center; }
.hyg-pdx-hero .hyg-breadcrumb { font-size:13px; color:var(--hyg-text-muted); margin-bottom:18px; }
.hyg-pdx-hero .hyg-breadcrumb a { color:var(--hyg-text-muted); text-decoration:none; }
.hyg-pdx-hero .hyg-breadcrumb a:hover { color:var(--hyg-orange); }
.hyg-pdx-brand { display:inline-flex; align-items:center; gap:7px; font-size:16px; font-weight:800; color:var(--hyg-warm-orange); margin-bottom:10px; }
.hyg-pdx-brand .hyg-svg { width:20px; height:20px; }
.hyg-pdx-brand img { height:30px; width:auto; display:block; }
.hyg-pdx-title { font-size:40px; font-weight:800; color:var(--hyg-navy); line-height:1.18; margin:0 0 12px; }
.hyg-pdx-en { display:block; font-size:15px; color:var(--hyg-text-muted); letter-spacing:.4px; margin:0 0 18px; }
.hyg-pdx-intro { font-size:14.5px; color:var(--hyg-text-muted); line-height:1.95; margin:0 0 24px; }
.hyg-pdx-points { display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; margin:0 0 28px; }
.hyg-pdx-point { display:flex; align-items:center; gap:11px; font-size:14.5px; font-weight:600; color:var(--hyg-navy); }
.hyg-pdx-point .ic { flex:none; width:38px; height:38px; border-radius:50%; background:var(--hyg-warm-orange-light); color:var(--hyg-warm-orange); display:inline-flex; align-items:center; justify-content:center; }
.hyg-pdx-point .ic .hyg-svg { width:19px; height:19px; }
.hyg-pdx-btns { display:flex; gap:14px; flex-wrap:wrap; }
.hyg-pdx-hero-media img { width:100%; max-height:470px; object-fit:contain; background:#fff; border:1px solid var(--hyg-border); border-radius:20px; padding:24px; box-shadow:var(--hyg-shadow); display:block; }

/* ---- ?Ca-AKG  ---- */
.hyg-product-body .hyg-prod-title { font-size:30px; color:var(--hyg-warm-orange); padding-bottom:16px; position:relative; margin:0 0 26px; }
.hyg-product-body .hyg-prod-title::after { content:""; position:absolute; left:0; bottom:0; width:56px; height:3px; background:var(--hyg-warm-orange); border-radius:2px; }

/* ---- ?Ca-AKG ?---- */
.hyg-product-body .hyg-prod-table { max-width:720px; }
.hyg-product-body .hyg-prod-table th { background:var(--hyg-bg-soft); }

/* ---- ?---- */
.hyg-product-body .hyg-pdx-sample-cta { margin:22px 0 2px; }
.hyg-product-body .hyg-pdx-sample-cta .hyg-btn { padding:12px 26px; font-size:14.5px; }

/* ---- ?Ca-AKG ?---- */
.hyg-product-body .hyg-prod-chips span { background:#fff; border:1px solid var(--hyg-border); border-radius:14px; padding:11px 18px; box-shadow:var(--hyg-shadow-sm); transition:transform .22s ease, border-color .22s ease; }
.hyg-product-body .hyg-prod-chips span:hover { transform:translateY(-3px); border-color:rgba(245,130,31,.55); }

/* ---- CTA 深蓝渐变 ---- */
.hyg-product-body .hyg-prod-cta { background:linear-gradient(135deg,#16345E 0%,#0E2547 100%); border-radius:22px; }
.hyg-product-body .hyg-prod-cta .hyg-btn-primary { background:var(--hyg-orange); }
.hyg-product-body .hyg-prod-cta .hyg-btn-outline { background:rgba(255,255,255,.14); color:#fff !important; border-color:rgba(255,255,255,.6); }
.hyg-product-body .hyg-prod-cta .hyg-btn-outline:hover { background:#fff; color:var(--hyg-navy) !important; }

/* ---- ?---- */
@media (max-width:992px) {
	.hyg-pdx-hero-grid { grid-template-columns:1fr; gap:34px; }
	.hyg-pdx-hero-media { order:-1; }
	.hyg-pdx-title { font-size:32px; }
}
@media (max-width:600px) {
	.hyg-pdx-hero { padding:34px 0 44px; }
	.hyg-pdx-title { font-size:27px; }
	.hyg-pdx-brand { font-size:14px; }
	.hyg-pdx-brand .hyg-svg { width:18px; height:18px; }
	.hyg-pdx-en { font-size:13.5px; }
	.hyg-pdx-intro { font-size:14px; }
	.hyg-pdx-points { grid-template-columns:1fr; }
	.hyg-pdx-btns .hyg-btn { flex:1; }
	.hyg-pdx-hero-media img { padding:16px; max-height:320px; }
}

/* ============================================================
   OEM/ODM template-oem.php?   ============================================================ */
.hyg-oem-scene-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.hyg-oem-scene-card {
	background: #fff;
	border: 1px solid var(--hyg-border);
	border-radius: 16px;
	padding: 30px 26px;
	box-shadow: var(--hyg-shadow-sm);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
}
.hyg-oem-scene-card:hover {
	transform: translateY(-5px);
	border-color: rgba(245,130,31,.55);
	box-shadow: var(--hyg-shadow);
	background: #fff;
}
.hyg-oem-scene-ic {
	display: inline-flex; align-items: center; justify-content: center;
	width: 54px; height: 54px; border-radius: 14px;
	background: var(--hyg-warm-orange-light); color: var(--hyg-warm-orange);
	margin-bottom: 18px;
}
.hyg-oem-scene-ic .hyg-svg { width: 27px; height: 27px; }
.hyg-oem-scene-name { font-size: 18px; font-weight: 700; color: var(--hyg-navy); margin: 0 0 6px; line-height: 1.35; }
.hyg-oem-scene-en { display: block; font-size: 13px; color: var(--hyg-text-muted); letter-spacing: .3px; }

@media (max-width: 992px) {
	.hyg-oem-scene-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; }
}
@media (max-width: 680px) {
	.hyg-oem-scene-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
	.hyg-oem-scene-card { padding: 22px 18px; }
	.hyg-oem-scene-ic { width: 46px; height: 46px; border-radius: 12px; margin-bottom: 14px; }
	.hyg-oem-scene-ic .hyg-svg { width: 23px; height: 23px; }
	.hyg-oem-scene-name { font-size: 16px; }
}

/* ========== ?========== */
.hyg-ck-disclaimer-wrap { padding: 0 0 50px; }
.hyg-ck-disclaimer {
	max-width: 1000px; margin: 0 auto; padding: 18px 24px; border-left: 4px solid #e74c3c;
	background: #fef5f5; border-radius: 8px; font-size: 13.5px; color: #7b241c; line-height: 1.85; margin-bottom: 0;
}
.hyg-ck-disclaimer-tag {
	display: inline-block; font-weight: 800; color: #e74c3c; margin-right: 10px;
}

/* ========== 微信咨询浮层 ========== */
.hyg-fc-wechat { background: #07c160 !important; }
.hyg-fc-wechat:hover { background: #06ad56 !important; }
.hyg-wechat-layer {
	position: fixed; right: 84px; bottom: 132px; z-index: 999; background: #fff;
	border-radius: 14px; padding: 24px 28px 28px; box-shadow: 0 18px 44px rgba(14,29,52,.22);
	min-width: 220px; text-align: center;
}
.hyg-wechat-layer[hidden] { display: none; }
.hyg-wechat-close {
	position: absolute; top: 10px; right: 12px; background: none; border: none; font-size: 24px; color: #999; cursor: pointer; line-height: 1;
}
.hyg-wechat-close:hover { color: #333; }
.hyg-wechat-layer h4 { font-size: 17px; font-weight: 800; color: #0e1d34; margin: 0 0 16px; }
.hyg-wechat-ic {
	display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%;
	background: #e8f8ef; color: #07c160; margin-bottom: 12px;
}
.hyg-wechat-ic .hyg-svg { width: 26px; height: 26px; }
.hyg-wechat-layer p { font-size: 13.5px; color: #666; margin: 0 0 8px; }
.hyg-wechat-layer code {
	display: inline-block; padding: 6px 14px; background: #f5f5f5; border-radius: 6px;
	font-size: 15px; font-weight: 700; color: #0e1d34; letter-spacing: .5px;
}
