/* ========== 页头 LOGO ========== */
@media (min-width: 1025px) {
	#logo { width: 320px; }
	#logo a { height: 78px; }
}

@media (max-width: 768px) {
	#logo a { height: 34px; width: 110px; }
}

/* ========== 首页整屏布局（桌面端：首屏一屏，底部留备案条） ========== */
@media (min-width: 1025px) {
	body.home-screen { min-height: 100vh; overflow-x: hidden; }

	body.home-screen .inner {
		height: 100vh;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	/* 首屏视频吃掉剩余高度 */
	body.home-screen #heroVideo {
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		height: auto;
		min-height: 150px;
		margin-bottom: 22px;
	}

	body.home-screen #heroVideo .hero-video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	/* 关于我们：高度随视口走，保证整体是一屏 */
	body.home-screen #about {
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-bottom: 14px;
	}

	body.home-screen #about .boxTitle { margin-bottom: 10px; }
	body.home-screen #about .info { padding: 0; }
	body.home-screen #about .pic { width: 28vh; min-width: 190px; }

	body.home-screen #about .text {
		margin-left: 29vh;
		min-height: 1px;
		font-size: 13.5px;
		line-height: 1.9;
	}

	body.home-screen #about .intro { height: 13vh; min-height: 88px; }
}

/* 矮屏（笔记本 / 预览面板）进一步收紧 */
@media (min-width: 1025px) and (max-height: 800px) {
	body.home-screen #heroVideo { margin-bottom: 14px; }
	body.home-screen #about .boxTitle { margin-bottom: 8px; }
	body.home-screen .advStripe p { display: none; }
	body.home-screen .advStripe { padding-top: 10px; margin-top: 10px; }
}

/* ========== 「关于我们」下方的三条优势带 ========== */
.advStripe {
	display: flex;
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid #ececec;
}

.advStripe li {
	flex: 1;
	padding: 0 16px;
	position: relative;
}

.advStripe li:first-child { padding-left: 0; }
.advStripe li:last-child { padding-right: 0; }
.advStripe li + li { border-left: 1px solid #ececec; }

.advStripe h4 {
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
	color: #37408e;
	letter-spacing: .3px;
	margin-bottom: 4px;
}

.advStripe p {
	font-size: 12px;
	line-height: 1.6;
	color: #8a8a8a;
}

/* ========== 平板 / 手机：恢复自然流式布局 ========== */
@media (max-width: 1024px) {
	body.home-screen,
	body.home-screen .inner {
		height: auto;
		overflow: visible;
		display: block;
	}

	body.home-screen #heroVideo {
		height: 240px;
		min-height: 0;
		margin-bottom: 15px;
	}

	body.home-screen #about { margin-bottom: 0; }
	body.home-screen #about .intro { height: auto; max-height: 220px; }

	.advStripe {
		display: block;
		margin-top: 12px;
		padding-top: 10px;
	}

	.advStripe li { padding: 0; }
	.advStripe li + li {
		border-left: 0;
		border-top: 1px solid #ececec;
		margin-top: 10px;
		padding-top: 10px;
	}

	.advStripe h4 { font-size: 14px; margin-bottom: 3px; }
	.advStripe p { font-size: 12px; }
}

/* ==========================================================
   深色主题（Deep Industrial）—— 2026-10-23
   回滚方法：删除本文件从「深色主题」开始到文件末尾的全部内容，
   或直接用 custom.css.bak 覆盖本文件。
   ========================================================== */

/* 全局背景：深墨蓝黑 */
body.home-screen,
body.home-screen .inner {
	background: #0A1628 !important;
	color: #E8EDF3;
}

/* 顶部导航：深色毛玻璃 */
#top, #header {
	background: rgba(10, 22, 40, 0.85) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom: 1px solid #1E2D42;
}

#logo a {
	/* 反白 Logo 在深色底上更清晰，保留背景图即可 */
	filter: brightness(1.1) drop-shadow(0 0 6px rgba(46,107,230,0.25));
}

