/* ==========================================================================
   统一海报样式（动态海报 / 商户海报 共用）
   --------------------------------------------------------------------------
   - 由 assets/js/poster-engine.js 渲染：canvas + 保存按钮 + loading / 错误。
   - 同时被「动态分享弹窗」与「商户分享弹窗」复用，故独立成文件、按需加载，
     避免与任一弹窗的样式耦合。
   - 复用站点设计 token（--c-*），缺失时均有兜底值，不污染全局。
   ========================================================================== */

.share-poster-loading,
.share-poster-err {
    padding: 28px 8px;
    text-align: center;
    color: var(--c-text-3, #999);
    font-size: 14px;
}

.share-poster-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.share-poster-canvas {
    width: 100%;
    max-width: 320px;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
}

.share-poster-save {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: var(--c-primary, #2e8bff);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: 24px;
    cursor: pointer;
}
.share-poster-save:active { opacity: .9; }