@charset "utf-8";

/* 全站字体与颜色规范 */
:root {
	--font-sans: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;
	--font-en: "Segoe UI", Arial, sans-serif;

	--color-text: #2b2b2b;
	--color-text-secondary: #555;
	--color-text-muted: #888;
	--color-text-inverse: rgba(255, 255, 255, 0.92);
	--color-text-inverse-muted: rgba(255, 255, 255, 0.78);
	--color-brand: #419c10;
	--color-brand-dark: #2d7a0a;
	--color-brand-soft: #3a7a24;
	--color-border: #e8e8e8;

	--text-xs: 13px;
	--text-sm: 14px;
	--text-base: 16px;
	--text-md: 17px;
	--text-lg: 18px;
	--text-xl: 22px;
	--text-2xl: 28px;
	--text-3xl: 32px;

	--leading-tight: 1.45;
	--leading-normal: 1.65;
	--leading-relaxed: 1.8;
}

html {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: var(--font-sans);
	font-size: var(--text-base);
	line-height: var(--leading-normal);
	color: var(--color-text);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5 {
	font-weight: 600;
	color: var(--color-text);
	line-height: var(--leading-tight);
}

a {
	color: var(--color-brand);
	transition: color 0.2s;
}

a:hover {
	color: var(--color-brand-dark);
}

/* 顶部导航 */
.header .link-menu {
	font-size: var(--text-base);
}

.header .link-menu li a.guider_link {
	font-weight: 500;
	letter-spacing: 0.02em;
}

.header .link-menu li a.green {
	color: var(--color-text);
}

/* 侧边菜单 */
.nav > li a p {
	color: var(--color-text-muted);
	font-size: var(--text-sm);
	line-height: var(--leading-normal);
}

.nav > li a span {
	color: var(--color-text);
	font-size: var(--text-base);
	font-family: var(--font-en);
	font-weight: 600;
	letter-spacing: 0.04em;
}

.child-nav li a {
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
}

.contact-menu {
	font-size: var(--text-sm);
	color: var(--color-brand-soft);
	line-height: var(--leading-relaxed);
}

.contact-menu .contact-block-title {
	font-size: var(--text-base);
	font-weight: 600;
	color: var(--color-brand);
}

/* 首页幻灯提示 */
.slide-icon {
	color: var(--color-text-inverse-muted);
	font-size: var(--text-sm);
	letter-spacing: 0.08em;
}

/* 区块标题 */
.title h2 {
	font-size: var(--text-2xl);
	font-weight: 600;
	color: var(--color-text);
	line-height: 1.3;
	letter-spacing: 0.02em;
}

.title h3 {
	font-size: var(--text-md);
	font-weight: 400;
	color: var(--color-text-secondary);
	font-family: var(--font-en);
	font-style: normal;
	letter-spacing: 0.06em;
	margin-bottom: 12px;
}

.product .title h2,
.product .title h3 {
	color: var(--color-text-inverse);
}

.product .title h3 {
	color: var(--color-text-inverse-muted);
}

.device-cont .title h2 {
	color: var(--color-text);
}

.device-cont .title h3 {
	color: var(--color-text-secondary);
}

/* 关于我们 */
.left-about h1 {
	font-size: var(--text-2xl);
	font-weight: 600;
	color: var(--color-brand);
	line-height: 1.35;
}

.left-about .txt p,
.txt p {
	font-size: var(--text-base);
	line-height: var(--leading-relaxed);
	color: var(--color-text-secondary);
	margin-bottom: 18px;
}

.left-about .more-txt {
	font-size: var(--text-base);
	font-weight: 500;
	letter-spacing: 0.04em;
}

.more a {
	font-size: var(--text-sm);
	font-weight: 500;
	letter-spacing: 0.02em;
}

/* 合作基地轮播（仅调整字号与颜色，保留原有定位行高） */
.pro-txt h4,
.pro-txt .text h4 {
	font-size: var(--text-lg);
	font-weight: 600;
	color: var(--color-text);
}

.multipleColumn ul li .pro-txt .text p,
.multipleColumn ul.special li .pro-txt p {
	font-size: var(--text-sm);
	color: var(--color-text-secondary);
}

/* 产品 / 设备说明 */
.product-desc {
	font-size: var(--text-md);
	line-height: var(--leading-normal);
	color: var(--color-text-inverse-muted);
	letter-spacing: 0.02em;
}

.device-desc {
	font-size: var(--text-md);
	line-height: var(--leading-normal);
	color: var(--color-text-secondary);
	letter-spacing: 0.02em;
}

/* 产品 / 设备卡片名称 */
.product-card .product-name,
.device-card .device-name {
	font-size: var(--text-sm);
	font-weight: 500;
	color: var(--color-text);
	line-height: var(--leading-tight);
}

/* 放大预览标题 */
.device-lightbox-title {
	font-size: var(--text-lg);
	font-weight: 500;
	color: var(--color-text-inverse);
	line-height: var(--leading-normal);
}

/* 联系我们 */
.contact .cont h1 {
	font-size: var(--text-2xl);
	font-weight: 600;
	color: var(--color-brand);
	letter-spacing: 0.04em;
}

.cont .cont-left {
	font-size: var(--text-base);
	line-height: var(--leading-relaxed);
	color: var(--color-text-secondary);
}

.contact-block-title {
	font-size: var(--text-md);
	font-weight: 600;
	color: var(--color-brand);
}

.cont .cont-right .link,
.cont .cont-right .link > ul li {
	font-size: var(--text-base);
}

.cont .cont-right .link > ul li a {
	color: var(--color-text-secondary);
}

/* 页脚 */
.footer {
	font-size: var(--text-sm);
	color: #ccc;
	line-height: var(--leading-normal);
}

.footer a {
	color: #ddd;
}

.footer a:hover {
	color: var(--color-brand);
}

/* 子页面（关于我们等） */
.content h1 {
	font-size: var(--text-2xl);
	font-weight: 600;
	color: var(--color-text);
	line-height: 1.35;
}

.txt-box p {
	font-size: var(--text-base);
	line-height: var(--leading-relaxed);
	color: var(--color-text-secondary);
}

.nav-copy > li {
	font-size: var(--text-base);
}

.shuru {
	font-size: var(--text-base);
}

/* 新闻 / 列表类（保留页面兼容） */
.ns-cont .column .min-info h1 {
	font-size: var(--text-lg);
	font-weight: 600;
	color: var(--color-text);
}

.ns-cont .column .min-info h5 {
	font-size: var(--text-sm);
	color: var(--color-text-muted);
}

.ns-cont .column .min-info p {
	font-size: var(--text-base);
	line-height: var(--leading-normal);
	color: var(--color-text-secondary);
}

li a .pic-txt .txt-left h2 {
	font-size: var(--text-lg);
	font-weight: 600;
	color: var(--color-text);
}

li a .pic-txt .txt-left p {
	font-size: var(--text-base);
	color: var(--color-text-secondary);
}

.more-box {
	font-size: var(--text-base);
	font-weight: 500;
}

/* 响应式微调 */
@media (max-width: 1366px) {
	.title h2 {
		font-size: 26px;
	}

	.left-about h1,
	.contact .cont h1,
	.content h1 {
		font-size: 26px;
	}

	.title {
		margin-top: 130px;
	}
}

@media (max-width: 768px) {
	html {
		font-size: 15px;
	}

	.title h2 {
		font-size: 24px;
	}

	.product-desc,
	.device-desc {
		font-size: var(--text-sm);
	}

	.product-card .product-name,
	.device-card .device-name {
		font-size: var(--text-xs);
	}
}
