/* 注册按钮样式（图标按钮） */
#header-register-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0.2rem;
    padding: 0;
    color: var(--md-primary-bg-color);
    background: transparent;
    border: none;
    border-radius: 0.1rem;
    cursor: pointer;
    transition: opacity 0.25s;
    text-decoration: none;
}

#header-register-btn:hover {
    opacity: 0.7;
}

#header-register-btn svg {
    width: 1.2rem;
    height: 1.2rem;
    fill: currentColor;
}

/* 用户名显示样式 - 无背景 */
.md-header__username {
    display: inline-flex;
    align-items: center;
    margin: 0.2rem 0.4rem 0.2rem 0.2rem;
    padding: 0 0.4rem;
    height: 2.4rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--md-default-fg-color);
    background: transparent;
    border-radius: 0;
    cursor: default;
    user-select: none;
    white-space: nowrap;
}

/* 暗色模式下用户名样式 */
[data-md-color-scheme="slate"] .md-header__username {
    color: var(--md-default-fg-color);
    background: transparent;
}

/* 退出登录文字按钮 - 无背景 */
#header-logout-btn {
    display: inline-flex;
    align-items: center;
    margin: 0.2rem 0.2rem 0.2rem 0;
    padding: 0 0.4rem;
    height: 2.4rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--md-default-fg-color);
    background: transparent;
    border: none;
    border-radius: 0;
    cursor: pointer;
    transition: opacity 0.25s;
    text-decoration: none;
    white-space: nowrap;
}

#header-logout-btn:hover {
    opacity: 0.7;
}

#header-logout-btn svg {
    display: none;
}

/* 隐藏原来页面内容中的退出登录/注册按钮（如果存在） */
.md-content a[href="/logout"],
.md-content a[href="/register"] {
    display: none;
}