// 全局变量
let currentNewsId = null;

// 新闻数据
const newsData = {
    1: {
        title: "GPT-5即将发布：AI能力再次飞跃",
        category: "突破性进展",
        date: "2024-01-15",
        views: "12.5K",
        image: "ai-brain",
        summary: "OpenAI宣布GPT-5将在2024年底发布，新模型在推理能力和多模态理解方面实现重大突破...",
        content: `
            <p>OpenAI公司今日正式宣布，备受期待的GPT-5模型将于2024年底正式发布。这一消息在人工智能领域引起了巨大轰动，标志着大语言模型技术即将迎来新的里程碑。</p>
            
            <h3>核心技术突破</h3>
            <p>据OpenAI技术团队透露，GPT-5在以下几个关键领域实现了重大突破：</p>
            <ul>
                <li><strong>推理能力增强</strong>：新模型在逻辑推理、数学计算和复杂问题解决方面的能力显著提升</li>
                <li><strong>多模态理解</strong>：能够同时处理文本、图像、音频和视频等多种数据类型</li>
                <li><strong>上下文长度</strong>：支持更长的上下文窗口，能够处理更复杂的任务</li>
                <li><strong>效率优化</strong>：在保持高性能的同时，显著降低了计算资源需求</li>
            </ul>
            
            <h3>应用前景</h3>
            <p>GPT-5的发布将为多个行业带来革命性变化：</p>
            <p><strong>教育领域</strong>：个性化学习助手将能够提供更精准的教学指导，适应每个学生的学习节奏和方式。</p>
            <p><strong>医疗健康</strong>：辅助医生进行诊断分析，提供更准确的医疗建议和治疗方案。</p>
            <p><strong>科研创新</strong>：加速科学研究进程，帮助研究人员发现新的科学规律和解决方案。</p>
            
            <h3>技术挑战与解决方案</h3>
            <p>在开发过程中，OpenAI团队面临了诸多技术挑战，包括模型训练的稳定性、数据质量控制、以及AI安全性等问题。通过创新的训练方法和严格的安全测试，这些挑战都得到了有效解决。</p>
            
            <h3>未来展望</h3>
            <p>GPT-5的发布不仅代表着技术的进步，更预示着人工智能即将进入一个全新的发展阶段。专家预测，这将推动整个AI行业向更高层次发展，为人类社会带来更多便利和可能性。</p>
        `
    },
    2: {
        title: "AI机器人进入家庭：智能助手新时代",
        category: "产业应用",
        date: "2024-01-14",
        views: "8.3K",
        image: "robot",
        summary: "最新一代家用AI机器人具备情感识别和自主学习能力，正在改变人们的生活方式...",
        content: `
            <p>随着人工智能技术的快速发展，家用AI机器人正在从科幻概念转变为现实。最新一代的智能家用机器人不仅具备基础的家务处理能力，更重要的是拥有了情感识别和自主学习的高级功能。</p>
            
            <h3>技术特点</h3>
            <p>新一代家用AI机器人具备以下突出特点：</p>
            <ul>
                <li><strong>情感识别</strong>：通过面部表情、语音语调分析用户情绪状态</li>
                <li><strong>自主学习</strong>：能够学习家庭成员的生活习惯和偏好</li>
                <li><strong>多任务处理</strong>：同时执行清洁、烹饪、看护等多项任务</li>
                <li><strong>智能交互</strong>：自然语言对话，理解复杂指令</li>
            </ul>
            
            <h3>市场反响</h3>
            <p>据市场调研显示，消费者对家用AI机器人的接受度正在快速提升。特别是在老龄化社会背景下，AI机器人在老人陪护方面展现出巨大潜力。</p>
            
            <h3>未来发展</h3>
            <p>预计未来5年内，家用AI机器人将成为智能家居的核心组件，与其他智能设备形成完整的生态系统，为用户提供更加便捷和个性化的生活体验。</p>
        `
    },
    3: {
        title: "量子AI计算：下一代智能的基石",
        category: "技术前沿",
        date: "2024-01-13",
        views: "6.7K",
        image: "quantum",
        summary: "量子计算与人工智能的结合正在开启全新的计算范式，有望解决传统AI无法处理的复杂问题...",
        content: `
            <p>量子计算与人工智能的融合正在开启一个全新的技术时代。这种结合不仅能够解决传统计算机无法处理的复杂问题，还为AI技术的发展提供了前所未有的计算能力。</p>
            
            <h3>量子AI的优势</h3>
            <ul>
                <li><strong>并行计算能力</strong>：量子比特的叠加态特性使得量子计算机能够同时处理大量计算</li>
                <li><strong>优化算法</strong>：量子算法在某些优化问题上具有指数级的速度优势</li>
                <li><strong>机器学习加速</strong>：量子机器学习算法能够更快地训练复杂模型</li>
            </ul>
            
            <h3>应用领域</h3>
            <p><strong>药物发现</strong>：量子AI能够模拟分子相互作用，加速新药研发过程。</p>
            <p><strong>金融建模</strong>：处理复杂的金融风险模型和投资组合优化。</p>
            <p><strong>气候预测</strong>：提高天气和气候变化预测的准确性。</p>
            
            <h3>技术挑战</h3>
            <p>尽管前景广阔，量子AI仍面临量子退相干、错误率高等技术挑战。研究人员正在开发新的量子纠错技术和混合算法来解决这些问题。</p>
        `
    },
    4: {
        title: "AI诊断系统准确率超越人类医生",
        category: "医疗健康",
        date: "2024-01-12",
        views: "9.1K",
        image: "medical",
        summary: "最新研究显示，基于深度学习的医疗诊断系统在多种疾病检测中表现优于专业医生...",
        content: `
            <p>一项最新的大规模研究表明，基于深度学习的AI医疗诊断系统在多种疾病的检测和诊断方面已经超越了人类医生的准确率。这一突破性进展为医疗行业的数字化转型提供了强有力的技术支撑。</p>
            
            <h3>研究成果</h3>
            <p>该研究涵盖了以下几个关键领域：</p>
            <ul>
                <li><strong>影像诊断</strong>：在X光、CT、MRI等医学影像分析中，AI系统的准确率达到95.2%</li>
                <li><strong>皮肤病诊断</strong>：对皮肤癌等疾病的识别准确率超过97%</li>
                <li><strong>眼科疾病</strong>：在糖尿病视网膜病变检测中准确率达到94.8%</li>
                <li><strong>病理分析</strong>：在组织病理学分析中表现出色</li>
            </ul>
            
            <h3>技术原理</h3>
            <p>AI诊断系统采用了先进的卷积神经网络和深度学习算法，通过分析大量的医学数据和影像资料，能够识别人眼难以察觉的细微特征和模式。</p>
            
            <h3>临床应用</h3>
            <p>目前，多家医院已经开始试点使用AI诊断系统，作为医生诊断的辅助工具。这不仅提高了诊断效率，还减少了误诊率，特别是在医疗资源相对匮乏的地区发挥了重要作用。</p>
            
            <h3>未来前景</h3>
            <p>专家预测，AI诊断系统将在未来几年内得到更广泛的应用，但强调AI是医生的助手而非替代者，人机协作将是医疗AI发展的主要方向。</p>
        `
    }
};

