/* ==========================================================================
   动态分享组件样式（仅保留「卡片操作行 / 顶部「：」管理菜单」两类本组件独有样式）
   --------------------------------------------------------------------------
   - 分享弹窗（.share-menu-*）与海报（.share-poster-*）样式已抽到 share-menu.css /
     poster.css，由 window.ShareDialog / window.PosterEngine 统一复用，避免与商户
     分享弹窗重复实现。
   - 复用站点设计 token（--c-*），缺失时均有兜底值，不污染全局、无硬编码 hex。
   ========================================================================== */

/* ---------- 操作行：分享按钮（与 点赞/评论/收藏 同排）---------- */
.feed-act.feed-share {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--c-text-2, #555);
    font-size: 13px;
    background: none;
    border: none;
    padding: 6px 4px;
    cursor: pointer;
}
.feed-act.feed-share .feed-act-ico {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.feed-act.feed-share .feed-act-ico svg {
    width: 18px;
    height: 18px;
}
.feed-act.feed-share:active { color: var(--c-primary, #2e8bff); }

/* ---------- 顶部「：」管理按钮 ---------- */
.feed-item-head {
    display: flex;
    align-items: center;
}
.feed-item-manage {
    margin-left: auto;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--c-text-3, #999);
    cursor: pointer;
    flex: 0 0 auto;
}
.feed-item-manage svg { width: 22px; height: 22px; }
.feed-item-manage:hover,
.feed-item-manage:active { color: var(--c-primary, #2e8bff); background: var(--c-bg, #f5f7fa); }

/* ---------- 顶部「：」菜单（编辑 / 删除）---------- */
.fs-manage-menu {
    position: absolute;
    z-index: 10003;
    min-width: 140px;
    background: var(--c-surface, #fff);
    border: 1px solid var(--c-line, #eee);
    border-radius: 12px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .16);
    padding: 6px;
    opacity: 0;
    transform: translateY(-6px) scale(.98);
    transform-origin: top right;
    transition: opacity .16s ease, transform .16s ease;
}
.fs-manage-show { opacity: 1; transform: translateY(0) scale(1); }
.fs-manage-item {
    display: block;
    width: 100%;
    text-align: left;
    appearance: none; -webkit-appearance: none; border: none; background: none;
    padding: 11px 12px; border-radius: 8px;
    font-size: 15px; color: var(--c-text, #1a1a1a); cursor: pointer;
}
.fs-manage-item:active { background: var(--c-bg, #f5f7fa); }
.fs-manage-danger { color: #e54848; }
.fs-manage-confirm { padding: 10px 12px 12px; font-size: 14px; color: var(--c-text-2, #555); }
.fs-manage-confirm-actions { display: flex; gap: 8px; }
.fs-manage-confirm-actions .fs-manage-item { flex: 1; text-align: center; }
.fs-manage-confirm-actions .fs-manage-danger { background: #fdecec; }