<!-- 分享弹窗 -->
<div class="modal-overlay" id="shareModal">
    <div class="modal-container share-modal">
        <div class="modal-header">
            <h3 class="modal-title">分享</h3>
            <button class="modal-close" onclick="closeModal('shareModal')">×</button>
        </div>
        <div class="modal-body">
            <!-- 分享卡片预览 -->
            <div class="share-card-preview" id="shareCardPreview">
                <div class="share-card-content">
                    <div class="share-card-text" id="shareText">分享内容</div>
                    <div class="share-card-url" id="shareUrl"></div>
                </div>
            </div>
            <!-- 分享选项 -->
            <div class="share-actions">
                <div class="share-action" onclick="shareToWechat()">
                    <div class="share-action-icon" style="background: linear-gradient(135deg, #07C160, #3CB371);"><span class="iconify" data-icon="mdi:wechat"></span></div>
                    <span class="share-action-label">微信</span>
                </div>
                <div class="share-action" onclick="shareToMoments()">
                    <div class="share-action-icon" style="background: linear-gradient(135deg, #07C160, #228B22);"><span class="iconify" data-icon="mdi:circle-double"></span></div>
                    <span class="share-action-label">朋友圈</span>
                </div>
                <div class="share-action" onclick="shareToQQ()">
                    <div class="share-action-icon" style="background: linear-gradient(135deg, #12B7F5, #0080FF);"><span class="iconify" data-icon="mdi:qqchat"></span></div>
                    <span class="share-action-label">QQ</span>
                </div>
                <div class="share-action" onclick="shareToQzone()">
                    <div class="share-action-icon" style="background: linear-gradient(135deg, #FFB800, #FF8C00);"><span class="iconify" data-icon="mdi:star-outline"></span></div>
                    <span class="share-action-label">QQ空间</span>
                </div>
                <div class="share-action" onclick="shareToWeibo()">
                    <div class="share-action-icon" style="background: linear-gradient(135deg, #E6162D, #DC143C);"><span class="iconify" data-icon="mdi:sina-weibo"></span></div>
                    <span class="share-action-label">动态</span>
                </div>
                <div class="share-action" onclick="shareToCopy()">
                    <div class="share-action-icon" style="background: linear-gradient(135deg, #8E8E93, #636366);"><span class="iconify" data-icon="mdi:link-variant"></span></div>
                    <span class="share-action-label">复制链接</span>
                </div>
            </div>
        </div>
    </div>
</div>
