@media(max-width:1024px) {

				.why-grid,
				.biz-grid {
					grid-template-columns: repeat(2, 1fr);
				}

				.about-wrap {
					grid-template-columns: 1fr;
					gap: 40px;
				}

				.about-img {
					max-width: 560px;
					margin: 0 auto;
				}
			}

@media(max-width:768px) {
				.scroll-nav {
					right: 6px;
					gap: 10px;
				}

				.carousel-track {
					height: 506px;
				}

				.scroll-nav .sn-dot {
					width: 8px;
					height: 8px;
				}

				.scroll-nav .sn-tooltip {
					display: none;
				}

				.hero-carousel {
					height: 50vh;
					height: 50svh;
				}

				.hero-text {
					left: 5%;
					right: 5%;
					max-width: none;
					text-align: left;
					top: 50%;
				}

				.hero-text h1 {
					font-size: 1.5rem;
					line-height: 1.35;
					margin-bottom: 10px;
				}

				.hero-text .hero-desc {
					font-size: .82rem;
					max-width: none;
					margin: 0 auto 18px;
					line-height: 1.55;
				}

				.hero-text .hero-btns {
					justify-content: flex-start;
				}

				.hero-text .hero-btns .btn-h {
					padding: 9px 20px;
					font-size: .85rem;
				}

				.hero-text .hero-badge-sm {
					font-size: .68rem;
					padding: 4px 12px;
					margin-bottom: 12px;
				}

				.her .hero-slide {
					
					background-size: cover;
					background-position: center center;
				}

				video.hero-slide {
					background-image: none !important;
					object-fit: cover;
				}

				.hero-arrow {
					width: 36px;
					height: 36px;
					font-size: 1rem;
				}

				.hero-arrow--prev {
					left: 8px;
				}

				.hero-arrow--next {
					right: 8px;
				}

				.hero-scroll-hint {
					display: none;
				}

				.hero-nav-dots {
					bottom: 28px;
					gap: 10px;
				}

				.hero-nav-dots .dot {
					width: 8px;
					height: 8px;
				}

				.hero-float-diagram {
					display: none;
				}

				.why-grid {
					grid-template-columns: 1fr;
					max-width: 400px;
				}

				.why-card .why-icon {
					width: 68px;
					height: 68px;
				}

				.why-card .why-icon svg {
					width: 30px;
					height: 30px;
				}

				.biz-grid {
					grid-template-columns: 1fr 1fr;
					gap: 18px;
				}

				.stats-row {
					grid-template-columns: repeat(2, 1fr);
				}

				.stat-block:nth-child(2)::after {
					display: none;
				}

				.company-grid {
					grid-template-columns: 1fr;
				}

				.why-section,
				.biz-section,
				.about-section,
				.contact-section {
					padding: 70px 0 50px;
				}

				.why-section .section-title,
				.biz-section .section-title,
				.about-text h2,
				.contact-section .section-title {
					font-size: 1.8rem;
				}

				.about-text .about-meta {
					gap: 10px;
				}

				.about-text .about-meta .meta-item {
					padding: 12px 10px;
					gap: 8px;
				}

				.about-text .about-meta .meta-icon {
					width: 36px;
					height: 36px;
					border-radius: 10px;
				}

				.about-text .about-meta .meta-icon svg {
					width: 18px;
					height: 18px;
				}

				.about-text .about-meta .meta-num {
					font-size: 1.1rem;
				}

				.about-text .about-meta .meta-label {
					font-size: .7rem;
				}

				/* ===== 分公司轮播 - 手机端图文上下排版 ===== */
				.office-section {
					padding: 60px 0;
				}

				.office-section .section-header h2 {
					font-size: 1.8rem;
				}

				.office-section .section-header p {
					font-size: .9rem;
				}

				.carousel-wrapper {
					padding: 0 16px;
				}

				.carousel-container {
					position: relative;
					border-radius: 16px;
					box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
					
				}

				.carousel-track {
					height: auto !important;
					position: relative;
				}

				.carousel-slide {
					position: relative !important;
					top: auto;
					left: auto;
					width: 100%;
					height: auto !important;
					opacity: 1;
					transform: none;
					display: none;
					pointer-events: auto;
					border-radius: 16px;
					overflow: hidden;
				}

				.carousel-slide.active {
					display: block;
					transform: none;
				}

				/* 图片区域 - 16:9 */
				.slide-bg {
					position: relative !important;
					width: 100%;
					height: 0;
					padding-bottom: 62.5%;
					background-size: cover !important;
					background-position: center !important;
					animation: none;
					border-radius: 0;
				}

				@keyframes kenburns {

					from,
					to {
						transform: none;
					}
				}

				/* 遮罩层 - 手机端移除 */
				.slide-overlay {
					display: none !important;
				}

				/* 文字区域 - 图片下方白色卡片 */
				.slide-content {
					position: relative !important;
					bottom: auto !important;
					left: auto !important;
					right: auto !important;
					padding: 8px 20px 4px !important;
					color: #1a2a4a;
					background: #fff;
				}

				.slide-content .company-tag {
					display: inline-block;
					background: linear-gradient(135deg, rgba(0, 102, 255, .12), rgba(0, 136, 255, .06));
					color: #0066ff;
					font-size: .72rem;
					font-weight: 600;
					letter-spacing: .5px;
					padding: 4px 14px;
					margin-bottom: 12px;
					border-radius: 12px;
					border: 1px solid rgba(0, 102, 255, .15);
				}

				.slide-content h3 {
					font-size: 21px !important;

					font-size: 1.12rem;
					font-weight: 700;
					color: #0f2847;
					text-shadow: none !important;
					transform: none;
					opacity: 1;
					margin-bottom: 10px;
					line-height: 1.4;
					letter-spacing: .3px;
				}

				.slide-content p {
					font-size: .82rem;
					font-weight: 400;
					color: #4a5568 !important;
					text-shadow: none !important;
					transform: none;
					opacity: 1;
					line-height: 1.75;
					margin-bottom: 12px;
				}

				.slide-content .location {
					display: flex;
					align-items: center;
					gap: 6px;
					font-size: .75rem;
					font-weight: 500;
					color: #718096 !important;
					text-shadow: none !important;
					transform: none;
					opacity: 1;
					margin-top: 8px;
				}

				.slide-content .location svg {
					fill: #0066ff;
					width: 15px;
					height: 15px;
				}

				/* 隐藏桌面导航元素 */
				.carousel-nav {
					display: none !important;
				}

				.carousel-thumbnails {
					display: none !important;
				}

				/* 指示点 */
				.carousel-dots {
					padding: 12px 0 0 !important;
					gap: 8px;
				}

				.carousel-dot {
					width: 8px;
					height: 8px;
				}

				.carousel-dot.active {
					width: 24px;
				}
			}