#navBtn i, #navBtn i::before, #navBtn i::after {
	background: #E8EDF3 !important;
}

/* 下拉导航菜单 */
#nav, #nav ul {
	background: #0D1B2A !important;
}
#nav .navbar-item a {
	color: #C8D3E0 !important;
	border-bottom: 1px solid #1E2D42;
}
#nav .navbar-item.cur > a,
#nav .navbar-item a:hover {
	color: #F97316 !important;
}

/* Hero 区：加深遮罩，标题文字 */
#heroVideo .hero-tint {
	background: linear-gradient(160deg,
		rgba(10,22,40,0.55) 0%,
		rgba(15,31,51,0.75) 55%,
		rgba(8,16,32,0.95) 100%) !important;
}

#heroVideo .hero-text h2 {
	color: #FFFFFF !important;
	font-weight: 700;
	text-shadow: 0 2px 20px rgba(0,0,0,0.5);
	letter-spacing: 2px;
}
#heroVideo .hero-text h2 span,
#heroVideo .hero-text h2 {
	/* 标题"智造未来"段加火焰橙渐变（无 span 时整体保留白色） */
}
#heroVideo .hero-text p {
	color: #B8C4D4 !important;
	line-height: 1.9;
}

/* CTA 按钮：火焰橙红渐变 */
#heroVideo .hero-btn {
	background: linear-gradient(135deg, #F97316 0%, #EF4444 100%) !important;
	color: #FFFFFF !important;
	border: none !important;
	border-radius: 6px;
	padding: 12px 32px !important;
	font-weight: 600;
	letter-spacing: 1px;
	box-shadow: 0 4px 24px rgba(249,115,22,0.35);
	transition: all .25s ease;
}
#heroVideo .hero-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 32px rgba(249,115,22,0.55);
}

/* 「关于我们」板块标题条 */
#about .boxTitle {
	background: transparent !important;
	border-bottom: 2px solid #1E2D42;
	position: relative;
	padding-left: 14px;
}
#about .boxTitle::before {
	content: "";
	position: absolute;
	left: 0; top: 50%;
	transform: translateY(-50%);
	width: 4px; height: 20px;
	background: linear-gradient(180deg, #F97316, #EF4444);
	border-radius: 2px;
}
#about .boxTitle h2.name {
	color: #FFFFFF !important;
	font-weight: 700;
	font-size: 20px;
}
#about .boxTitle span a {
	color: #8A9BB0 !important;
}
#about .boxTitle span a:hover {
	color: #F97316 !important;
}

/* 关于我们正文区 */
#about .info,
#about .text .intro {
	color: #B8C4D4 !important;
	line-height: 1.9;
}
#about .text .intro p,
#about .text .intro {
	color: #B8C4D4 !important;
}

/* 右侧文字区：高度与照片一致，正文在上、卡片在底部对齐（仅桌面端） */
@media (min-width: 769px) {
	#about .text {
		position: relative;
		height: 262px;
	}
	#about .text .intro {
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}
	#about .advStripe {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin-top: 0 !important;
	}
}

/* 左侧车间图片：冷蓝光晕描边 */
#about .pic i {
	box-shadow: 0 0 0 1px #2E6BE6, 0 0 30px rgba(46,107,230,0.2);
	border-radius: 4px;
}