// DOM加载完成后执行
document.addEventListener('DOMContentLoaded', function() {
    initializeWebsite();
});

// 初始化网站
function initializeWebsite() {
    setupNavigation();
    setupScrollEffects();
    setupAnimations();
    setupNewsCards();
}

// 设置导航
function setupNavigation() {
    const hamburger = document.querySelector('.hamburger');
    const navMenu = document.querySelector('.nav-menu');
    
    if (hamburger && navMenu) {
        hamburger.addEventListener('click', function() {
            navMenu.classList.toggle('active');
            hamburger.classList.toggle('active');
        });
    }
    
    // 平滑滚动
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            e.preventDefault();
            const target = document.querySelector(this.getAttribute('href'));
            if (target) {
                target.scrollIntoView({
                    behavior: 'smooth',
                    block: 'start'
                });
            }
        });
    });
}

// 设置滚动效果
function setupScrollEffects() {
    const navbar = document.querySelector('.navbar');
    
    window.addEventListener('scroll', function() {
        if (window.scrollY > 100) {
            navbar.style.background = 'rgba(10, 10, 10, 0.98)';
        } else {
            navbar.style.background = 'rgba(10, 10, 10, 0.95)';
        }
    });
    
    // 滚动动画
    const observerOptions = {
        threshold: 0.1,
        rootMargin: '0px 0px -50px 0px'
    };
    
    const observer = new IntersectionObserver(function(entries) {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.style.opacity = '1';
                entry.target.style.transform = 'translateY(0)';
            }
        });
    }, observerOptions);
    
    // 观察需要动画的元素
    document.querySelectorAll('.news-card, .trend-item').forEach(el => {
        el.style.opacity = '0';
        el.style.transform = 'translateY(30px)';
        el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
        observer.observe(el);
    });
}

// 设置动画
function setupAnimations() {
    // 粒子动画
    createParticles();
    
    // 神经网络动画
    animateNeuralNetwork();
}

// 创建粒子效果
function createParticles() {
    const particlesContainer = document.querySelector('.particles');
    if (!particlesContainer) return;
    
    // 动态创建更多粒子
    for (let i = 0; i < 20; i++) {
        const particle = document.createElement('div');
        particle.className = 'particle';
        particle.style.cssText = `
            position: absolute;
            width: 2px;
            height: 2px;
            background: #00ffff;
            border-radius: 50%;
            left: ${Math.random() * 100}%;
            top: ${Math.random() * 100}%;
            animation: particleFloat ${10 + Math.random() * 20}s linear infinite;
            animation-delay: ${Math.random() * 5}s;
            opacity: ${0.3 + Math.random() * 0.7};
        `;
        particlesContainer.appendChild(particle);
    }
}

