/**
 * 灰文（topic_ai_triage.label = 'exclude'）在列表上的「限會員」標記。
 *
 * 設計取向：細髮絲分隔線 + 灰紫小字，不用底色膠囊。
 *   塗了底的膠囊像警告標籤，一整排看下來很像這個版在出狀況；
 *   改成靠右的一條細線加小字，讀起來是「這一項需要權限」，
 *   不打斷版面的節奏，也不會讓人以為文章違規。
 *
 * 顏色不是紅色：紅色在這些頁面已經是「違規鎖定」的語意，
 * 兩者混用會讓會員誤判。灰紫代表「權限」，語意乾淨。
 */

.lock-badge {
    display: inline-flex;
    align-items: center;
    gap: .34em;
    flex: 0 0 auto;
    font-size: .65rem;
    font-weight: 500;
    letter-spacing: .06em;
    line-height: 1;
    white-space: nowrap;
    color: #8b80a6;
    background: transparent;
    border: 0;
    /* 左側髮絲線當分隔：比括號、比膠囊都不吵 */
    padding: 0 0 0 .55em;
    border-left: 1px solid #e6e1f0;
    margin-left: .1em;
    vertical-align: middle;
    user-select: none;
}

.lock-badge i {
    font-size: .72em;
    opacity: .8;
    transform: translateY(-.02em);
}

/* 側欄縮得很窄，只留小鎖，避免文字擠掉標題 */
.sidebar .lock-badge {
    padding: 0;
    border-left: 0;
    font-size: 0;
    margin-left: .3em;
    color: #9d93b8;
}

.sidebar .lock-badge i {
    font-size: .78em;
}

/* 個人頁的回覆摘要被遮住時顯示的提示 */
.lock-hint {
    display: inline-flex;
    align-items: center;
    gap: .38em;
    color: #8b80a6;
    font-size: .8rem;
    font-weight: 500;
    letter-spacing: .02em;
}

.lock-hint i {
    font-size: .78em;
    opacity: .8;
}