/* ============================================================
 *  meper.cn  —  响应式补丁
 *  在共享 head.css/footer.css 之上,补充主门户 .section/.hero/.product-grid
 *  等的移动规则;断点对齐华冠 ref: 768px / 1024px
 * ============================================================ */

/* ----------- 平板 ----------- */
@media (max-width: 1024px) {
	.product-grid { grid-template-columns: repeat(2, 1fr); gap: .25rem; }
	.capability-grid { grid-template-columns: repeat(3, 1fr); }
	.clients-grid { grid-template-columns: repeat(4, 1fr); }
	.testimonial-grid { grid-template-columns: 1fr; }
	.testimonial__image { height: 2.2rem; }
	.hero__title { font-size: .52rem; }
	.hero__sub { font-size: .18rem; }
	.section { padding: .7rem .3rem; }
	.section__title { font-size: .32rem; }
}

/* ----------- 手机 ----------- */
@media (max-width: 768px) {
	body { min-width: 0 !important; }
	.header { padding: 0 .2rem !important; }
	.menu_btn { display: block !important; }
	.header .menu { display: none; float: none; clear: both; width: 100%; padding: .1rem 0; }
	.header .menu.open { display: block; }
	.header .menu .menu_item { float: none; }
	.header .menu .menu_item a { padding: .12rem .2rem; }
	.header .menu .active_line { display: none !important; }
	.hero { min-height: 4.5rem; }
	.hero__inner { max-width: 100%; }
	.hero__title { font-size: .42rem; line-height: 1.25; }
	.hero__sub { font-size: .16rem; margin-bottom: .4rem; }
	.hero__cta .btn { padding: .12rem .26rem; font-size: .14rem; }
	.positioning__inner { flex-direction: column; align-items: flex-start; gap: .2rem; }
	.positioning__text { font-size: .14rem; }
	.positioning__stats { width: 100%; justify-content: space-between; gap: .15rem; }
	.stat__num { font-size: .26rem; }

	.section { padding: .5rem .2rem; }
	.section__title { font-size: .26rem; }
	.section__sub { font-size: .14rem; }
	.section__eyebrow { font-size: .12rem; }

	.product-grid { grid-template-columns: 1fr; gap: .2rem; }
	.product-card { padding: .3rem .25rem; }
	.product-card__name { font-size: .18rem; }
	.product-card__desc { font-size: .13rem; }

	.capability-grid { grid-template-columns: repeat(2, 1fr); gap: .15rem; }
	.capability-card { padding: .25rem .15rem; }
	.capability-card__name { font-size: .14rem; }
	.capability-card__desc { font-size: .11rem; }

	.clients-grid { grid-template-columns: repeat(3, 1fr); gap: .12rem; }
	.client-item { height: .7rem; padding: .15rem; }

	.testimonial__quote { padding: .25rem; }
	.testimonial__text { font-size: .14rem; line-height: 1.7; }

	.cta { padding: .5rem .2rem; }
	.cta h2 { font-size: .26rem; }
	.cta p { font-size: .14rem; }
	.cta .btn { font-size: .14rem; padding: .12rem .26rem; }
}

/* ----------- 极小屏 ----------- */
@media (max-width: 380px) {
	.product-card__features span { font-size: .11rem; }
	.clients-grid { grid-template-columns: repeat(2, 1fr); }
	.capability-grid { grid-template-columns: 1fr; }
}