/*reset*/
html,
body {
	height: 100%;
}

body {
	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #2e7d32;
	font-size: 0.28rem;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

input {
	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p {
	font-size: 0.28rem;
	margin-bottom: 0.3rem;
	color: #2e7d32;
}

a {
	color: #fff;
	text-decoration: none;
}

.flex-box {
	display: flex;
	align-items: center;
}

.bg {
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
	background: url(../images/bamboo-bg.svg) no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
	box-sizing: border-box;
	position: relative;
}

.bg::before {
	content: "";
	position: absolute;
	top: 20px;
	left: 20px;
	width: 40px;
	height: 120px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 60'%3E%3Crect x='9' y='0' width='2' height='60' fill='%234caf50' /%3E%3Crect x='7' y='10' width='6' height='2' fill='%232e7d32' /%3E%3Crect x='7' y='25' width='6' height='2' fill='%232e7d32' /%3E%3Crect x='7' y='40' width='6' height='2' fill='%232e7d32' /%3E%3Cpath d='M12 5 Q16 2 18 6 Q15 8 12 7 Z' fill='%2381c784' /%3E%3Cpath d='M12 15 Q17 12 19 16 Q15 18 12 17 Z' fill='%2381c784' /%3E%3C/svg%3E") no-repeat;
	background-size: contain;
	opacity: 0.7;
	z-index: 0;
}

.bg::after {
	content: "";
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 40px;
	height: 100px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 60'%3E%3Crect x='9' y='0' width='2' height='60' fill='%234caf50' /%3E%3Crect x='7' y='15' width='6' height='2' fill='%232e7d32' /%3E%3Crect x='7' y='30' width='6' height='2' fill='%232e7d32' /%3E%3Crect x='7' y='45' width='6' height='2' fill='%232e7d32' /%3E%3Cpath d='M8 8 Q4 5 2 9 Q5 11 8 10 Z' fill='%2381c784' /%3E%3Cpath d='M8 18 Q3 15 1 19 Q5 21 8 20 Z' fill='%2381c784' /%3E%3C/svg%3E") no-repeat;
	background-size: contain;
	opacity: 0.7;
	z-index: 0;
}

.content-wrapper {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.logo {
	width: 100px;
	height: 100px;
	margin: 50px auto;
	border-radius: 50%;
	background: linear-gradient(135deg, #4caf50, #2e7d32);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 12px rgba(46, 125, 50, 0.3);
}



.title-container {
	text-align: center;
	margin-bottom: 1.5rem;
	position: relative;
	font-size: 50px;
	color: #2e7d32;
	-webkit-text-stroke: 2px #fff;
	/* 1px宽的黑色描边 */
	font-weight: bold;
}

.download-box {
	width: 240px;
	line-height: 2.8em;
	color: #fff;
	margin: 0.4rem auto;
	border-radius: 50px;
	padding: 0 0.2rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 12px rgba(46, 125, 50, 0.2);
}

.download-box:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 16px rgba(46, 125, 50, 0.3);
}

.title {
	margin-left: 0.8rem;
	font-size: 18px;
	font-weight: 500;
}

.footer {
	margin-top: 2rem;
	text-align: center;
	color: #388e3c;
	font-size: 0.8rem;
}

.zhezhao {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(../images/bgzz.png) center center;
	background-size: 100% 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.android {
	background: linear-gradient(to right, #4caf50, #2e7d32);
}

.ios {
	background: linear-gradient(to right, #81c784, #4caf50);
}