.share-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:share-fade-in .2s ease}@keyframes share-fade-in{0%{opacity:0}to{opacity:1}}.share-modal{position:relative;width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);overflow-y:auto;padding:36px 32px 32px;border-radius:20px;background:#fff;box-shadow:0 24px 64px #0003;animation:share-slide-up .25s ease}@keyframes share-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.share-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:grid;place-items:center;border:none;border-radius:50%;background:#66607f14;color:var(--text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.share-close:hover{background:#66607f29;color:var(--text)}.share-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.share-title{margin:0;color:var(--text);font-size:22px;font-weight:900;line-height:1.3}.share-title.success{color:#22c55e}.share-desc{margin:0;max-width:320px;color:var(--text-soft);font-size:14px;line-height:1.7}.share-code-input{width:100%;max-width:280px;height:56px;margin:8px 0;padding:0 16px;border:2px solid var(--line);border-radius:14px;background:#7c4ef305;color:var(--text);font-size:28px;font-weight:900;letter-spacing:8px;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.share-code-input::placeholder{color:var(--text-muted);font-size:15px;font-weight:600;letter-spacing:1px}.share-code-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--focus-ring)}.share-error-text{margin:0;color:#ef4444;font-size:13px;font-weight:600}.share-fetch-btn{height:44px;padding:0 36px;margin-top:4px;border:none;border-radius:999px;background:var(--button-gradient);color:#fff;font-size:16px;font-weight:800;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease,opacity .15s ease}.share-fetch-btn:hover:not(:disabled){box-shadow:0 8px 24px #774aeb40;transform:translateY(-1px)}.share-fetch-btn:disabled{opacity:.45;cursor:not-allowed}.share-agent-preview{display:flex;align-items:center;gap:16px;width:100%;max-width:340px;margin:8px 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#7c4ef305}.share-agent-avatar{width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 12px #855cd226;object-fit:cover;flex-shrink:0;background:#f5f0ff}.share-agent-info{flex:1;min-width:0;text-align:left}.share-agent-name{margin:0;color:var(--text);font-size:16px;font-weight:900;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-agent-remark{margin:4px 0 0;color:var(--text-soft);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.share-agent-voice{display:inline-block;margin-top:6px;padding:2px 10px;border-radius:999px;background:#8d62f61a;color:#8051f5;font-size:12px;font-weight:700}.share-save-btn{height:44px;padding:0 36px;margin-top:8px;border:none;border-radius:999px;background:var(--button-gradient);color:#fff;font-size:16px;font-weight:800;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.share-save-btn:hover{box-shadow:0 8px 24px #774aeb40;transform:translateY(-1px)}.share-spinner{width:36px;height:36px;border:3px solid rgba(124,78,243,.15);border-top-color:var(--brand);border-radius:50%;animation:share-spin .6s linear infinite}@keyframes share-spin{to{transform:rotate(360deg)}}.share-loading-text{color:var(--text-soft);font-size:15px}.share-success-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:#22c55e14;color:#22c55e;margin-bottom:4px}@media(max-width:480px){.share-modal{padding:28px 20px 24px}.share-title{font-size:19px}.share-code-input{height:48px;font-size:24px;letter-spacing:6px}.share-agent-preview{flex-direction:column;text-align:center;padding:20px 16px}.share-agent-info{text-align:center}.share-agent-avatar{width:56px;height:56px}}