/* 玩家邀请（PD-ACT-010～PD-ACT-012）：入口按钮、邀请卡片、到账提示、登录页那一行。
   颜色只取 ui-kit.css 的配色变量，跟着浅色 / 深色主题走；字用正文色，强调只放在图标和边框上。 */

/* 入口按钮（用户 2026-11-14 改）：样子直接用「购买额度包」的 side-credits（电脑侧栏）/ me-credits（手机「我」页），
   这里只补 <button> 和 <a> 的差别、礼物图标的线条画法，以及和下面那个按钮的间距 */
.side-invite { flex-shrink: 0; }
.invite-btn { border: 0; font-family: inherit; cursor: pointer; }
.side-credits.invite-btn { width: calc(100% - 24px); margin-bottom: 8px; }
.me-credits.invite-btn { width: 100%; }
.me-credits-wrap .invite-btn + .me-credits { margin-top: 10px; }
.side-credits.invite-btn svg, .me-credits.invite-btn svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* 邀请卡片（对话框里） */
.invite-card { text-align: left; }
.invite-card p { margin: 0 0 10px; font-size: 14.5px; line-height: 1.55; overflow-wrap: anywhere; }
.invite-card .invite-rule { font-size: 15px; font-weight: 600; }
.invite-row { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; }
.invite-link {
  flex: 1 1 auto;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid var(--y-line, #f1dfdd);
  border-radius: 8px;
  background: var(--y-surface-alt, #f6e9e8);
  color: var(--y-text, #3b2a2e);
  font: 13px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.invite-code {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
  padding: 7px 10px;
  border: 1px dashed var(--y-control-accent, #d58099);
  border-radius: 8px;
}
.invite-code small { font-size: 12px; color: var(--y-text2, #8a6c72); }
.invite-code b { font: 700 16px/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .06em; }
.invite-copy, .invite-share {
  flex: 0 0 auto;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: var(--y-primary-grad, linear-gradient(135deg, #d9809a, #b9587a));
  color: var(--y-on-primary, #fff);
  font: 600 13px/1.3 inherit;
  font-family: inherit;
  cursor: pointer;
  white-space: nowrap;
}
.invite-copy:active, .invite-share:active { filter: brightness(.95); }
.invite-share { display: block; width: 100%; margin: 2px 0 12px; padding: 10px 12px; font-size: 14px; }
.invite-card .invite-hint, .invite-card .invite-fine { font-size: 12.5px; color: var(--y-text2, #8a6c72); }
.invite-card .invite-stats { padding-top: 10px; border-top: 1px solid var(--y-line, #f1dfdd); font-size: 13.5px; }
.invite-notice p { font-size: 15px; }

/* 登录页：点过好友邀请链接的访客看到的那一行 */
.invite-landing {
  margin: 0 0 12px;
  padding: 8px 12px;
  border: 1px solid var(--y-control-accent, #d58099);
  border-radius: 10px;
  background: var(--y-primary-soft, rgba(201, 108, 138, .12));
  color: var(--y-text, #3b2a2e);
  font-size: 13.5px;
  line-height: 1.5;
  text-align: center;
}
.invite-landing[hidden] { display: none; }