/* ============================================================
   pc-actions.css - PC 사이드 액션 / 카드 정보
   ============================================================ */

/* ===== PC 사이드 액션 ===== */
#pc-side-actions {
    position: fixed;
    left: calc(50% + var(--vs-half, 185px) + 12px);
    bottom: 20px;
    top: auto;
    transform: none;
    z-index: 250;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.pc-side-btn {
    display: flex; flex-direction: column;
    align-items: center; gap: 4px;
    cursor: pointer; border: none; background: none; padding: 0;
}
.pc-side-btn .pc-icon {
    width: 44px; height: 44px; border-radius: 50%;
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2);
    display: flex; align-items: center; justify-content: center;
    font-size: 20px; transition: all .2s;
}
.pc-side-btn:hover .pc-icon {
    background: rgba(255,107,157,0.25);
    border-color: rgba(255,107,157,0.4);
}
.pc-side-btn .pc-count { color: #555; font-size: 11px; font-weight: 700; }

.pc-profile-wrap {
    position: relative; display: flex;
    flex-direction: column; align-items: center; margin-bottom: 4px;
}
.pc-profile-img {
    width: 44px; height: 44px; border-radius: 50%;
    object-fit: cover; cursor: pointer;
    border: 2px solid rgba(196,77,255,0.5);
}
.pc-follow-plus {
    position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%);
    width: 20px; height: 20px; border-radius: 50%;
    background: linear-gradient(135deg, #ff6b9d, #c44dff);
    color: white; font-size: 13px;
    display: flex; align-items: center; justify-content: center;
    border: 2px solid #fafafa; font-weight: 900;
}

/* ===== PC 카드 정보 ===== */
#pc-card-info {
    position: fixed;
    bottom: 60px;
    left: calc(50% - var(--vs-half, 185px) - 210px);
    width: 190px;
    z-index: 250;
}
#pc-card-info .pc-username {
    color: #222; font-size: 15px; font-weight: 900; margin-bottom: 6px;
}
#pc-card-info .pc-desc {
    color: #555; font-size: 12px; line-height: 1.5; margin-bottom: 6px;
    display: -webkit-box; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; overflow: hidden;
}
#pc-card-info .pc-tags { color: #ff6b9d; font-size: 12px; font-weight: 700; }