:root {
    --nav-active: #1567AF;
    --nav-inactive: #2E2E2E;
    --nav-footer-active: #045CA9;
}

.header-nav-link {
    color: var(--nav-inactive); /* 默认颜色 */
    text-decoration: none;
}

.header-nav-link:hover {
    color: var(--nav-active); /* 悬停颜色 */
}

.footer-nav-link {
    color: white; /* 默认颜色 */
    text-decoration: none;
}

body[data-page="home"] .header-nav-link[data-page="home"],
body[data-page="tech"] .header-nav-link[data-page="tech"],
body[data-page="product"] .header-nav-link[data-page="product"],
body[data-page="about"] .header-nav-link[data-page="about"] {
    color: var(--nav-active);
    font-weight: bold;
    border-bottom: 2px solid var(--nav-active);
}

body[data-page="home"] .footer-nav-link[data-page="home"],
body[data-page="tech"] .footer-nav-link[data-page="tech"],
body[data-page="product"] .footer-nav-link[data-page="product"],
body[data-page="about"] .footer-nav-link[data-page="about"] {
    color: var(--nav-footer-active);
    font-weight: bold;
}