// 神经网络动画
function animateNeuralNetwork() {
    const neuralNetwork = document.querySelector('.neural-network');
    if (!neuralNetwork) return;
    
    setInterval(() => {
        const x = Math.random() * 100;
        const y = Math.random() * 100;
        const size = 50 + Math.random() * 100;
        
        neuralNetwork.style.backgroundImage += `,
            radial-gradient(circle at ${x}% ${y}%, rgba(0, 255, 255, 0.1) 0%, transparent ${size}%)`;
        
        // 限制背景图像数量
        setTimeout(() => {
            const images = neuralNetwork.style.backgroundImage.split(',');
            if (images.length > 10) {
                neuralNetwork.style.backgroundImage = images.slice(-5).join(',');
            }
        }, 1000);
    }, 3000);
}

// 设置新闻卡片
function setupNewsCards() {
    document.querySelectorAll('.news-card').forEach(card => {
        card.addEventListener('mouseenter', function() {
            this.style.transform = 'translateY(-10px) scale(1.02)';
        });
        
        card.addEventListener('mouseleave', function() {
            this.style.transform = 'translateY(0) scale(1)';
        });
    });
}

// 打开新闻详情
function openNewsDetail(newsId) {
    const news = newsData[newsId];
    if (!news) return;
    
    // 创建详情页面URL
    const detailUrl = `news-detail.html?id=${newsId}`;
    
    // 存储新闻数据到localStorage
    localStorage.setItem('currentNews', JSON.stringify(news));
    
    // 跳转到详情页
    window.location.href = detailUrl;
}

// 获取URL参数
function getUrlParameter(name) {
    const urlParams = new URLSearchParams(window.location.search);
    return urlParams.get(name);
}

// 加载新闻详情
function loadNewsDetail() {
    const newsId = getUrlParameter('id');
    const newsData = localStorage.getItem('currentNews');
    
    if (newsData) {
        const news = JSON.parse(newsData);
        displayNewsDetail(news);
    }
}

// 显示新闻详情
function displayNewsDetail(news) {
    document.title = `${news.title} - AI未来`;
    
    const detailContainer = document.querySelector('.news-detail-container');
    if (detailContainer) {
        detailContainer.innerHTML = `
            <article class="news-detail">
                <div class="news-header">
                    <div class="news-category-badge">${news.category}</div>
                    <h1 class="news-title">${news.title}</h1>
                    <div class="news-meta">
                        <span class="news-date">${news.date}</span>
                        <span class="news-views">${news.views} 阅读</span>
                    </div>
                </div>
                <div class="news-image-container">
                    <div class="image-placeholder ${news.image}"></div>
                </div>
                <div class="news-content">
                    ${news.content}
                </div>
                <div class="news-actions">
                    <button class="btn btn-primary" onclick="history.back()">返回</button>
                    <button class="btn btn-secondary" onclick="shareNews()">分享</button>
                </div>
            </article>
        `;
    }
}

// 分享新闻
function shareNews() {
    if (navigator.share) {
        navigator.share({
            title: document.title,
            url: window.location.href
        });
    } else {
        // 复制链接到剪贴板
        navigator.clipboard.writeText(window.location.href).then(() => {
            alert('链接已复制到剪贴板');
        });
    }
}

// 搜索功能
function searchNews(query) {
    const results = [];
    Object.entries(newsData).forEach(([id, news]) => {
        if (news.title.toLowerCase().includes(query.toLowerCase()) ||
            news.summary.toLowerCase().includes(query.toLowerCase()) ||
            news.category.toLowerCase().includes(query.toLowerCase())) {
            results.push({id, ...news});
        }
    });
    return results;
}

// 加载更多新闻
function loadMoreNews() {
    // 模拟加载更多新闻的功能
    const newsGrid = document.querySelector('.news-grid');
    if (newsGrid) {
        // 这里可以添加更多新闻卡片
        console.log('加载更多新闻...');
    }
}

// 主题切换（可选功能）
function toggleTheme() {
    document.body.classList.toggle('light-theme');
    localStorage.setItem('theme', document.body.classList.contains('light-theme') ? 'light' : 'dark');
}

// 初始化主题
function initializeTheme() {
    const savedTheme = localStorage.getItem('theme');
    if (savedTheme === 'light') {
        document.body.classList.add('light-theme');
    }
}

// 错误处理
window.addEventListener('error', function(e) {
    console.error('JavaScript错误:', e.error);
});

// 性能监控
window.addEventListener('load', function() {
    const loadTime = performance.now();
    console.log(`页面加载时间: ${loadTime.toFixed(2)}ms`);
});