            </main>
        </div>
    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
        // 移动端侧边栏切换
        $('.navbar-toggler').click(function() {
            $('.sidebar').toggleClass('show');
        });

        // 主题切换
        $('#theme-toggle').click(function() {
            const currentTheme = $('html').attr('data-bs-theme');
            const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
            
            $('html').attr('data-bs-theme', newTheme);
            $(this).find('i').toggleClass('fa-sun fa-moon');
            
            // 保存主题设置到 cookie
            document.cookie = `theme=${newTheme}; path=/; max-age=31536000`;
        });

        // 根据当前主题更新图标
        if ($('html').attr('data-bs-theme') === 'dark') {
            $('#theme-toggle i').removeClass('fa-sun').addClass('fa-moon');
        }
    });
    </script>
</body>
</html>
