/* 全站手机端（≤767px）。放在各页样式之后加载。 */

@media (max-width: 767px) {
	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	img,
	video,
	svg,
	iframe,
	canvas {
		max-width: 100%;
		height: auto;
	}

	.container {
		padding-left: 16px;
		padding-right: 16px;
	}

	input,
	select,
	textarea {
		font-size: 16px;
	}

	/* ---------- 顶栏与菜单 ---------- */
	.bannerSmall {
		top: 6px !important;
		right: 8px !important;
	}

	.bannerSmall button {
		width: 44px;
		height: 44px;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	.dropdown-menu {
		max-height: calc(100vh - 56px);
		max-height: calc(100dvh - 56px);
		overflow-y: auto;
		box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
		-webkit-overflow-scrolling: touch;
	}

	.dropdown-menu > li > a {
		display: flex !important;
		align-items: center;
		min-height: 48px;
		line-height: 1.4 !important;
		padding: 0 18px !important;
	}

	/* ---------- 内页头图：压高度，标题先露出来 ---------- */
	.abt-hero,
	.abt-hero-inner,
	.svc-hero,
	.svc-hero-inner,
	.svc-detail-hero,
	.svc-detail-hero-inner,
	.info-hero,
	.info-hero-inner,
	.join-hero,
	.join-hero-inner,
	.news-banner,
	.news-banner-inner,
	.user-banner,
	.user-banner .news-banner-inner,
	.cart-banner,
	.cart-banner.news-banner,
	.cart-banner .news-banner-inner,
	.contact-banner,
	.contact-banner .news-banner-inner,
	.agreement-banner,
	.agreement-banner .news-banner-inner {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
	}

	.abt-hero-inner,
	.svc-hero-inner,
	.svc-detail-hero-inner,
	.info-hero-inner,
	.join-hero-inner,
	.news-banner-inner,
	.user-banner .news-banner-inner,
	.cart-banner .news-banner-inner,
	.contact-banner .news-banner-inner {
		padding: 22px 16px 26px !important;
		justify-content: center;
	}

	.abt-hero-copy h1,
	.svc-hero-copy h1,
	.svc-detail-hero h1,
	.svc-detail-hero-copy h1,
	.info-hero-copy h1,
	.info-hero h1,
	.join-hero-copy h1,
	.domain-hero-copy h1,
	.news-banner-inner h1,
	.user-banner .news-banner-inner h1,
	.cart-banner .news-banner-inner h1 {
		font-size: 26px !important;
		line-height: 1.28 !important;
		letter-spacing: 0 !important;
	}

	.abt-hero-lead,
	.svc-hero-lead,
	.svc-detail-hero-lead,
	.info-hero-lead,
	.join-hero-lead,
	.domain-hero-lead,
	.news-banner-inner p,
	.user-banner .news-banner-inner p {
		margin-top: 8px !important;
		font-size: 14px !important;
		line-height: 1.65 !important;
	}

	.abt-breadcrumb,
	.svc-breadcrumb,
	.svc-detail-breadcrumb,
	.info-breadcrumb,
	.join-breadcrumb,
	.domain-breadcrumb {
		margin-bottom: 12px !important;
	}

	.svc-hero-actions,
	.svc-detail-hero-actions,
	.abt-hero-actions {
		margin-top: 16px !important;
		width: 100%;
	}

	.svc-hero-actions .svc-btn,
	.svc-detail-hero-actions .svc-btn,
	.abt-hero-actions .abt-btn {
		flex: 1 1 calc(50% - 8px);
		min-width: 0;
		padding-left: 12px;
		padding-right: 12px;
	}

	.domain-hero {
		padding-bottom: 20px !important;
	}

	.domain-hero-inner {
		padding-top: 8px !important;
	}

	.domain-hero-copy {
		margin-bottom: 16px !important;
	}

	.domain-search-card {
		padding: 16px 14px 14px !important;
	}

	.domain-search-combo {
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		height: 46px !important;
		min-height: 46px !important;
		border: 1px solid var(--zly-line, #e5e7eb) !important;
		border-radius: 8px !important;
		background: #fff !important;
		overflow: hidden !important;
		box-shadow: none !important;
	}

	.domain-search-combo input[type="text"] {
		flex: 1 1 auto !important;
		width: auto !important;
		min-width: 0 !important;
		height: 46px !important;
		padding: 0 10px !important;
		border: none !important;
		border-radius: 0 !important;
		font-size: 14px !important;
		background: transparent !important;
	}

	.domain-suffix-select {
		flex: 0 0 78px !important;
		min-width: 78px !important;
		border: none !important;
		border-left: 1px solid var(--zly-line, #e5e7eb) !important;
		border-radius: 0 !important;
		background: #fff !important;
	}

	.domain-suffix-select select {
		height: 46px !important;
		min-height: 46px !important;
		max-height: 46px !important;
		padding: 0 22px 0 8px !important;
		font-size: 13px !important;
	}

	.domain-suffix-select::after {
		right: 8px;
	}

	.domain-search-submit {
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: 68px !important;
		height: 46px !important;
		min-height: 46px !important;
		padding: 0 12px !important;
		border-radius: 0 !important;
		font-size: 14px !important;
	}

	.domain-tld-grid .domain-tld-card:nth-child(n + 7) {
		display: none !important;
	}

	/* 购物车头图不再用大负边距把面板拽进图里 */
	.cart-page > .container > .cart-panel,
	.cart-page > .container > .cart-panel:not(.pay-page) {
		margin-top: 16px !important;
	}

	.cart-banner .news-banner-inner {
		padding-bottom: 26px !important;
	}

	/* ---------- 锚点条贴在顶栏下；产品服务目录改为完整两行 ---------- */
	.abt-anchors {
		top: 56px !important;
	}

	.svc-anchors {
		position: relative !important;
		top: auto !important;
		margin-top: 12px !important;
	}

	.abt-anchors-inner {
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}

	.svc-directory-links a {
		white-space: normal;
	}

	.abt-page,
	.svc-page {
		padding-top: 28px !important;
		padding-bottom: 40px !important;
	}

	.abt-intro,
	.abt-belief,
	.abt-product,
	.abt-contact-main,
	.abt-contact-aside {
		padding: 20px 16px !important;
	}

	/* ---------- 首页 ---------- */
	.page-home .lbt.home-lbt,
	.page-home .lbt.home-lbt .carousel,
	.page-home .lbt.home-lbt .carousel-inner,
	.page-home .lbt.home-lbt .home-hero-slide,
	.page-home .lbt.home-lbt .item,
	.page-home .lbt.home-lbt .item a {
		height: 340px !important;
		min-height: 340px !important;
	}

	.home-hero-copy {
		padding-top: 64px !important;
		padding-bottom: 36px !important;
	}

	.home-hero-copy h1 {
		font-size: 28px !important;
		line-height: 1.25 !important;
	}

	.home-hero-lead {
		font-size: 14px !important;
		line-height: 1.65 !important;
	}

	.home-hero-actions {
		display: flex;
		width: 100%;
		gap: 10px;
	}

	.home-hero-actions .home-btn {
		flex: 1 1 0;
		min-width: 0;
		justify-content: center;
		padding: 0 10px !important;
	}

	.home-about-row {
		flex-direction: column !important;
	}

	.home-about-copy,
	.home-about-panel {
		width: 100% !important;
		max-width: 100% !important;
		flex: none !important;
	}

	.home-domain-panel,
	.home-domain-body {
		min-height: 220px !important;
	}

	.home-domain-panel::before {
		font-size: 22px !important;
		letter-spacing: 0.04em;
	}

	.home-about,
	.home-services,
	.home-news,
	.home-close {
		padding-top: 40px !important;
		padding-bottom: 44px !important;
	}

	.home-section-head {
		margin-bottom: 20px !important;
	}

	.home-section-head h2,
	.home-about-copy h2,
	.home-close-copy h2 {
		font-size: 24px !important;
	}

	.home-svc-grid {
		margin-left: -6px;
		margin-right: -6px;
	}

	.home-svc-grid > [class*="col-"] {
		padding-left: 6px;
		padding-right: 6px;
		margin-bottom: 10px !important;
	}

	.home-svc-grid > [class*="col-"]:nth-child(n + 7) {
		display: none !important;
	}

	.home-svc-item {
		display: grid !important;
		grid-template-columns: 40px minmax(0, 1fr);
		grid-template-areas:
			"icon title"
			"icon desc";
		column-gap: 12px;
		row-gap: 2px;
		align-items: center;
		padding: 14px 14px !important;
	}

	.home-svc-top {
		grid-area: icon;
		margin: 0 !important;
		justify-content: center;
	}

	.home-svc-index {
		display: none;
	}

	.home-svc-icon {
		width: 40px !important;
		height: 40px !important;
		border-radius: 10px !important;
	}

	.home-svc-item h3 {
		grid-area: title;
		margin: 0 !important;
		font-size: 16px !important;
		line-height: 1.35 !important;
	}

	.home-svc-desc {
		grid-area: desc;
		margin: 0 !important;
		font-size: 12px !important;
		line-height: 1.5 !important;
	}

	.home-news-list {
		padding: 0 !important;
		border: none !important;
		border-radius: 12px;
		background: transparent !important;
		box-shadow: none !important;
	}

	.home-news-list-item {
		margin: 0 0 8px;
		border: none !important;
		background: #fff;
		border-radius: 10px;
		box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	}

	.home-news-list-item:last-child {
		margin-bottom: 0;
	}

	.home-news-item {
		flex-wrap: nowrap !important;
		align-items: center !important;
		gap: 12px !important;
		min-height: 56px;
		padding: 12px 14px 12px 16px !important;
	}

	.home-news-item::before {
		top: 14px;
		bottom: 14px;
		width: 3px;
		background: var(--zly-brand, #2563eb);
		opacity: 0.85;
	}

	.home-news-cat {
		display: none !important;
	}

	.home-news-title {
		flex: 1 1 auto !important;
		order: 0 !important;
		font-size: 15px !important;
		font-weight: 600;
		line-height: 1.45 !important;
		-webkit-line-clamp: 2;
	}

	.home-news-arrow {
		display: block !important;
		opacity: 0.45 !important;
		transform: none !important;
		font-size: 16px;
		color: var(--zly-brand, #2563eb) !important;
	}

	.home-domain-body {
		padding: 22px 16px !important;
	}

	.home-close-actions {
		flex-direction: column;
	}

	.home-close-actions .home-btn,
	.home-close-actions a {
		width: 100%;
		justify-content: center;
	}

	/* ---------- 资讯 ---------- */
	.news-tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		gap: 8px;
		margin-left: -16px;
		margin-right: -16px;
		padding: 0 16px 4px;
	}

	.news-tabs::-webkit-scrollbar {
		display: none;
	}

	.news-tab-btn {
		flex: 0 0 auto;
		padding: 8px 14px;
	}

	.news-list-page,
	.article-page,
	.contact-page {
		padding-top: 16px !important;
		padding-bottom: 28px !important;
	}

	.article-main img,
	.agreement-body img,
	.news-card img {
		max-width: 100% !important;
		height: auto !important;
	}

	.article-main,
	.agreement-body {
		padding: 20px 16px 24px !important;
		word-break: break-word;
	}

	.article-main table,
	.agreement-body table {
		display: block;
		width: 100% !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.article-title {
		font-size: 22px !important;
	}

	/* ---------- 个人中心：侧栏改成顶栏 + 横向菜单 ---------- */
	.user-page {
		padding-top: 16px !important;
		padding-bottom: 32px !important;
	}

	.user-side {
		display: grid !important;
		grid-template-columns: 48px minmax(0, 1fr);
		grid-template-areas:
			"avatar name"
			"avatar uid"
			"menu menu";
		column-gap: 12px;
		row-gap: 2px;
		align-items: center;
		padding: 14px 14px 12px !important;
	}

	.user-avatar {
		grid-area: avatar;
		width: 48px !important;
		height: 48px !important;
		margin: 0 !important;
		font-size: 20px !important;
	}

	.user-side-name {
		grid-area: name;
		margin: 0 !important;
		text-align: left !important;
		font-size: 16px !important;
	}

	.user-side-uid {
		grid-area: uid;
		justify-content: flex-start;
		margin: 0 !important;
		text-align: left !important;
	}

	.user-menu {
		grid-area: menu;
		display: flex;
		flex-wrap: nowrap;
		gap: 8px;
		width: 100%;
		margin-top: 10px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.user-menu::-webkit-scrollbar {
		display: none;
	}

	.user-menu a {
		flex: 0 0 auto;
		margin: 0 !important;
		white-space: nowrap;
		min-height: 36px;
		display: inline-flex;
		align-items: center;
		padding: 8px 12px !important;
	}

	.user-main {
		padding: 18px 14px 22px !important;
	}

	.user-main h2 {
		font-size: 20px;
	}

	.auth-card {
		padding: 20px 16px !important;
	}

	.auth-code-row {
		display: flex;
		gap: 8px;
	}

	.auth-code-row input {
		min-width: 0;
		flex: 1 1 auto;
	}

	.auth-code-btn {
		flex: 0 0 auto !important;
		min-width: 108px;
		white-space: nowrap;
	}

	.auth-submit,
	.cf-submit,
	.user-main .btn-primary,
	.user-main button[type="submit"] {
		width: 100%;
	}

	/* ---------- 页脚 ---------- */
	.site-footer {
		padding-top: 28px !important;
	}

	.site-footer-col {
		margin-bottom: 18px !important;
	}

	.site-footer-main > .col-xs-6 {
		margin-bottom: 8px;
	}

	.site-footer-bottom {
		padding-top: 14px !important;
		padding-bottom: 18px !important;
	}

	.site-footer-bottom p {
		line-height: 1.7;
		word-break: break-all;
	}

	.back-top {
		right: 12px !important;
		bottom: calc(16px + env(safe-area-inset-bottom)) !important;
	}

	/* 第三方在线客服浮标：避开正文与顶栏菜单 */
	.embed-icon {
		top: auto !important;
		left: auto !important;
		right: 12px !important;
		bottom: calc(68px + env(safe-area-inset-bottom)) !important;
		z-index: 9990 !important;
	}
}