/*!
 * 评论徽章样式 —— 首评 / 作者赞过 / 已评论
 *
 * 配套：sunease-mod.jar 里的 com.suneasy.app.comment（addBadges 方法注入）
 * 插入位置：
 *   .cmt-badge-first / .cmt-badge-author → 评论正文 </p> 之后
 *   .cmt-badge-shang                     → 昵称 </a> 之后
 *
 * 三种徽章：
 *   .cmt-badge-first  「首评」        绿色描边小标签，正文下方
 *   .cmt-badge-author 「作者赞过」    绿色实底小标签，正文下方
 *   .cmt-badge-comment 「已评论」     红色徽章，昵称旁
 */

.cmt-badge {
    display: inline-block;
    margin: 0 3px;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 11px;
    line-height: 16px;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: normal;
}

/* 首评 —— 绿色描边 */
.cmt-badge-first {
    color: #2e9e5b;
    border: 1px solid #b6e0c8;
    background: #f2fbf6;
}

/* 作者赞过 —— 绿色实底 */
.cmt-badge-author {
    color: #fff;
    background: #4caf50;
}

/* 已评论 —— 红色徽章（昵称旁） */
.cmt-badge-comment {
    color: #fff;
    background: #e04b4b;
    padding: 0 6px;
    border-radius: 9px;
    font-size: 10px;
    line-height: 15px;
}

/* 正文下方两个徽章之间的间距微调 */
.c-content p .cmt-badge + .cmt-badge {
    margin-left: 2px;
}