/* ===== 玩家名片卡 /player/<id>(版面模板=player.html)===== */
.player-card {
    display: flex;
    gap: 28px;
    align-items: flex-start;
}

.player-card .pc-portrait {
    width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #444;
    flex-shrink: 0;
    transition: opacity .18s;
}

.player-card .pc-body {
    flex: 1;
    min-width: 0;
}

.player-card h1 {
    margin: 0 0 6px;
}

.player-card .pc-id {
    color: #999;
    font-size: 16px;
    font-weight: normal;
}

.player-card .pc-nick {
    color: #d9b96c;
    margin: 0 0 18px;
    font-size: 18px;
}

.player-card .pc-row {
    display: flex;
    padding: 6px 0;
    border-bottom: 1px solid #3a3a3a;
    font-size: 17px;
}

.player-card .pc-k {
    color: #aaa;
    width: 7em;
    flex-shrink: 0;
    font-family: 'cubic';
}

.player-card .pc-en {
    color: #777;
    font-size: 14px;
}

.player-card .pc-max {
    color: #ffd75f;
    font-size: 14px;
}

/* 職業列(基礎/二階):帶 data-img 者可點擊切換圖卡 */
.player-card .pc-cls[data-img] {
    cursor: pointer;
}

.player-card .pc-cls[data-img]:hover .pc-v {
    color: #ffffff;
}

.player-card .pc-cls.active .pc-v {
    color: #ffd75f;
}

.player-card .pc-cls.active .pc-k::after {
    content: ' ◂圖';
    color: #666;
    font-size: 12px;
}

/* 玩家自介(long):引用感的淡色區塊 */
.pc-long {
    margin-top: 16px;
    padding: 10px 14px;
    border-left: 3px solid #555;
    color: #bbb;
    font-size: 15px;
    line-height: 1.7;
    word-break: break-all;   /* 自介可能貼長字串/網址(純文字),不可撐破卡片 */
}

/* 徽記區:同 look 指令的敘述行 */
.pc-badges {
    margin-top: 28px;
    border-top: 1px solid #3a3a3a;
    padding-top: 12px;
}

.pc-badges h2 {
    font-family: 'cubic';
    font-size: 18px;
    color: #aaa;
    margin: 0 0 8px;
}

.pc-badges p {
    margin: 6px 0;
    font-size: 16px;
    line-height: 1.6;
}

.pc-foot {
    margin-top: 36px;
    color: #666;
    font-size: 14px;
}

.pc-foot a {
    margin-left: 10px;
}

@media (max-width:700px) {
    .player-card {
        flex-direction: column;
        align-items: center;
    }

    .player-card .pc-body {
        width: 100%;
    }

}