这是一款基于HTML开发的智能网页工作便签工具，设计轻便、无需安装，适合在任意设备上快速记录与管理待办事项。工具支持多主题切换、JSON数据导入导出，以及任务完成状态管理，帮助您高效组织日常工作与灵感。

功能说明：

• 便签显示：默认按创建时间倒序排列，最新内容置顶显示

• 主题选择：提供6种风格主题，适配不同使用场景，并支持消息通知

  • 红色主题：强调重要事项，突出活力感

  • 青色主题：清新科技风格，适合技术工作者

  • 琥珀色主题：温暖明亮，适用于创意记录

  • 靛蓝色主题：沉稳专业，适配商务用途

  • 玫瑰色主题：温柔浪漫，适合个人笔记

  • 青绿色主题：时尚年轻化设计

• 数据管理：支持JSON格式一键导入与导出，便于数据备份与迁移

• 任务操作：可标记单项任务完成，也支持一键完成所有任务

关键代码：

        // 加载保存的主题
        function loadTheme() {
            const savedTheme = localStorage.getItem(THEME_KEY);
            if (savedTheme) {
                currentTheme = savedTheme;
                document.body.className = savedTheme;
                document.getElementById('theme-select').value = savedTheme;
            }
        }

        // 切换主题
        function switchTheme(theme) {
            document.body.className = theme;
            currentTheme = theme;
            localStorage.setItem(THEME_KEY, theme);
            document.getElementById('theme-select').value = theme;
            showToast('主题已切换！');
        }
                ...
        // 从本地存储获取便签数据
        function getNotesFromStorage() {
            const notesJSON = localStorage.getItem(STORAGE_KEY);
            const notes = notesJSON ? JSON.parse(notesJSON) : [];

            // 确保每个便签都有completed属性
            return notes.map(note => ({
                ...note,
                completed: note.completed || false
            }));
        }

        // 保存便签到本地存储
        function saveNotesToStorage(notes) {
            localStorage.setItem(STORAGE_KEY, JSON.stringify(notes));
        }
                ...