Create script.js

script.js

@@ -0,0 +1,662 @@
+// 全局变量
+let isParsing = false;
+let history = JSON.parse(localStorage.getItem('parseHistory') || '[]');
+
+// 初始化主题
+function initTheme() {
+    const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)");
+    const savedTheme = localStorage.getItem('theme') || (prefersDarkScheme.matches ? 'dark' : 'light');
+    document.documentElement.setAttribute('data-theme', savedTheme);
+    const themeBtn = document.getElementById('theme-btn');
+    themeBtn.innerHTML = savedTheme === 'dark' ? '<i class="fas fa-sun"></i>' : '<i class="fas fa-moon"></i>';
+}
+
+// 初始化主题色
+function initThemeColor() {
+    const themeColors = [
+        { primary: '#7c4dff', light: 'rgba(124, 77, 255, 0.2)', dark: '#5e35b1' },
+        { primary: '#42a5f5', light: 'rgba(66, 165, 245, 0.2)', dark: '#1976d2' },
+        { primary: '#ec407a', light: 'rgba(236, 64, 122, 0.2)', dark: '#d81b60' },
+        { primary: '#66bb6a', light: 'rgba(102, 187, 106, 0.2)', dark: '#43a047' },
+        { primary: '#ff9800', light: 'rgba(255, 152, 0, 0.2)', dark: '#f57c00' },
+    ];
+    const colorIndex = parseInt(localStorage.getItem('colorIndex') || '0');
+    const color = themeColors[colorIndex];
+    document.documentElement.style.setProperty('--primary-color', color.primary);
+    document.documentElement.style.setProperty('--primary-light', color.light);
+    document.documentElement.style.setProperty('--primary-dark', color.dark);
+    document.getElementById('color-btn').onclick = function() {
+        const nextIndex = (colorIndex + 1) % themeColors.length;
+        localStorage.setItem('colorIndex', nextIndex);
+        initThemeColor();
+    };
+}
+
+// 加载樱花特效
+function loadSakuraEffect() {
+    const script = document.createElement('script');
+    script.src = 'https://api.suyanw.cn/api/mouse/yinghua.js';
+    document.body.appendChild(script);
+}
+
+// 鱼游动画（CDN引入）
+function initFishAnimation() {
+    console.log('鱼游动画已通过CDN加载');
+}
+
+// 调试信息显示
+let debugTimer;
+function showDebugInfo(message) {
+    const debugEl = document.getElementById('debugInfo');
+    debugEl.textContent = message;
+    clearTimeout(debugTimer);
+    debugTimer = setTimeout(() => debugEl.textContent = '', 5000);
+}
+
+// 实时时钟
+function updateTime() {
+    const now = new Date();
+    document.getElementById('currentTime').textContent = 
+        `${now.getHours().toString().padStart(2, '0')}:` +
+        `${now.getMinutes().toString().padStart(2, '0')}:` +
+        `${now.getSeconds().toString().padStart(2, '0')}`;
+}
+
+// 获取天气
+async function getWeather() {
+    try {
+        const response = await fetch('https://api.kxzjoker.cn/api/Weather');
+        const data = await response.json();
+
+        if (data.code !== 200) throw new Error('天气获取失败');
+
+        document.getElementById('weatherWidget').innerHTML = `
+            <i class="fas fa-cloud-sun" style="background: linear-gradient(45deg, #ff9a00, #89CFF0);-webkit-background-clip: text;background-clip: text;color: transparent;"></i>
+            ${data.data.tianqi.temperature}°C
+        `;
+
+        showDebugInfo(`👏欢迎来自${data.data.ipdata.info.split('-')[0]}的用户`);
+    } catch (error) {
+        document.getElementById('weatherWidget').innerHTML = `
+            <i class="fas fa-cloud-sun" style="background: linear-gradient(45deg, #ff9a00, #89CFF0);-webkit-background-clip: text;background-clip: text;color: transparent;"></i>
+            未知天气
+        `;
+        showDebugInfo('欢迎访问本服务');
+    }
+}
+
+// 获取随机文案
+async function fetchRandomQuote() {
+    try {
+        const response = await fetch('https://api.suyanw.cn/api/weimei.php?type=json');
+        const data = await response.json();
+        const quoteEl = document.getElementById('random-quote');
+        if (quoteEl) {
+            quoteEl.textContent = data.text || "每一个视频背后，都有一个想被分享的故事";
+        }
+    } catch (error) {
+        const quoteEl = document.getElementById('random-quote');
+        if (quoteEl) {
+            quoteEl.textContent = "每一个视频背后，都有一个想被分享的故事";
+        }
+        console.error('获取随机文案失败:', error);
+    }
+}
+
+// 获取并更新背景图片
+async function updateBackgroundImage() {
+    try {
+        const response = await fetch('https://api.suyanw.cn/api/comic3.php');
+        if (!response.ok) throw new Error(`背景图片 API 请求失败: ${response.status}`);
+        const data = await response.json();
+        const imageUrl = data.url || data.image || data.data?.url; // 适配可能的字段
+        if (imageUrl) {
+            document.body.style.backgroundImage = `url(${imageUrl})`;
+            showDebugInfo('背景图片已更新');
+        } else {
+            throw new Error('背景图片 URL 为空');
+        }
+    } catch (error) {
+        console.error('获取背景图片失败:', error);
+        showDebugInfo('背景图片加载失败，将使用默认背景');
+        document.body.style.backgroundImage = `url('https://via.placeholder.com/1920x1080?text=Default+Background')`;
+    }
+}
+
+// 获取在线访客人数（假设 API）
+async function updateOnlineUsers() {
+    try {
+        const response = await fetch('https://api.example.com/online-users');
+        const data = await response.json();
+        const onlineUsers = data.count || 0;
+        document.getElementById('online-users').textContent = onlineUsers;
+    } catch (error) {
+        console.error('获取在线人数失败:', error);
+        document.getElementById('online-users').textContent = '未知';
+    }
+}
+
+// URL提取
+function extractURL(text) {
+    try {
+        const urlRegex = /(https?:\/\/.*)/g;
+        const matches = text.match(urlRegex);
+        return matches ? matches[0].trim() : null;
+    } catch (e) {
+        console.error('URL提取错误:', e);
+        return null;
+    }
+}
+
+// 监听剪贴板
+function monitorClipboard() {
+    const videoUrlInput = document.getElementById('urlInput');
+    const pasteButton = document.getElementById('clipboard-btn');
+
+    pasteButton.addEventListener('click', async function() {
+        try {
+            const permissionStatus = await navigator.permissions.query({ name: 'clipboard-read' });
+            if (permissionStatus.state === 'denied') {
+                throw new Error('无权限访问剪贴板，请手动粘贴');
+            }
+
+            const text = await navigator.clipboard.readText();
+            if (text) {
+                videoUrlInput.value = text;
+                const pureUrl = extractURL(text);
+                if (pureUrl) {
+                    showDebugInfo(`已提取纯链接: ${pureUrl}`);
+                    parseContent(pureUrl);
+                } else {
+                    showAlert('未检测到有效的视频链接，请确保链接包含 http 或 https，或者直接从平台复制分享链接！');
+                }
+                videoUrlInput.focus();
+            } else {
+                showAlert('剪贴板为空，请复制链接后重试');
+            }
+        } catch (error) {
+            console.warn('无法访问剪贴板:', error);
+            showAlert('无法访问剪贴板，请手动粘贴链接或检查浏览器权限');
+            videoUrlInput.focus();
+        }
+    });
+
+    videoUrlInput.addEventListener('focus', async function() {
+        if (this.value === '') {
+            try {
+                const permissionStatus = await navigator.permissions.query({ name: 'clipboard-read' });
+                if (permissionStatus.state === 'denied') {
+                    showAlert('无权限访问剪贴板，请手动粘贴');
+                    return;
+                }
+
+                const text = await navigator.clipboard.readText();
+                if (text) {
+                    this.value = text;
+                    const pureUrl = extractURL(text);
+                    if (pureUrl) {
+                        showDebugInfo(`自动填充提取的纯链接: ${pureUrl}`);
+                    } else {
+                        showAlert('未检测到有效的视频链接，请确保链接包含 http 或 https，或者直接从平台复制分享链接！');
+                    }
+                }
+            } catch (error) {
+                console.warn('无法自动读取剪贴板:', error);
+            }
+        }
+    });
+
+    videoUrlInput.addEventListener('input', function() {
+        const pureUrl = extractURL(this.value);
+        if (pureUrl) {
+            showDebugInfo(`已检测到有效链接: ${pureUrl}`);
+        }
+    });
+}
+
+// 解析内容
+async function parseContent(urlToParse) {
+    if (isParsing) return;
+    isParsing = true;
+
+    const parseBtn = document.querySelector('.parse-btn');
+    parseBtn.disabled = true;
+    parseBtn.style.opacity = '0.6';
+
+    showDebugInfo('开始解析流程...');
+
+    try {
+        const input = document.getElementById('urlInput');
+        if (!input) throw new Error('找不到输入框元素');
+
+        const url = urlToParse || extractURL(input.value);
+        showDebugInfo(`提取到URL: ${url || '无'}`);
+
+        if (!url) {
+            showAlert('🚨 请输入有效的链接哦～ (´•̥ ̯ •̥`)');
+            return;
+        }
+
+        toggleLoading(true);
+
+        showDebugInfo(`正在解析中: ${url}`);
+        const apiUrl = `https://api.kxzjoker.cn/api/jiexi_video?url=${encodeURIComponent(url)}`;
+        const response = await fetch(apiUrl);
+        showDebugInfo(`收到响应状态: ${response.status}`);
+
+        if (!response.ok) {
+            throw new Error(`API请求失败: ${response.status} ${response.statusText}`);
+        }
+
+        const data = await response.json();
+        showDebugInfo(`API响应数据: ${JSON.stringify(data).slice(0, 100)}...`);
+
+        if (!data.success) {
+            throw new Error(`解析失败: ${data.message || '未知错误'}`);
+        }
+
+        const { video_title, video_url, download_url, image_url } = data.data;
+        showDebugInfo(`解析成功 - 时间: ${data.time}, 备注: ${data.tips}`);
+
+        renderContent(data.data);
+        saveToHistory({
+            url: url,
+            title: video_title || '',
+            cover: image_url || ''
+        });
+        showDebugInfo('内容渲染完成');
+
+        const shareContainer = document.getElementById('share-container');
+        shareContainer.style.display = 'block';
+    } catch (error) {
+        console.error('解析流程错误:', error);
+        showDebugInfo(`错误: ${error.message}`);
+        showAlert(`❌ 解析失败: ${error.message}，请检查链接或稍后重试`);
+    } finally {
+        toggleLoading(false);
+        parseBtn.disabled = false;
+        parseBtn.style.opacity = '1';
+        isParsing = false;
+    }
+}
+
+// 渲染内容
+function renderContent(data) {
+    const contentBox = document.getElementById('contentBox');
+    if (!contentBox) throw new Error('找不到内容容器');
+
+    contentBox.innerHTML = '';
+
+    try {
+        if (data.images) {
+            const galleryHTML = data.images.map((img, index) => `
+                <div class="gallery-item" onclick="showFullImage('${img}')">
+                    <img src="${img}" 
+                         alt="图集 ${index + 1}"
+                         loading="lazy"
+                         style="width: 100%; 
+                                aspect-ratio: 1/1; 
+                                object-fit: cover;
+                                cursor: pointer;">
+                    <div class="image-index">${index + 1}</div>
+                </div>
+            `).join('');
+
+            contentBox.innerHTML = `
+                <div class="media-card">
+                    <h2 style="color: var(--primary-color);">
+                        <i class="fas fa-images"></i>
+                        ${data.title || '未命名图集'}
+                    </h2>
+                    <div style="display: grid; 
+                              gap: 10px; 
+                              grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));">
+                        ${galleryHTML}
+                    </div>
+                    <div style="text-align: center; margin-top: 15px;">
+                        <a href="#" class="download-all-btn btn">
+                            <i class="fas fa-file-archive"></i>
+                            打包下载
+                        </a>
+                    </div>
+                </div>
+            `;
+
+            contentBox.style.display = 'block';
+            setTimeout(() => contentBox.scrollIntoView({ behavior: 'smooth' }), 300);
+
+            const downloadBtn = contentBox.querySelector('.download-all-btn');
+            downloadBtn.addEventListener('click', async (e) => {
+                e.preventDefault();
+                try {
+                    downloadBtn.innerHTML = `<i class="fas fa-spinner fa-spin"></i> 准备中...`;
+                    downloadBtn.disabled = true;
+
+                    const zip = new JSZip();
+                    const imgFolder = zip.folder('images');
+
+                    const downloadPromises = data.images.map(async (imgUrl, index) => {
+                        try {
+                            const startTime = performance.now();
+                            const response = await fetch(imgUrl);
+                            if (!response.ok) throw new Error(`图片${index + 1}下载失败: ${response.status}`);
+                            const blob = await response.blob();
+                            const endTime = performance.now();
+                            const duration = (endTime - startTime) / 1000;
+                            const speed = (blob.size / 1024) / duration;
+                            document.getElementById('progress-info').textContent = `下载速度: ${speed.toFixed(2)} KB/s`;
+                            imgFolder.file(`image_${index + 1}.${getFileExtension(imgUrl)}`, blob);
+                        } catch (error) {
+                            console.warn(`图片${index + 1}下载失败:`, error);
+                            return null;
+                        }
+                    });
+
+                    let completed = 0;
+                    downloadPromises.forEach(promise => {
+                        promise.finally(() => {
+                            completed++;
+                            const progress = Math.round((completed / data.images.length) * 100);
+                            document.getElementById('progress-bar').style.width = `${progress}%`;
+                            document.getElementById('progress-info').textContent = `下载进度: ${progress}%`;
+                        });
+                    });
+
+                    await Promise.all(downloadPromises);
+
+                    const zipBlob = await zip.generateAsync({ type: 'blob', compression: 'DEFLATE', compressionOptions: { level: 6 } });
+                    const cleanTitle = (data.title || '未命名图集').replace(/[<>:"/\\|?*]/g, '');
+                    saveAs(zipBlob, `${cleanTitle}.zip`);
+                    showAlert('🎉 图集下载完成！');
+                } catch (error) {
+                    console.error('打包下载失败:', error);
+                    showAlert(`❌ 打包下载失败: ${error.message}，请重试`);
+                } finally {
+                    downloadBtn.innerHTML = `<i class="fas fa-file-archive"></i> 打包下载`;
+                    downloadBtn.disabled = false;
+                }
+            });
+
+        } else if (data.video_url) {
+            const { video_title, video_url, download_url, image_url } = data;
+            contentBox.innerHTML = `
+                <div class="media-card">
+                    <h2 style="color: var(--primary-color);">
+                        <i class="fas fa-video"></i>
+                        ${video_title || '未命名视频'}
+                    </h2>
+                    ${image_url ? `<img src="${image_url}" alt="视频封面" style="width: 100%; border-radius: 15px; margin-bottom: 15px;">` : ''}
+                    <div style="position: relative; padding-top: 56.25%;">
+                        <video controls 
+                               style="position: absolute;
+                                      top: 0;
+                                      left: 0;
+                                      width: 100%;
+                                      height: 100%;">
+                            <source src="${video_url}" type="video/mp4">
+                            您的浏览器不支持视频播放
+                        </video>
+                    </div>
+                    <div style="text-align: center; margin-top: 15px;">
+                        <a href="${download_url}" class="download-btn btn" download>
+                            <i class="fas fa-download"></i>
+                            保存视频
+                        </a>
+                    </div>
+                </div>
+            `;
+
+            contentBox.style.display = 'block';
+            setTimeout(() => contentBox.scrollIntoView({ behavior: 'smooth' }), 300);
+
+            const downloadBtn = contentBox.querySelector('.download-btn');
+            downloadBtn.addEventListener('click', async (e) => {
+                e.preventDefault();
+                try {
+                    downloadBtn.innerHTML = `<i class="fas fa-spinner fa-spin"></i> 下载中...`;
+                    downloadBtn.disabled = true;
+
+                    const startTime = performance.now();
+                    const response = await fetch(download_url);
+                    if (!response.ok) throw new Error(`视频下载失败: ${response.status} ${response.statusText}`);
+                    const blob = await response.blob();
+                    const endTime = performance.now();
+                    const duration = (endTime - startTime) / 1000;
+                    const speed = (blob.size / 1024) / duration;
+                    document.getElementById('progress-info').textContent = `下载速度: ${speed.toFixed(2)} KB/s`;
+                    document.getElementById('progress-bar').style.width = '100%';
+
+                    const fileName = `${video_title || '未命名视频'}.mp4`.replace(/[<>:"/\\|?*]/g, '');
+                    saveAs(blob, fileName);
+                    showAlert('🎉 视频下载完成！');
+                } catch (error) {
+                    console.error('下载失败:', error);
+                    showAlert(`❌ 视频下载失败: ${error.message}，请检查链接或稍后重试`);
+                } finally {
+                    downloadBtn.innerHTML = `<i class="fas fa-download"></i> 保存视频`;
+                    downloadBtn.disabled = false;
+                }
+            });
+        }
+    } catch (e) {
+        console.error('渲染错误:', e);
+        showAlert('内容渲染失败，请检查数据格式');
+    }
+}
+
+// 显示完整图片
+function showFullImage(url) {
+    const modal = document.getElementById('image-modal');
+    const modalImage = document.getElementById('modal-image');
+    modalImage.src = url;
+    modal.style.display = 'flex';
+}
+
+// 工具函数
+function toggleLoading(show) {
+    document.getElementById('loading').style.display = show ? 'block' : 'none';
+}
+
+function showAlert(message) {
+    const alert = document.createElement('div');
+    alert.className = 'alert';
+    alert.innerHTML = message;
+    document.body.appendChild(alert);
+    setTimeout(() => alert.remove(), 3000);
+}
+
+function getFileExtension(url) {
+    try {
+        const ext = url.split('.').pop().split(/[#?]/)[0].toLowerCase();
+        return ['jpg', 'jpeg', 'png', 'webp', 'gif'].includes(ext) ? ext : 'jpg';
+    } catch (e) {
+        return 'jpg';
+    }
+}
+
+function loadHistory() {
+    const historyList = document.getElementById('history-list');
+    if (history.length === 0) {
+        historyList.innerHTML = '<li>暂无解析历史</li>';
+        return;
+    }
+    historyList.innerHTML = '';
+    history.forEach((item, index) => {
+        const li = document.createElement('li');
+        li.className = 'history-item';
+        li.innerHTML = `
+            <img class="history-thumb" src="${item.cover || 'https://via.placeholder.com/60'}" alt="缩略图">
+            <div class="history-info">
+                <div class="history-title">${item.title || '未知标题'}</div>
+                <div class="history-url">${item.url}</div>
+            </div>
+            <div class="history-actions">
+                <button class="history-btn history-reparse" data-url="${item.url}"><i class="fas fa-redo"></i> 重新解析</button>
+                <button class="history-btn history-delete" data-index="${index}"><i class="fas fa-trash"></i> 删除</button>
+            </div>
+        `;
+        historyList.appendChild(li);
+    });
+    document.querySelectorAll('.history-reparse').forEach(btn => {
+        btn.addEventListener('click', function() {
+            document.getElementById('urlInput').value = this.getAttribute('data-url');
+            parseContent(this.getAttribute('data-url'));
+        });
+    });
+    document.querySelectorAll('.history-delete').forEach(btn => {
+        btn.addEventListener('click', function() {
+            const index = parseInt(this.getAttribute('data-index'));
+            history.splice(index, 1);
+            localStorage.setItem('parseHistory', JSON.stringify(history));
+            loadHistory();
+        });
+    });
+}
+
+function saveToHistory(data) {
+    if (!data || !data.url) return;
+    const exists = history.findIndex(item => item.url === data.url);
+    if (exists > -1) history.splice(exists, 1);
+    history.unshift({ url: data.url, title: data.title || '', cover: data.cover || '', timestamp: new Date().getTime() });
+    if (history.length > 10) history = history.slice(0, 10);
+    localStorage.setItem('parseHistory', JSON.stringify(history));
+    loadHistory();
+}
+
+// 分享功能
+function copyLink() {
+    const url = window.location.href;
+    navigator.clipboard.writeText(url).then(() => {
+        showAlert('🎉 链接已复制到剪贴板！');
+    }).catch(() => {
+        showAlert('❌ 复制失败，请手动复制！');
+    });
+}
+
+function shareToWeChat() {
+    const url = window.location.href;
+    const shareText = `我发现了一个超好用的短视频无水印解析工具，快来试试吧！${url}`;
+    navigator.clipboard.writeText(shareText).then(() => {
+        showAlert('🎉 分享内容已复制，请粘贴到微信！');
+    });
+}
+
+function shareToQQ() {
+    const url = window.location.href;
+    const shareText = `我发现了一个超好用的短视频无水印解析工具，快来试试吧！${url}`;
+    navigator.clipboard.writeText(shareText).then(() => {
+        showAlert('🎉 分享内容已复制，请粘贴到QQ！');
+    });
+}
+
+document.querySelectorAll('.platform-btn').forEach(btn => {
+    const platform = btn.getAttribute('data-platform');
+    const platformLinks = {
+        '抖音': 'https://www.douyin.com/',
+        '快手': 'https://www.kuaishou.com/',
+        '火山视频': 'https://www.huoshan.com/',
+        '西瓜视频': 'https://www.ixigua.com/',
+        '皮皮虾': 'https://www.pipix.com/',
+        '秒拍': 'https://www.miaopai.com/',
+        '头条视频': 'https://www.toutiao.com/',
+        '腾讯微视': 'https://weishi.qq.com/',
+        '美图秀秀': 'https://www.meitu.com/',
+        '美拍': 'https://www.meipai.com/',
+        '微博': 'https://weibo.com/',
+        '小红书': 'https://www.xiaohongshu.com/',
+        '网易云': 'https://music.163.com/'
+    };
+    const link = platformLinks[platform] || '#';
+    btn.addEventListener('click', () => window.open(link, '_blank'));
+    btn.querySelector('img').addEventListener('click', e => { e.stopPropagation(); window.open(link, '_blank'); });
+    btn.querySelector('span').addEventListener('click', e => { e.stopPropagation(); window.open(link, '_blank'); });
+});
+
+document.addEventListener('DOMContentLoaded', function() {
+    initTheme();
+    initThemeColor();
+    loadSakuraEffect();
+    initFishAnimation();
+    fetchRandomQuote();
+    getWeather();
+    loadHistory();
+    monitorClipboard();
+
+    // 初始化背景图片并每10秒更新
+    updateBackgroundImage();
+    setInterval(updateBackgroundImage, 10000);
+
+    // 初始化在线访客人数并每30秒更新
+    updateOnlineUsers();
+    setInterval(updateOnlineUsers, 30000);
+
+    document.getElementById('theme-btn').addEventListener('click', function() {
+        const currentTheme = document.documentElement.getAttribute('data-theme');
+        const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
+        document.documentElement.setAttribute('data-theme', newTheme);
+        localStorage.setItem('theme', newTheme);
+        this.innerHTML = newTheme === 'dark' ? '<i class="fas fa-sun"></i>' : '<i class="fas fa-moon"></i>';
+    });
+
+    document.getElementById('parse-btn').addEventListener('click', function() {
+        const url = document.getElementById('urlInput').value.trim();
+        parseContent(extractURL(url));
+    });
+
+    document.getElementById('urlInput').addEventListener('keypress', (e) => {
+        if (e.key === 'Enter') {
+            const url = document.getElementById('urlInput').value.trim();
+            parseContent(extractURL(url));
+        }
+    });
+
+    const feedbackModal = document.getElementById('feedback-modal');
+    const feedbackBtn = document.getElementById('feedback-btn');
+    const footerFeedback = document.getElementById('footer-feedback');
+
+    if (feedbackBtn) {
+        feedbackBtn.addEventListener('click', () => {
+            feedbackModal.style.display = 'block';
+        });
+    }
+
+    if (footerFeedback) {
+        footerFeedback.addEventListener('click', () => {
+            feedbackModal.style.display = 'block';
+        });
+    }
+
+    document.getElementById('cancel-feedback').addEventListener('click', () => {
+        feedbackModal.style.display = 'none';
+    });
+
+    document.getElementById('feedback-form').addEventListener('submit', function(e) {
+        e.preventDefault();
+        const feedback = document.getElementById('feedback-text').value.trim();
+        if (!feedback) {
+            alert('请输入反馈内容');
+            return;
+        }
+        console.log('用户反馈:', feedback);
+        alert('感谢您的反馈！我们会尽快处理。');
+        document.getElementById('feedback-text').value = '';
+        feedbackModal.style.display = 'none';
+    });
+
+    document.getElementById('close-modal').addEventListener('click', () => {
+        document.getElementById('image-modal').style.display = 'none';
+        feedbackModal.style.display = 'none';
+    });
+
+    if (!window.saveAs) {
+        console.warn('FileSaver.js 未加载！下载功能将不可用');
+        showDebugInfo('警告：文件保存功能需要 FileSaver.js 支持');
+    }
+    if (!window.JSZip) {
+        console.warn('JSZip 未加载！打包下载功能不可用');
+        showDebugInfo('警告：打包下载需要 JSZip 库支持');
+    }
+
+    setInterval(updateTime, 1000);
+    updateTime();
+});