.login-container.data-v-cdfe2409 {
  min-height: 100vh;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 100rpx 60rpx;
}
.login-header.data-v-cdfe2409 {
  text-align: center;
  margin-bottom: 100rpx;
}
.app-name.data-v-cdfe2409 {
  display: block;
  font-size: 48rpx;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 20rpx;
}
.welcome-text.data-v-cdfe2409 {
  display: block;
  font-size: 28rpx;
  color: rgba(255, 255, 255, 0.8);
}
.login-form.data-v-cdfe2409 {
  background: #ffffff;
  border-radius: 20rpx;
  padding: 60rpx 40rpx;
  box-shadow: 0 10rpx 40rpx rgba(0, 0, 0, 0.1);
}
.wx-login-btn.data-v-cdfe2409 {
  width: 100%;
  height: 90rpx;
  background: #07c160;
  color: #ffffff;
  border-radius: 45rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32rpx;
  border: none;
  margin-bottom: 40rpx;
}
.wx-icon.data-v-cdfe2409 {
  width: 40rpx;
  height: 40rpx;
  margin-right: 15rpx;
}
.divider.data-v-cdfe2409 {
  display: flex;
  align-items: center;
  margin: 40rpx 0;
}
.divider-line.data-v-cdfe2409 {
  flex: 1;
  height: 1rpx;
  background: #e5e5e5;
}
.divider-text.data-v-cdfe2409 {
  padding: 0 20rpx;
  color: #999999;
  font-size: 24rpx;
}
.phone-login.data-v-cdfe2409 {
  margin-top: 40rpx;
}
.input-group.data-v-cdfe2409 {
  margin-bottom: 30rpx;
}
.input-field.data-v-cdfe2409 {
  width: 100%;
  height: 90rpx;
  background: #f5f6fb;
  border-radius: 45rpx;
  padding: 0 30rpx;
  font-size: 28rpx;
  box-sizing: border-box;
}
.code-group.data-v-cdfe2409 {
  display: flex;
  align-items: center;
}
.code-input.data-v-cdfe2409 {
  flex: 1;
  margin-right: 20rpx;
}
.code-btn.data-v-cdfe2409 {
  width: 200rpx;
  height: 90rpx;
  background: #5d55e8;
  color: #ffffff;
  border-radius: 45rpx;
  font-size: 24rpx;
  border: none;
  padding: 0;
  line-height: 90rpx;
}
.code-btn[disabled].data-v-cdfe2409 {
  background: #cccccc;
}
.login-btn.data-v-cdfe2409 {
  width: 100%;
  height: 90rpx;
  background: #5d55e8;
  color: #ffffff;
  border-radius: 45rpx;
  font-size: 32rpx;
  border: none;
  margin-top: 20rpx;
}
.agreement.data-v-cdfe2409 {
  margin-top: 40rpx;
  text-align: center;
}
.agreement-text.data-v-cdfe2409 {
  font-size: 24rpx;
  color: #999999;
  margin: 0 5rpx;
}
.agreement-link.data-v-cdfe2409 {
  font-size: 24rpx;
  color: #5d55e8;
}