a,
input,
button {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
button {
	-webkit-appearance: none;
	border-radius: 0;
}

body {
	margin: 0;
	-webkit-user-select: none;
}

body * {
	-webkit-user-select: none;
	font-family: Helvetica;
}

body {
	-webkit-text-size-adjust: 100%;
}

h1 {
	margin: 0;
}

a {
	text-decoration: none;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	vertical-align: top;
}

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* 响应式rem基准值优化 */
html {
	font-size: 75px; /* 默认移动端 */
}

/* 不希望rem单位，影响页面元素布局 */
body {
	font-size: 16px;
}

/* 滚动容器优化 */
.scroll-container {
	width: 100%;
	height: 100vh;
	overflow-y: scroll;
	overflow-x: hidden;
	scroll-snap-type: y mandatory;
	position: relative;
	-webkit-overflow-scrolling: touch;
}

/* 屏幕基础样式 */
.screen {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 100vh;
	scroll-snap-align: start;
	scroll-snap-stop: always;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

/* 第一屏特殊样式 */
.screen:first-child {
	background: url("https://oss.weijinle.com/images/bg2x.png") no-repeat center;
	background-size: cover;
}

/* 第二屏特殊样式 */
.screen:nth-child(2) {
	background-color: #824CE9;
	position: relative;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

/* 中心内容区域 */
.centerBox {
	width: 100%;
	height: 100vh;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 10vh;
}

/* 下载按钮区域 */
.botBox {
	width: 100%;
	max-width: 600px; /* 限制最大宽度 */
	display: flex;
	justify-content: center;
	position: relative;
	gap: 0.44rem;
	margin: auto 0;
	margin-bottom: 25vh;
}

.btn {
	display: flex;
	align-items: center;
	width: 3.62rem;
	height: 1.15rem;
	background-color: #FFF;
	border-radius: .99rem;
	justify-content: center;
	margin: 0;
	transition: transform 0.2s ease;
}

.btn:hover {
	transform: scale(1.05);
}

.botBox .btn img {
	width: .44rem;
	height: .44rem;
	margin-right: .13rem;
}

.botBox .btn .text {
	color: #824CE9;
	font-size: .4rem;
}

/* 页脚位置调整 */
.footerBox {
	width: 100%;
	max-width: 1200px; /* 限制最大宽度 */
	position: absolute;
	bottom: 18vh;
	left: 50%;
	transform: translateX(-50%); /* 居中对齐 */
	z-index: 10;
	padding: 0 1rem;
	box-sizing: border-box;
}

/* 联系我们容器样式 */
.contact-container {
	max-width: 90%;
	margin: 0 auto 20px auto;
	padding: 15px;
	border-radius: 10px;
	text-align: center;
	line-height: 1.4;
}

/* 联系我们标题 */
.contact-title {
	font-size: 0.4rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 12px;
	letter-spacing: 1px;
}

/* 联系信息项 */
.contact-item {
	font-size: 0.28rem;
	color: #fff;
	margin-bottom: 8px;
	word-break: break-all;
	line-height: 1.3;
}

.contact-item:last-child {
	margin-bottom: 0;
	font-size: 0.26rem;
}

/* 高亮文本 */
.contact-highlight {
	font-weight: 500;
}

.foots {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.15rem;
}

.foots a {
	color: #FFF;
	font-size: 0.24rem;
	opacity: 0.8;
	line-height: 1.2;
	text-align: center;
	word-break: break-all;
}

.popBox {
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.9);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}

.popImg {
	width: 2.3rem;
	height: 2.3rem;
	margin-top: .88rem;
	margin-left: 7.1rem;
}

.popBox .popText {
	margin-left: 2.2rem;
	margin-top: -0.48rem;
	color: #FFF;
	font-size: .4rem;
}

.popBox .popTextTwo {
	margin-top: .44rem;
	margin-left: 2.2rem;
	color: #FFF;
	font-size: .4rem;
}

/* 第二屏文案容器调整 */
.intro-container {
	width: 90%;
	max-width: 800px;
	padding: 0 1rem;
	color: #FFF;
	text-align: center;
	margin-top: 10vh;
}

.intro-title {
	font-size: 0.8rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}

/* 调整文案行高 */
.intro-text {
	font-size: 0.45rem;
	line-height: 0.9rem;
	white-space: pre-line;
	letter-spacing: 0.02rem;
}

/* 指示器样式 */
.page-indicator {
	position: fixed;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	gap: 15px;
	z-index: 20;
}

.indicator {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.3);
	border: 2px solid rgba(255, 255, 255, 0.6);
	cursor: pointer;
	transition: all 0.3s ease;
}

.indicator.active {
	background-color: #fff;
	border-color: #fff;
	transform: scale(1.2);
}

/* ========== 响应式适配优化 ========== */

/* 小屏手机 */
@media screen and (max-width: 480px) {
	html {
		font-size: 70px; /* 稍微减小 */
	}

	.contact-container {
		max-width: 95%;
		padding: 12px;
	}

	.contact-title {
		font-size: 0.36rem;
		margin-bottom: 10px;
	}

	.contact-item {
		font-size: 0.26rem;
		margin-bottom: 6px;
	}

	.contact-item:last-child {
		font-size: 0.24rem;
	}

	.botBox {
		gap: 0.3rem;
	}

	.btn {
		width: 3.2rem;
		height: 1rem;
	}
}

/* 横屏小屏幕 */
@media screen and (orientation: landscape) and (max-height: 500px) {
	.footerBox {
		bottom: 10vh;
	}

	.centerBox {
		padding-top: 5vh;
	}

	.botBox {
		margin-bottom: 15vh;
	}

	.contact-container {
		padding: 8px;
	}

	.contact-title {
		font-size: 0.32rem;
		margin-bottom: 6px;
	}

	.contact-item {
		font-size: 0.24rem;
		margin-bottom: 4px;
	}

	.intro-container {
		margin-top: 5vh;
	}
}

/* 平板尺寸 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	html {
		font-size: 60px; /* 适中尺寸 */
	}

	.footerBox {
		max-width: 800px;
	}

	.contact-container {
		max-width: 600px;
		padding: 25px;
	}

	.contact-title {
		font-size: 0.45rem;
		margin-bottom: 18px;
		letter-spacing: 1.5px;
	}

	.contact-item {
		font-size: 0.32rem;
		margin-bottom: 10px;
		line-height: 1.4;
	}

	.contact-item:last-child {
		font-size: 0.3rem;
	}

	.botBox {
		gap: 0.6rem;
		max-width: 500px;
	}

	.btn {
		width: 4rem;
		height: 1.3rem;
	}

	.intro-text {
		font-size: 0.5rem;
		line-height: 1rem;
	}
}

