/* ===== 登录页底部「注册为球友 / 申请为赞助商」按钮美化 =====
   原来：两个都是普通 .btn，13px、38px 高、白底淡边 ⇒ 完全不显眼
   现在：① 球友 = 主色渐变实心（暖、亲切）② 赞助商 = 藏蓝描边（稳重、配对）
        字号 14px / 字重 800、按钮 44px 高，桌面手机都够醒目
*/

.hz-reg-btns {
  display: flex !important;
  gap: 12px !important;
  margin-top: 18px !important;
}

.hz-reg-btns .btn {
  flex: 1 1 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease,
              border-color .16s ease, color .16s ease !important;
}

/* ---------- ① 注册为球友：主色渐变实心 ---------- */
.hz-reg-btns .btn:nth-child(1) {
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #B8244F 0%, #961E46 100%) !important;
  border: 1.5px solid #961E46 !important;
  box-shadow: 0 7px 18px -9px rgba(150, 30, 70, .75),
              inset 0 1px 0 rgba(255, 255, 255, .18) !important;
  text-shadow: 0 1px 1px rgba(80, 10, 35, .25);
}
.hz-reg-btns .btn:nth-child(1):hover {
  background: linear-gradient(135deg, #C42A57 0%, #A62151 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px -9px rgba(150, 30, 70, .85),
              inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}
.hz-reg-btns .btn:nth-child(1):active { transform: translateY(0) !important; }

/* ---------- ② 申请为赞助商：藏蓝描边（稳重） ---------- */
.hz-reg-btns .btn:nth-child(2) {
  color: #1E325A !important;
  background: #F5F7FC !important;
  border: 1.5px solid #BFCCE4 !important;
  box-shadow: 0 2px 6px -4px rgba(30, 50, 90, .35) !important;
}
.hz-reg-btns .btn:nth-child(2):hover {
  color: #16264A !important;
  background: #EAF0FA !important;
  border-color: #1E325A !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 18px -10px rgba(30, 50, 90, .55) !important;
}
.hz-reg-btns .btn:nth-child(2):active { transform: translateY(0) !important; }

/* ---------- 前置小图标（用 CSS 加，不动 JS） ---------- */
.hz-reg-btns .btn:nth-child(1)::before { content: "🌸"; font-size: 14px; }
.hz-reg-btns .btn:nth-child(2)::before { content: "🤝"; font-size: 14px; }

/* ---------- 手机：更大更好点 ---------- */
@media (max-width: 680px) {
  .hz-reg-btns {
    gap: 10px !important;
    margin-top: 16px !important;
  }
  .hz-reg-btns .btn {
    height: 46px !important;
    min-height: 46px !important;
    font-size: 14.5px !important;
    border-radius: 13px !important;
  }
}

/* ---------- 键盘可达：聚焦有清楚的外圈 ---------- */
.hz-reg-btns .btn:focus-visible {
  outline: 3px solid rgba(150, 30, 70, .28) !important;
  outline-offset: 2px !important;
}