.login-container.data-v-e4e4508d {
		width: 100%;
		height: 100vh;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: column;
		padding-top: 30px;
		box-sizing: border-box;
		align-items: center;
		padding: 0 60rpx;
		box-sizing: border-box;
		position: relative;
}
.app-header.data-v-e4e4508d {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 180rpx;
		margin-bottom: 80rpx;
		flex-shrink: 0;
}
.app-logo.data-v-e4e4508d {
		margin-bottom: 30rpx;
}
.logo-square.data-v-e4e4508d {
		width: 140rpx;
		height: 140rpx;
		background-color: #4FC3F7;
		border-radius: 20rpx;
		display: flex;
		align-items: center;
		justify-content: center;
}
.book-icon.data-v-e4e4508d {
		position: relative;
		width: 90rpx;
		height: 70rpx;
}
.book-left.data-v-e4e4508d,
	.book-right.data-v-e4e4508d {
		position: absolute;
		width: 45rpx;
		height: 70rpx;
		background-color: #FFFFFF;
		border-radius: 3rpx 0 0 3rpx;
}
.book-right.data-v-e4e4508d {
		right: 0;
		border-radius: 0 3rpx 3rpx 0;
}
.book-line.data-v-e4e4508d {
		position: absolute;
		left: 45rpx;
		top: 8rpx;
		width: 2rpx;
		height: 54rpx;
		background-color: #4FC3F7;
}
.app-title.data-v-e4e4508d {
		font-size: 44rpx;
		color: #333333;
		font-weight: 600;
}
.form-container.data-v-e4e4508d {
		width: 100%;
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
}
.input-group.data-v-e4e4508d {
		position: relative;
		margin-bottom: 50rpx;
}
.input-field.data-v-e4e4508d {
		width: 100%;
		height: 88rpx;
		font-size: 30rpx;
		padding: 0 20rpx;
		color: #333333;
}
.password-input.data-v-e4e4508d {
		padding-right: 80rpx;
}
.toggle-password-btn.data-v-e4e4508d {
		position: absolute;
		right: 20rpx;
		top: 50%;
		transform: translateY(-50%);
		font-size: 26rpx;
		color: #4FC3F7;
		z-index: 10;
		padding: 8rpx 12rpx;
}
.input-line.data-v-e4e4508d {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 1rpx;
		background-color: #E0E0E0;
}
.login-btn.data-v-e4e4508d {
		width: 100%;
		height: 96rpx;
		background-color: #E0E0E0;
		color: #999999;
		font-size: 34rpx;
		border-radius: 48rpx;
		margin-top: 60rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
		flex-shrink: 0;
}
.login-btn.data-v-e4e4508d:not([disabled]) {
		background-color: #4FC3F7;
		color: #FFFFFF;
}
.login-btn[disabled].data-v-e4e4508d {
		background-color: #E0E0E0;
		color: #999999;
}
.register-link.data-v-e4e4508d {
		margin-top: 40rpx;
		text-align: center;
}
.register-text.data-v-e4e4508d {
		font-size: 28rpx;
		color: #4FC3F7;
}
.third-party-login.data-v-e4e4508d {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 70rpx;
		position: absolute;
		bottom: 80rpx;
		left: 0;
		right: 0;
		flex-shrink: 0;
		padding-bottom: env(safe-area-inset-bottom);
}
.third-party-icon.data-v-e4e4508d {
		width: 88rpx;
		height: 88rpx;
		border-radius: 50%;
		border: 1rpx solid #E0E0E0;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #FFFFFF;
}
.wechat-icon.data-v-e4e4508d {
		position: relative;
		width: 56rpx;
		height: 56rpx;
}
.wechat-bubble1.data-v-e4e4508d,
	.wechat-bubble2.data-v-e4e4508d {
		position: absolute;
		border-radius: 50%;
		background-color: #666666;
}
.wechat-bubble1.data-v-e4e4508d {
		width: 32rpx;
		height: 32rpx;
		left: 0;
		top: 0;
}
.wechat-bubble2.data-v-e4e4508d {
		width: 26rpx;
		height: 26rpx;
		right: 0;
		bottom: 0;
}
.qq-icon.data-v-e4e4508d,
	.weibo-icon.data-v-e4e4508d {
		font-size: 44rpx;
		color: #666666;
		font-weight: bold;
}