.chx-av { position: relative; display: inline-block; flex-shrink: 0; line-height: 0; align-self: flex-start; }
.chx-av .im-msg-avatar { margin: 0; }
.chx-badge {
    position: absolute; left: 50%; bottom: -4px; transform: translateX(-50%);
    padding: 0 4px; border-radius: 6px; background: linear-gradient(90deg, #f43f5e, #e11d48);
    color: #fff; font-size: 10px; line-height: 14px; font-style: normal; white-space: nowrap;
    box-shadow: 0 0 0 1.5px #fff;
}
.chx-name-tag {
    display: inline-block; margin: 0 4px; padding: 0 4px; border-radius: 3px;
    background: #fee2e2; color: #e11d48; font-size: 10px; line-height: 15px; vertical-align: middle;
}
.chx-official .im-msg-bubble { white-space: pre-line; background: #fff7ed; border: 1px solid #fed7aa; color: #431407; }
.chx-vote { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 6px; max-width: 280px; }
.chx-opt {
    position: relative; overflow: hidden; flex: 1 1 0; min-width: 64px; height: 32px; padding: 0 10px;
    border: 1px solid #fb923c; border-radius: 16px; background: #fff; color: #c2410c;
    font-size: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px;
}
.chx-opt:not(.is-result):active { background: #ffedd5; }
.chx-opt.is-result { cursor: default; justify-content: space-between; border-color: #fdba74; color: #7c2d12; }
.chx-opt.is-mine { border-color: #ea580c; font-weight: 600; }
.chx-opt.is-answer { border-color: #16a34a; color: #166534; }
.chx-bar { position: absolute; left: 0; top: 0; bottom: 0; background: #ffedd5; z-index: 0; }
.chx-opt.is-answer .chx-bar { background: #dcfce7; }
.chx-opt-label, .chx-opt-pct { position: relative; z-index: 1; }
.chx-vote-foot { flex-basis: 100%; font-size: 11px; color: #9a3412; opacity: .8; }
.chx-today { margin-left: 6px; opacity: .85; }
.forum-chat-mobile .chx-today { font-size: 11px; }