/* 三条优势带：深色卡片化 */
.advStripe {
	border-top: 1px solid #1E2D42 !important;
	background: linear-gradient(180deg, #152A42 0%, #0F1F33 100%);
	border-radius: 8px;
	padding: 16px !important;
	margin-top: 18px !important;
}
.advStripe li {
	padding: 4px 18px !important;
}
.advStripe li + li {
	border-left: 1px solid #1E3A5F !important;
}
.advStripe h4 {
	color: #3B82F6 !important;
	font-weight: 700;
	font-size: 14px;
}
.advStripe p {
	color: #8A9BB0 !important;
	font-size: 12px;
}

/* 移动端适配 */
@media (max-width: 1024px) {
	.advStripe li + li {
		border-left: 0 !important;
		border-top: 1px solid #1E3A5F !important;
	}
}

/* ==========================================================
   深色主题 · 内页同步（2026-10-23）
   作用域：body 上没有 .home-screen 的页面（产品/新闻/关于/留言等）
   与首页同一套色板：#0A1628 底 / #0F1F33 面 / #1E2D42 线
                      #E8EDF3 主文字 / #B8C4D4 次文字 / #8A9BB0 弱化
                      强调色 #F97316 → #EF4444
   ========================================================== */

html { background: #0A1628; }

body:not(.home-screen) {
	background: #0A1628 !important;
	color: #B8C4D4;
}

body:not(.home-screen) .inner { background: transparent; }
body:not(.home-screen) #wrapper { background: transparent; }

/* ── 统一标题条：透明底 + 橙色竖条（与首页「关于我们」一致） ── */
body:not(.home-screen) .boxTitle {
	background: transparent !important;
	border-bottom: 1px solid #1E2D42;
	border-radius: 0;
	padding: 6px 0 8px 14px;
	position: relative;
	margin-bottom: 16px;
}
body:not(.home-screen) .boxTitle::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 18px;
	background: linear-gradient(180deg, #F97316, #EF4444);
	border-radius: 2px;
}
body:not(.home-screen) .boxTitle h2.name,
body:not(.home-screen) .boxTitle h3.name,
body:not(.home-screen) .boxTitle h3.name a {
	color: #FFFFFF !important;
	font-weight: 700;
}
body:not(.home-screen) .boxTitle h2.name { font-size: 19px; }

/* 面包屑（在标题条右侧） */
body:not(.home-screen) #breadcrumb,
body:not(.home-screen) #breadcrumb a,
body:not(.home-screen) #breadcrumb i { color: #7C8CA1 !important; }
body:not(.home-screen) #breadcrumb .home { opacity: .75; }

/* ── 左侧栏 ── */
body:not(.home-screen) #sideMenu ul li a,
body:not(.home-screen) .widget li a {
	color: #C8D3E0;
	transition: color .25s;
}
body:not(.home-screen) #sideMenu ul li a:hover,
body:not(.home-screen) .widget li a:hover { color: #F97316; }
body:not(.home-screen) #sideMenu ul li.cur a,
body:not(.home-screen) #sideMenu ul li a.on { color: #F97316; }
body:not(.home-screen) .widget h2 { color: #DDE5EF; }
body:not(.home-screen) .widget .meta { color: #7C8CA1; }
body:not(.home-screen) .widget .custom { border-bottom-color: #1E2D42; }

/* 侧栏搜索框 */
body:not(.home-screen) #divSearchPanel input[type="text"] {
	background: #0F1F33;
	border: 1px solid #1E2D42;
	color: #E8EDF3;
	height: 34px;
	border-radius: 4px;
	padding: 0 10px;
}
body:not(.home-screen) #divSearchPanel input[type="text"]::placeholder { color: #5D6E85; }
body:not(.home-screen) #divSearchPanel input[type="submit"] {
	background: linear-gradient(135deg, #F97316 0%, #EF4444 100%);
	border: 0;
	color: #fff;
	height: 34px;
	border-radius: 4px;
	cursor: pointer;
}

/* 标签云（覆盖 style.css 里的浅色胶囊） */
body:not(.home-screen) #divTags li a,
#divTags li a {
	background-color: #132138 !important;
	color: #8A9BB0 !important;
	border: 1px solid #1E2D42;
}
#divTags li a:hover {
	background-color: #1B3050 !important;
	color: #F97316 !important;
	border-color: #2C4874;
}

/* ── 产品列表 ── */
body:not(.home-screen) #proList .title,
body:not(.home-screen) #proList .title a { color: #C8D3E0; }
body:not(.home-screen) #proList .title a:hover { color: #F97316; }
body:not(.home-screen) #proList .thumbnail {
	/* 缩略图在深底上压一层极淡描边，避免卡片浮不起来 */
	box-shadow: 0 0 0 1px #1E2D42;
	border-radius: 6px;
	overflow: hidden;
}

/* 三大业务卡片（产品中心首页） */
.catGrid a { background: #0F1F33 !important; }
.catGrid a:hover { background: #152A42 !important; }
.catGrid .catBody h3 { color: #E8EDF3 !important; }
.catGrid .catBody p { color: #8A9BB0 !important; }
.catGrid .catBody em { color: #F97316 !important; }

/* 智链产品介绍区 */
.prodIntro {
	background: #0F1F33 !important;
	border-left: 3px solid #F97316 !important;
}
.prodIntro h3 { color: #FFFFFF !important; }
.prodIntro p { color: #9FB0C4 !important; }
.prodIntro .piPts li { color: #8A9BB0 !important; }
.prodIntro .piPts li b { color: #3B82F6 !important; }
.prodIntro .piBtn { background: linear-gradient(135deg, #F97316 0%, #EF4444 100%) !important; }
.prodIntro .piBtn:hover { box-shadow: 0 6px 22px rgba(249, 115, 22, .45); }

/* ── 文章正文 ── */
body:not(.home-screen) #postTitle { color: #FFFFFF; }
body:not(.home-screen) #postTitle + .meta,
body:not(.home-screen) .article .meta { color: #7C8CA1; }
body:not(.home-screen) .entry,
body:not(.home-screen) .entry p,
body:not(.home-screen) .entry li,
body:not(.home-screen) .entry td { color: #B8C4D4; }
body:not(.home-screen) .entry strong,
body:not(.home-screen) .entry b { color: #E8EDF3; }
body:not(.home-screen) .entry h1,
body:not(.home-screen) .entry h2,
body:not(.home-screen) .entry h3,
body:not(.home-screen) .entry h4 { color: #FFFFFF; }
body:not(.home-screen) .entry img { border-radius: 6px; box-shadow: 0 0 0 1px #1E2D42; }
body:not(.home-screen) .entry blockquote {
	background: #0F1F33;
	color: #9FB0C4;
	border-left: 3px solid #F97316;
}
body:not(.home-screen) .entry a { color: #3B82F6; }
body:not(.home-screen) .entry a:hover { color: #F97316; }

/* 文章底部：关键词 / 上下篇 */
body:not(.home-screen) #postTags,
body:not(.home-screen) #postTags span { color: #7C8CA1; }
body:not(.home-screen) #postTags a { color: #8A9BB0; }
body:not(.home-screen) #postTags a:hover { color: #F97316; }
body:not(.home-screen) #postnavi a { color: #C8D3E0; }
body:not(.home-screen) #postnavi a:hover { color: #F97316; }

/* ── 分页 ── */
body:not(.home-screen) .pagination a {
	background: #0F1F33 !important;
	border: 1px solid #1E2D42 !important;
	color: #8A9BB0 !important;
	border-radius: 4px;
}
body:not(.home-screen) .pagination a:hover,
body:not(.home-screen) .pagination a.page-num-current {
	background: #1B3050 !important;
	border-color: #2C4874 !important;
	color: #F97316 !important;
}
body:not(.home-screen) .pagination span { color: #7C8CA1; }

/* ── 页脚（全站统一深色） ── */
#footer {
	background: #0D1B2A !important;
	border: 1px solid #1E2D42 !important;
	border-bottom: 0 !important;
	color: #7C8CA1 !important;
}
#footer a { color: #8A9BB0 !important; }
#footer a:hover { color: #F97316 !important; }

/* 首页（全屏式）页脚：极简一条，不打断沉浸感 */
body.home-screen #footer {
	margin: 0 !important;
	padding: 26px 20px 30px !important;
	background: #0A1622 !important;
	border: 0 !important;
	border-top: 1px solid #16283D !important;
	border-radius: 0 !important;
	text-align: center;
	font-size: 13px;
	line-height: 2;
}
body.home-screen #footer p { margin: 0; }

/* ── 表单（在线留言 / 搜索页） ── */
body:not(.home-screen) input[type="text"],
body:not(.home-screen) input[type="tel"],
body:not(.home-screen) input[type="email"],
body:not(.home-screen) textarea,
body:not(.home-screen) select {
	background: #0F1F33;
	border: 1px solid #1E2D42;
	color: #E8EDF3;
	border-radius: 4px;
}
body:not(.home-screen) input[type="submit"],
body:not(.home-screen) button.submit,
body:not(.home-screen) .btn-submit {
	background: linear-gradient(135deg, #F97316 0%, #EF4444 100%);
	color: #fff;
	border: 0;
	cursor: pointer;
}
body:not(.home-screen) label,
body:not(.home-screen) .form-item span { color: #8A9BB0; }

/* 空状态提示 */
body:not(.home-screen) .text-secondary { color: #7C8CA1 !important; }

/* ── 导航当前项 / 下拉（深色下原本是半透明白块，会发灰） ── */
#nav li.on > a,
#nav li.cur > a {
	background: rgba(249, 115, 22, .16) !important;
	color: #F97316 !important;
}
#nav li a:hover { background: rgba(249, 115, 22, .12) !important; color: #F97316 !important; }
#nav li ul {
	background: #0D1B2A !important;
	border: 1px solid #1E2D42;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .45) !important;
	border-radius: 0 0 6px 6px;
}
#nav li li a { color: #C8D3E0 !important; }

/* ── 侧栏列表分隔线（原为 #eee，深底上过于刺眼） ── */
body:not(.home-screen) #sideMenu li { border-bottom-color: #1E2D42; }
body:not(.home-screen) .dot:before { background-color: #3B82F6; }

/* ── 相关文章卡片标题（原为深色字，在深底上看不见） ── */
body:not(.home-screen) #related h4,
body:not(.home-screen) #related h4 a { color: #C8D3E0 !important; }
body:not(.home-screen) #related h4 a:hover { color: #F97316 !important; }
body:not(.home-screen) #related .thumbnail { border-radius: 6px; overflow: hidden; box-shadow: 0 0 0 1px #1E2D42; }

/* 新闻／文章列表的标题与摘要 */
body:not(.home-screen) .blogItem h2,
body:not(.home-screen) .blogItem h2 a { color: #E8EDF3 !important; }
body:not(.home-screen) .blogItem .meta { color: #7C8CA1 !important; }
body:not(.home-screen) .blogItem .intro,
body:not(.home-screen) .blogItem p { color: #9FB0C4 !important; }
body:not(.home-screen) .blogItem .more a {
	background: linear-gradient(135deg, #F97316 0%, #EF4444 100%) !important;
	color: #fff !important;
}
body:not(.home-screen) #news li a { color: #C8D3E0; }
body:not(.home-screen) #news li a:hover { color: #F97316; }
body:not(.home-screen) #news li time { color: #7C8CA1; }

/* ==========================================================
   首页「关于我们」：照片与右侧优势卡底部对齐
   原来 .text 是固定 262px、.advStripe 绝对定位在它底部，
   而照片高度是宽度(28vh)的 75%，两者随视口变化就错位。
   改为：.info 用 flex 拉伸，照片跟随行高，优势卡 margin-top:auto 贴底。
   ========================================================== */
@media (min-width: 1025px) {
	body.home-screen #about .info {
		display: flex;
		align-items: stretch;
		overflow: visible;
	}

	body.home-screen #about .pic {
		float: none;
		flex: 0 0 auto;
		width: 28vh;
	}

	body.home-screen #about .pic i {
		padding-bottom: 0;
		height: 100%;
		min-height: 21vh;
	}

	body.home-screen #about .text {
		position: static;
		height: auto;
		margin-left: 0;
		padding-left: 30px;
		flex: 1 1 auto;
		min-width: 0;
		display: flex;
		flex-direction: column;
	}

	body.home-screen #about .intro {
		flex: 0 0 auto;
		height: auto;
		min-height: 0;
	}

	body.home-screen #about .advStripe {
		position: static;
		bottom: auto;
		left: auto;
		right: auto;
		margin-top: auto;
	}
}

/* ==========================================================
   资质证书页（2026-10-24）
   ========================================================== */
.certIntro {
	font-size: 13.5px;
	color: #9FB0C4;
	line-height: 1.9;
	margin: -4px 0 18px;
	padding-left: 2px;
}
.certIntro span { color: #6E7F94; font-size: 12px; }

.certGrid { display: flex; flex-wrap: wrap; margin: 0 -9px; }
.certGrid li { width: 50%; padding: 0 9px 18px; box-sizing: border-box; }

.certCard {
	display: flex;
	flex-direction: column;
	background: #0F1F33;
	border: 1px solid #1E2D42;
	border-radius: 8px;
	padding: 14px;
	transition: border-color .25s, transform .25s, box-shadow .25s;
}
.certCard:hover {
	border-color: #2C4874;
	transform: translateY(-2px);
	box-shadow: 0 10px 26px rgba(0, 0, 0, .35);
}
.certPic {
	display: block;
	height: 320px;
	background: #0A1628;
	border-radius: 6px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px;
}
.certPic img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	display: block;
	box-shadow: 0 4px 16px rgba(0, 0, 0, .45);
}
.certBody h3 { font-size: 16px; color: #E8EDF3; font-weight: 700; margin-bottom: 8px; letter-spacing: .3px; }
.certBody .certNo { font-size: 12.5px; color: #3B82F6; margin-bottom: 6px; letter-spacing: .2px; }
.certBody .certMeta { font-size: 12px; color: #8A9BB0; line-height: 1.75; }
.certBody em { display: inline-block; margin-top: 10px; font-style: normal; font-size: 12px; color: #F97316; opacity: .85; }

/* 大图灯箱 */
#certLightbox {
	position: fixed;
	inset: 0;
	background: rgba(4, 9, 18, .92);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	padding: 30px;
	cursor: zoom-out;
}
#certLightbox.open { display: flex; }
#certLightbox img {
	max-width: 94vw;
	max-height: 92vh;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .7);
	border-radius: 4px;
	background: #fff;
}
#certLightbox .clClose {
	position: absolute;
	top: 18px;
	right: 24px;
	width: 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	font-size: 26px;
	color: #C8D3E0;
	background: rgba(255, 255, 255, .08);
	border-radius: 50%;
	cursor: pointer;
	transition: all .2s;
}
#certLightbox .clClose:hover { background: rgba(249, 115, 22, .85); color: #fff; }

@media (max-width: 768px) {
	.certGrid li { width: 100%; }
	.certPic { height: 260px; }
	.certBody h3 { font-size: 15px; }
	#certLightbox { padding: 12px; }
}

/* ==========================================================
   联系我们 · 地图导航区块（2026-10-24）
   ========================================================== */
.mapNav {
	display: flex;
	gap: 24px;
	background: linear-gradient(135deg, #0F1F33 0%, #12253D 100%);
	border: 1px solid #1E2D42;
	border-radius: 10px;
	padding: 24px;
	margin: 4px 0 28px;
}
.mnInfo { flex: 1 1 auto; min-width: 0; }
.mnTag {
	display: inline-block;
	font-size: 11.5px;
	letter-spacing: .5px;
	color: #F97316;
	background: rgba(249, 115, 22, .12);
	border: 1px solid rgba(249, 115, 22, .35);
	border-radius: 11px;
	padding: 3px 11px;
	margin-bottom: 14px;
}
.mapNav h3 { font-size: 18px; color: #FFFFFF; font-weight: 700; line-height: 1.5; margin-bottom: 12px; }
.mnAddr {
	position: relative;
	font-size: 13.5px;
	color: #9FB0C4;
	padding-left: 18px;
	line-height: 1.8;
}
.mnAddr:before {
	content: "";
	position: absolute;
	left: 2px;
	top: 7px;
	width: 8px;
	height: 8px;
	border: 2px solid #3B82F6;
	border-radius: 50%;
}
.mnTel { margin: 14px 0 18px; display: flex; align-items: baseline; gap: 12px; }
.mnTel em { font-style: normal; font-size: 12.5px; color: #7C8CA1; }
.mnTel a { font-size: 26px; font-weight: 700; color: #F97316; letter-spacing: .5px; }
.mnTel a:hover { color: #FF8A3D; }
.mnBtns { display: flex; gap: 12px; flex-wrap: wrap; }
.mnBtn {
	display: inline-block;
	height: 40px;
	line-height: 38px;
	padding: 0 22px;
	border-radius: 20px;
	border: 1px solid #2C4874;
	color: #C8D3E0;
	font-size: 13.5px;
	transition: all .25s;
}
.mnBtn:hover { border-color: #F97316; color: #F97316; }
.mnBtn.primary {
	background: linear-gradient(135deg, #F97316 0%, #EF4444 100%);
	border: 0;
	color: #fff;
	line-height: 40px;
}
.mnBtn.primary:hover { box-shadow: 0 6px 20px rgba(249, 115, 22, .45); color: #fff; }

.mnPin {
	flex: 0 0 290px;
	border-left: 1px dashed #1E3A5F;
	padding-left: 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.mnPin i {
	position: relative;
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50% 50% 50% 0;
	transform: rotate(-45deg);
	background: linear-gradient(135deg, #F97316, #EF4444);
	margin-bottom: 18px;
	box-shadow: 0 6px 18px rgba(249, 115, 22, .35);
}
.mnPin i:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	margin: -5px 0 0 -5px;
	background: #0F1F33;
	border-radius: 50%;
}
.mnPin b { display: block; font-size: 14px; color: #E8EDF3; margin-bottom: 10px; line-height: 1.7; }
.mnPin span { font-size: 12.5px; color: #7C8CA1; line-height: 1.85; }

.cTitle { font-size: 16px; color: #FFFFFF; font-weight: 700; margin: 0 0 14px; }
.contactList { margin-bottom: 6px; }
.contactList li { display: flex; font-size: 13.5px; color: #B8C4D4; line-height: 2.3; border-bottom: 1px dashed #17293F; }
.contactList li:last-child { border-bottom: 0; }
.contactList em { flex: 0 0 92px; font-style: normal; color: #7C8CA1; }
.contactList a { color: #F97316; font-weight: 700; }
.contactTip { font-size: 13px; color: #7C8CA1; line-height: 1.9; margin-top: 14px; }
.contactTip a { color: #3B82F6; }

@media (max-width: 768px) {
	.mapNav { flex-direction: column; padding: 18px; gap: 18px; }
	.mapNav h3 { font-size: 16px; }
	.mnTel a { font-size: 22px; }
	.mnPin { flex: none; border-left: 0; border-top: 1px dashed #1E3A5F; padding: 16px 0 0; }
	.contactList li { flex-direction: column; line-height: 1.9; padding: 6px 0; }
	.contactList em { flex: none; }
}

/* 首页整屏时，页头与导航不允许被 flex 压缩（否则 LOGO 会被裁） */
@media (min-width: 1025px) {
	body.home-screen #top { flex: 0 0 auto; }
	body.home-screen #header { flex: 0 0 auto; }
	body.home-screen #nav { flex: 0 0 auto; }
}

/* 「关于我们」配图：显式指定铺满方式，避免依赖 style.css 的简写被覆盖后失效 */
body.home-screen #about .pic i {
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
}

/* 页头 LOGO：使用原图（白底竖版），只在外面加圆角，图片本身不改动 */
@media (min-width: 1025px) {
	#logo a {
		height: 84px;
		width: 84px;
		background-size: contain;
		background-position: center center;
		border-radius: 14px;
		overflow: hidden;
	}
}
@media (max-width: 768px) {
	#logo a {
		height: 46px;
		width: 46px;
		background-size: contain;
		background-position: center center;
		border-radius: 10px;
		overflow: hidden;
	}
}