* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}

body {
	width: 100vw;
	height: 100vh;
	overflow-x: hidden;
	position: relative;
}

.register-container {
	padding: 0 5vw;
	width: 100%;
	overflow-x: hidden;
}

.setting {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;

}

.box {
	position: relative;
}

/* 标题样式 */
.register-title {
	font-size: 6.6vw;
	color: #ffffff;
	margin-top: 20vw;
	margin-bottom: 7.8vw;
	padding-left: 0.6vw;
	letter-spacing: 0.6vw;
}

/* 输入框容器 */
.input-group {
	margin-bottom: 5.9vw;
	position: relative;
}

/* 输入框标签 */
.input-label {
	font-size: 3.7vw;
	color: #ffffff;
	margin-bottom: 2vw;
	letter-spacing: 0.3vw;
	display: block;
}

/* 输入框样式 */
.input-box {
	width: 100%;
	height: 14vw;
	background: rgba(62, 30, 131, 0.3);
	color: #9c47ff;
	/* border: 1px solid rgba(255, 255, 255, 0.2); */
	border: none;
	border-radius: 2.5vw;
	padding: 0 4vw;
	color: #ffffff;
	font-size: 3.4vw;
	outline: none;
}

/* 输入框占位符样式 */
.input-box::placeholder {
	color: rgba(255, 255, 255, 0.5);
	font-size: 3.4vw;
}

/* 发送验证码按钮 */
.send-code {
	position: absolute;
	right: 3vw;
	top: 6vw;
	bottom: 0;
	margin: auto 0;
	/* top: 50%;
            transform: translateY(-50%); */
	color: #a87fff;
	font-size: 3.2vw;
	background: transparent;
	border: none;
	cursor: pointer;
}

/* 密码提示文字 */
.password-tip {
	font-size: 3.2vw;
	color: rgba(255, 200, 137, 1.0);
	margin-top: 3.6vw;
	margin-left: 0.5vw;
}

/* 确定按钮 */
.confirm-btn {
	width: 100%;
	height: 12vw;
	background: linear-gradient(90deg, #9c47ff 0%, #ff4777 100%);
	border: none;
	border-radius: 6vw;
	color: #ffffff;
	font-size: 3.8vw;
	font-weight: 600;
	margin-top: 6vw;
	cursor: pointer;
}

/* 按钮点击效果 */
.confirm-btn:active {
	opacity: 0.8;
}

/* ========== 新增弹窗样式 ========== */
/* 弹窗遮罩层 */
.modal-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	/* 半透明黑色遮罩 */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	opacity: 0;
	/* 默认隐藏 */
	pointer-events: none;
	/* 默认不响应点击 */
	transition: opacity 0.2s ease;
}

/* 弹窗显示状态 */
.modal-mask.show {
	opacity: 1;
	pointer-events: auto;
}

/* 弹窗主体 */
.modal-content {
	width: 85vw;
	background: rgba(0, 0, 0, 0.85);
	/* 深色半透明背景 */
	border-radius: 4vw;
	padding: 6vw 5vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/* 叹号图标 */
.modal-icon {
	width: 25vw;
	height: 25vw;
	margin-bottom: 5vw;
}

/* 弹窗标题 */
.modal-title {
	font-size: 4.9vw;
	color: #ffffff;
	margin-bottom: 5.5vw;
	letter-spacing: 0.3vw;
}

/* 弹窗提示文字 */
.modal-desc {
	font-size: 3.4vw;
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 6vw;
	letter-spacing: 0.3vw;
}

/* 弹窗按钮 */
.modal-btn {
	width: 100%;
	height: 13vw;
	background: linear-gradient(90deg, #9c47ff 0%, #ff4777 100%);
	border: none;
	border-radius: 50px;
	color: #ffffff;
	font-size: 3.8vw;
	font-weight: 500;
	cursor: pointer;
}

.modal-btn:active {
	opacity: 0.8;
}

/* ========== 新增：注册成功弹窗样式 ========== */
.success-modal-mask {
	z-index: 1000;
	/* 层级高于未注册弹窗，避免遮挡 */
}

.success-modal-content {
	width: 85vw;
	/* 比未注册弹窗稍宽 */
	background: rgba(0, 0, 0, 0.9);
	/* 更深的半透明背景 */
	border-radius: 4vw;
	padding: 6vw 5vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/* 注册成功对号图标 */
.success-icon {
	width: 25vw;
	height: 25vw;
	margin-bottom: 5vw;
}

/* 注册成功标题 */
.success-title {
	font-size: 4.9vw;
	color: #ffffff;
	margin-bottom: 5.5vw;
	letter-spacing: 0.3vw;
}

/* 注册成功描述文字 */
.success-desc {
	font-size: 3.4vw;
	color: rgba(255, 255, 255, 0.7);
	line-height: 7vw;
	margin-bottom: 6vw;
	letter-spacing: 0.3vw;
}

/* 下载应用按钮 */
.download-btn {
	width: 100%;
	height: 13vw;
	background: linear-gradient(90deg, #9c47ff 0%, #ff4777 100%);
	border: none;
	border-radius: 50px;
	color: #ffffff;
	font-size: 3.8vw;
	font-weight: 500;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2vw;
	/* 图标和文字间距 */
}

/* 下载图标 */
.download-icon {
	width: 4vw;
	height: 4vw;
}

.download-btn:active {
	opacity: 0.8;
}

/* 新增：错误提示样式 */
.error-tip {
	font-size: 3vw;
	color: #ff4777;
	margin-top: 2vw;
	margin-left: 0.5vw;
	display: none;
}

/* ========== 新增：接口返回提示弹窗样式 ========== */
.toast-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, 0.8);
	color: #ffffff;
	padding: 3vw 6vw;
	border-radius: 1.5vw;
	font-size: 3.4vw;
	z-index: 1001;
	/* 层级高于其他弹窗 */
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
	text-align: center;
	max-width: 70vw;
	word-wrap: break-word;
}

.toast-modal.show {
	opacity: 1;
	pointer-events: auto;
}