(function () {
    function renderSharedNavbar() {
        var mount = document.getElementById('site-nav');
        if (!mount) return;

        var currentPage = document.body.getAttribute('data-page') || '';
        var items = [
            { key: 'index', href: 'index.html', label: '首页' },
            { key: 'product', href: 'product.html', label: '产品功能' },
            { key: 'culture', href: 'culture.html', label: '念缘文化' },
            { key: 'company', href: 'company.html', label: '公司介绍' },
            { key: 'download', href: 'download.html', label: '下载中心' },
            { key: 'news', href: 'news.html', label: '新闻动态' }
        ];

        var linksHtml = items.map(function (item) {
            var activeClass = item.key === currentPage ? ' active' : '';
            return '<li class="nav-item"><a class="nav-link' + activeClass + '" href="' + item.href + '">' + item.label + '</a></li>';
        }).join('');

        mount.innerHTML = '' +
            '<nav class="navbar navbar-expand-lg sticky-top daily-gradient-nav">' +
                '<div class="container">' +
                    '<a class="navbar-brand" href="index.html">' +
                        '<img src="images/logo.png" alt="念·缘" height="36" style="margin-right: 8px;"> 念·缘' +
                    '</a>' +
                    '<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="切换导航">' +
                        '<span class="navbar-toggler-icon"></span>' +
                    '</button>' +
                    '<div class="collapse navbar-collapse" id="navbarNav">' +
                        '<ul class="navbar-nav ms-auto">' + linksHtml + '</ul>' +
                    '</div>' +
                '</div>' +
            '</nav>';
    }

    function applyDailyNavbarGradient() {
        var nav = document.querySelector('.daily-gradient-nav');
        if (!nav) return;

        var now = new Date();
        var y = now.getFullYear();
        var m = String(now.getMonth() + 1).padStart(2, '0');
        var d = String(now.getDate()).padStart(2, '0');
        var dailyKey = '' + y + m + d;

        function hashCode(text) {
            var hash = 0;
            for (var i = 0; i < text.length; i++) {
                hash = ((hash << 5) - hash) + text.charCodeAt(i);
                hash |= 0;
            }
            return Math.abs(hash);
        }

        var palette = [
            '#f5e9d4', '#f4dfc2', '#f1d8bf', '#ebd3b0', '#e7d0a3',
            '#f0e1cc', '#efd9bb', '#e9cfad', '#f3e4c8', '#ead6b9'
        ];

        var seed = hashCode(dailyKey);
        var startIndex = seed % palette.length;
        var endIndex = (seed * 7 + 3) % palette.length;

        if (endIndex === startIndex) {
            endIndex = (endIndex + 1) % palette.length;
        }

        var angle = 90 + (seed % 61);

        nav.style.setProperty('--nav-grad-start', palette[startIndex]);
        nav.style.setProperty('--nav-grad-end', palette[endIndex]);
        nav.style.setProperty('--nav-grad-angle', angle + 'deg');
    }

    renderSharedNavbar();
    applyDailyNavbarGradient();
})();