/* PC与手机端共用的专属邀请海报预览层。 */
.invite-poster-open { overflow: hidden !important; }
.invite-poster-qr-source { position: fixed; left: -9999px; top: -9999px; width: 280px; height: 280px; overflow: hidden; }
.invite-poster-modal { position: fixed; inset: 0; z-index: 10030; display: grid; place-items: center; padding: 24px; background: rgba(1, 7, 15, .84); backdrop-filter: blur(12px); }
.invite-poster-dialog { position: relative; display: grid; grid-template-columns: minmax(300px, 480px) minmax(300px, 410px); width: min(940px, 100%); max-height: calc(100vh - 48px); overflow: hidden; border: 1px solid rgba(94, 234, 212, .28); border-radius: 8px; background: #091827; box-shadow: 0 28px 80px rgba(0, 0, 0, .5); }
.invite-poster-close { position: absolute; top: 14px; right: 14px; z-index: 2; display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255, 255, 255, .18); border-radius: 50%; color: #fff; background: rgba(5, 15, 27, .72); cursor: pointer; font-size: 25px; line-height: 1; }
.invite-poster-preview { display: grid; place-items: center; min-height: 620px; padding: 22px; overflow: auto; background: #050e18; }
.invite-poster-preview > img { display: block; width: min(100%, 405px); height: auto; border: 1px solid rgba(255, 255, 255, .12); border-radius: 6px; box-shadow: 0 22px 54px rgba(0, 0, 0, .42); -webkit-touch-callout: default; }
.invite-poster-loading, .invite-poster-error { display: grid; justify-items: center; gap: 7px; color: #e8f3f8; text-align: center; }
.invite-poster-loading span { width: 34px; height: 34px; border: 3px solid rgba(94, 234, 212, .18); border-top-color: #5eead4; border-radius: 50%; animation: invitePosterSpin .8s linear infinite; }
.invite-poster-loading strong, .invite-poster-error strong { font-size: 17px; }
.invite-poster-loading small, .invite-poster-error p { margin: 0; color: #8299aa; font-size: 12px; }
.invite-poster-aside { display: flex; min-width: 0; padding: 58px 32px 32px; flex-direction: column; background: #0d2130; }
.invite-poster-aside > span { color: #5eead4; font-size: 11px; font-weight: 900; }
.invite-poster-aside h3 { margin: 8px 0 12px; color: #f8fbfd; font-size: 28px; line-height: 1.35; letter-spacing: 0; }
.invite-poster-aside > p { margin: 0; color: #9fb4c3; font-size: 13px; line-height: 1.75; }
.invite-poster-aside dl { margin: 24px 0 0; border-top: 1px solid rgba(148, 163, 184, .14); }
.invite-poster-aside dl div { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 48px; border-bottom: 1px solid rgba(148, 163, 184, .14); }
.invite-poster-aside dt, .invite-poster-aside dd { margin: 0; }
.invite-poster-aside dt { color: #7890a2; font-size: 11px; }
.invite-poster-aside dd { overflow: hidden; color: #edf7fb; font-size: 12px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.invite-poster-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: auto; padding-top: 24px; }
.invite-poster-actions button { min-height: 46px; border: 1px solid rgba(94, 234, 212, .25); border-radius: 7px; color: #dffff9; background: rgba(94, 234, 212, .08); cursor: pointer; font-weight: 900; }
.invite-poster-actions button:disabled { cursor: wait; opacity: .46; }
.invite-poster-actions .invite-poster-save { border-color: #5eead4; color: #06151c; background: #5eead4; }
.invite-poster-actions .invite-poster-copy { grid-column: 1 / -1; border-color: rgba(251, 191, 36, .26); color: #fff0b3; background: rgba(251, 191, 36, .07); }
.invite-poster-status { display: block; min-height: 18px; margin-top: 9px; color: #82cfc2; font-size: 11px; text-align: center; }
@keyframes invitePosterSpin { to { transform: rotate(360deg); } }

@media (max-width: 720px) {
  .invite-poster-modal { align-items: end; padding: 12px 10px 0; }
  .invite-poster-dialog { grid-template-columns: 1fr; width: 100%; max-height: calc(100vh - 12px); overflow-y: auto; border-radius: 8px 8px 0 0; }
  .invite-poster-preview { min-height: 0; padding: 18px 58px 14px; overflow: visible; }
  .invite-poster-preview > img { width: min(100%, 290px); }
  .invite-poster-aside { padding: 20px 18px 22px; }
  .invite-poster-aside h3 { margin-bottom: 7px; font-size: 20px; }
  .invite-poster-aside h3 br, .invite-poster-aside dl { display: none; }
  .invite-poster-aside > p { font-size: 11px; line-height: 1.6; }
  .invite-poster-actions { padding-top: 15px; }
  .invite-poster-actions button { min-height: 44px; }
}