@media(max-width:480px) {
				.hero-carousel {
					height: 50svh;
					min-height: 320px;
				}

				.hero-text {
					top: 69%;
					left: 4%;
					right: 4%;
				}

				.hero-text .hero-badge-sm {
					font-size: .62rem;
					padding: 3px 10px;
					margin-bottom: 10px;
					letter-spacing: .5px;
				}

				.hero-text h1 {
					font-size: 1.3rem;
					line-height: 1.3;
					margin-bottom: 8px;
				}

				.hero-text .hero-desc {
					font-size: .72rem;
					line-height: 1.5;
					margin-bottom: 14px;
				}

				.hero-text .hero-btns {
					flex-direction: row;
					gap: 10px;
				}

				.hero-text .hero-btns .btn-h {
					padding: 8px 18px;
					font-size: .78rem;
				}

				.hero-nav-dots {
					bottom: 20px;
					gap: 8px;
				}

				.hero-nav-dots .dot {
					width: 7px;
					height: 7px;
				}

				.biz-grid {
					grid-template-columns: 1fr;
					max-width: 360px;
					margin: 0 auto;
				}

				.stat-block .stat-num {
					font-size: 2.4rem;
				}

				.about-text .about-meta {
					flex-wrap: wrap;
				}

				.about-text .about-meta .meta-item {
					flex: 1 1 calc(50% - 5px);
					min-width: calc(50% - 5px);
				}
			}

@media(max-width:768px) {
				.tech-earth-bg .earth-layer {
					width: 200px;
					height: 200px;
				}
			}

@media(max-width:480px) {
				.tech-earth-bg .earth-layer {
					width: 140px;
					height: 140px;
					opacity: 0.6;
				}
			}

