.popup-mask { position: fixed; inset: 0; background: rgba(0,0,0,.7); z-index: 99999; display: none; align-items: flex-end; }
.popup-mask.show { display: flex; }
.popup-mask__content { max-width: 750px; margin: 0 auto; max-height: 100%; overflow-y: auto;}
.share-content-box { background: #fff; margin: 0 0.6rem; border-radius: 0.2rem; padding: 0.3rem 0; margin-bottom: 0.5rem; }
.share-panel__header { margin-bottom: 0.16rem; }
.share-panel__title { font-size: 0.36rem; font-weight: 700; color: #171717; margin: 0; text-align: center; }
.share-panel__subtitle { font-size: 0.28rem; color: rgba(0,0,0,.6); width: 80%; text-align: center; margin: 0 auto; }
.invite-section { padding: 0.2rem 0.3rem; }
.invite-section__text { background: rgba(0,0,0,.05); border-radius: 0.12rem; padding: 0.2rem; font-size: 0.24rem; color: rgba(0,0,0,.6); line-height: 1.6; margin-bottom: 0.2rem; white-space: pre-wrap; word-break: break-all; }
.invite-section__actions { display: flex; gap: 0.16rem; margin-bottom: 0.16rem; }
.invite-section__tip { font-size: 0.24rem; color: rgba(0,0,0,.35); line-height: 1.5; text-align: center; }
.invite-btn { flex: 1; height: 0.68rem; border-radius: 999px; font-size: 0.24rem; border: none; cursor: pointer; padding: 0 0.16rem; }
.invite-btn--secondary { background: rgba(0,0,0,.08); color: rgba(0,0,0,.7); }
.invite-btn--primary { background: #e50914; color: #fff; }
.share-panel { padding: 0.4rem 0 0; background: rgba(255,255,255,.1); backdrop-filter: blur(30px) saturate(180%); -webkit-backdrop-filter: blur(30px) saturate(180%); border-top-left-radius: 0.2rem; border-top-right-radius: 0.2rem; }
.share-panel-write { color: #fff; font-size: 0.3rem; text-align: center; margin-bottom: 0.3rem; }
.share-panel__grid { display: flex; gap: 0.6rem; overflow-x: auto; padding: 0 0.4rem 0.2rem; margin-bottom: 0.3rem; }
.share-platform { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 0.1rem; background: none; border: none; cursor: pointer; padding: 0; color: inherit; }
.share-platform__icon { width: 1rem; height: 1rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.share-platform__icon svg { width: 0.46rem; height: 0.46rem; color: #fff; }
.share-platform__icon--x { background: #fff; } .share-platform__icon--x svg { color: #000; }
.share-platform__icon--facebook { background: #1877F2; }
.share-platform__icon--whatsapp { background: #25D366; }
.share-platform__icon--telegram { background: #2AABEE; }
.share-platform__icon--linkedin { background: #0A66C2; }
.share-platform__icon--line { background: #00C300; }
.share-platform__icon--copy { background: rgba(255,255,255,.12); } .share-platform__icon--copy svg { color: #4dd0e1; }
.share-platform span { font-size: 0.22rem; color: rgba(255,255,255,.8); }
.share-close-button { padding: 0 0.4rem 0.4rem; }
.share-close-button button {display: block; width: 100%; height: 0.8rem; border-radius: 999px; background: rgba(255,255,255,.12); color: #fff; font-size: 0.28rem; border: none; cursor: pointer; }