/* 手机端登录页 */
.jd-m-login {
  min-height: 100vh;
  background: linear-gradient(180deg, #fff5f5 0%, #f5f5f5 40%);
  padding: 16px 16px 32px;
}

.jd-m-login-logo {
  text-align: center;
  padding: 24px 0 16px;
}

.jd-m-login-logo img {
  height: 48px;
  width: auto;
  margin: 0 auto;
}

.jd-m-login-card {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.jd-m-login-tabs {
  display: flex;
  border-bottom: 1px solid #eee;
  margin-bottom: 16px;
}

.jd-m-login-tabs button {
  flex: 1;
  border: none;
  background: none;
  padding: 10px 4px;
  font-size: var(--fs-sm);
  color: #666;
  position: relative;
}

.jd-m-login-tabs button.active {
  color: #e2231a;
  font-weight: 600;
}

.jd-m-login-tabs button.active::after {
  content: '';
  position: absolute;
  left: 20%;
  right: 20%;
  bottom: 0;
  height: 2px;
  background: #e2231a;
  border-radius: 1px;
}

.jd-m-login-panel { display: none; }
.jd-m-login-panel.active { display: block; }

.jd-m-login .form-group { margin-bottom: 12px; }

.jd-m-login .form-control,
.jd-m-login input[type="text"],
.jd-m-login input[type="password"],
.jd-m-login input[type="tel"] {
  width: 100%;
  height: 44px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 0 12px;
  font-size: var(--fs-base);
  outline: none;
}

.jd-m-login .form-control:focus,
.jd-m-login input:focus {
  border-color: #e2231a;
}

.jd-m-login .btn-red {
  width: 100%;
  height: 44px;
  border: none;
  border-radius: 22px;
  background: linear-gradient(135deg, #ff6b6b, #e2231a);
  color: #fff;
  font-size: var(--fs-md);
  font-weight: 600;
  margin-top: 8px;
}

.jd-m-login .btn-wx {
  background: #07c160;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.jd-m-login .btn-wx::before {
  content: '';
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8.5 11.5c-.8 0-1.5-.6-1.5-1.4s.7-1.4 1.5-1.4 1.5.6 1.5 1.4-.7 1.4-1.5 1.4zm7 0c-.8 0-1.5-.6-1.5-1.4s.7-1.4 1.5-1.4 1.5.6 1.5 1.4-.7 1.4-1.5 1.4zM12 2C6.5 2 2 5.9 2 10.7c0 2.7 1.4 5.1 3.6 6.7L5 21l3.9-2.1c.9.2 1.8.4 2.8.4 5.5 0 10-3.9 10-8.7S17.5 2 12 2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.jd-m-login .links {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  font-size: var(--fs-sm);
}

.jd-m-login .links a { color: #666; }

.jd-m-login .hint {
  font-size: var(--fs-sm);
  color: #999;
  line-height: var(--lh);
  margin: 8px 0;
}

.jd-m-login-third {
  margin-top: 20px;
  text-align: center;
}

.jd-m-login-third .tit {
  font-size: var(--fs-sm);
  color: #999;
  margin-bottom: 12px;
  position: relative;
}

.jd-m-login-third .tit::before,
.jd-m-login-third .tit::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 28%;
  height: 1px;
  background: #eee;
}

.jd-m-login-third .tit::before { left: 0; }
.jd-m-login-third .tit::after { right: 0; }

.jd-m-login-back {
  display: block;
  text-align: center;
  margin-top: 16px;
  font-size: var(--fs-sm);
  color: #e2231a;
}