/* 大屏幕桌面端 */
@media screen and (min-width: 1025px) {
	html {
		font-size: 55px; /* 稍微增大基准值 */
	}

	.footerBox {
		max-width: 1000px;
		bottom: 15vh;
	}

	.contact-container {
		max-width: 700px;
		padding: 30px 50px; /* 增加横向内边距 */
		margin: 0 auto 30px auto; /* 增加底部外边距 */
	}

	.contact-title {
		font-size: 0.45rem; /* 调整字体大小 */
		margin-bottom: 18px; /* 调整底部间距 */
		letter-spacing: 2px;
	}

	.contact-item {
		font-size: 0.3rem; /* 调整字体大小 */
		margin-bottom: 10px; /* 调整底部间距 */
		line-height: 1.6; /* 调整行高 */
	}

	.contact-item:last-child {
		margin-bottom: 0;
		font-size: 0.28rem; /* 调整字体大小 */
	}

	.botBox {
		gap: 0.8rem;
		max-width: 600px;
	}

	.btn {
		width: 4.5rem;
		height: 1.4rem;
	}

	.botBox .btn .text {
		font-size: 0.42rem;
	}

	.intro-text {
		font-size: 0.55rem;
		line-height: 1.1rem;
		max-width: 700px;
		margin: 0 auto;
	}

	.page-indicator {
		right: 50px;
	}

	.indicator {
		width: 12px;
		height: 12px;
	}
}

/* 超大屏幕 */
@media screen and (min-width: 1440px) {
	html {
		font-size: 50px; /* 进一步调整基准值 */
	}

	.footerBox {
		max-width: 1200px;
	}

	.contact-container {
		max-width: 800px;
		padding: 40px 60px; /* 增加内边距 */
		margin-bottom: 40px; /* 增加底部外边距 */
	}

	.contact-title {
		font-size: 0.5rem; /* 调整字体大小 */
		margin-bottom: 25px; /* 增加底部间距 */
	}

	.contact-item {
		font-size: 0.32rem; /* 调整字体大小 */
		margin-bottom: 12px; /* 增加底部间距 */
		line-height: 1.7; /* 调整行高 */
	}

	.contact-item:last-child {
		margin-bottom: 0;
		font-size: 0.3rem; /* 调整字体大小 */
	}

	.botBox {
		max-width: 700px;
	}

	.intro-text {
		max-width: 800px;
	}
}

/* 4K及以上超高分辨率 */
@media screen and (min-width: 2000px) {
	html {
		font-size: 45px; /* 最小基准值 */
	}

	.footerBox {
		max-width: 1400px;
	}

	.contact-container {
		max-width: 900px;
		padding: 50px 70px; /* 增加内边距 */
		margin-bottom: 50px; /* 增加底部外边距 */
	}
}