/*!
 * 子比留言板 - 前台样式
 * 仅补充主题原生样式之外的部分，颜色一律走主题 CSS 变量以自动适配昼夜模式
 */

/* 留言板整体 */
.zibmb-board #comments > .box-body.notop {
    padding-bottom: 0;
}

.zibmb-board .zibmb-title small {
    margin-left: 6px;
}

.zibmb-board .zibmb-pending {
    vertical-align: middle;
}

/* 留言公告条（融入留言板顶部，形似公告 / 通知，点击弹出完整内容） */
.zibmb-notice {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    margin-bottom: 15px;
    border-radius: 4px;
    background-color: var(--muted-bg-2-color);
    cursor: pointer;
}

.zibmb-notice-icon {
    margin-right: 8px;
    color: var(--theme-color);
}

.zibmb-notice-text {
    min-width: 0;
    font-size: 13px;
    color: var(--muted-color);
}

.zibmb-notice-more {
    color: var(--muted-2-color);
}

/* 公告弹窗正文（主题模态框内） */
.zibmb-rules-body {
    line-height: 1.9;
}

.zibmb-rules-body p:last-child {
    margin-bottom: 0;
}

/* 留言分类选择 */
.zibmb-type-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 6px 0 2px;
}

.zibmb-type-row .zibmb-type-label {
    font-size: 12px;
    color: var(--muted-2-color);
    margin-right: 8px;
    margin-bottom: 6px;
}

.zibmb-type-chip {
    display: inline-block;
    padding: 1px 10px;
    margin: 0 6px 6px 0;
    border-radius: 4px;
    border: 1px solid var(--main-border-color);
    background-color: var(--muted-bg-2-color);
    color: var(--muted-color);
    font-size: 12px;
    line-height: 1.8;
    transition: 0.15s;
    cursor: pointer;
}

.zibmb-type-chip:hover {
    border-color: var(--this-color, var(--theme-color));
    color: var(--this-color, var(--theme-color));
}

.zibmb-type-chip.active {
    border-color: var(--this-color, var(--theme-color));
    background-color: var(--this-color, var(--theme-color));
    color: #fff;
}

/* 留言上的分类徽标 / IP 徽标 */
.zibmb-type-badg,
.zibmb-ip {
    margin-right: 6px;
}

.zibmb-ip {
    color: var(--muted-2-color);
    background-color: var(--muted-bg-2-color);
    cursor: default;
}

/* 仅统计卡片 */
.zibmb-count-card .zibmb-count-icon {
    width: 38px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 17px;
    color: var(--theme-color);
    background-color: var(--muted-bg-2-color);
}

.zibmb-count-card .zibmb-count-text {
    line-height: 1.5;
}

/* 降级入口（页面已有原生评论表单时） */
.zibmb-degrade {
    text-align: center;
    padding: 10px 0 0;
}

/* 空状态 */
.zibmb-null {
    list-style: none;
}

/* 移动端：分类选择在小屏下保持单行滚动，避免撑高弹层 */
@media (max-width: 767px) {
    .zibmb-type-row {
        margin-top: 4px;
    }

    .zibmb-type-chip {
        font-size: 12px;
    }
}