danyang-match/miniapp/pages/matchmaker-login/matchmaker-login.wxss

/* 红娘工作台登录页样式 */
.page {
  min-height:100vh;
  background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  display:flex;
  flex-direction:column;
  padding:0 48rpx;
}

.header {
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:120rpx 0;
}

.logo {
  font-size:120rpx;
  margin-bottom:24rpx;
}

.title {
  font-size:40rpx;
  font-weight:700;
  color:var(--color-text-inverse);
  margin-bottom:12rpx;
}

.subtitle {
  font-size:28rpx;
  color:rgba(255, 255, 255, 0.8);
  background:rgba(255, 255, 255, 0.2);
  padding:8rpx 32rpx;
  border-radius:20rpx;
}

.form {
  background:var(--color-bg-card);
  border-radius:32rpx 32rpx 0 0;
  padding:64rpx 48rpx;
}

.input-group {
  margin-bottom:40rpx;
}

.label {
  display:block;
  font-size:28rpx;
  color:var(--color-text-primary);
  margin-bottom:16rpx;
  font-weight:500;
}

.input {
  width:100%;
  height:88rpx;
  border:2rpx solid var(--color-border-strong);
  border-radius:16rpx;
  padding:0 24rpx;
  font-size:32rpx;
  box-sizing:border-box;
}

.input:focus {
  border-color:var(--color-primary);
}

.error-tip {
  background:var(--color-primary-light);
  border:1rpx solid var(--color-primary-light);
  border-radius:8rpx;
  padding:16rpx 24rpx;
  margin-bottom:32rpx;
}

.error-tip text {
  color:var(--color-danger-strong);
  font-size:26rpx;
}

.login-btn {
  width:100%;
  height:96rpx;
  line-height:96rpx;
  background:var(--color-primary-solid);
  color:var(--color-text-inverse);
  font-size:32rpx;
  font-weight:600;
  border-radius:48rpx;
  border:none;
}

.login-btn[disabled] {
  opacity:0.6;
}

.footer-link {
  text-align:center;
  margin-top:32rpx;
}

.footer-link text {
  color:var(--color-text-tertiary);
  font-size:26rpx;
}

.hint {
  text-align:center;
  padding:40rpx;
  color:rgba(255, 255, 255, 0.7);
  font-size:24rpx;
}