/* member_center 隐藏域 —— 前台解锁提示卡片（自包含，不依赖主题样式） */

.mcenter-hide {
    --mcenter-hide-bg: #f8fafc;
    --mcenter-hide-bg2: #eef2f7;
    --mcenter-hide-text: #1f2937;
    --mcenter-hide-mute: #6b7280;
    --mcenter-hide-line: #e2e8f0;
    --mcenter-hide-pri: #2563eb;
    --mcenter-hide-pri2: #1d4ed8;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    margin: 14px 0;
    padding: 14px 16px;
    background: var(--mcenter-hide-bg);
    border: 1px dashed var(--mcenter-hide-line);
    border-radius: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: var(--mcenter-hide-text);
    -webkit-font-smoothing: antialiased;
}

html[data-theme="dark"] .mcenter-hide {
    --mcenter-hide-bg: #1b1f27;
    --mcenter-hide-bg2: #232833;
    --mcenter-hide-text: #e5e7eb;
    --mcenter-hide-mute: #9ca3af;
    --mcenter-hide-line: #2b303b;
    --mcenter-hide-pri: #3b82f6;
    --mcenter-hide-pri2: #2563eb;
}

@media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]) .mcenter-hide {
        --mcenter-hide-bg: #1b1f27;
        --mcenter-hide-bg2: #232833;
        --mcenter-hide-text: #e5e7eb;
        --mcenter-hide-mute: #9ca3af;
        --mcenter-hide-line: #2b303b;
        --mcenter-hide-pri: #3b82f6;
        --mcenter-hide-pri2: #2563eb;
    }
}

.mcenter-hide *,
.mcenter-hide *::before,
.mcenter-hide *::after { box-sizing: border-box; }

.mcenter-hide-ico {
    flex: none;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--mcenter-hide-bg2);
    font-size: 16px;
    line-height: 1;
}

.mcenter-hide-body {
    flex: 1 1 200px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mcenter-hide-title {
    font-weight: 700;
    font-size: 14px;
    color: var(--mcenter-hide-text);
}

.mcenter-hide-tip {
    font-size: 12.5px;
    color: var(--mcenter-hide-mute);
}

.mcenter-hide-ops {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.mcenter-hide-btn {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;
    background: var(--mcenter-hide-pri);
    color: #fff !important;
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none !important;
    border: 1px solid var(--mcenter-hide-pri);
    cursor: pointer;
    transition: background .15s ease, opacity .15s ease;
}

.mcenter-hide-btn:hover {
    background: var(--mcenter-hide-pri2);
    border-color: var(--mcenter-hide-pri2);
}

.mcenter-hide-btn.is-ghost {
    background: transparent;
    color: var(--mcenter-hide-mute) !important;
    border-color: var(--mcenter-hide-line);
    cursor: default;
    font-weight: 500;
}

@media (max-width: 480px) {
    .mcenter-hide { gap: 10px; padding: 12px; }
    .mcenter-hide-ops { width: 100%; }
}

/* ---------------- 已解锁 / 已购买的内容标记 ----------------
   解锁后内容原本是裸文本，读者会以为这段本来就免费，
   这里统一包一层浅绿标记：块级带左边框，行内带浅底。 */
.mcenter-revealed { position: relative; }

.mcenter-revealed.is-block {
    margin: 14px 0;
    padding: 12px 14px 14px;
    border: 1px solid rgba(16, 185, 129, .30);
    border-left: 3px solid #10b981;
    border-radius: 12px;
    background: rgba(16, 185, 129, .055);
}
.mcenter-revealed.is-block > .mcenter-revealed-tag { margin-bottom: 9px; }
.mcenter-revealed-body > *:first-child { margin-top: 0; }
.mcenter-revealed-body > *:last-child { margin-bottom: 0; }

.mcenter-revealed-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 10px;
    border-radius: 999px;
    background: rgba(16, 185, 129, .12);
    color: #047857;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.75;
    letter-spacing: .01em;
    user-select: none;
}

/* 行内解锁（隐藏段常内嵌在 <p> 里，不能用块级包裹） */
.mcenter-revealed:not(.is-block) {
    padding: 1px 6px 1px 5px;
    border-radius: 5px;
    background: rgba(16, 185, 129, .075);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.mcenter-revealed:not(.is-block) > .mcenter-revealed-tag {
    margin-right: 5px;
    padding: 0 6px;
    font-size: 11px;
}

html[data-theme="dark"] .mcenter-revealed.is-block {
    border-color: rgba(16, 185, 129, .36);
    background: rgba(16, 185, 129, .10);
}
html[data-theme="dark"] .mcenter-revealed-tag { color: #6ee7b7; background: rgba(16, 185, 129, .18); }
html[data-theme="dark"] .mcenter-revealed:not(.is-block) { background: rgba(16, 185, 129, .14); }

@media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]) .mcenter-revealed.is-block {
        border-color: rgba(16, 185, 129, .36);
        background: rgba(16, 185, 129, .10);
    }
    html:not([data-theme="light"]) .mcenter-revealed-tag { color: #6ee7b7; background: rgba(16, 185, 129, .18); }
    html:not([data-theme="light"]) .mcenter-revealed:not(.is-block) { background: rgba(16, 185, 129, .14); }
}