/* 公共样式: 温暖橙色主题, 跟商品列表页一致 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: #FFF8F0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #333;
  min-height: 100vh;
}
.lr-header {
  background: linear-gradient(135deg, #FF6B35, #FF8E53);
  color: #fff; padding: 20px 16px; text-align: center;
}
.lr-header h1 { font-size: 20px; font-weight: 600; }
.lr-header .sub { font-size: 12px; opacity: .85; margin-top: 4px; }

.lr-wrap { max-width: 480px; margin: 0 auto; padding: 24px 20px; }

.lr-card {
  background: #fff; border-radius: 14px; padding: 20px;
  box-shadow: 0 2px 12px rgba(255,107,53,.1);
}

.lr-field { margin-bottom: 16px; }
.lr-field label { display: block; font-size: 13px; color: #888; margin-bottom: 6px; }
.lr-field input {
  width: 100%; padding: 12px 14px; font-size: 15px;
  border: 1px solid #eee; border-radius: 10px; background: #FAFAFA;
  outline: none; transition: border-color .2s;
}
.lr-field input:focus { border-color: #FF8E53; background: #fff; }

.lr-btn {
  width: 100%; padding: 14px; font-size: 16px; font-weight: 600;
  color: #fff; background: linear-gradient(135deg, #FF6B35, #FF8E53);
  border: none; border-radius: 10px; cursor: pointer;
  transition: opacity .2s; margin-top: 8px;
}
.lr-btn:active { opacity: .85; }
.lr-btn:disabled { opacity: .5; cursor: not-allowed; }

.lr-link {
  display: block; text-align: center; margin-top: 16px;
  font-size: 14px; color: #FF6B35; text-decoration: none;
}
.lr-err { color: #DC3545; font-size: 12px; margin-top: 6px; min-height: 16px; }

/* 密码框 + 小眼睛 */
.lr-pwd-wrap { position: relative; }
.lr-pwd-wrap input { padding-right: 44px; }
.lr-eye {
  position: absolute; right: 0; top: 0; height: 100%; width: 44px;
  border: none; background: transparent; cursor: pointer;
  font-size: 18px; color: #999; display: flex; align-items: center; justify-content: center;
}
/* 记住密码勾选 */
.lr-remember {
  display: flex; align-items: center; gap: 8px; margin-bottom: 16px;
  font-size: 14px; color: #666; cursor: pointer; user-select: none;
}
.lr-remember input { width: 18px; height: 18px; accent-color: #FF6B35; cursor: pointer; }

/* 输入框 + 行内按钮 (邀请码校验) */
.lr-inline { display: flex; gap: 8px; }
.lr-inline input { flex: 1; }
.lr-sub-btn {
  flex-shrink: 0; padding: 0 16px; font-size: 14px; font-weight: 600;
  color: #FF6B35; background: #fff; border: 1px solid #FF8E53;
  border-radius: 10px; cursor: pointer; white-space: nowrap;
}
.lr-sub-btn:disabled { opacity: .5; cursor: not-allowed; }
.lr-hint { font-size: 12px; margin-top: 6px; min-height: 16px; }
.lr-hint.ok { color: #4CAF50; }
.lr-hint.err { color: #DC3545; }

/* 按钮 loading 小圈 */
.lr-spinner {
  display: inline-block; width: 16px; height: 16px; vertical-align: -3px;
  border: 2px solid rgba(255,255,255,.4); border-top-color: #fff;
  border-radius: 50%; animation: lr-spin .6s linear infinite;
}
@keyframes lr-spin { to { transform: rotate(360deg); } }