/**
 * Membership Content Styles (Cleaned)
 * 
 * 会员专属内容样式 - 已清理重复内容
 * 只保留非重复的特定功能，通用样式已移至 consolidated-styles.css
 */

/* ==========================================================================
   特定文章列表徽章样式 - 非重复内容
   ========================================================================== */

/* 锁定状态特定图标 */
.folio-premium-badge-locked::after {
    content: '🔒';
    margin-left: 2px;
}

.folio-premium-badge-unlocked::after {
    content: '✓';
    margin-left: 2px;
}

/* ==========================================================================
   特定会员卡片功能 - 非重复内容
   ========================================================================== */

.membership-card-highlight::before {
    content: '推荐';
    position: absolute;
    top: 1rem;
    right: -2rem;
    background: #f59e0b;
    color: white;
    padding: 0.5rem 3rem;
    font-size: 0.75rem;
    font-weight: 600;
    transform: rotate(45deg);
}

/* ==========================================================================
   特定升级提示样式 - 非重复内容
   ========================================================================== */

.upgrade-prompt-minimal {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    padding: 1rem;
}

.upgrade-prompt-banner {
    position: sticky;
    top: 0;
    z-index: 100;
    margin: 0;
    border-radius: 0;
}

/* ==========================================================================
   会员文章图片模糊滤镜
   ========================================================================== */

/* 未解锁的会员文章图片模糊效果 */
.folio-premium-blur {
    filter: blur(8px) brightness(0.7) !important;
    transition: filter 0.3s ease;
    pointer-events: none; /* 防止点击模糊图片 */
}

/* 鼠标悬停时稍微减少模糊，增加吸引力 */
article:hover .folio-premium-blur,
.group:hover .folio-premium-blur {
    filter: blur(6px) brightness(0.75) !important;
}

/* 已解锁的会员文章图片恢复正常 */
article.folio-premium-unlocked .folio-premium-blur,
article.folio-premium-unlocked img.folio-premium-blur {
    filter: brightness(0.9) !important;
    filter: blur(0px) brightness(0.9) !important;
}

article.folio-premium-unlocked:hover img.folio-premium-blur,
article.folio-premium-unlocked.group:hover img.folio-premium-blur {
    filter: brightness(1) !important;
    filter: blur(0px) brightness(1) !important;
}

/* 确保模糊效果在文章卡片上正确应用 */
article img.folio-premium-blur {
    transform: scale(1.05); /* 稍微放大以补偿模糊造成的视觉缩小 */
    will-change: filter; /* 优化性能 */
}

/* 相关文章和导航文章的模糊效果 */
.related-post-card .folio-premium-blur,
.nav-card .folio-premium-blur {
    filter: blur(6px) brightness(0.75) !important;
}

.related-post-card:hover .folio-premium-blur,
.nav-card:hover .folio-premium-blur {
    filter: blur(4px) brightness(0.8) !important;
}

/* 注意：所有通用的按钮、徽章、卡片、提示样式已移至 consolidated-styles.css */