/* 邀请好友 — 现网皮肤（不换 CR3） */

html.jb-invite-skin .app-shell.app-shell--home-bg,
html.jb-invite-skin .app-shell {
  background-color: #151e34 !important;
  background-image: url(/home-bg.png) !important;
  background-repeat: repeat-y !important;
  background-position: top center !important;
  background-size: 100% auto !important;
}

html.jb-invite-skin .jb-invite-header {
  background: linear-gradient(180deg, rgba(10, 4, 28, 0.55), rgba(10, 4, 28, 0.12)) !important;
  border-bottom: 0 !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

html.jb-invite-skin .jb-invite-back {
  background: url(/assets/tsyl-records/back-arrow.webp) center / 100% 100% no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  width: min(8.533vw, 36.523px) !important;
  height: min(8.533vw, 36.523px) !important;
  color: transparent !important;
  font-size: 0 !important;
}

html.jb-invite-skin .jb-invite-back span,
html.jb-invite-skin .jb-invite-back svg {
  display: none !important;
}

/* 顶部返佣卡描边 */
html.jb-invite-skin .rounded-2xl {
  border: 1px solid hsla(0, 0%, 100%, 0.16) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}

/* 玻璃卡片 */
html.jb-invite-skin .glass {
  position: relative;
  background-image: linear-gradient(
    177deg,
    rgba(252, 245, 255, 0.08),
    rgba(96, 64, 111, 0.18)
  ) !important;
  background-color: transparent !important;
  border: 1px solid hsla(0, 0%, 100%, 0.14) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  border-radius: min(3.2vw, 13.696px) !important;
  overflow: hidden;
}

html.jb-invite-skin .glass::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(270deg, transparent 10%, #bdbaba 55%, transparent);
  pointer-events: none;
}

/* 链接输入框 */
html.jb-invite-skin .bg-black\/30,
html.jb-invite-skin [class*="bg-black"] {
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid hsla(0, 0%, 100%, 0.12) !important;
}

/* 主按钮紫蓝渐变胶囊 */
html.jb-invite-skin .btn-primary {
  background-image: linear-gradient(90deg, #3b82f6, #9030e8) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
}

/* 次按钮细边框 */
html.jb-invite-skin .btn-ghost {
  background: rgba(197, 200, 233, 0.08) !important;
  border: 1px solid hsla(0, 0%, 100%, 0.14) !important;
  color: #fff !important;
}

html.jb-invite-skin .text-\[var\(--dw-gold\)\] {
  color: #ffe63d !important;
}

html.jb-invite-skin .text-\[var\(--dw-accent\)\] {
  color: #00b7ff !important;
}