.header-link:hover {
    color: #ddd;  /* 悬停变浅灰色 */
}

.nav-link {
    display: flex;                 /* 关键 */
    align-items: center;           /* 垂直居中 */
    justify-content: center;       /* 水平居中 */

    height: 60px;                  /* 给按钮一个高度 */
    padding: 0 18px;

    font-size: 24px;
    color: #ffffff;
    text-decoration: none;

    border-radius: 6px;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.15s ease;
}

.nav-link:hover {
    background-color: #444444;
    box-shadow: 0 4px 10px rgba(0,0,0,0.35);
    transform: translateY(-1px);
}

.nav-active > .nav-link {
    background-color: #333333;
    font-weight: bold;
}



.button-tooltip:hover .tooltip-text {
    visibility: visible;
}



/* .hover-grow {
    transition: all 0.2s ease-in-out;
}

.hover-grow:hover {
    font-size: 30px;
    background-color: #f0f0f0;
    cursor: pointer;
} */