/* ===== 首页 Hero（page-hero 风格）移动端适配 ===== */
@media(max-width:768px) {
	:root {
		--header-h: 60px;
	}

	/* 导航栏 - 首页改用浅色背景后，不再透明 */
	.navbar:not(.scrolled) {
		background: rgba(255, 255, 255, .95) !important;
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);
		border-bottom: 1px solid rgba(0, 102, 255, .06) !important;
		box-shadow: 0 1px 8px rgba(0, 102, 255, .04) !important;
	}

	.navbar:not(.scrolled) .nav-links a {
		color: #1a2a4a;
	}

	.navbar:not(.scrolled) .nav-logo {
		color: #1a2a4a;
	}

	.navbar:not(.scrolled) .nav-toggle span {
		background: #0066ff !important;
	}

	/* page-hero 覆盖 snap-section 的 flex 布局 */
	.page-hero.snap-section {
		display: block;
		align-items: initial;
		justify-content: initial;
	}

	.page-hero {
		padding: calc(var(--header-h) + 60px) 0 60px;
		min-height: auto;
	}

	.page-hero .container {
		position: relative;
		z-index: 1;
		max-width: 800px;
		margin: 0 auto;
		padding: 0 24px;
	}

	/* 徽章 */
	.page-hero .hero-badge-sm {
		display: inline-block;
		padding: 5px 16px;
		background: rgba(0, 136, 255, .1);
		border: 1px solid rgba(0, 136, 255, .2);
		border-radius: 30px;
		font-size: .72rem;
		color: #0066ff;
		letter-spacing: 1.5px;
		margin-bottom: 18px;
	}

	/* 标题 */
	.page-hero h1 {
		font-size: 1.65rem;
		font-weight: 800;
		color: #1a2a4a;
		line-height: 1.35;
		margin-bottom: 16px;
		letter-spacing: -.5px;
	}

	.page-hero h1 .hl {
		background: linear-gradient(135deg, #0066ff, #0088ff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
	}

	/* 描述文字 */
	.page-hero .hero-desc {
		font-size: .85rem;
		color: #4a6a8a;
		line-height: 1.8;
		max-width: 500px;
		margin: 0 auto 28px;
	}

	/* 按钮组 */
	.page-hero .hero-btns {
		display: flex;
		gap: 12px;
		justify-content: center;
		flex-wrap: wrap;
	}

	.page-hero .hero-btns .btn-h {
		display: inline-block;
		padding: 11px 26px;
		font-size: .85rem;
		font-weight: 600;
		border-radius: 8px;
		text-decoration: none;
		transition: all .35s;
	}

	.page-hero .btn-h-primary {
		background: linear-gradient(135deg, #0066ff, #0088ff);
		color: #fff;
		box-shadow: 0 4px 16px rgba(0, 136, 255, .3);
	}

	.page-hero .btn-h-primary:active {
		transform: translateY(-2px);
		box-shadow: 0 6px 20px rgba(0, 136, 255, .4);
	}

	.page-hero .btn-h-outline {
		border: 2px solid rgba(0, 102, 255, .3);
		color: #0066ff;
		background: transparent;
	}

	.page-hero .btn-h-outline:active {
		background: rgba(0, 102, 255, .06);
		border-color: rgba(0, 102, 255, .5);
	}
}

@media(max-width:480px) {
	.page-hero {
		padding: calc(var(--header-h) + 50px) 0 50px;
	}

	.page-hero h1 {
		font-size: 1.4rem;
	}

	.page-hero .hero-badge-sm {
		font-size: .65rem;
		padding: 4px 14px;
	}

	.page-hero .hero-desc {
		font-size: .78rem;
	}

	.page-hero .hero-btns .btn-h {
		padding: 10px 22px;
		font-size: .8rem;
	}
}

/* ===== 移动端触摸反馈（替代 hover 交互）===== */
@media(max-width:768px) {
	.why-card:active {
		transform: translateY(-4px);
		box-shadow: 0 12px 36px rgba(0, 102, 255, .1);
		border-color: transparent;
	}

	.why-card:active::before {
		transform: scaleX(1);
	}

	.why-card:active .why-icon {
		transform: translateY(-3px);
		background: linear-gradient(135deg, rgba(0, 102, 255, .18) 0%, rgba(0, 136, 255, .08) 100%);
	}

	.why-card:active .why-icon svg {
		transform: scale(1.12) rotate(-4deg);
		color: var(--c-blue-light);
	}

	.biz-card:active {
		transform: translateY(-4px);
		box-shadow: 0 12px 36px rgba(0, 102, 255, .1);
	}

	.biz-card:active .biz-img-wrap img {
		transform: scale(1.08);
	}

	.biz-card:active .biz-body .biz-tag {
		background: #0066ff;
		color: #fff;
	}

	.about-img:active {
		transform: translateY(-4px) scale(1.02);
		box-shadow: 0 20px 56px rgba(0, 102, 255, .18);
	}

	.about-text .about-meta .meta-item:active {
		transform: translateY(-3px);
		box-shadow: 0 6px 24px rgba(0, 102, 255, .12);
	}

	.about-text .about-meta .meta-item:active::before {
		transform: scaleX(1);
	}

	.company-card:active {
		transform: translateY(-3px);
		box-shadow: 0 10px 32px rgba(0, 102, 255, .08);
	}
}