/* guest-register-referral-check-v1-20260916.css
 * 推荐人无效时的提示与红框。挂在 guest-register-referral-id-v2 创建的 <label> 上（非 React 节点）。
 * 必须在 @layer vip-source-lock 里，否则压不过注册页主题里未分层的 !important。
 */
@layer vip-source-lock {
  #root#root .register-page .register-referral-check-invalid input {
    border-color: #d64545 !important;
    box-shadow: 0 0 0 3px rgba(214, 69, 69, 0.14) !important;
  }

  #root#root .register-page .register-referral-check-note {
    display: block !important;
    margin-top: 6px !important;
    color: #c0392b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    white-space: normal !important;
  }

  /* 出错时隐藏默认的「如有推荐人请填写」小字，避免两行提示挤在一起 */
  #root#root .register-page .register-referral-check-invalid .register-referral-id-hint {
    display: none !important;
  }
}