#wechat-mask { display:none; }
.wechat-mask-bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:10001; }
.wechat-mask-pop { position:fixed; top:50%; left:50%; width:85%; max-width:320px; transform:translate(-50%,-50%); background:#fff; border-radius:20px; z-index:10002; overflow:hidden; padding:24px; }
.wechat-mask-header { display:flex; align-items:center; margin-bottom:20px; }
.wechat-mask-logo { width:50px; height:50px; border-radius:12px; }
.wechat-mask-info { margin-left:12px; }
.wechat-mask-title { font-size:16px; font-weight:600; color:#333; }
.wechat-mask-subtitle { font-size:13px; color:#999; margin-top:4px; }
.wechat-mask-steps { background:#f7f8fa; border-radius:12px; padding:16px; }
.wechat-mask-steps p { font-size:14px; color:#333; line-height:2; display:flex; align-items:center; }
.wechat-mask-steps b { color:#ff4081; }
.step-num { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; background:#ff4081; color:#fff; border-radius:50%; font-size:12px; font-weight:600; margin-right:8px; flex-shrink:0; }
.wechat-mask-divider { text-align:center; margin:18px 0; position:relative; font-size:12px; color:#ccc; }
.wechat-mask-divider::before,.wechat-mask-divider::after { content:''; position:absolute; top:50%; width:25%; height:1px; background:#e5e5e5; }
.wechat-mask-divider::before { left:0; }
.wechat-mask-divider::after { right:0; }
.wechat-mask-copy { position:relative; height:40px; background:#f1f6f9; border-radius:20px; overflow:hidden; }
.wechat-mask-copy input { width:100%; height:100%; border:none; outline:none; background:transparent; padding:0 80px 0 16px; font-size:13px; color:#999; }
.wechat-mask-copy button { position:absolute; right:0; top:0; height:100%; padding:0 18px; background:linear-gradient(90deg,#ff6cab,#ff4081); color:#fff; border:none; border-radius:0 20px 20px 0; font-size:14px; font-weight:500; cursor:pointer; }
.net-modal { display:none; position:fixed; inset:0; z-index:10003; background:rgba(0,0,0,.6); align-items:center; justify-content:center; }
.net-modal__panel { background:#1e293b; border-radius:20px; padding:32px 24px; max-width:320px; width:85%; text-align:center; color:#fff; }
.net-modal__icon { margin-bottom:18px; }
.net-modal__icon svg { width:48px; height:48px; }
.net-modal__title { font-size:18px; font-weight:700; margin-bottom:8px; }
.net-modal__desc { font-size:14px; color:#94a3b8; line-height:1.6; margin-bottom:20px; }
.net-modal__button { display:inline-block; padding:12px 36px; background:linear-gradient(135deg,#6366f1,#8b5cf6); color:#fff; border:none; border-radius:25px; font-size:15px; font-weight:600; cursor:pointer; }
.net-modal__button:active { transform:scale(.96); }
.net-modal__footnote { margin-top:14px; font-size:12px; color:#64748b; }
