/* =====================================================
   响应式 / 手机端
   ===================================================== */

/* ≤1240px */
@media (max-width: 1240px) {
	:root { --lj-wrap: 100%; }
	.case-grid { padding: 0 20px; }
}

/* ≤1100px */
@media (max-width: 1100px) {
	.nav-list li > a { padding: 8px 10px; font-size: 14px; }
	.service-cards { grid-template-columns: repeat(2, 1fr); }
	.case-grid { grid-template-columns: repeat(3, 1fr); }
	.solution-cards { grid-template-columns: repeat(2, 1fr); }
	.news-grid { grid-template-columns: repeat(2, 1fr); }
	.partner-grid { grid-template-columns: repeat(4, 1fr); }
	.footer-grid { grid-template-columns: repeat(2, 1fr); }
	.news-layout, .single-layout { grid-template-columns: 1fr; }
	.single-side { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
	.about_main, .about_pic { float: none; width: 100%; }
	.about_pic { margin-top: 20px; }
}

/* ≤992px：平板/手机 */
@media (max-width: 992px) {
	body { font-size: 14px; }

	/* --- 头部 --- */
	.site-header { position: sticky; top: 0; box-shadow: 0 2px 14px rgba(13,43,49,.08); }
	.header-wrap { min-height: 62px; }
	.logo-text, .top-info { display: none; }
	.site-logo img, .custom-logo { max-height: 44px; }
	.header-right { display: none; }
	.nav-toggle {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 5px;
		width: 42px; height: 42px;
		background: none; border: 0; cursor: pointer;
	}
	.nav-toggle span { display: block; width: 22px; height: 2px; background: var(--lj-ink); border-radius: 2px; transition: all .3s; }
	.nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	.nav-toggle.open span:nth-child(2) { opacity: 0; }
	.nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

	/* --- 抽屉菜单 --- */
	.mobile-drawer {
		display: block;
		position: fixed;
		top: 0; right: 0; bottom: 0;
		width: 78%;
		max-width: 330px;
		background: #fff;
		z-index: 1200;
		transform: translateX(105%);
		transition: transform .35s ease;
		overflow-y: auto;
		padding-bottom: 30px;
		box-shadow: -10px 0 30px rgba(13,43,49,.18);
	}
	.mobile-drawer.open { transform: translateX(0); }
	.drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--lj-line); }
	.drawer-head img { max-height: 40px; }
	.drawer-close { background: none; border: 0; font-size: 28px; color: var(--lj-muted); cursor: pointer; line-height: 1; }
	.drawer-tel { padding: 16px 18px; }
	.drawer-tel a { display: block; text-align: center; background: linear-gradient(120deg, var(--lj-teal), var(--lj-teal-l)); color: #fff; border-radius: 999px; padding: 10px; font-size: 16px; font-weight: 600; }
	.drawer-nav li a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 14px 20px;
		font-size: 15px;
		color: var(--lj-ink);
		border-bottom: 1px solid var(--lj-line);
	}
	.drawer-nav li a:hover, .drawer-nav li.current-menu-item a { color: var(--lj-teal); }
	.drawer-contact { padding: 16px 20px; font-size: 13px; color: var(--lj-muted); }
	.drawer-contact p { margin-bottom: 8px; }
	.drawer-mask { position: fixed; inset: 0; background: rgba(13,43,49,.45); opacity: 0; visibility: hidden; transition: all .3s; z-index: 1100; }
	.drawer-mask.show { opacity: 1; visibility: visible; }

	/* --- Banner / 内页 --- */
	.page-banner { height: 220px; background-position: center 30%; }
	.page-banner.banner-contact-form { height: auto; padding: 30px 0 40px; }
	.banner-contact-form .form-msg { position: static; transform: none; width: 100%; margin-top: 90px; }
	.page-banner .lj-container { position: static; height: auto; }
	.about-tabs { position: static; margin-top: 120px; }
	.about-tabs ul { flex-wrap: wrap; }
	.about-tabs li a { padding: 9px 16px; font-size: 13px; }
	.inner-page { padding: 16px 0 50px; }
	.lj-article { padding: 24px 20px; }
	.article-title { font-size: 21px; }

	/* --- 首页 --- */
	.hero-slider { height: 300px; }
	.hero-arrow { display: none; }
	.hero-bar .dot { width: 28px; }
	.hero-bar .dot.on { width: 40px; }
	.hero-bar { bottom: 20px; }
	.sec-head { padding-top: 44px; }
	.sec-head .sec-title { font-size: 25px; }
	.service-cards { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 28px; }
	.service-card .t { font-size: 16px; padding: 14px 16px 0; }
	.service-card .spec { padding: 8px 16px 16px; }
	.service-band { font-size: 15px; padding: 18px 14px; margin-top: 34px; }
	.case-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 26px; }
	.case-item .meta { height: 48px; padding: 0 10px; }
	.case-item .meta h4 { font-size: 13px; }
	.solution-cards { grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 26px; }
	.solution-card { padding: 26px 16px 22px; }
	.solution-card .icon img { width: 84px; height: 84px; }
	.news-grid { grid-template-columns: 1fr; gap: 14px; padding-top: 24px; }
	.news-card .t { height: auto; -webkit-line-clamp: 2; }
	.news-card .spec { height: auto; -webkit-line-clamp: 2; }
	.partner-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 26px; }
	.sec-more { margin: 30px 0 40px; }
	.dot-nav { display: none; }

	/* --- 列表 --- */
	.news-list li { flex-direction: column; gap: 8px; }
	.news-time {
		flex: none;
		display: flex;
		align-items: baseline;
		gap: 8px;
		text-align: left;
		border-right: 0;
		padding-right: 0;
	}
	.news-time .day { font-size: 22px; }
	.news-time .author { display: none; }
	.news-cont h2 { font-size: 17px; }
	.lj-tabs ul { gap: 8px; }
	.lj-tabs li a { padding: 7px 14px; font-size: 13px; }
	.single-side { grid-template-columns: 1fr; }

	/* --- 服务/移动/联系 --- */
	.ser_project ul { grid-template-columns: repeat(2, 1fr); gap: 14px; }
	.ser_scope .picList { grid-template-columns: 1fr; }
	.wechat dl { max-width: 100%; display: block; }
	.wechat_img { display: block; margin: 20px 0 0; }
	.wechat_intro { flex-direction: column; gap: 22px; padding: 34px 0; }
	.mobile_column ul { grid-template-columns: 1fr; gap: 16px; }
	.connect_column ul { grid-template-columns: repeat(2, 1fr); gap: 14px; }
	.contact_pay { padding: 26px 18px; }
	.jion_tab { gap: 14px; }
	.about_main, .about_pic { padding: 0 4px; }
	.about_cont { padding: 22px 18px; }
	.about_cont ul li { width: 100%; }

	/* --- 抖音 --- */
	.douyin-banner > img { max-height: 420px; }
	.douyin-cta { background: linear-gradient(90deg, rgba(13,43,49,.72), rgba(13,43,49,.35)); }
	.douyin-cta h1 { font-size: 22px; }
	.douyin-cta p { font-size: 13px; }
	.cta-btns { flex-wrap: wrap; }
	.douyin-page .entry-content { padding: 20px 16px; }

	/* --- 页脚 --- */
	.footer-grid { grid-template-columns: 1fr 1fr; gap: 26px; }
	.footer-links { font-size: 12px; }
	.footer-links .wrap-links { text-align: left; }

	/* --- 手机底部栏 & 悬浮 --- */
	.float-widget { display: none; }
	.mobile-bar {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		position: fixed;
		left: 0; right: 0; bottom: 0;
		background: #10424a;
		z-index: 950;
		padding-bottom: env(safe-area-inset-bottom);
		box-shadow: 0 -4px 16px rgba(13,43,49,.25);
	}
	.mobile-bar a {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 3px;
		padding: 8px 0 7px;
		color: rgba(255,255,255,.85);
		font-size: 12px;
	}
	.mobile-bar a .ico { width: 20px; height: 20px; }
	.mobile-bar a:hover { color: #fff; }
	.mobile-bar .mb-menu { background: var(--lj-teal-l); }
	body { padding-bottom: 52px; }
	footer.site-footer { padding-bottom: 0; }
}

/* ≤560px */
@media (max-width: 560px) {
	.header-wrap { padding: 0 14px; }
	.lj-container { padding: 0 14px; }
	.hero-slider { height: 240px; }
	.service-cards, .case-grid, .solution-cards { grid-template-columns: 1fr; }
	.partner-grid { grid-template-columns: repeat(2, 1fr); }
	.connect_column ul { grid-template-columns: 1fr; }
	.ser_project ul { grid-template-columns: 1fr; }
	.footer-grid { grid-template-columns: 1fr; }
	.lj-article { padding: 20px 16px; }
	.article-title { font-size: 19px; }
	.article-meta { gap: 4px 12px; }
	.wd-section { height: 60vh; }
	.wd-section.wd-first { height: 52vh; }
	.lj-404 h1 { font-size: 64px; }
	.douyin-banner > img { max-height: 300px; }
	.mobile-bar { grid-template-columns: repeat(4, 1fr); }
}

/* 打印 */
@media print {
	.site-header, .site-footer, .float-widget, .mobile-bar, .dot-nav, .page-banner { display: none !important; }
}
