/* 陪玩信息公共样式（店长 2026-10-31）
   账号 ID 胶囊 + 情感状态徽标，所有展示陪玩信息的地方共用这一份。
   以前分散在 portal.css / players.css / player-card.css / dispatch.html 内联样式里，
   改配色要改四处，现在只改这里。 */

.player-id-pill {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: 999px;
    background: #f2f4f8;
    color: #5b6472;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.5;
    white-space: nowrap;
    vertical-align: middle;
}

.player-relation {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
    vertical-align: middle;
}

.player-relation.is-single { background: #e8f4ff; color: #2f7fc1; }
.player-relation.is-taken { background: #ffeaf1; color: #d1447d; }

/* 卡片里的徽标紧跟在昵称/性别后面，间距小一点 */
.player-relation.is-card { margin-left: 5px; font-size: 10.5px; padding: 1px 7px; }

/* 详情弹窗里「ID + 徽标」一行 */
.player-meta-line {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 6px;
}