/* ==========================================================================
   微信分享组件样式（前台按需加载，由 templates/footer.php 在 $loadWechatShare
   为真时输出 <link>，未启用分享的页面零开销）
   --------------------------------------------------------------------------
   依赖的设计变量沿用站点 token（--c-* / --radius-*），缺失时均有兜底值，
   因此在未定义这些变量的旧皮肤下也能正常显示。
   ========================================================================== */

/* ---------- 分享按钮（详情页拨号栏内的次操作） ---------- */
.detail-call-share {
    flex: 0 0 auto;
    white-space: nowrap;
}
/* 拨号栏在窄屏下挤入三个按钮时，允许分享按钮收缩但保底 64px */
@media (max-width: 360px) {
    .detail-call-share {
        min-width: 64px;
        padding-left: 8px;
        padding-right: 8px;
    }
}

/* ---------- 动态详情页内的分享按钮（沿用 .spc-act 形态） ---------- */
/* 防御式重置：确保按钮在各皮肤下与点赞/评论两个动作块视觉一致 */
.spc-act.share-btn {
    appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

/* ---------- 微信内「点击右上角 ···」引导浮层 ---------- */
.wx-share-guide {
    position: fixed;
    inset: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, visibility .18s ease;
}
.wx-share-guide.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.wx-share-guide-mask {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .68);
}

/* 指向右上角菜单的箭头：一个旋转 45° 的白色方块 + 三角尖，纯 CSS 无外部资源 */
.wx-share-guide-arrow {
    position: absolute;
    top: calc(env(safe-area-inset-top, 0px) + 10px);
    right: 22px;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 18px solid #fff;
    transform: rotate(20deg);
    transform-origin: 50% 100%;
}

.wx-share-guide-tip {
    position: absolute;
    top: calc(env(safe-area-inset-top, 0px) + 46px);
    right: 18px;
    left: 18px;
    max-width: 320px;
    margin-left: auto;
    padding: 14px 16px;
    border-radius: var(--radius-md, 10px);
    background: var(--c-surface, #fff);
    color: var(--c-text, #1a1a1a);
    font-size: 15px;
    line-height: 1.7;
    text-align: center;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .18);
}
.wx-share-guide-tip b {
    color: var(--c-primary, #2e8bff);
    font-size: 17px;
}
.wx-share-guide-sub {
    margin-top: 6px;
    font-size: 12px;
    color: var(--c-text-3, #999);
}

/* 尊重「减少动态效果」偏好 */
@media (prefers-reduced-motion: reduce) {
    .wx-share-guide {
        transition: none;
    }
}