/* ==========================================================
   04889dh · 前台顶部导航（会员状态区）
   仅补充 style.css 中未覆盖的顶部样式
   ========================================================== */

/* 「登录 / 注册」与「昵称 / 退出」两块互斥显示 */
.auth-box {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* hidden 属性优先于上面的 display:flex */
.auth-box[hidden] {
    display: none;
}

/* 昵称过长时省略，避免挤掉搜索按钮 */
.auth-name {
    max-width: 88px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 退出按钮与链接同色，hover 时转红 */
.auth-logout:hover {
    color: var(--red);
}