/* ============================================
   联合商服官网 - 手机端适配样式
   仅在屏幕宽度 ≤ 768px 时生效，不影响桌面端
   保留原页面全部内容，针对移动端优化排版与触控
   ============================================ */
@media (max-width: 768px) {

	/* ---------- 全局 ---------- */
	body {
		font-size: 14px;
		line-height: 1.6;
	}

	/* ---------- 导航栏：汉堡菜单 ---------- */
	.navbar {
		padding: 10px 16px;
	}

	.logo {
		font-size: 1.25rem;
	}

	/* 汉堡按钮 */
	.nav-toggle-btn {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 5px;
		width: 36px;
		height: 36px;
		padding: 8px;
		cursor: pointer;
		z-index: 1001;
	}

	.nav-toggle-btn span {
		display: block;
		width: 100%;
		height: 2px;
		background-color: #333;
		border-radius: 2px;
		transition: transform 0.3s ease, opacity 0.3s ease;
	}

	/* 菜单默认收起 */
	.nav-links {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		flex-direction: column;
		background-color: #fff;
		box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
		padding: 8px 0;
	}

	/* 勾选时展开菜单 */
	.nav-toggle:checked~.nav-links {
		display: flex;
	}

	.nav-item {
		padding: 12px 20px;
		font-size: 15px;
		white-space: nowrap;
	}

	/* 汉堡三条线 -> 叉号 */
	.nav-toggle:checked+.nav-toggle-btn span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}

	.nav-toggle:checked+.nav-toggle-btn span:nth-child(2) {
		opacity: 0;
	}

	.nav-toggle:checked+.nav-toggle-btn span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}

	/* ---------- 区块通用 ---------- */
	.content-block {
		min-height: auto;
		padding: 40px 16px;
	}

	.section-title {
		font-size: 24px;
		margin-top: 0;
	}

	.section-subtitle {
		font-size: 15px;
		line-height: 1.6;
		margin-bottom: 30px;
	}

	/* ---------- 轮播图 ---------- */
	.carousel-container {
		height: 60vh;
		max-height: 60vh;
	}

	.carousel-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.carousel-btn {
		width: 38px;
		height: 38px;
		font-size: 16px;
	}

	.carousel-prev {
		left: 12px;
	}

	.carousel-next {
		right: 12px;
	}

	/* ---------- 公司介绍 ---------- */
	.vision {
		flex-direction: column;
		min-height: auto;
        padding: 0px 16px;
		gap: 30px;
	}

	.vision1 {
		margin-top: 0;
		align-self: stretch;
	}

	.vision1 span {
		padding: 0;
		font-size: 1.2rem;
		text-align: left;
	}

	.vision1 p {
		padding: 1rem 0;
	}

	.text-hr {
		margin-left: 0;
	}

	.vision2 {
		text-align: center;
	}

	.vision img {
		max-width: 100%;
	}

	/* ---------- 产品和服务：单列堆叠 ---------- */
	.products {
		padding: 40px 16px;
	}

	.products-content {
		flex-direction: column;
		gap: 24px;
		padding-bottom: 0;
	}

	.products-content>div {
		padding-bottom: 1.5rem;
	}

	.products-content img {
		width: 100%;
	}

	.products-content span {
		padding: 1rem 1.25rem 1.5rem;
		font-size: 14px;
		line-height: 1.7;
	}

	.price h2 {
		font-size: 2.25rem;
	}

	/* ---------- 合作流程：图在上、流程在下 ---------- */
	.process-content {
		flex-direction: column;
		padding-top: 0;
	}

	.process-l {
		width: 100%;
	}

	.process-r {
		padding-left: 0;
	}

	.process-text {
		margin-bottom: 2rem;
	}

	/* ---------- 联系我们 ---------- */
	.contact-content {
		flex-direction: column;
		padding-top: 0;
	}

	.contact1 {
		align-self: stretch;
	}

	.contact1 a {
		display: block;
		width: 100%;
		text-align: center;
		padding: 14px 30px;
		box-sizing: border-box;
	}

	.contact2 {
		width: 100%;
		height: 40vh;
	}

	/* ---------- 页脚 ---------- */
	.footer {
		flex-direction: column;
		gap: 6px;
		padding: 16px;
		height: auto;
		font-size: 14px;
		text-align: center;
	}
}