{{
    share_is_en = site.Language == "en" || site.Language == "en-US" || site.Language == "en-GB"
    share_label = share_is_en ? "Share" : "分享"
    share_wechat = share_is_en ? "Share to WeChat" : "分享到微信"
    share_qq = share_is_en ? "Share to QQ" : "分享到 QQ"
    share_weibo = share_is_en ? "Share to Weibo" : "分享到微博"
    share_copy = share_is_en ? "Copy article link" : "复制文章链接"
    share_native = share_is_en ? "Share article" : "分享本文"
}}
<div class="sf-article-share" data-article-share data-language="{{ if share_is_en }}en{{ else }}zh{{ end }}" role="group" aria-label="{{ share_label }}">
    <span class="sf-share-label">{{ share_label }}</span>
    <div class="sf-share-actions">
        <button class="sf-share-button sf-share-platform" type="button" data-share-action="wechat" data-tooltip="{{ if share_is_en }}WeChat{{ else }}微信{{ end }}" aria-label="{{ share_wechat }}">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path d="M9.5 5C5.91 5 3 7.42 3 10.4c0 1.7.97 3.23 2.48 4.22L5 17l2.57-1.26c.62.16 1.27.25 1.93.25 3.59 0 6.5-2.5 6.5-5.59S13.09 5 9.5 5Z"/><path d="M14.5 9c3.59 0 6.5 2.42 6.5 5.4 0 1.7-.97 3.23-2.48 4.22L19 21l-2.57-1.26c-.62.16-1.27.25-1.93.25-3.59 0-6.5-2.5-6.5-5.59"/><path d="M7.5 9.5h.01M11.5 9.5h.01M14 14h.01M18 14h.01" stroke-linecap="round"/></svg>
        </button>
        <button class="sf-share-button sf-share-platform" type="button" data-share-action="qq" data-tooltip="QQ" aria-label="{{ share_qq }}">
            <svg viewBox="0 0 48 48" fill="currentColor" aria-hidden="true"><path d="M23.793 44.518c-3.659 0-7.017-1.225-9.179-3.053-1.098.328-2.503.855-3.389 1.51-.759.56-.664 1.131-.527 1.361.6 1.013 10.296.647 13.095.332v-.15Zm0 0c3.659 0 7.017-1.225 9.179-3.053 1.097.328 2.502.855 3.389 1.51.758.56.663 1.131.526 1.361-.6 1.013-10.295.647-13.094.332v-.15Z"/><path fill-rule="evenodd" d="M36.339 20.933c-1.641.448-6.483 1.618-12.525 1.659h-.044c-6.195-.043-11.128-1.27-12.643-1.692-.311-.087-.481-.267-.481-.267-.002-.054-.025-.983-.025-1.462C10.621 11.106 14.428 3 23.792 3c9.364 0 13.172 8.105 13.172 16.171 0 .479-.024 1.407-.025 1.463 0 0-.209.192-.6.299Zm2.489 4.417c.518 1.35 1.029 2.756 1.404 3.961 1.786 5.747 1.207 8.125.767 8.179-.946.114-3.68-4.327-3.68-4.327 0 4.513-4.074 11.441-13.403 11.505h-.247c-9.33-.064-13.404-6.992-13.404-11.505 0 0-2.734 4.441-3.679 4.327-.441-.054-1.02-2.432.767-8.179.374-1.205.885-2.611 1.403-3.961 0 0 .349-.021.526.03 1.45.418 2.994.789 4.563 1.099-.267 1.655-.42 3.704-.276 6.123.385 6.434 4.206 10.479 10.104 10.537h.239c5.899-.058 9.72-4.103 10.104-10.537.145-2.42-.008-4.468-.276-6.123 1.596-.316 3.168-.695 4.64-1.122.151-.043.448-.007.448-.007Zm-5.088 1.129c-3.44.681-6.995 1.071-9.926 1.036h-.044c-2.93.035-6.486-.355-9.925-1.036l.042-.256c3.427.676 6.965 1.062 9.882 1.027h.045c2.918.036 6.457-.351 9.883-1.027l.043.256ZM18.038 11.687c.068 1.84 1.153 3.287 2.423 3.229 1.27-.057 2.243-1.595 2.174-3.436-.069-1.84-1.154-3.287-2.423-3.23-1.27.058-2.243 1.596-2.174 3.437Zm9.087 3.229c1.271.058 2.356-1.39 2.424-3.229.069-1.841-.904-3.379-2.174-3.437-1.269-.056-2.354 1.39-2.423 3.231-.069 1.84.904 3.378 2.173 3.435Zm-3.31 1.009c4.232 0 7.651.838 7.99 1.589v.001a.25.25 0 0 1-.022.251c-.286.417-4.082 2.478-7.968 2.478h-.046c-3.886 0-7.682-2.061-7.968-2.478a.25.25 0 0 1-.047-.145c0-.037.009-.073.025-.107.339-.751 3.758-1.589 7.99-1.589h.046Z" clip-rule="evenodd"/><path d="M22.022 11.714c.058.727-.341 1.373-.889 1.443-.55.071-1.042-.461-1.1-1.188-.058-.727.34-1.373.888-1.443.55-.071 1.043.461 1.101 1.188Zm3.49.243c.112-.201.876-1.259 2.459-.874.416.102.609.251.649.309.06.086.077.21.016.375-.121.329-.369.32-.507.256-.089-.042-1.191-.777-2.207.32-.07.075-.195.101-.313.012-.119-.09-.168-.272-.097-.398Z"/><path d="M15.504 26.712v6.332s2.9.585 5.807.18v-5.841a47 47 0 0 1-5.807-.671Z"/><path d="M36.939 20.634s-5.643 1.78-13.125 1.831h-.044c-7.47-.05-13.105-1.826-13.124-1.831L8.756 25.35c4.726 1.425 10.584 2.343 15.014 2.29h.044c4.43.053 10.287-.865 15.014-2.29l-1.889-4.716Z"/></svg>
        </button>
        <button class="sf-share-button sf-share-platform" type="button" data-share-action="weibo" data-tooltip="{{ if share_is_en }}Weibo{{ else }}微博{{ end }}" aria-label="{{ share_weibo }}">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path d="M20.2 12.3c0 4.2-4.4 7.6-9.8 7.6-4.1 0-7.4-2-7.4-4.8 0-1.7 1.2-3.7 3.3-5.5 2.8-2.4 5.9-3.4 7-2.1.5.6.5 1.5.1 2.5 2.3-.8 4.2-.5 4.8.7.2.4.2.9.1 1.4 1.2 0 1.9.1 1.9.2Z"/><ellipse cx="10.3" cy="14.7" rx="4" ry="2.7"/><path d="M16.3 6.2a4.1 4.1 0 0 1 3.5 3.5M16.7 2.9a7.3 7.3 0 0 1 6.2 6.2"/></svg>
        </button>
        <button class="sf-share-button sf-share-copy" type="button" data-share-action="copy" data-tooltip="{{ if share_is_en }}Copy link{{ else }}复制链接{{ end }}" aria-label="{{ share_copy }}">
            <svg class="sf-share-copy-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M15 9V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h3"/></svg>
            <svg class="sf-share-copy-success-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="m5 12 4 4L19 6"/></svg>
        </button>
        <button class="sf-share-button sf-share-native" type="button" data-share-action="native" aria-label="{{ share_native }}">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><path d="m8.6 10.5 6.8-4M8.6 13.5l6.8 4"/></svg>
            <span class="sf-share-native-text">{{ share_native }}</span>
        </button>
    </div>
    <span class="sf-share-sr-only" data-copy-live role="status" aria-live="polite"></span>

    <div class="sf-wechat-guide" data-wechat-guide aria-hidden="true" inert>
        <div class="sf-wechat-menu-target" aria-hidden="true">
            <span></span><span></span><span></span>
        </div>
        <svg class="sf-wechat-guide-arrow" viewBox="0 0 76 72" fill="none" aria-hidden="true">
            <path d="M9 66C24 55 36 40 43 20" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
            <path d="m34 25 10-8 4 12" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
        <section class="sf-wechat-guide-card" role="dialog" aria-modal="true" aria-labelledby="sf-wechat-guide-title">
            <p class="sf-wechat-guide-kicker">{{ if share_is_en }}Share in WeChat{{ else }}微信内分享{{ end }}</p>
            <h2 class="sf-wechat-guide-title" id="sf-wechat-guide-title">{{ if share_is_en }}Use the WeChat menu{{ else }}请使用右上角微信菜单{{ end }}</h2>
            <div class="sf-wechat-guide-steps">
                <div class="sf-wechat-guide-step"><span>1</span><p>{{ if share_is_en }}Tap the <strong>···</strong> menu in the top-right corner{{ else }}点击右上角 <strong>···</strong> 菜单{{ end }}</p></div>
                <div class="sf-wechat-guide-step"><span>2</span><p>{{ if share_is_en }}Choose “Send to Chat” to share{{ else }}选择「转发给朋友」即可分享{{ end }}</p></div>
            </div>
            <div class="sf-wechat-guide-actions">
                <button class="sf-wechat-guide-action sf-wechat-guide-copy" type="button" data-wechat-guide-copy>{{ if share_is_en }}Copy link{{ else }}复制链接{{ end }}</button>
                <button class="sf-wechat-guide-action sf-wechat-guide-close" type="button" data-wechat-guide-close>{{ if share_is_en }}Got it{{ else }}我知道了{{ end }}</button>
            </div>
        </section>
    </div>

    <div class="sf-share-backdrop" data-share-backdrop aria-hidden="true" inert>
        <section class="sf-share-dialog" role="dialog" aria-modal="true" aria-labelledby="sf-share-dialog-title" aria-describedby="sf-share-dialog-description">
            <div class="sf-share-dialog-head">
                <div>
                    <h2 class="sf-share-dialog-title" id="sf-share-dialog-title">{{ if share_is_en }}Share via WeChat{{ else }}微信扫码分享{{ end }}</h2>
                    <p class="sf-share-dialog-description" id="sf-share-dialog-description">{{ if share_is_en }}Scan with WeChat, then share the article with friends.{{ else }}打开微信“扫一扫”，在手机中打开后分享给好友。{{ end }}</p>
                </div>
                <button class="sf-share-close" type="button" data-share-close aria-label="{{ if share_is_en }}Close share dialog{{ else }}关闭微信分享弹窗{{ end }}">
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="m18 6-12 12M6 6l12 12"/></svg>
                </button>
            </div>
            <div class="sf-share-qr-frame"><div class="sf-share-qrcode" data-share-qrcode role="img" aria-label="{{ if share_is_en }}Article QR code{{ else }}当前文章二维码{{ end }}"></div></div>
            <div class="sf-share-dialog-note">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M3 11V3h8M21 13v8h-8M21 3l-7 7M3 21l7-7"/></svg>
                {{ if share_is_en }}The QR code contains only the article URL{{ else }}二维码仅包含当前文章链接{{ end }}
            </div>
        </section>
    </div>

    <div class="sf-share-toast" data-share-toast role="status" aria-live="polite">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="m5 12 4 4L19 6"/></svg>
        <span data-share-toast-text>{{ if share_is_en }}Link copied{{ else }}链接已复制{{ end }}</span>
    </div>
</div>