/***** 其他玩家区域 *****/
.role
{
    position: absolute;
    width: 131px;
    height: 152px;
    float: left;
    cursor:pointer;
    background: url("../img/system/role_bg.png") no-repeat;
    box-shadow:2px 2px 2px #000;
    border-radius: 3px;
    transform: scale(var(--seat-scale, 1));
    transform-origin: center center;
    transition: left 180ms ease, top 180ms ease, transform 180ms ease;
}
/* 玩家遮盖层 */
.role_cover
{
    position: absolute;
    background-color: #000;
    top: 1px;
    left: 1px;
    width: 99%;
    height: 99%;
    cursor: pointer;
    opacity: 0.2;
    display: none;
    z-index: 12;
}
.role.player_dead .role_cover
{
    display: block !important;
    opacity: 0.55;
    cursor: default;
}
.role.target_available
{
    box-shadow: 0 0 10px 4px #5bd76d, 2px 2px 2px #000;
    animation: target_available_pulse 0.9s ease-in-out infinite alternate;
}
.role.target_available:after,
.role.target_selected:after
{
    position: absolute;
    z-index: 30;
    left: 28px;
    right: 28px;
    bottom: -10px;
    padding: 2px 0;
    border-radius: 8px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    pointer-events: none;
}
.role.target_available:after
{
    content: "可选目标";
    background: rgba(25, 112, 45, 0.92);
}
.role.target_selected
{
    box-shadow: 0 0 15px 5px #dd0200, 2px 2px 2px #000;
}
.role.target_selected:after
{
    content: "已选择";
    background: rgba(180, 16, 12, 0.94);
}
@keyframes target_available_pulse
{
    from { box-shadow: 0 0 7px 2px #5bd76d, 2px 2px 2px #000; }
    to { box-shadow: 0 0 13px 5px #8cf39b, 2px 2px 2px #000; }
}
.role > div
{
    float: left;
}
/* 国家 */
.role_country
{
    display:none;
    position:absolute;
    width:22px;
    height:22px;
    top:5px;
    left:5px;
}
.role_country img
{
    width:22px;
    height:22px;
}
/* 名称 */
.role_name
{
    position:absolute;
    width:131px;
    height:20px;
    text-align:center;
    font-size:13px;
    top:7px;
    color:#fff;
}
/* 身份 */
.role_identity
{
    position:absolute;
    width:25px;
    height:26px;
    right:1px;
    top:1px;
}
.role_identity img
{
    width:25px;
    height:26px;
}
.role_identity_select
{
    position:absolute;
    width:25px;
    height:100px;
    top:31px;
    right:1px;
    cursor:default;
    display:none;
}
.role_identity_select img
{
    width:25px;
    height:26px;
    margin-top:4px;
    cursor:pointer;
}
/* 玩家头像 */
.head_img img
{
    position: absolute;
    width: 117px;
    height: 49px;
    left: 4px;
    top: 28px;
    margin-left: 3px;
    object-fit: cover;
    object-position: center 35%;
}
/* 玩家牌数 */
.card_count
{
    position: absolute;
    top: 70px;
    left: 2px;
    width: 18px;
    height: 19px;
    text-align: center;
}
.card_count img
{
    position: absolute;
    left: 0;
}
.card_count span
{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    float: left;
}
/* 玩家血量 */
.blods_0, .blods_1
{
    position: absolute;
    left: 53px;
    top: 75px;
    width: 75px;
    height: 14px;
}
.blods_0 img, .blods_1 img
{
    margin-right: 1px;
    float: left;
    width: 13px;
    height: 14px;
}
/* 玩家装备 */
.equipment
{
    position:absolute;
    width:125px;
    height:56px;
    left:3px;
    bottom:3px;
    text-align:center;
    text-shadow:0 0 2px #ccc;
    font-size:12px;
    font-weight:bold;
}
.equipment>div
{
    position:relative;
    width:125px;
    height:14px;
}
.stage
{
    display:none;
    position:absolute;
    right:5px;
    bottom:-3px;
    width:70px;
    height:12px;
    color:#fff;
    text-align:right;
}
.stage>div
{
    position:absolute;
    width:100%;
    height:100%;
}
/* 玩家出牌剩余时间 */
.role_progress_bar
{
    position:absolute;
    width:127px;
    height:12px;
    left:2px;
    bottom:-15px;
    display:none;
}
.role_progress_bg, .role_progress
{
    position:absolute;
    float:left;
}
.role_progress_bg
{
    width:127px;
    height:12px;
}
.role_progress
{
    width:123px;
    top:2px;
    height:8px;
    left:2px;
}