/* ============================================================
 * VJ Engine - 侧边栏底部用户信息条（sidebar-user.css）
 * 位置：侧边栏 sidebar-footer 顶部
 * 形态：未登录=登录/注册按钮；已登录=头像+用户名+等级，点击进会员中心
 * 收起态：仅保留头像，悬停 tooltip 显示用户名+等级
 * ============================================================ */

.su-box { padding: 0 14px 10px; }

/* 未登录 */
.su-guest { display: flex; gap: 8px; }
.su-btn {
    flex: 1; padding: 8px 0; border-radius: 8px;
    border: 1px solid var(--border); background: var(--bg3);
    color: var(--muted); font-size: 12.5px; cursor: pointer;
    transition: all .2s; text-align: center;
}
.su-btn:hover { color: var(--text); border-color: var(--accent); background: var(--bg4); }
.su-btn.su-primary { background: var(--accent-dim); color: var(--accent); border-color: var(--accent); font-weight: 600; }
.su-btn.su-primary:hover { background: var(--accent); color: #fff; }

/* 已登录 */
.su-user {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 10px; border-radius: 10px; cursor: pointer;
    transition: background .2s;
}
.su-user:hover { background: var(--bg3); }
.su-avatar {
    width: 32px; height: 32px; border-radius: 50%;
    background: var(--gradient, linear-gradient(135deg,#8b5cf6,#ec4899));
    color: #fff; display: flex; align-items: center; justify-content: center;
    font-size: 15px; font-weight: 700; flex-shrink: 0;
}
.su-meta { flex: 1; min-width: 0; }
.su-name {
    font-size: 13px; font-weight: 600; color: var(--text);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.su-level { font-size: 11px; color: var(--muted); margin-top: 2px; }
.su-level-free { color: var(--dim); }
.su-level-vip { color: #f5c542; font-weight: 600; }

/* 头像区分：免费会员灰色，VIP 金色渐变 */
.su-avatar-free {
    background: linear-gradient(135deg, #4b5563, #374151);
    color: #9ca3af;
}
.su-avatar-vip {
    background: linear-gradient(135deg, #f5c542, #f59e0b);
    color: #1a1a2e;
    box-shadow: 0 0 8px rgba(245, 197, 66, .4);
}

/* 侧边栏收起态：仅保留头像 */
.sidebar.shrunk .su-meta { display: none; }
.sidebar.shrunk .su-guest { display: none; }
.sidebar.shrunk .su-user { justify-content: center; padding: 8px 0; }
.sidebar.shrunk .su-box { padding: 0 0 10px; }