/* WiFi 配网页 —— 四态(idle / configuring / success / failed)共用 */
.connected-wifi {
	width: 100%;
	height: 100%;
	padding: 48rpx 30rpx 0;
	box-sizing: border-box;

	.ripple {
		width: 300rpx;
		height: 300rpx;
		border-radius: 50%;
		margin: 0 auto 48rpx;
		background-color: red;
	}

	.hero {
		width: 300rpx;
		height: 300rpx;
		border-radius: 50%;
		margin: 0 auto 48rpx;
		background-color: rgba(19, 133, 250, 0.1);
	}

	.title {
		color: #252535;
		width: 100%;
		height: 36rpx;
		font-size: 36rpx;
		font-weight: bold;
		line-height: 36rpx;
		text-align: center;
		margin-bottom: 22rpx;
	}

	.sub-title {
		color: #808080;
		width: 100%;
		font-size: 30rpx;
		text-align: center;
		line-height: 42rpx;
		margin-bottom: 40rpx;
	}

	.wifi-form {
		width: 100%;
		background-color: #FFFFFF;
		border: 2rpx solid #E6E6EA;
		border-radius: 16rpx;
		box-sizing: border-box;
		padding: 0 30rpx;
		margin-bottom: 32rpx;

		.form-row {
			width: 100%;
			height: 100rpx;
			display: flex;
			align-items: center;
			border-bottom: 2rpx solid #F5F5F5;

			&:last-child {
				border-bottom: none;
			}

			.form-label {
				color: #252535;
				width: 160rpx;
				font-size: 30rpx;
				font-weight: 500;
				line-height: 30rpx;
				flex-shrink: 0;
			}

			.form-input {
				flex: 1;
				color: #252535;
				font-size: 30rpx;
				line-height: 30rpx;
			}

			.form-placeholder {
				color: #B0B0B0;
				font-size: 30rpx;
			}

			.form-eye {
				color: #1385FA;
				font-size: 28rpx;
				line-height: 28rpx;
				padding-left: 24rpx;
				flex-shrink: 0;
			}
		}
	}

	.result-success {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 40rpx;

		.result-icon-success {
			width: 120rpx;
			height: 120rpx;
			border-radius: 50%;
			background-color: rgba(42, 199, 159, 0.1);
			margin-bottom: 24rpx;
		}

		.result-text {
			color: #2AC79F;
			font-size: 30rpx;
			font-weight: 500;
			line-height: 30rpx;
		}
	}

	.submit-btn {
		color: #FFFFFF;
		width: 580rpx;
		height: 88rpx;
		font-size: 32rpx;
		font-weight: bold;
		text-align: center;
		line-height: 88rpx;
		border-radius: 44rpx;
		margin: 0 auto 32rpx;
		background-color: #1385FA;
	}

	.submit-btn-disabled {
		background-color: #A8C9F0;
	}

	.help {
		width: 100%;
		height: 30rpx;
		text-align: center;
		line-height: 30rpx;
		margin-bottom: 60rpx;

		.help-text {
			color: #808080;
			font-size: 30rpx;
			line-height: 30rpx;
		}

		.help-link {
			color: #1385FA;
			font-size: 30rpx;
			line-height: 30rpx;
		}
	}
}