app.js

// 代谢指纹数据定义
const metaboliteData = [
    // 脂质代谢相关
    { id: 'LDL_C', name: 'LDL胆固醇', category: 'lipid', unit: 'mmol/L', refMin: 1.8, refMax: 3.4 },
    { id: 'HDL_C', name: 'HDL胆固醇', category: 'lipid', unit: 'mmol/L', refMin: 1.0, refMax: 1.6 },
    { id: 'TG', name: '甘油三酯', category: 'lipid', unit: 'mmol/L', refMin: 0.4, refMax: 1.7 },
    { id: 'TC', name: '总胆固醇', category: 'lipid', unit: 'mmol/L', refMin: 3.0, refMax: 5.2 },
    { id: 'ApoB', name: '载脂蛋白B', category: 'lipid', unit: 'g/L', refMin: 0.6, refMax: 1.1 },
    
    // 糖代谢相关
    { id: 'Glucose', name: '葡萄糖', category: 'glucose', unit: 'mmol/L', refMin: 3.9, refMax: 6.1 },
    { id: 'HbA1c', name: '糖化血红蛋白', category: 'glucose', unit: '%', refMin: 4.0, refMax: 6.0 },
    { id: 'Insulin', name: '胰岛素', category: 'glucose', unit: 'mIU/L', refMin: 2.6, refMax: 24.9 },
    { id: 'HOMA_IR', name: '胰岛素抵抗指数', category: 'glucose', unit: '', refMin: 0, refMax: 2.5 },
    
    // 氨基酸代谢
    { id: 'Leucine', name: '亮氨酸', category: 'amino', unit: 'μmol/L', refMin: 80, refMax: 180 },
    { id: 'Isoleucine', name: '异亮氨酸', category: 'amino', unit: 'μmol/L', refMin: 40, refMax: 100 },
    { id: 'Valine', name: '缬氨酸', category: 'amino', unit: 'μmol/L', refMin: 150, refMax: 300 },
    { id: 'BCAA', name: '支链氨基酸', category: 'amino', unit: 'μmol/L', refMin: 270, refMax: 580 },
    { id: 'Phenylalanine', name: '苯丙氨酸', category: 'amino', unit: 'μmol/L', refMin: 40, refMax: 80 },
    { id: 'Tyrosine', name: '酪氨酸', category: 'amino', unit: 'μmol/L', refMin: 40, refMax: 90 },
    
    // 炎症标志物
    { id: 'CRP', name: 'C反应蛋白', category: 'inflammation', unit: 'mg/L', refMin: 0, refMax: 3 },
    { id: 'IL6', name: '白细胞介素-6', category: 'inflammation', unit: 'pg/mL', refMin: 0, refMax: 7 },
    { id: 'TNF_alpha', name: '肿瘤坏死因子-α', category: 'inflammation', unit: 'pg/mL', refMin: 0, refMax: 8 },
    { id: 'Homocysteine', name: '同型半胱氨酸', category: 'inflammation', unit: 'μmol/L', refMin: 5, refMax: 15 },
    
    // 能量代谢
    { id: 'Lactate', name: '乳酸', category: 'energy', unit: 'mmol/L', refMin: 0.5, refMax: 2.2 },
    { id: 'Pyruvate', name: '丙酮酸', category: 'energy', unit: 'μmol/L', refMin: 30, refMax: 100 },
    { id: 'Ketone', name: '酮体', category: 'energy', unit: 'mmol/L', refMin: 0.02, refMax: 0.5 },
    { id: 'Acetylcarnitine', name: '乙酰肉碱', category: 'energy', unit: 'μmol/L', refMin: 5, refMax: 25 },
    
    // 氧化应激
    { id: 'MDA', name: '丙二醛', category: 'oxidative', unit: 'nmol/mL', refMin: 0, refMax: 6 },
    { id: 'SOD', name: '超氧化物歧化酶', category: 'oxidative', unit: 'U/mL', refMin: 120, refMax: 220 },
    { id: 'GSH', name: '谷胱甘肽', category: 'oxidative', unit: 'μmol/L', refMin: 400, refMax: 800 }
];

// 代谢物类别名称映射
const categoryNames = {
    lipid: '脂质代谢',
    glucose: '糖代谢',
    amino: '氨基酸代谢',
    inflammation: '炎症标志物',
    energy: '能量代谢',
    oxidative: '氧化应激'
};

// 亚健康状态定义 - 包含疾病预警和分类建议
const subtypes = {
    sedentary: {
        name: '运动不足型',
        description: '能量代谢相关指标异常，提示缺乏规律运动',
        indicators: ['Lactate', 'Pyruvate', 'Ketone', 'Acetylcarnitine'],
        diet: [
            '增加优质蛋白质摄入：鸡肉、鱼肉、鸡蛋、豆腐、希腊酸奶',
            '适量补充B族维生素：全麦面包、燕麦、菠菜、西兰花、香蕉',
            '控制精制糖摄入：避免蛋糕、糖果、甜饮料',
            '多吃富含铁的食物：瘦肉、动物肝脏、菠菜、红枣',
            '食谱示例：早餐(燕麦粥+鸡蛋+蓝莓)、午餐(鸡胸肉沙拉)、晚餐(清蒸鱼+糙米+蔬菜)'
        ],
        lifestyle: [
            '作息时间：建议22:30前入睡，7:00起床，保证7-8小时睡眠',
            '避免久坐：每小时起身活动5-10分钟，可进行伸展运动',
            '规律作息：保持固定的睡眠和起床时间，包括周末',
            '减少熬夜：避免23:00后使用电子设备，睡前1小时放松',
            '压力管理：每天进行10-15分钟冥想或深呼吸练习',
            '工作休息：每工作1小时休息5分钟，避免连续工作超过2小时'
        ],
        exercise: [
            '每周至少150分钟中等强度运动：快走、慢跑、游泳、骑自行车',
            '力量训练：每周2-3次，每次20-30分钟，包括深蹲、俯卧撑、哑铃训练',
            '日常活动：每天步行8000-10000步，每小时起身活动5-10分钟',
            '运动强度：心率保持在最大心率的60-70%（最大心率=220-年龄）',
            '运动计划：周一、三、五进行有氧运动30分钟，周二、四进行力量训练20分钟'
        ],
        recommendations: [
            '建议每周进行至少150分钟中等强度有氧运动',
            '增加日常活动量，如步行、爬楼梯等',
            '结合抗阻训练，每周2-3次',
            '避免久坐，每小时起身活动5-10分钟',
            '循序渐进，从低强度运动开始'
        ],
        diseases: [
            { name: '代谢综合征', symptoms: '腹部肥胖、血压升高、血糖异常、血脂异常' },
            { name: '2型糖尿病', symptoms: '多饮、多尿、多食、体重下降、疲劳乏力' },
            { name: '心血管疾病', symptoms: '胸闷、心悸、气短、运动耐量下降' }
        ]
    },
    obese: {
        name: '肥胖代谢紊乱型',
        description: '脂质代谢异常，与体重管理相关',
        indicators: ['LDL_C', 'TG', 'TC', 'ApoB', 'HDL_C'],
        diet: [
            '🚫 限制高脂肪食物：油炸食品、肥肉、奶油',
            '🚫 避免高糖饮料：碳酸饮料、奶茶、果汁',
            '增加蔬菜水果摄入：每天5份以上，如菠菜、西兰花、苹果、蓝莓',
            '选择全谷物食品：燕麦、糙米、全麦面包',
            '控制总热量摄入：每日减少300-500大卡',
            '食谱示例：早餐(蔬菜蛋卷+全麦吐司)、午餐( grilled chicken salad)、晚餐(清蒸鱼+糙米饭+凉拌菜)'
        ],
        lifestyle: [
            '作息时间：建议22:00前入睡，6:30起床，保证7-8小时睡眠',
            '避免熬夜：晚上10点后避免进食，避免使用电子设备',
            '压力管理：每天进行15-20分钟冥想或瑜伽，避免情绪性进食',
            '定期监测：每周固定时间测量体重和腰围，记录变化',
            '睡眠质量：保持卧室安静、黑暗，温度控制在18-20℃',
            '进餐规律：固定三餐时间，避免暴饮暴食和夜间进食'
        ],
        exercise: [
            '每周300分钟中等强度运动：快走、游泳、骑自行车、椭圆机',
            '力量训练：每周3-4次，每次30分钟，包括深蹲、卧推、引体向上',
            '日常活动：每天步行10000-12000步，减少久坐时间',
            '运动强度：心率保持在最大心率的60-75%（最大心率=220-年龄）',
            '运动计划：周一、三、五进行有氧运动45分钟，周二、四、六进行力量训练30分钟'
        ],
        recommendations: [
            '控制总热量摄入，创造适度热量缺口',
            '减少饱和脂肪和反式脂肪摄入',
            '增加膳食纤维摄入，多吃蔬菜水果',
            '限制精制碳水化合物和含糖饮料',
            '定期监测体重和腰围变化',
            '必要时寻求专业营养师指导'
        ],
        diseases: [
            { name: '动脉粥样硬化', symptoms: '头晕、胸闷、肢体麻木、记忆力下降' },
            { name: '冠心病', symptoms: '胸痛、胸闷、气短、心悸、出汗' },
            { name: '脂肪肝', symptoms: '右上腹不适、乏力、食欲减退' },
            { name: '高血压', symptoms: '头痛、头晕、耳鸣、心悸、视力模糊' }
        ]
    },
    inflammatory: {
        name: '炎症饮食相关型',
        description: '炎症标志物升高，可能与饮食结构有关',
        indicators: ['CRP', 'IL6', 'TNF_alpha', 'Homocysteine'],
        diet: [
            '🚫 避免加工食品：薯片、快餐、腌制食品',
            '🚫 减少红肉摄入：每周不超过500g',
            '增加Omega-3脂肪酸：三文鱼、鳕鱼、亚麻籽、核桃',
            '多吃抗氧化食物：蓝莓、草莓、菠菜、西兰花、绿茶',
            '采用地中海饮食：橄榄油、坚果、全谷物、新鲜蔬果',
            '食谱示例：早餐(希腊酸奶+蓝莓+亚麻籽)、午餐(地中海沙拉)、晚餐(烤三文鱼+糙米+蔬菜)'
        ],
        lifestyle: [
            '作息时间：建议22:30前入睡，7:00起床，保证7-8小时睡眠',
            '戒烟限酒：完全戒烟，限制酒精摄入（男性每日不超过25g，女性不超过15g）',
            '压力管理：每天进行20分钟冥想或深呼吸练习，每周进行1-2次瑜伽',
            '环境优化：避免暴露在污染环境中，保持室内空气流通',
            '睡眠质量：睡前避免咖啡因和电子设备，创造良好的睡眠环境',
            '情绪管理：培养兴趣爱好，与朋友家人保持良好沟通'
        ],
        exercise: [
            '适度有氧运动：每周150-200分钟，如快走、游泳、瑜伽',
            '压力缓解运动：每周2-3次瑜伽或太极，每次30分钟',
            '运动强度：心率保持在最大心率的50-65%（最大心率=220-年龄）',
            '避免过度运动：避免高强度训练，注重恢复',
            '运动计划：周一、三、五进行有氧运动30分钟，周二、四进行瑜伽或太极30分钟'
        ],
        recommendations: [
            '采用地中海饮食模式',
            '增加Omega-3脂肪酸摄入（深海鱼、坚果）',
            '多吃富含抗氧化物质的食物',
            '减少加工食品和高糖食品摄入',
            '戒烟限酒',
            '保证充足睡眠，管理压力'
        ],
        diseases: [
            { name: '动脉粥样硬化', symptoms: '血管炎症、斑块形成、血流受阻' },
            { name: '自身免疫性疾病', symptoms: '关节肿痛、皮疹、疲劳、发热' },
            { name: '心血管疾病', symptoms: '胸痛、气短、心悸、水肿' }
        ]
    },
    glucose: {
        name: '糖代谢异常型',
        description: '葡萄糖相关代谢物异常，提示糖代谢问题',
        indicators: ['Glucose', 'HbA1c', 'Insulin', 'HOMA_IR'],
        diet: [
            '🚫 限制精制碳水化合物：白面包、白米饭、糕点',
            '🚫 避免含糖饮料：汽水、果汁、奶茶',
            '选择低升糖指数食物：燕麦、豆类、非淀粉类蔬菜',
            '增加膳食纤维：蔬菜、水果、全谷物',
            '控制餐后血糖：少量多餐，避免暴饮暴食',
            '食谱示例：早餐(燕麦粥+鸡蛋)、午餐(鸡肉+蔬菜+糙米)、晚餐(豆腐+蔬菜+全麦意面)'
        ],
        lifestyle: [
            '进餐时间：固定三餐时间，早餐7:30-8:30，午餐11:30-12:30，晚餐18:00-19:00',
            '避免暴饮暴食：控制每餐食量，采用小碗盛装，细嚼慢咽',
            '体重管理：每周监测体重，目标是将BMI控制在18.5-24之间',
            '血糖监测：每周测量2-3次空腹血糖，每3个月测量一次糖化血红蛋白',
            '作息规律：建议22:30前入睡，7:00起床，保证7-8小时睡眠',
            '压力管理：每天进行15分钟冥想，避免长期处于高压状态'
        ],
        exercise: [
            '餐后30分钟运动：散步、轻度有氧运动，帮助控制血糖',
            '有氧运动：每周150-200分钟，如快走、游泳、骑自行车',
            '抗阻训练：每周2-3次，每次20-30分钟，增强肌肉代谢',
            '运动强度：心率保持在最大心率的50-70%（最大心率=220-年龄）',
            '运动计划：早餐后散步10分钟，午餐后散步15分钟，晚餐后散步15分钟，每周3次力量训练'
        ],
        recommendations: [
            '控制碳水化合物摄入总量',
            '选择低升糖指数食物',
            '增加膳食纤维摄入',
            '规律进餐，避免暴饮暴食',
            '餐后适度活动有助于血糖控制',
            '定期监测空腹和餐后血糖'
        ],
        diseases: [
            { name: '2型糖尿病', symptoms: '多饮多尿、体重下降、视力模糊、伤口愈合慢' },
            { name: '糖尿病并发症', symptoms: '手脚麻木、视力下降、蛋白尿、皮肤瘙痒' },
            { name: '代谢综合征', symptoms: '腹型肥胖、高血压、高血糖、高血脂' }
        ]
    },
    amino: {
        name: '氨基酸代谢紊乱型',
        description: '支链氨基酸等异常，与蛋白质代谢相关',
        indicators: ['Leucine', 'Isoleucine', 'Valine', 'BCAA', 'Phenylalanine', 'Tyrosine'],
        diet: [
            '优化蛋白质来源：鱼肉、鸡肉、鸡蛋、豆腐、乳制品',
            '适量摄入优质蛋白：每公斤体重0.8-1.0g',
            '🚫 避免过量红肉：每周不超过300g',
            '增加植物蛋白：豆类、坚果、藜麦',
            '补充维生素B6：香蕉、土豆、鸡肉、鱼类',
            '食谱示例：早餐(希腊酸奶+坚果)、午餐(烤鸡+蔬菜)、晚餐(豆腐汤+糙米)' 
        ],
        lifestyle: [
            '作息时间：建议22:30前入睡，7:00起床，保证7-8小时睡眠',
            '避免过度劳累：工作时间控制在8小时以内，避免熬夜和高强度工作',
            '情绪管理：保持情绪稳定，避免长期处于紧张状态',
            '定期体检：每6个月进行一次肝肾功能检查，监测氨基酸代谢指标',
            '休息充足：保证每天有足够的休息时间，避免连续工作超过5天',
            '水分摄入：每天饮水量保持在1500-2000ml，促进代谢废物排出'
        ],
        exercise: [
            '适度运动：每周150-180分钟，如快走、游泳、瑜伽',
            '力量训练：每周2-3次，每次20-25分钟，避免过度训练',
            '运动恢复：保证充足休息，运动后拉伸和放松',
            '补充水分：运动前后充分补水，保持身体水分平衡',
            '运动计划：周一、三、五进行轻度有氧运动30分钟，周二、四进行轻度力量训练20分钟'
        ],
        recommendations: [
            '优化蛋白质摄入结构，选择优质蛋白',
            '适量摄入乳制品、鱼类、豆类',
            '避免过量摄入红肉',
            '保持均衡饮食，避免单一食物过量',
            '关注肝肾功能健康',
            '必要时进行蛋白质代谢相关检查'
        ],
        diseases: [
            { name: '肝脏疾病', symptoms: '乏力、食欲减退、腹胀、黄疸' },
            { name: '肾脏疾病', symptoms: '水肿、尿量改变、腰痛、高血压' },
            { name: '代谢性疾病', symptoms: '发育迟缓、智力障碍、特殊体味' }
        ]
    }
};

// 用户数据存储
let users = {};
// 尝试从localStorage加载用户数据
const storedUsers = localStorage.getItem('metascanUsers');
if (storedUsers) {
    try {
        users = JSON.parse(storedUsers);
    } catch (e) {
        console.error('Failed to parse users data:', e);
        users = {};
    }
}

// 当前用户
let currentUser = null;
const storedCurrentUser = localStorage.getItem('metascanCurrentUser');
if (storedCurrentUser) {
    try {
        currentUser = JSON.parse(storedCurrentUser);
    } catch (e) {
        console.error('Failed to parse current user data:', e);
        currentUser = null;
    }
}

// 历史数据存储 - 按用户存储
let historicalData = {};

// 当前检测结果
let currentResult = null;

// 清空系统所有账号数据
function clearAllData() {
    // 清除所有相关的localStorage数据
    localStorage.removeItem('metascanUsers');
    localStorage.removeItem('metascanCurrentUser');
    // 清除所有用户的检测数据
    for (let i = 0; i < localStorage.length; i++) {
        const key = localStorage.key(i);
        if (key.startsWith('metascanData_') || key.startsWith('metascanPrescriptions_') || key.startsWith('metascanSharedPrescriptions_') || key.startsWith('metascanReferrals_') || key.startsWith('metascanNotifications_')) {
            localStorage.removeItem(key);
        }
    }
    // 重置内存中的数据
    users = {};
    currentUser = null;
    historicalData = {};
    // 显示成功消息
    showNotification('系统数据已清空');
}

// 初始化页面
document.addEventListener('DOMContentLoaded', function() {
    // 清空系统数据（仅执行一次）
    clearAllData();
    // 检查用户登录状态
    checkLoginStatus();
    initializeInputForm();
    initializeMetaboliteCategories();
    // 设置活动跟踪
    setupActivityTracking();
    // 启动通知检查
    startNotificationCheck();
    // 初始化通知徽章
    updateNotificationBadge();
    
    // 添加全局点击事件监听器，点击页面其他位置关闭通知
    document.addEventListener('click', function(event) {
        const notificationPanel = document.getElementById('notificationPanel');
        const notificationButton = document.querySelector('.nav-tab[onclick="toggleNotifications()"]');
        
        // 检查点击的目标是否在通知面板内或者是通知按钮本身
        if (notificationPanel && notificationPanel.style.display === 'block') {
            const isClickInsidePanel = notificationPanel.contains(event.target);
            const isClickOnButton = notificationButton && notificationButton.contains(event.target);
            
            if (!isClickInsidePanel && !isClickOnButton) {
                notificationPanel.style.display = 'none';
            }
        }
    });
});

// 检查登录状态
function checkLoginStatus() {
    if (currentUser) {
        // 用户已登录，隐藏登录页面
        document.getElementById('loginPage').style.display = 'none';
        // 加载用户数据
        loadUserData();
        // 如果是医生，显示医生仪表盘
        if (currentUser.role === 'doctor') {
            showDoctorDashboard();
        }
    } else {
        // 用户未登录，显示登录页面
        document.getElementById('loginPage').style.display = 'flex';
    }
}

// 切换表单
function toggleForm(formType) {
    try {
        // 隐藏所有表单
        const loginForm = document.getElementById('loginForm');
        const registerForm = document.getElementById('registerForm');
        const forgotForm = document.getElementById('forgotForm');
        
        if (loginForm) loginForm.style.display = 'none';
        if (registerForm) registerForm.style.display = 'none';
        if (forgotForm) forgotForm.style.display = 'none';
        
        // 显示选中的表单
        if (formType === 'login' && loginForm) {
            loginForm.style.display = 'flex';
        } else if (formType === 'register' && registerForm) {
            registerForm.style.display = 'flex';
        } else if (formType === 'forgot' && forgotForm) {
            forgotForm.style.display = 'flex';
        }
        
        // 清除错误信息
        const loginError = document.getElementById('loginError');
        if (loginError) loginError.style.display = 'none';
    } catch (e) {
        console.error('Error in toggleForm:', e);
    }
}

// 重置密码功能
function resetPassword() {
    const username = document.getElementById('forgotUsername').value.trim();
    const newPassword = document.getElementById('newPassword').value;
    const confirmNewPassword = document.getElementById('confirmNewPassword').value;
    const role = document.querySelector('input[name="forgotRole"]:checked').value;
    
    if (!username || !newPassword || !confirmNewPassword) {
        showError('请填写所有字段');
        return;
    }
    
    if (newPassword !== confirmNewPassword) {
        showError('两次输入的新密码不一致');
        return;
    }
    
    // 检查用户是否存在
    if (!users[username]) {
        showError('用户名不存在');
        return;
    }
    
    // 验证角色
    if (users[username].role !== role) {
        showError('角色选择错误');
        return;
    }
    
    // 更新密码
    users[username].password = hashPassword(newPassword);
    localStorage.setItem('metascanUsers', JSON.stringify(users));
    
    // 显示成功消息
    showNotification('密码重置成功！');
    
    // 切换回登录表单
    toggleForm('login');
    
    // 填充用户名
    document.getElementById('username').value = username;
}

// 登录功能
function login() {
    const username = document.getElementById('username').value.trim();
    const password = document.getElementById('password').value;
    const role = document.querySelector('input[name="role"]:checked').value;
    
    if (!username || !password) {
        showError('请输入用户名和密码');
        return;
    }
    
    // 检查用户是否存在
    if (!users[username]) {
        showError('用户名或密码错误');
        return;
    }
    
    // 验证密码（使用加密后的密码）
    if (users[username].password !== hashPassword(password)) {
        showError('用户名或密码错误');
        return;
    }
    
    // 验证角色
    if (users[username].role !== role) {
        showError('角色选择错误');
        return;
    }
    
    // 登录成功
    currentUser = { 
        username: username, 
        role: role, 
        lastActivity: new Date().toISOString() 
    };
    localStorage.setItem('metascanCurrentUser', JSON.stringify(currentUser));
    
    // 如果是医生登录，记录登录时间
    if (role === 'doctor') {
        sessionStorage.setItem('doctorLoginTime', Date.now().toString());
    }
    
    // 隐藏登录页面，显示主应用页面
    document.getElementById('loginPage').style.display = 'none';
    document.querySelector('.container').style.display = 'block';
    
    // 根据角色显示不同的导航栏
    if (role === 'doctor') {
        // 显示医生导航栏，隐藏患者导航栏
        document.querySelector('.nav-tabs:not(.doctor-nav)').style.display = 'none';
        document.querySelector('.doctor-nav').style.display = 'flex';
        // 显示医生仪表盘
        showDoctorDashboard();
    } else {
        // 显示患者导航栏，隐藏医生导航栏
        document.querySelector('.nav-tabs:not(.doctor-nav)').style.display = 'flex';
        document.querySelector('.doctor-nav').style.display = 'none';
        // 显示数据录入页面
        showTab('input');
    }
    
    // 加载用户数据
    loadUserData();
    
    // 显示成功消息
    showNotification('登录成功！');
    
    // 启动会话超时检查
    startSessionTimeout();
}

// 会话超时检查
function startSessionTimeout() {
    // 每5分钟检查一次会话状态
    setInterval(() => {
        if (currentUser) {
            const lastActivity = new Date(currentUser.lastActivity);
            const now = new Date();
            const timeDiff = now - lastActivity;
            const minutesDiff = timeDiff / (1000 * 60);
            
            // 如果超过30分钟没有活动，自动退出登录
            if (minutesDiff > 30) {
                logout();
                showNotification('会话已超时，请重新登录');
            }
        }
    }, 5 * 60 * 1000);
}

// 更新活动时间
function updateActivity() {
    if (currentUser) {
        currentUser.lastActivity = new Date().toISOString();
        localStorage.setItem('metascanCurrentUser', JSON.stringify(currentUser));
    }
}

// 为所有用户交互添加活动时间更新
function setupActivityTracking() {
    // 鼠标移动
    document.addEventListener('mousemove', updateActivity);
    // 键盘输入
    document.addEventListener('keypress', updateActivity);
    // 点击
    document.addEventListener('click', updateActivity);
    // 滚动
    window.addEventListener('scroll', updateActivity);
}

// 简单的密码加密函数
function hashPassword(password) {
    // 使用简单的哈希算法，实际生产环境应使用更安全的加密方法
    let hash = 0;
    for (let i = 0; i < password.length; i++) {
        const char = password.charCodeAt(i);
        hash = ((hash << 5) - hash) + char;
        hash = hash & hash;
    }
    return hash.toString();
}

// 注册功能
function register() {
    const username = document.getElementById('regUsername').value.trim();
    const password = document.getElementById('regPassword').value;
    const confirmPassword = document.getElementById('regConfirmPassword').value;
    const role = document.querySelector('input[name="regRole"]:checked').value;
    
    if (!username || !password || !confirmPassword) {
        showError('请填写所有字段');
        return;
    }
    
    if (password !== confirmPassword) {
        showError('两次输入的密码不一致');
        return;
    }
    
    if (password.length < 6) {
        showError('密码长度至少需要6位');
        return;
    }
    
    if (users[username]) {
        showError('用户名已存在');
        return;
    }
    
    // 创建新用户，密码加密存储
    users[username] = {
        password: hashPassword(password),
        role: role,
        createdAt: new Date().toISOString()
    };
    
    // 保存用户数据
    localStorage.setItem('metascanUsers', JSON.stringify(users));
    
    // 自动登录
    currentUser = { username: username, role: role, lastActivity: new Date().toISOString() };
    localStorage.setItem('metascanCurrentUser', JSON.stringify(currentUser));
    
    // 初始化用户数据
    if (role === 'patient') {
        historicalData[username] = [];
        localStorage.setItem(`metascanData_${username}`, JSON.stringify([]));
    }
    
    // 隐藏登录页面，显示主应用页面
    document.getElementById('loginPage').style.display = 'none';
    document.querySelector('.container').style.display = 'block';
    
    // 根据角色显示不同的导航栏
    if (role === 'doctor') {
        // 显示医生导航栏，隐藏患者导航栏
        document.querySelector('.nav-tabs:not(.doctor-nav)').style.display = 'none';
        document.querySelector('.doctor-nav').style.display = 'flex';
        // 显示医生仪表盘
        showDoctorDashboard();
    } else {
        // 显示患者导航栏，隐藏医生导航栏
        document.querySelector('.nav-tabs:not(.doctor-nav)').style.display = 'flex';
        document.querySelector('.doctor-nav').style.display = 'none';
        // 显示数据录入页面
        showTab('input');
    }
    
    // 显示成功消息
    showNotification('注册成功！');
    
    // 启动会话超时检查
    startSessionTimeout();
}

// 加载用户数据
function loadUserData() {
    if (currentUser) {
        historicalData[currentUser.username] = JSON.parse(localStorage.getItem(`metascanData_${currentUser.username}`)) || [];
    }
}

// 显示错误信息
function showError(message) {
    const errorElement = document.getElementById('loginError');
    errorElement.textContent = message;
    errorElement.style.display = 'block';
}

// 切换下拉菜单
function toggleDropdown(event) {
    event.stopPropagation();
    const dropdowns = document.getElementsByClassName('dropdown-content');
    for (let i = 0; i < dropdowns.length; i++) {
        const dropdown = dropdowns[i];
        // 检查下拉菜单是否与点击的按钮相关联
        const btn = dropdown.previousElementSibling;
        if (btn && btn.classList.contains('dropdown-btn')) {
            dropdown.classList.toggle('show');
        }
    }
}

// 点击页面其他地方关闭下拉菜单
window.onclick = function(event) {
    // 关闭下拉菜单
    if (!event.target.matches('.dropdown-btn') && !event.target.closest('.dropdown-btn')) {
        const dropdowns = document.getElementsByClassName('dropdown-content');
        for (let i = 0; i < dropdowns.length; i++) {
            const openDropdown = dropdowns[i];
            if (openDropdown.classList.contains('show')) {
                openDropdown.classList.remove('show');
            }
        }
    }
    
    // 关闭通知面板
    const notificationPanel = document.getElementById('notificationPanel');
    if (notificationPanel && notificationPanel.style.display === 'block') {
        if (!event.target.closest('#notificationPanel') && !event.target.closest('[onclick*="toggleNotifications"]')) {
            notificationPanel.style.display = 'none';
        }
    }
};

// 退出登录
function logout() {
    currentUser = null;
    localStorage.removeItem('metascanCurrentUser');
    // 保存用户数据，确保数据不会丢失
    localStorage.setItem('metascanUsers', JSON.stringify(users));
    // 显示登录页面，隐藏主应用页面
    document.getElementById('loginPage').style.display = 'flex';
    document.querySelector('.container').style.display = 'none';
    showNotification('已退出登录');
}

// 显示医生仪表盘
function showDoctorDashboard() {
    // 隐藏所有标签页
    document.querySelectorAll('.tab-content').forEach(tab => {
        tab.style.display = 'none';
    });
    // 显示医生仪表盘
    document.getElementById('doctorDashboard').style.display = 'block';
    // 加载患者列表
    loadPatientList();
    // 更新数据概览
    updateDashboardOverview();
    // 绘制统计图表
    setTimeout(() => {
        drawRiskDistributionChart();
        drawSubtypeDistributionChart();
    }, 100);
}

// 更新仪表盘数据概览
function updateDashboardOverview() {
    // 更新欢迎卡片的日期
    const currentDateEl = document.getElementById('currentDate');
    if (currentDateEl) {
        const now = new Date();
        currentDateEl.textContent = now.toLocaleDateString('zh-CN', {
            year: 'numeric',
            month: 'long',
            day: 'numeric',
            weekday: 'long'
        });
    }
    
    // 更新在线时长（模拟）
    const onlineTimeEl = document.getElementById('onlineTime');
    if (onlineTimeEl) {
        const loginTime = sessionStorage.getItem('doctorLoginTime') || Date.now();
        const elapsed = Date.now() - parseInt(loginTime);
        const hours = Math.floor(elapsed / (1000 * 60 * 60));
        const minutes = Math.floor((elapsed % (1000 * 60 * 60)) / (1000 * 60));
        onlineTimeEl.textContent = hours > 0 ? `${hours}小时${minutes}分钟` : `${minutes}分钟`;
    }
    
    // 获取所有患者用户
    const patients = [];
    for (const [username, userData] of Object.entries(users)) {
        if (userData.role === 'patient') {
            patients.push({ username, ...userData });
        }
    }
    
    // 计算统计数据
    let totalPatients = patients.length;
    let highRiskPatients = 0;
    let totalTests = 0;
    let totalPrescriptions = 0;
    let pendingPatients = 0;
    let todayPatients = 0;
    
    // 待处理事项列表
    const pendingItems = [];
    
    // 获取今天的日期（仅日期部分）
    const today = new Date();
    today.setHours(0, 0, 0, 0);
    
    patients.forEach(patient => {
        // 获取患者数据
        const patientData = JSON.parse(localStorage.getItem(`metascanData_${patient.username}`)) || [];
        totalTests += patientData.length;
        
        // 检查是否有高风险记录
        if (patientData.length > 0) {
            const latestRecord = patientData[patientData.length - 1];
            if (latestRecord.overallRisk > 60) {
                highRiskPatients++;
            }
            
            // 检查是否有未处理的检测（没有对应的医嘱）
            const prescriptions = JSON.parse(localStorage.getItem(`metascanPrescriptions_${patient.username}`)) || [];
            if (prescriptions.length < patientData.length) {
                pendingPatients++;
                pendingItems.push({
                    type: 'diagnosis',
                    patient: patient.username,
                    date: latestRecord.date,
                    risk: latestRecord.overallRisk
                });
            }
            
            // 检查是否有今日的检测
            const recordDate = new Date(latestRecord.timestamp);
            recordDate.setHours(0, 0, 0, 0);
            if (recordDate.getTime() === today.getTime()) {
                todayPatients++;
            }
        }
        
        // 检查是否有新消息
        const chatMessages = JSON.parse(localStorage.getItem(`metascanChat_${patient.username}`)) || [];
        const hasNewMessage = chatMessages.some(msg => {
            const msgDate = new Date(msg.timestamp);
            return msgDate >= today && msg.sender === patient.username;
        });
        if (hasNewMessage) {
            pendingItems.push({
                type: 'message',
                patient: patient.username,
                date: new Date().toLocaleDateString('zh-CN')
            });
        }
        
        // 获取医嘱数量
        const prescriptions = JSON.parse(localStorage.getItem(`metascanPrescriptions_${patient.username}`)) || [];
        totalPrescriptions += prescriptions.length;
    });
    
    // 更新DOM
    const totalPatientsEl = document.getElementById('totalPatients');
    if (totalPatientsEl) totalPatientsEl.textContent = totalPatients;
    
    const highRiskPatientsEl = document.getElementById('highRiskPatients');
    if (highRiskPatientsEl) highRiskPatientsEl.textContent = highRiskPatients;
    
    const totalTestsEl = document.getElementById('totalTests');
    if (totalTestsEl) totalTestsEl.textContent = totalTests;
    
    const totalPrescriptionsEl = document.getElementById('totalPrescriptions');
    if (totalPrescriptionsEl) totalPrescriptionsEl.textContent = totalPrescriptions;
    
    const pendingPatientsEl = document.getElementById('pendingPatients');
    if (pendingPatientsEl) pendingPatientsEl.textContent = pendingPatients;
    
    const todayPatientsEl = document.getElementById('todayPatients');
    if (todayPatientsEl) todayPatientsEl.textContent = todayPatients;
    
    // 更新待处理事项
    updatePendingList(pendingItems);
    
    // 更新最近活动
    updateRecentActivity();
    
    // 绘制趋势图表
    setTimeout(() => {
        drawOverallTrendChart();
        drawTestTrendChart();
    }, 100);
}

// 更新待处理事项列表
function updatePendingList(items) {
    const pendingList = document.getElementById('pendingList');
    const pendingCount = document.getElementById('pendingCount');
    
    if (!pendingList || !pendingCount) return;
    
    pendingCount.textContent = items.length;
    
    if (items.length === 0) {
        pendingList.innerHTML = `
            <div style="text-align: center; color: #666; padding: 40px 20px;">
                <div style="font-size: 2.5rem; margin-bottom: 15px;">🎉</div>
                <div style="font-size: 1rem;">暂无待处理事项</div>
                <div style="font-size: 0.85rem; color: #999; margin-top: 5px;">继续保持！</div>
            </div>
        `;
        return;
    }
    
    pendingList.innerHTML = items.map((item, index) => {
        const icon = item.type === 'diagnosis' ? '📊' : '💬';
        const title = item.type === 'diagnosis' ? '待诊断' : '新消息';
        const bgColor = item.type === 'diagnosis' ? '#fff3e0' : '#e3f2fd';
        const borderColor = item.type === 'diagnosis' ? '#ffe0b2' : '#bbdefb';
        
        return `
            <div style="background: ${bgColor}; border: 2px solid ${borderColor}; border-radius: 12px; padding: 15px; margin-bottom: 10px; animation: fadeInUp 0.4s ease; animation-delay: ${index * 0.05}s;">
                <div style="display: flex; align-items: center; gap: 12px;">
                    <div style="width: 40px; height: 40px; background: white; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0;">
                        ${icon}
                    </div>
                    <div style="flex: 1; min-width: 0;">
                        <div style="font-weight: 700; color: #1a2980; margin-bottom: 3px;">${title}</div>
                        <div style="font-size: 0.9rem; color: #333; margin-bottom: 3px;">患者: ${item.patient}</div>
                        <div style="font-size: 0.8rem; color: #666;">📅 ${item.date}</div>
                    </div>
                    <button onclick="handlePendingItem('${item.type}', '${item.patient}')" style="padding: 8px 15px; background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); color: white; border: none; border-radius: 20px; cursor: pointer; font-size: 0.85rem; font-weight: 600; flex-shrink: 0;">
                        处理
                    </button>
                </div>
            </div>
        `;
    }).join('');
}

// 处理待处理事项
function handlePendingItem(type, patientUsername) {
    if (type === 'diagnosis' || type === 'message') {
        showTab('doctorPatients');
        setTimeout(() => {
            showPatientDetails(patientUsername);
        }, 100);
    }
}

// 更新最近活动
function updateRecentActivity() {
    const recentActivity = document.getElementById('recentActivity');
    if (!recentActivity) return;
    
    // 从localStorage获取活动记录
    let activities = JSON.parse(localStorage.getItem('metascanDoctorActivities')) || [];
    
    if (activities.length === 0) {
        recentActivity.innerHTML = `
            <div style="text-align: center; color: #666; padding: 40px 20px;">
                <div style="font-size: 2.5rem; margin-bottom: 15px;">📝</div>
                <div style="font-size: 1rem;">暂无活动记录</div>
                <div style="font-size: 0.85rem; color: #999; margin-top: 5px;">活动将显示在这里</div>
            </div>
        `;
        return;
    }
    
    // 只显示最近10条
    activities = activities.slice(0, 10);
    
    recentActivity.innerHTML = activities.map((activity, index) => {
        const time = new Date(activity.timestamp);
        const timeStr = time.toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' });
        
        let icon = '📋';
        let bgColor = '#f8f9ff';
        let borderColor = '#e0e6ed';
        
        if (activity.type === 'diagnosis') {
            icon = '📊';
            bgColor = '#fff3e0';
            borderColor = '#ffe0b2';
        } else if (activity.type === 'prescription') {
            icon = '📋';
            bgColor = '#e8f5e9';
            borderColor = '#c8e6c9';
        } else if (activity.type === 'message') {
            icon = '💬';
            bgColor = '#e3f2fd';
            borderColor = '#bbdefb';
        }
        
        return `
            <div style="background: ${bgColor}; border-left: 4px solid ${borderColor}; border-radius: 8px; padding: 12px; margin-bottom: 8px; animation: fadeInUp 0.4s ease; animation-delay: ${index * 0.03}s;">
                <div style="display: flex; align-items: center; gap: 10px;">
                    <div style="font-size: 1.2rem;">${icon}</div>
                    <div style="flex: 1; min-width: 0;">
                        <div style="font-weight: 600; color: #1a2980; font-size: 0.9rem;">${activity.title}</div>
                        <div style="font-size: 0.8rem; color: #666; margin-top: 3px;">${activity.message}</div>
                    </div>
                    <div style="font-size: 0.75rem; color: #999; flex-shrink: 0;">${timeStr}</div>
                </div>
            </div>
        `;
    }).join('');
}

// 添加医生活动记录
function addDoctorActivity(type, title, message) {
    let activities = JSON.parse(localStorage.getItem('metascanDoctorActivities')) || [];
    
    activities.unshift({
        type: type,
        title: title,
        message: message,
        timestamp: new Date().toISOString()
    });
    
    // 只保留最近50条
    activities = activities.slice(0, 50);
    
    localStorage.setItem('metascanDoctorActivities', JSON.stringify(activities));
}

// 绘制总体风险趋势图表
function drawOverallTrendChart() {
    const ctx = document.getElementById('overallTrendChart');
    if (!ctx) return;
    
    // 生成最近7天的模拟数据
    const labels = [];
    const lowRiskData = [];
    const mediumRiskData = [];
    const highRiskData = [];
    
    for (let i = 6; i >= 0; i--) {
        const date = new Date();
        date.setDate(date.getDate() - i);
        labels.push(date.toLocaleDateString('zh-CN', { month: 'short', day: 'numeric' }));
        
        // 模拟数据
        lowRiskData.push(Math.floor(Math.random() * 20) + 10);
        mediumRiskData.push(Math.floor(Math.random() * 15) + 5);
        highRiskData.push(Math.floor(Math.random() * 10) + 2);
    }
    
    new Chart(ctx, {
        type: 'line',
        data: {
            labels: labels,
            datasets: [
                {
                    label: '低风险',
                    data: lowRiskData,
                    borderColor: '#27ae60',
                    backgroundColor: 'rgba(39, 174, 96, 0.1)',
                    fill: true,
                    tension: 0.4
                },
                {
                    label: '中风险',
                    data: mediumRiskData,
                    borderColor: '#f39c12',
                    backgroundColor: 'rgba(243, 156, 18, 0.1)',
                    fill: true,
                    tension: 0.4
                },
                {
                    label: '高风险',
                    data: highRiskData,
                    borderColor: '#e74c3c',
                    backgroundColor: 'rgba(231, 76, 60, 0.1)',
                    fill: true,
                    tension: 0.4
                }
            ]
        },
        options: {
            responsive: true,
            maintainAspectRatio: false,
            plugins: {
                legend: {
                    position: 'top'
                }
            },
            scales: {
                y: {
                    beginAtZero: true
                }
            }
        }
    });
}

// 绘制检测数量趋势图表
function drawTestTrendChart() {
    const ctx = document.getElementById('testTrendChart');
    if (!ctx) return;
    
    // 生成最近7天的模拟数据
    const labels = [];
    const testData = [];
    
    for (let i = 6; i >= 0; i--) {
        const date = new Date();
        date.setDate(date.getDate() - i);
        labels.push(date.toLocaleDateString('zh-CN', { month: 'short', day: 'numeric' }));
        
        // 模拟数据
        testData.push(Math.floor(Math.random() * 30) + 10);
    }
    
    new Chart(ctx, {
        type: 'bar',
        data: {
            labels: labels,
            datasets: [{
                label: '检测数量',
                data: testData,
                backgroundColor: 'rgba(26, 41, 128, 0.6)',
                borderColor: 'rgba(26, 41, 128, 1)',
                borderWidth: 1,
                borderRadius: 8
            }]
        },
        options: {
            responsive: true,
            maintainAspectRatio: false,
            plugins: {
                legend: {
                    display: false
                }
            },
            scales: {
                y: {
                    beginAtZero: true
                }
            }
        }
    });
}

// 绘制风险分布图表
function drawRiskDistributionChart() {
    const ctx = document.getElementById('riskDistributionChart');
    if (!ctx) return;
    
    // 计算风险分布
    let lowRisk = 0;  // 0-30
    let mediumRisk = 0;  // 31-60
    let highRisk = 0;  // 61-100
    
    // 获取所有患者用户
    const patients = [];
    for (const [username, userData] of Object.entries(users)) {
        if (userData.role === 'patient') {
            patients.push(username);
        }
    }
    
    patients.forEach(username => {
        const patientData = JSON.parse(localStorage.getItem(`metascanData_${username}`)) || [];
        if (patientData.length > 0) {
            const latestRecord = patientData[patientData.length - 1];
            if (latestRecord.overallRisk <= 30) {
                lowRisk++;
            } else if (latestRecord.overallRisk <= 60) {
                mediumRisk++;
            } else {
                highRisk++;
            }
        }
    });
    
    new Chart(ctx, {
        type: 'doughnut',
        data: {
            labels: ['低风险 (0-30)', '中风险 (31-60)', '高风险 (61-100)'],
            datasets: [{
                data: [lowRisk, mediumRisk, highRisk],
                backgroundColor: ['#27ae60', '#f39c12', '#e74c3c'],
                borderWidth: 0
            }]
        },
        options: {
            responsive: true,
            plugins: {
                legend: {
                    position: 'bottom'
                },
                title: {
                    display: true,
                    text: '患者风险分布',
                    font: {
                        size: 16
                    }
                }
            }
        }
    });
}

// 绘制亚健康亚型分布图表
function drawSubtypeDistributionChart() {
    const ctx = document.getElementById('subtypeDistributionChart');
    if (!ctx) return;
    
    // 计算亚型分布
    const subtypeCount = {
        sedentary: 0,
        obese: 0,
        inflammatory: 0,
        glucose: 0,
        amino: 0
    };
    
    // 获取所有患者用户
    const patients = [];
    for (const [username, userData] of Object.entries(users)) {
        if (userData.role === 'patient') {
            patients.push(username);
        }
    }
    
    patients.forEach(username => {
        const patientData = JSON.parse(localStorage.getItem(`metascanData_${username}`)) || [];
        if (patientData.length > 0) {
            const latestRecord = patientData[patientData.length - 1];
            latestRecord.subtypes.forEach(subtype => {
                if (subtypeCount.hasOwnProperty(subtype)) {
                    subtypeCount[subtype]++;
                }
            });
        }
    });
    
    new Chart(ctx, {
        type: 'bar',
        data: {
            labels: ['运动不足型', '肥胖代谢紊乱型', '炎症饮食相关型', '糖代谢异常型', '氨基酸代谢紊乱型'],
            datasets: [{
                label: '患者数量',
                data: [subtypeCount.sedentary, subtypeCount.obese, subtypeCount.inflammatory, subtypeCount.glucose, subtypeCount.amino],
                backgroundColor: [
                    'rgba(102, 126, 234, 0.7)',
                    'rgba(237, 100, 166, 0.7)',
                    'rgba(255, 193, 7, 0.7)',
                    'rgba(75, 192, 192, 0.7)',
                    'rgba(153, 102, 255, 0.7)'
                ],
                borderWidth: 0
            }]
        },
        options: {
            responsive: true,
            scales: {
                y: {
                    beginAtZero: true,
                    title: {
                        display: true,
                        text: '患者数量'
                    }
                }
            },
            plugins: {
                title: {
                    display: true,
                    text: '亚健康亚型分布',
                    font: {
                        size: 16
                    }
                }
            }
        }
    });
}

// 加载患者列表
function loadPatientList(patients = null) {
    const patientListContainer = document.getElementById('patientList');
    if (!patientListContainer) return;
    
    // 如果没有传入患者列表，获取所有患者用户
    if (!patients) {
        patients = [];
        for (const [username, userData] of Object.entries(users)) {
            if (userData.role === 'patient') {
                patients.push({ username, ...userData });
            }
        }
    }
    
    // 更新统计面板
    updatePatientStats(patients);
    
    if (patients.length === 0) {
        patientListContainer.innerHTML = `
            <div style="text-align: center; color: #666; padding: 60px 20px;">
                <div style="font-size: 3rem; margin-bottom: 15px;">👥</div>
                <div style="font-size: 1rem; margin-bottom: 8px;">暂无患者</div>
                <div style="font-size: 0.85rem; color: #999;">等待患者注册...</div>
            </div>
        `;
        return;
    }
    
    let html = '';
    patients.forEach((patient, index) => {
        // 检查患者是否有数据
        const patientData = JSON.parse(localStorage.getItem(`metascanData_${patient.username}`)) || [];
        const hasData = patientData.length > 0;
        const lastRecord = hasData ? patientData[patientData.length - 1] : null;
        
        // 检查是否有新消息
        const chatMessages = JSON.parse(localStorage.getItem(`metascanChat_${patient.username}`)) || [];
        const today = new Date();
        today.setHours(0, 0, 0, 0);
        const hasNewMessageToday = chatMessages.some(msg => {
            const msgDate = new Date(msg.timestamp);
            return msgDate >= today && msg.sender === patient.username;
        });
        
        // 获取风险等级颜色
        let riskColor = '#95a5a6';
        let riskBadge = '🟢 正常';
        if (hasData && lastRecord) {
            if (lastRecord.overallRisk > 60) {
                riskColor = '#e74c3c';
                riskBadge = '🔴 高风险';
            } else if (lastRecord.overallRisk > 30) {
                riskColor = '#f39c12';
                riskBadge = '🟡 中风险';
            } else {
                riskColor = '#27ae60';
                riskBadge = '🟢 低风险';
            }
        }
        
        html += `
            <div class="patient-item" data-username="${patient.username}"
                 style="border: 2px solid #f0f4ff; border-radius: 15px; padding: 18px; margin-bottom: 12px; cursor: pointer; transition: all 0.3s ease; background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%); animation: fadeInUp 0.4s ease; animation-delay: ${index * 0.05}s;"
                 onclick="showPatientDetails('${patient.username}')"
                 onmouseover="this.style.borderColor='#26d0ce'; this.style.transform='translateY(-2px)'; this.style.boxShadow='0 8px 25px rgba(38, 208, 206, 0.15)';"
                 onmouseout="this.style.borderColor='#f0f4ff'; this.style.transform='translateY(0)'; this.style.boxShadow='none';">
                <div style="display: flex; align-items: flex-start; gap: 15px;">
                    <div style="width: 55px; height: 55px; background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.6rem; flex-shrink: 0; box-shadow: 0 4px 10px rgba(26, 41, 128, 0.2);">
                        ${patient.username.charAt(0).toUpperCase()}
                    </div>
                    <div style="flex: 1; min-width: 0;">
                        <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 8px;">
                            <div style="font-weight: 700; color: #1a2980; font-size: 1.1rem;">${patient.username}</div>
                            ${hasNewMessageToday ? '<span style="background: #e74c3c; color: white; padding: 3px 10px; border-radius: 12px; font-size: 0.7rem; font-weight: 600;">新消息</span>' : ''}
                        </div>
                        <div style="font-size: 0.85rem; color: #666; margin-bottom: 8px; display: flex; align-items: center; gap: 8px;">
                            <span>📅 注册: ${new Date(patient.createdAt).toLocaleDateString('zh-CN', { year: 'numeric', month: 'short', day: 'numeric' })}</span>
                        </div>
                        ${hasData && lastRecord ? `
                            <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 8px;">
                                <span style="font-size: 0.85rem; color: #666;">📊 最新: ${lastRecord.date}</span>
                            </div>
                            <div style="display: flex; align-items: center; gap: 8px;">
                                <span style="background: ${riskColor}20; color: ${riskColor}; padding: 4px 12px; border-radius: 12px; font-size: 0.8rem; font-weight: 600;">
                                    ${riskBadge}
                                </span>
                                <span style="font-size: 0.85rem; color: #666;">风险评分: <span style="font-weight: 700; color: ${riskColor};">${lastRecord.overallRisk.toFixed(1)}</span></span>
                            </div>
                        ` : `
                            <div style="font-size: 0.85rem; color: #999; display: flex; align-items: center; gap: 5px;">
                                <span>📭</span>
                                <span>暂无检测数据</span>
                            </div>
                        `}
                    </div>
                </div>
            </div>
        `;
    });
    
    patientListContainer.innerHTML = html;
}

// 更新患者统计面板
function updatePatientStats(patients) {
    if (!currentUser || currentUser.role !== 'doctor') return;
    
    // 总患者数
    const totalPatientsEl = document.getElementById('statTotalPatients');
    if (totalPatientsEl) {
        totalPatientsEl.textContent = patients.length;
    }
    
    // 高风险患者数
    let highRiskCount = 0;
    let todayConsultCount = 0;
    let totalPrescriptionsCount = 0;
    
    const today = new Date();
    today.setHours(0, 0, 0, 0);
    
    patients.forEach(patient => {
        // 检查高风险
        const patientData = JSON.parse(localStorage.getItem(`metascanData_${patient.username}`)) || [];
        if (patientData.length > 0) {
            const lastRecord = patientData[patientData.length - 1];
            if (lastRecord.overallRisk > 60) {
                highRiskCount++;
            }
        }
        
        // 检查今日咨询
        const chatMessages = JSON.parse(localStorage.getItem(`metascanChat_${patient.username}`)) || [];
        const hasTodayConsult = chatMessages.some(msg => {
            const msgDate = new Date(msg.timestamp);
            return msgDate >= today && msg.sender === patient.username;
        });
        if (hasTodayConsult) {
            todayConsultCount++;
        }
        
        // 统计医嘱
        const prescriptions = JSON.parse(localStorage.getItem(`metascanPrescriptions_${patient.username}`)) || [];
        totalPrescriptionsCount += prescriptions.length;
    });
    
    const highRiskEl = document.getElementById('statHighRisk');
    if (highRiskEl) {
        highRiskEl.textContent = highRiskCount;
    }
    
    const todayConsultEl = document.getElementById('statTodayConsult');
    if (todayConsultEl) {
        todayConsultEl.textContent = todayConsultCount;
    }
    
    const prescriptionsEl = document.getElementById('statPrescriptions');
    if (prescriptionsEl) {
        prescriptionsEl.textContent = totalPrescriptionsCount;
    }
}

// 刷新患者列表
function refreshPatientList() {
    loadPatientList();
    showNotification('患者列表已刷新');
}

// 搜索患者
function searchPatients() {
    const searchTerm = document.getElementById('patientSearch').value.toLowerCase().trim();
    const riskFilter = document.getElementById('riskFilter').value;
    const subtypeFilter = document.getElementById('subtypeFilter').value;
    
    // 获取所有患者用户
    let patients = [];
    for (const [username, userData] of Object.entries(users)) {
        if (userData.role === 'patient') {
            patients.push({ username, ...userData });
        }
    }
    
    // 应用搜索
    if (searchTerm) {
        patients = patients.filter(patient => 
            patient.username.toLowerCase().includes(searchTerm)
        );
    }
    
    // 应用筛选
    patients = applyFilters(patients, riskFilter, subtypeFilter);
    
    // 重新加载患者列表
    loadPatientList(patients);
}

// 筛选患者
function filterPatients() {
    const riskFilter = document.getElementById('riskFilter').value;
    const subtypeFilter = document.getElementById('subtypeFilter').value;
    
    // 获取所有患者用户
    let patients = [];
    for (const [username, userData] of Object.entries(users)) {
        if (userData.role === 'patient') {
            patients.push({ username, ...userData });
        }
    }
    
    // 应用筛选
    patients = applyFilters(patients, riskFilter, subtypeFilter);
    
    // 重新加载患者列表
    loadPatientList(patients);
}

// 应用筛选条件
function applyFilters(patients, riskFilter, subtypeFilter) {
    return patients.filter(patient => {
        // 检查患者是否有数据
        const patientData = JSON.parse(localStorage.getItem(`metascanData_${patient.username}`)) || [];
        const hasData = patientData.length > 0;
        const lastRecord = hasData ? patientData[patientData.length - 1] : null;
        
        // 风险等级筛选
        if (riskFilter !== 'all' && hasData) {
            let riskLevel;
            if (lastRecord.overallRisk <= 30) riskLevel = 'low';
            else if (lastRecord.overallRisk <= 60) riskLevel = 'medium';
            else riskLevel = 'high';
            
            if (riskLevel !== riskFilter) return false;
        }
        
        // 亚型筛选
        if (subtypeFilter !== 'all' && hasData) {
            if (!lastRecord.subtypes.includes(subtypeFilter)) return false;
        }
        
        return true;
    });
}

// 重置筛选条件
function resetFilters() {
    document.getElementById('patientSearch').value = '';
    document.getElementById('riskFilter').value = 'all';
    document.getElementById('subtypeFilter').value = 'all';
    loadPatientList();
}

// 显示患者详情
function showPatientDetails(username) {
    // 设置全局选中患者
    window.currentSelectedPatient = username;
    
    // 移除所有患者项的选中状态
    const patientItems = document.querySelectorAll('.patient-item');
    patientItems.forEach(item => {
        if (item.dataset.username === username) {
            item.style.borderColor = '#26d0ce';
            item.style.boxShadow = '0 8px 25px rgba(38, 208, 206, 0.3)';
        } else {
            item.style.borderColor = '#f0f4ff';
            item.style.boxShadow = 'none';
        }
    });
    
    const patientDetailsContent = document.getElementById('patientDetailsContent');
    const prescriptionContent = document.getElementById('prescriptionContent');
    const doctorChatMessages = document.getElementById('doctorChatMessages');
    
    if (!patientDetailsContent || !prescriptionContent) return;
    
    // 检查是否有查看报告的权限
    const reportRequests = JSON.parse(localStorage.getItem('metascanReportRequests') || '[]');
    const approvedRequest = reportRequests.find(req => 
        req.patientUsername === username && req.status === 'approved'
    );
    
    // 如果没有权限，显示权限申请提示
    if (!approvedRequest) {
        const pendingRequest = reportRequests.find(req => 
            req.patientUsername === username && req.status === 'pending'
        );
        
        patientDetailsContent.innerHTML = `
            <div style="text-align: center; padding: 60px 20px;">
                <div style="font-size: 3rem; margin-bottom: 15px;">🔒</div>
                <div style="font-size: 1.1rem; margin-bottom: 8px; color: #666; font-weight: 600;">暂无查看权限</div>
                <div style="font-size: 0.9rem; color: #999; margin-bottom: 20px;">
                    ${pendingRequest ? '患者已申请查看报告，等待您的审批' : '患者尚未申请查看报告'}
                </div>
                ${pendingRequest ? `
                    <div style="background: #fff3cd; border: 1px solid #ffeeba; border-radius: 10px; padding: 15px; margin-bottom: 20px;">
                        <p style="color: #856404; margin: 0; font-size: 0.9rem;">⏳ 申请时间: ${new Date(pendingRequest.requestDate).toLocaleString('zh-CN')}</p>
                    </div>
                    <div style="display: flex; gap: 10px; justify-content: center;">
                        <button onclick="approveReportAccess('${username}')" style="padding: 12px 25px; background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%); color: white; border: none; border-radius: 25px; cursor: pointer; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(39, 174, 96, 0.3);">
                            ✅ 批准申请
                        </button>
                        <button onclick="rejectReportAccess('${username}')" style="padding: 12px 25px; background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%); color: white; border: none; border-radius: 25px; cursor: pointer; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(231, 76, 60, 0.3);">
                            ❌ 拒绝申请
                        </button>
                    </div>
                ` : ''}
            </div>
        `;
        
        prescriptionContent.innerHTML = `
            <div style="text-align: center; padding: 40px 20px;">
                <div style="font-size: 2.5rem; margin-bottom: 15px;">📋</div>
                <div style="font-size: 1rem; margin-bottom: 8px; color: #666;">暂无查看权限</div>
                <div style="font-size: 0.85rem; color: #999;">请先批准患者的报告查看申请</div>
            </div>
        `;
        
        // 仍然加载聊天记录
        if (doctorChatMessages) {
            loadDoctorChatMessages(username);
        }
        return;
    }
    
    // 获取患者数据
    const patientData = JSON.parse(localStorage.getItem(`metascanData_${username}`)) || [];
    
    if (patientData.length === 0) {
        patientDetailsContent.innerHTML = `
            <div style="text-align: center; padding: 60px 20px;">
                <div style="font-size: 3rem; margin-bottom: 15px;">📭</div>
                <div style="font-size: 1rem; margin-bottom: 8px; color: #666;">患者 ${username} 暂无检测数据</div>
                <div style="font-size: 0.85rem; color: #999;">等待患者完成检测...</div>
            </div>
        `;
        
        prescriptionContent.innerHTML = `
            <div style="text-align: center; padding: 40px 20px;">
                <div style="font-size: 2.5rem; margin-bottom: 15px;">📋</div>
                <div style="font-size: 1rem; margin-bottom: 8px; color: #666;">患者暂无检测数据</div>
                <div style="font-size: 0.85rem; color: #999; margin-bottom: 20px;">请等待患者完成检测后创建医嘱</div>
            </div>
        `;
        return;
    }
    
    // 显示最新的检测数据
    const latestRecord = patientData[patientData.length - 1];
    
    let detailsHtml = `
        <!-- 患者信息卡片 -->
        <div style="background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); border-radius: 15px; padding: 20px; color: white; margin-bottom: 20px;">
            <div style="display: flex; align-items: center; gap: 15px;">
                <div style="width: 60px; height: 60px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.8rem; flex-shrink: 0;">
                    ${username.charAt(0).toUpperCase()}
                </div>
                <div style="flex: 1;">
                    <div style="font-size: 1.3rem; font-weight: 700; margin-bottom: 5px;">${username}</div>
                    <div style="font-size: 0.9rem; opacity: 0.9;">检测日期: ${latestRecord.date}</div>
                </div>
                <div style="text-align: right;">
                    <div style="font-size: 0.9rem; opacity: 0.9; margin-bottom: 5px;">总体风险</div>
                    <div style="font-size: 1.8rem; font-weight: 700;">${latestRecord.overallRisk.toFixed(1)}</div>
                </div>
            </div>
        </div>
        
        <!-- 健康状态概览 -->
        <div style="margin-bottom: 20px;">
            <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 20px;">
                <div style="background: ${latestRecord.overallRisk > 60 ? '#fee' : latestRecord.overallRisk > 30 ? '#fff3cd' : '#d4edda'}; border: 2px solid ${latestRecord.overallRisk > 60 ? '#f5c6cb' : latestRecord.overallRisk > 30 ? '#ffeeba' : '#c3e6cb'}; border-radius: 12px; padding: 15px; text-align: center;">
                    <div style="font-size: 0.85rem; color: #666; margin-bottom: 8px;">健康状态</div>
                    <div style="font-weight: 700; font-size: 1.1rem; color: ${latestRecord.overallRisk > 60 ? '#e74c3c' : latestRecord.overallRisk > 30 ? '#f39c12' : '#27ae60'}">
                        ${latestRecord.overallRisk > 60 ? '🔴 高风险' : latestRecord.overallRisk > 30 ? '🟡 中风险' : '🟢 低风险'}
                    </div>
                </div>
                <div style="background: #f8f9ff; border: 2px solid #e0e6ed; border-radius: 12px; padding: 15px; text-align: center;">
                    <div style="font-size: 0.85rem; color: #666; margin-bottom: 8px;">识别的亚型</div>
                    <div style="font-weight: 600; font-size: 0.95rem; color: #1a2980;">
                        ${latestRecord.subtypes.map(s => subtypes[s] ? subtypes[s].name : s).join('、')}
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 代谢指标分析 -->
        <div style="margin-bottom: 20px;">
            <h4 style="margin-bottom: 15px; color: #333; font-size: 1rem; display: flex; align-items: center; gap: 8px;">
                <span>📊</span>
                <span>代谢指标分析</span>
            </h4>
            <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;">
                <div style="background: ${latestRecord.riskScores.lipid > 60 ? '#fee' : latestRecord.riskScores.lipid > 30 ? '#fff3cd' : '#d4edda'}; border: 2px solid ${latestRecord.riskScores.lipid > 60 ? '#f5c6cb' : latestRecord.riskScores.lipid > 30 ? '#ffeeba' : '#c3e6cb'}; border-radius: 12px; padding: 15px; text-align: center;">
                    <div style="font-size: 0.85rem; color: #666; margin-bottom: 8px;">脂质代谢</div>
                    <div style="font-weight: 700; font-size: 1.4rem; color: ${latestRecord.riskScores.lipid > 60 ? '#e74c3c' : latestRecord.riskScores.lipid > 30 ? '#f39c12' : '#27ae60'}">${latestRecord.riskScores.lipid.toFixed(0)}</div>
                    <div style="margin-top: 10px;">
                        <div style="height: 8px; background: #e0e6ed; border-radius: 4px; overflow: hidden;">
                            <div style="height: 100%; width: ${Math.min(latestRecord.riskScores.lipid, 100)}%; background: ${latestRecord.riskScores.lipid > 60 ? '#e74c3c' : latestRecord.riskScores.lipid > 30 ? '#f39c12' : '#27ae60'}; border-radius: 4px;"></div>
                        </div>
                    </div>
                </div>
                <div style="background: ${latestRecord.riskScores.glucose > 60 ? '#fee' : latestRecord.riskScores.glucose > 30 ? '#fff3cd' : '#d4edda'}; border: 2px solid ${latestRecord.riskScores.glucose > 60 ? '#f5c6cb' : latestRecord.riskScores.glucose > 30 ? '#ffeeba' : '#c3e6cb'}; border-radius: 12px; padding: 15px; text-align: center;">
                    <div style="font-size: 0.85rem; color: #666; margin-bottom: 8px;">糖代谢</div>
                    <div style="font-weight: 700; font-size: 1.4rem; color: ${latestRecord.riskScores.glucose > 60 ? '#e74c3c' : latestRecord.riskScores.glucose > 30 ? '#f39c12' : '#27ae60'}">${latestRecord.riskScores.glucose.toFixed(0)}</div>
                    <div style="margin-top: 10px;">
                        <div style="height: 8px; background: #e0e6ed; border-radius: 4px; overflow: hidden;">
                            <div style="height: 100%; width: ${Math.min(latestRecord.riskScores.glucose, 100)}%; background: ${latestRecord.riskScores.glucose > 60 ? '#e74c3c' : latestRecord.riskScores.glucose > 30 ? '#f39c12' : '#27ae60'}; border-radius: 4px;"></div>
                        </div>
                    </div>
                </div>
                <div style="background: ${latestRecord.riskScores.inflammation > 60 ? '#fee' : latestRecord.riskScores.inflammation > 30 ? '#fff3cd' : '#d4edda'}; border: 2px solid ${latestRecord.riskScores.inflammation > 60 ? '#f5c6cb' : latestRecord.riskScores.inflammation > 30 ? '#ffeeba' : '#c3e6cb'}; border-radius: 12px; padding: 15px; text-align: center;">
                    <div style="font-size: 0.85rem; color: #666; margin-bottom: 8px;">炎症状态</div>
                    <div style="font-weight: 700; font-size: 1.4rem; color: ${latestRecord.riskScores.inflammation > 60 ? '#e74c3c' : latestRecord.riskScores.inflammation > 30 ? '#f39c12' : '#27ae60'}">${latestRecord.riskScores.inflammation.toFixed(0)}</div>
                    <div style="margin-top: 10px;">
                        <div style="height: 8px; background: #e0e6ed; border-radius: 4px; overflow: hidden;">
                            <div style="height: 100%; width: ${Math.min(latestRecord.riskScores.inflammation, 100)}%; background: ${latestRecord.riskScores.inflammation > 60 ? '#e74c3c' : latestRecord.riskScores.inflammation > 30 ? '#f39c12' : '#27ae60'}; border-radius: 4px;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 异常指标 -->
        <div style="margin-bottom: 20px;">
            <h4 style="margin-bottom: 15px; color: #333; font-size: 1rem; display: flex; align-items: center; gap: 8px;">
                <span>⚠️</span>
                <span>异常指标</span>
                <span style="background: #e74c3c; color: white; padding: 2px 8px; border-radius: 10px; font-size: 0.75rem; font-weight: 600;">${latestRecord.abnormalMetabolites.length}</span>
            </h4>
            <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px;">
                ${latestRecord.abnormalMetabolites.map(met => `
                    <div style="background: ${met.deviation === 'high' ? '#fee' : '#e3f2fd'}; border: 2px solid ${met.deviation === 'high' ? '#f5c6cb' : '#bbdefb'}; border-radius: 10px; padding: 12px; text-align: center;">
                        <div style="font-weight: 700; color: ${met.deviation === 'high' ? '#e74c3c' : '#1976d2'}; font-size: 0.85rem;">${met.name}</div>
                        <div style="margin-top: 5px; font-size: 0.9rem; color: #333;">${met.value} ${met.unit}</div>
                        <div style="margin-top: 3px; font-size: 0.75rem; color: ${met.deviation === 'high' ? '#e74c3c' : '#1976d2'}; font-weight: 600;">${met.deviation === 'high' ? '↑ 偏高' : '↓ 偏低'}</div>
                    </div>
                `).join('')}
            </div>
        </div>
        
        <!-- 导出按钮 -->
        <div style="text-align: center;">
            <button onclick="exportPatientReport('${username}')" style="padding: 12px 30px; background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); color: white; border: none; border-radius: 25px; cursor: pointer; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(26, 41, 128, 0.2);" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 15px rgba(26, 41, 128, 0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 10px rgba(26, 41, 128, 0.2)';">
                📄 导出健康报告 (PDF)
            </button>
        </div>
    `;
    
    patientDetailsContent.innerHTML = detailsHtml;
    
    // 显示医嘱创建表单
    prescriptionContent.innerHTML = `
        <div style="margin-bottom: 20px;">
            <div style="margin-bottom: 15px; display: flex; gap: 8px; flex-wrap: wrap;">
                <button type="button" onclick="insertText('【饮食建议】\\n');" style="padding: 8px 15px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 20px; cursor: pointer; font-size: 0.85rem; font-weight: 600; transition: all 0.3s ease;" onmouseover="this.style.transform='scale(1.05)';" onmouseout="this.style.transform='scale(1)';">🍎 饮食</button>
                <button type="button" onclick="insertText('【运动建议】\\n');" style="padding: 8px 15px; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); color: white; border: none; border-radius: 20px; cursor: pointer; font-size: 0.85rem; font-weight: 600; transition: all 0.3s ease;" onmouseover="this.style.transform='scale(1.05)';" onmouseout="this.style.transform='scale(1)';">🏃 运动</button>
                <button type="button" onclick="insertText('【生活方式】\\n');" style="padding: 8px 15px; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); color: white; border: none; border-radius: 20px; cursor: pointer; font-size: 0.85rem; font-weight: 600; transition: all 0.3s ease;" onmouseover="this.style.transform='scale(1.05)';" onmouseout="this.style.transform='scale(1)';">🌙 生活方式</button>
                <button type="button" onclick="insertText('【用药建议】\\n');" style="padding: 8px 15px; background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); color: white; border: none; border-radius: 20px; cursor: pointer; font-size: 0.85rem; font-weight: 600; transition: all 0.3s ease;" onmouseover="this.style.transform='scale(1.05)';" onmouseout="this.style.transform='scale(1)';">💊 用药</button>
            </div>
            <textarea id="prescriptionText" rows="6" style="width: 100%; padding: 15px; border: 2px solid #e0e6ed; border-radius: 12px; resize: vertical; font-family: inherit; font-size: 0.95rem; outline: none; transition: all 0.3s ease;" placeholder="请输入医嘱内容..." onfocus="this.style.borderColor='#26d0ce'"></textarea>
        </div>
        <div style="display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap;">
            <button onclick="savePrescription('${username}')" style="padding: 12px 25px; background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); color: white; border: none; border-radius: 25px; cursor: pointer; font-weight: 600; font-size: 0.95rem; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(26, 41, 128, 0.2);" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 15px rgba(26, 41, 128, 0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 10px rgba(26, 41, 128, 0.2)';">💾 保存医嘱</button>
            <button onclick="sharePrescription('${username}')" style="padding: 12px 25px; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); color: white; border: none; border-radius: 25px; cursor: pointer; font-weight: 600; font-size: 0.95rem; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(245, 87, 108, 0.2);" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 15px rgba(245, 87, 108, 0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 10px rgba(245, 87, 108, 0.2)';">📤 共享医嘱</button>
        </div>
        
        <h4 style="margin-top: 20px; margin-bottom: 12px; color: #333; font-size: 1rem; display: flex; align-items: center; gap: 8px;">
            <span>📋</span>
            <span>历史医嘱</span>
        </h4>
        <div id="prescriptionHistory" style="max-height: 220px; overflow-y: auto; border-radius: 12px; padding: 5px;">
            <!-- 历史医嘱将通过JavaScript动态生成 -->
        </div>
    `;
    
    // 加载历史医嘱
    loadPrescriptionHistory(username);
    
    // 加载聊天记录
    if (doctorChatMessages) {
        loadDoctorChatMessages(username, doctorChatMessages);
    }
}

// 加载医生聊天消息（独立函数）
function loadDoctorChatMessages(username, container) {
    const chatMessages = JSON.parse(localStorage.getItem(`metascanChat_${username}`)) || [];
    
    if (chatMessages.length === 0) {
        container.innerHTML = `
            <div style="text-align: center; padding: 60px 20px;">
                <div style="font-size: 3rem; margin-bottom: 15px;">💬</div>
                <div style="font-size: 1rem; margin-bottom: 8px; color: #666;">开始与患者聊天</div>
                <div style="font-size: 0.85rem; color: #999;">在下方输入框发送消息</div>
            </div>
        `;
        return;
    }
    
    // 按时间排序，最早的在前
    chatMessages.sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));
    
    // 标记消息为已读
    chatMessages.forEach(msg => {
        if (msg.sender !== currentUser.username && !msg.read) {
            msg.read = true;
        }
    });
    localStorage.setItem(`metascanChat_${username}`, JSON.stringify(chatMessages));
    
    container.innerHTML = chatMessages.map((message, index) => {
        const isDoctor = message.sender === currentUser.username;
        const timeStr = formatMessageTime(message.timestamp);
        const fullTime = new Date(message.timestamp).toLocaleString('zh-CN');
        
        // 生成回复引用HTML
        let replyHtml = '';
        if (message.replyTo) {
            replyHtml = `
                <div style="background: rgba(0,0,0,0.05); border-left: 3px solid #26d0ce; padding: 6px 10px; margin-bottom: 6px; border-radius: 4px; font-size: 0.8rem;">
                    <div style="color: #666; margin-bottom: 2px;">回复 ${message.replyTo.sender}</div>
                    <div style="color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">${message.replyTo.content}</div>
                </div>
            `;
        }
        
        // 撤回的消息样式
        const isRecalledMessage = message.isRecalled;
        const messageStyle = isRecalledMessage 
            ? 'background: #f5f5f5; color: #999; font-style: italic;' 
            : (isDoctor ? 'background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); color: white;' : 'background: white; color: #333; border: 1px solid #e0e6ed;');
        
        return `
            <div style="display: flex; ${isDoctor ? 'justify-content: flex-end;' : 'justify-content: flex-start;'} margin-bottom: 12px; animation: fadeInUp 0.4s ease; animation-delay: ${index * 0.03}s;"
                 oncontextmenu="${!isRecalledMessage ? `showDoctorMessageMenu(event, ${message.id}, '${message.sender}', '${message.content.replace(/'/g, "\\'")}', '${username}')` : ''}; return false;">
                ${!isDoctor ? `
                    <div style="display: flex; align-items: flex-end; gap: 10px;">
                        <div style="width: 36px; height: 36px; background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1rem; flex-shrink: 0; box-shadow: 0 2px 8px rgba(26, 41, 128, 0.2);">
                            ${username.charAt(0).toUpperCase()}
                        </div>
                        <div style="max-width: 75%;">
                            <div style="${messageStyle} border-radius: 18px 18px 18px 4px; padding: 12px 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); cursor: ${!isRecalledMessage ? 'context-menu' : 'default'};">
                                ${!isRecalledMessage ? replyHtml : ''}
                                <div style="line-height: 1.5; font-size: 0.95rem;">${message.content}</div>
                            </div>
                            <div style="font-size: 0.75rem; color: #999; margin-top: 5px; padding-left: 5px; display: flex; align-items: center; gap: 5px;">
                                <span title="${fullTime}">${timeStr}</span>
                                ${isDoctor ? `<span style="color: ${message.read ? '#27ae60' : '#999'};">${message.read ? '✓✓ 已读' : '✓ 未读'}</span>` : ''}
                            </div>
                        </div>
                    </div>
                ` : `
                    <div style="display: flex; align-items: flex-end; gap: 10px; flex-direction: row-reverse;">
                        <div style="width: 36px; height: 36px; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1rem; flex-shrink: 0; box-shadow: 0 2px 8px rgba(245, 87, 108, 0.2);">👨‍⚕️</div>
                        <div style="max-width: 75%;">
                            <div style="${messageStyle} border-radius: 18px 18px 4px 18px; padding: 12px 16px; box-shadow: 0 2px 8px rgba(26, 41, 128, 0.2); cursor: ${!isRecalledMessage ? 'context-menu' : 'default'};">
                                ${!isRecalledMessage ? replyHtml : ''}
                                <div style="line-height: 1.5; font-size: 0.95rem;">${message.content}</div>
                            </div>
                            <div style="font-size: 0.75rem; color: #999; margin-top: 5px; text-align: right; padding-right: 5px; display: flex; align-items: center; gap: 5px; justify-content: flex-end;">
                                <span title="${fullTime}">${timeStr}</span>
                                <span style="color: ${message.read ? '#27ae60' : '#999'};">${message.read ? '✓✓ 已读' : '✓ 未读'}</span>
                            </div>
                        </div>
                    </div>
                `}
            </div>
        `;
    }).join('');
    
    // 滚动到底部
    container.scrollTop = container.scrollHeight;
}

// 绘制总体风险趋势图表
function drawOverallRiskTrendChart(patientData) {
    const ctx = document.getElementById('overallRiskTrendChart');
    if (!ctx) return;
    
    // 按时间排序
    const sortedData = [...patientData].sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));
    const labels = sortedData.map(d => d.date);
    const data = sortedData.map(d => d.overallRisk.toFixed(1));
    
    // 根据风险值设置颜色
    const pointColors = sortedData.map(d => d.overallRisk > 60 ? '#e74c3c' : d.overallRisk > 30 ? '#f39c12' : '#27ae60');
    
    new Chart(ctx, {
        type: 'line',
        data: {
            labels: labels,
            datasets: [{
                label: '总体风险评分',
                data: data,
                borderColor: 'rgba(102, 126, 234, 1)',
                backgroundColor: 'rgba(102, 126, 234, 0.1)',
                pointBackgroundColor: pointColors,
                pointBorderColor: pointColors,
                pointRadius: 6,
                pointHoverRadius: 8,
                tension: 0.4,
                fill: true
            }]
        },
        options: {
            responsive: true,
            scales: {
                y: {
                    beginAtZero: true,
                    max: 100,
                    title: {
                        display: true,
                        text: '风险评分'
                    }
                }
            },
            plugins: {
                legend: {
                    position: 'bottom'
                }
            }
        }
    });
}

// 绘制维度风险趋势图表
function drawDimensionRiskTrendChart(patientData) {
    const ctx = document.getElementById('dimensionRiskTrendChart');
    if (!ctx) return;
    
    // 按时间排序
    const sortedData = [...patientData].sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));
    const labels = sortedData.map(d => d.date);
    
    new Chart(ctx, {
        type: 'line',
        data: {
            labels: labels,
            datasets: [{
                label: '脂质代谢',
                data: sortedData.map(d => d.riskScores.lipid.toFixed(0)),
                borderColor: 'rgba(237, 100, 166, 1)',
                backgroundColor: 'rgba(237, 100, 166, 0.1)',
                tension: 0.4,
                fill: false
            }, {
                label: '糖代谢',
                data: sortedData.map(d => d.riskScores.glucose.toFixed(0)),
                borderColor: 'rgba(75, 192, 192, 1)',
                backgroundColor: 'rgba(75, 192, 192, 0.1)',
                tension: 0.4,
                fill: false
            }, {
                label: '炎症状态',
                data: sortedData.map(d => d.riskScores.inflammation.toFixed(0)),
                borderColor: 'rgba(255, 193, 7, 1)',
                backgroundColor: 'rgba(255, 193, 7, 0.1)',
                tension: 0.4,
                fill: false
            }]
        },
        options: {
            responsive: true,
            scales: {
                y: {
                    beginAtZero: true,
                    max: 100,
                    title: {
                        display: true,
                        text: '风险评分'
                    }
                }
            },
            plugins: {
                legend: {
                    position: 'bottom'
                }
            }
        }
    });
}

// 导出患者健康报告为PDF
function exportPatientReport(username) {
    // 获取患者数据
    const patientData = JSON.parse(localStorage.getItem(`metascanData_${username}`)) || [];
    if (patientData.length === 0) {
        alert('患者暂无检测数据，无法导出报告');
        return;
    }
    
    // 获取最新的检测数据
    const latestRecord = patientData[patientData.length - 1];
    
    const overallRisk = latestRecord.overallRisk;
    let riskLevel, riskColorClass;
    if (overallRisk <= 30) {
        riskLevel = '低风险';
        riskColorClass = 'color: #27ae60;';
    } else if (overallRisk <= 60) {
        riskLevel = '中风险';
        riskColorClass = 'color: #f39c12;';
    } else {
        riskLevel = '高风险';
        riskColorClass = 'color: #e74c3c;';
    }
    
    const subtypeNames = latestRecord.subtypes.map(s => subtypes[s] ? subtypes[s].name : s).join('、');
    
    // 生成综合建议
    const recommendations = generateComprehensiveRecommendations(latestRecord);
    
    // 创建临时报告容器
    const reportContainer = document.createElement('div');
    reportContainer.id = 'tempReportContainer';
    reportContainer.style.cssText = `
        position: fixed;
        left: -9999px;
        top: 0;
        width: 800px;
        background: white;
        padding: 40px;
        font-family: 'SimHei', 'Microsoft YaHei', '黑体', sans-serif;
        z-index: 99999;
    `;
    
    reportContainer.innerHTML = `
        <div style="text-align: center; margin-bottom: 30px;">
            <h1 style="font-size: 28px; color: #1a2980; margin: 0;">MetaScan - 患者健康报告</h1>
        </div>
        
        <div style="text-align: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #1a2980;">
            <h2 style="font-size: 20px; color: #333; margin: 10px 0;">患者: ${username}</h2>
            <p style="font-size: 14px; color: #666; margin: 5px 0;">检测日期: ${latestRecord.date}</p>
            <p style="font-size: 14px; color: #666; margin: 5px 0;">报告生成日期: ${new Date().toLocaleDateString('zh-CN')}</p>
        </div>
        
        <div style="margin-bottom: 30px;">
            <h3 style="font-size: 18px; color: #1a2980; margin: 20px 0 10px 0; padding-left: 10px; border-left: 4px solid #26d0ce;">健康概览</h3>
            <div style="background: #f8f9ff; padding: 20px; border-radius: 10px;">
                <p style="font-size: 16px; margin: 10px 0;">总体风险评分: <strong style="${riskColorClass}">${overallRisk.toFixed(1)} (${riskLevel})</strong></p>
                <p style="font-size: 14px; margin: 8px 0;">脂质代谢风险: ${latestRecord.riskScores.lipid.toFixed(0)}</p>
                <p style="font-size: 14px; margin: 8px 0;">糖代谢风险: ${latestRecord.riskScores.glucose.toFixed(0)}</p>
                <p style="font-size: 14px; margin: 8px 0;">炎症状态风险: ${latestRecord.riskScores.inflammation.toFixed(0)}</p>
            </div>
        </div>
        
        <div style="margin-bottom: 30px;">
            <h3 style="font-size: 18px; color: #1a2980; margin: 20px 0 10px 0; padding-left: 10px; border-left: 4px solid #26d0ce;">识别的亚健康亚型</h3>
            <div style="background: #f8f9ff; padding: 20px; border-radius: 10px;">
                <p style="font-size: 16px; margin: 0;">亚型: ${subtypeNames}</p>
            </div>
        </div>
        
        <div style="margin-bottom: 30px;">
            <h3 style="font-size: 18px; color: #1a2980; margin: 20px 0 10px 0; padding-left: 10px; border-left: 4px solid #26d0ce;">异常指标</h3>
            <div style="background: #f8f9ff; padding: 20px; border-radius: 10px;">
                ${latestRecord.abnormalMetabolites.length > 0 ? 
                    latestRecord.abnormalMetabolites.map(met => `
                        <p style="font-size: 14px; margin: 8px 0;">${met.name}: ${met.value} ${met.unit} (${met.deviation === 'high' ? '偏高' : '偏低'})</p>
                    `).join('') 
                    : '<p style="font-size: 14px; color: #666;">无异常指标</p>'
                }
            </div>
        </div>
        
        <div style="margin-bottom: 30px;">
            <h3 style="font-size: 18px; color: #1a2980; margin: 20px 0 10px 0; padding-left: 10px; border-left: 4px solid #26d0ce;">健康建议</h3>
            <div style="background: #f8f9ff; padding: 20px; border-radius: 10px;">
                ${recommendations.length > 0 ? 
                    recommendations.map((rec, index) => `
                        <p style="font-size: 14px; margin: 8px 0;">${index + 1}. ${rec}</p>
                    `).join('') 
                    : '<p style="font-size: 14px; color: #666;">无具体建议</p>'
                }
            </div>
        </div>
        
        <div style="text-align: center; margin-top: 40px; padding-top: 20px; border-top: 1px solid #ddd; color: #666; font-size: 12px;">
            本报告由MetaScan系统生成，仅供参考，不能替代专业医疗诊断。
        </div>
    `;
    
    document.body.appendChild(reportContainer);
    
    // 使用html2canvas和jsPDF导出
    setTimeout(() => {
        html2canvas(reportContainer, {
            scale: 2,
            useCORS: true,
            logging: false,
            backgroundColor: '#ffffff'
        }).then(canvas => {
            const { jsPDF } = window.jspdf;
            const imgData = canvas.toDataURL('image/png');
            const pdf = new jsPDF('p', 'mm', 'a4');
            const imgWidth = 210;
            const pageHeight = 297;
            const imgHeight = (canvas.height * imgWidth) / canvas.width;
            
            let heightLeft = imgHeight;
            let position = 0;
            
            pdf.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);
            heightLeft -= pageHeight;
            
            while (heightLeft >= 0) {
                position = heightLeft - imgHeight;
                pdf.addPage();
                pdf.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);
                heightLeft -= pageHeight;
            }
            
            pdf.save(`MetaScan_患者报告_${username}_${new Date().toLocaleDateString('zh-CN')}.pdf`);
            
            // 清理临时容器
            document.body.removeChild(reportContainer);
            
            // 显示成功消息
            showNotification('健康报告导出成功！');
        }).catch(error => {
            console.error('PDF导出失败:', error);
            alert('PDF导出失败，请重试');
            document.body.removeChild(reportContainer);
        });
    }, 100);
}

// 绘制患者风险雷达图
function drawPatientRiskChart(record) {
    const ctx = document.getElementById('patientRiskChart');
    if (!ctx) return;
    
    new Chart(ctx, {
        type: 'radar',
        data: {
            labels: ['脂质代谢', '糖代谢', '炎症状态', '总体风险'],
            datasets: [{
                label: '风险评分',
                data: [record.riskScores.lipid, record.riskScores.glucose, record.riskScores.inflammation, record.overallRisk],
                backgroundColor: 'rgba(102, 126, 234, 0.2)',
                borderColor: 'rgba(102, 126, 234, 1)',
                pointBackgroundColor: 'rgba(102, 126, 234, 1)',
                pointBorderColor: '#fff',
                pointHoverBackgroundColor: '#fff',
                pointHoverBorderColor: 'rgba(102, 126, 234, 1)'
            }]
        },
        options: {
            responsive: true,
            scales: {
                r: {
                    beginAtZero: true,
                    max: 100,
                    ticks: {
                        stepSize: 20
                    }
                }
            },
            plugins: {
                legend: {
                    position: 'bottom'
                },
                title: {
                    display: true,
                    text: '患者风险评分分析',
                    font: {
                        size: 16
                    }
                }
            }
        }
    });
}

// 加载历史医嘱
function loadPrescriptionHistory(username) {
    const historyContainer = document.getElementById('prescriptionHistory');
    if (!historyContainer) return;
    
    // 获取患者的医嘱历史
    const prescriptions = JSON.parse(localStorage.getItem(`metascanPrescriptions_${username}`)) || [];
    
    if (prescriptions.length === 0) {
        historyContainer.innerHTML = '<p style="text-align: center; color: #666;">暂无历史医嘱</p>';
        return;
    }
    
    let html = '';
    prescriptions.reverse().forEach(prescription => {
        html += `
            <div style="border-bottom: 1px solid #e0e6ed; padding: 10px 0; margin-bottom: 10px;">
                <div style="font-size: 0.85rem; color: #666;">医生: ${prescription.doctor}</div>
                <div style="font-size: 0.85rem; color: #666; margin-top: 5px;">日期: ${new Date(prescription.date).toLocaleString()}</div>
                <div style="margin-top: 10px; white-space: pre-wrap;">${prescription.content}</div>
            </div>
        `;
    });
    
    historyContainer.innerHTML = html;
}

// 插入文本到医嘱输入框
function insertText(text) {
    const textarea = document.getElementById('prescriptionText');
    if (!textarea) return;
    
    const start = textarea.selectionStart;
    const end = textarea.selectionEnd;
    const currentValue = textarea.value;
    
    textarea.value = currentValue.substring(0, start) + text + '\n' + currentValue.substring(end);
    textarea.focus();
    textarea.selectionStart = textarea.selectionEnd = start + text.length + 1;
}

// 保存医嘱
function savePrescription(username) {
    const prescriptionText = document.getElementById('prescriptionText').value.trim();
    
    if (!prescriptionText) {
        alert('请输入医嘱内容');
        return;
    }
    
    // 创建医嘱对象
    const prescription = {
        doctor: currentUser.username,
        content: prescriptionText,
        date: new Date().toISOString()
    };
    
    // 获取患者的医嘱历史
    const prescriptions = JSON.parse(localStorage.getItem(`metascanPrescriptions_${username}`)) || [];
    prescriptions.push(prescription);
    
    // 保存医嘱
    localStorage.setItem(`metascanPrescriptions_${username}`, JSON.stringify(prescriptions));
    
    // 添加活动记录
    addDoctorActivity('prescription', '创建医嘱', `为患者${username}创建了医嘱`);
    
    // 显示成功消息
    showNotification('医嘱保存成功！');
    
    // 重新加载医嘱历史
    loadPrescriptionHistory(username);
    
    // 清空输入框
    document.getElementById('prescriptionText').value = '';
}

// 共享医嘱
function sharePrescription(username) {
    const prescriptionText = document.getElementById('prescriptionText').value.trim();
    
    if (!prescriptionText) {
        alert('请先输入医嘱内容');
        return;
    }
    
    // 获取所有医生用户
    const doctors = [];
    for (const [doctorUsername, userData] of Object.entries(users)) {
        if (userData.role === 'doctor' && doctorUsername !== currentUser.username) {
            doctors.push(doctorUsername);
        }
    }
    
    if (doctors.length === 0) {
        showNotification('系统中没有其他医生');
        return;
    }
    
    // 显示医生选择对话框
    let doctorSelect = '<select id="shareDoctor" style="padding: 8px; border: 1px solid #e0e6ed; border-radius: 8px; margin-right: 10px;">';
    doctors.forEach(doctor => {
        doctorSelect += `<option value="${doctor}">${doctor}</option>`;
    });
    doctorSelect += '</select>';
    
    const confirmShare = confirm(`请选择要共享医嘱的医生:\n${doctorSelect}`);
    
    if (confirmShare) {
        const selectedDoctor = document.getElementById('shareDoctor').value;
        if (selectedDoctor) {
            // 创建共享医嘱
            const sharedPrescription = {
                patient: username,
                doctor: currentUser.username,
                content: prescriptionText,
                date: new Date().toISOString()
            };
            
            // 保存到共享医嘱
            const sharedPrescriptions = JSON.parse(localStorage.getItem(`metascanSharedPrescriptions_${selectedDoctor}`)) || [];
            sharedPrescriptions.push(sharedPrescription);
            localStorage.setItem(`metascanSharedPrescriptions_${selectedDoctor}`, JSON.stringify(sharedPrescriptions));
            
            showNotification(`医嘱已成功共享给医生 ${selectedDoctor}！`);
        }
    }
}

// 转诊患者
function referPatient(username) {
    // 获取所有医生用户
    const doctors = [];
    for (const [doctorUsername, userData] of Object.entries(users)) {
        if (userData.role === 'doctor' && doctorUsername !== currentUser.username) {
            doctors.push(doctorUsername);
        }
    }
    
    if (doctors.length === 0) {
        showNotification('系统中没有其他医生');
        return;
    }
    
    // 显示医生选择对话框
    let doctorSelect = '<select id="referDoctor" style="padding: 8px; border: 1px solid #e0e6ed; border-radius: 8px; margin-right: 10px;">';
    doctors.forEach(doctor => {
        doctorSelect += `<option value="${doctor}">${doctor}</option>`;
    });
    doctorSelect += '</select>';
    
    const confirmRefer = confirm(`请选择要转诊的医生:\n${doctorSelect}`);
    
    if (confirmRefer) {
        const selectedDoctor = document.getElementById('referDoctor').value;
        if (selectedDoctor) {
            // 创建转诊记录
            const referral = {
                patient: username,
                fromDoctor: currentUser.username,
                toDoctor: selectedDoctor,
                date: new Date().toISOString(),
                reason: '患者转诊'
            };
            
            // 保存转诊记录
            const referrals = JSON.parse(localStorage.getItem(`metascanReferrals_${selectedDoctor}`)) || [];
            referrals.push(referral);
            localStorage.setItem(`metascanReferrals_${selectedDoctor}`, JSON.stringify(referrals));
            
            showNotification(`患者已成功转诊给医生 ${selectedDoctor}！`);
        }
    }
}

// 初始化输入表单
function initializeInputForm() {
    const container = document.getElementById('metaboliteInputs');
    container.innerHTML = '';
    
    metaboliteData.forEach(met => {
        const group = document.createElement('div');
        group.className = 'input-group';
        group.innerHTML = `
            <label for="${met.id}">${met.name}</label>
            <input type="number" id="${met.id}" step="0.01" placeholder="请输入数值">
            <span class="unit">参考范围: ${met.refMin}-${met.refMax} ${met.unit}</span>
        `;
        container.appendChild(group);
    });
}

// 初始化代谢物类别说明
function initializeMetaboliteCategories() {
    const container = document.getElementById('metaboliteCategories');
    if (!container) return;
    
    const categories = {};
    metaboliteData.forEach(met => {
        if (!categories[met.category]) {
            categories[met.category] = [];
        }
        categories[met.category].push(met.name);
    });
    
    container.innerHTML = '';
    Object.keys(categories).forEach(cat => {
        const card = document.createElement('div');
        card.className = 'category-card';
        card.innerHTML = `
            <div class="category-title">${categoryNames[cat]}</div>
            <div class="category-items">
                ${categories[cat].map(name => `<span class="metabolite-tag">${name}</span>`).join('')}
            </div>
        `;
        container.appendChild(card);
    });
}

// 生成随机值的辅助函数
function getRandomValue(min, max, decimals = 1) {
    const value = Math.random() * (max - min) + min;
    return parseFloat(value.toFixed(decimals));
}

// 加载示例数据
function loadSampleData() {
    // 根据不同代谢物的正常范围生成随机数据
    const sampleData = {
        // 脂质代谢
        'LDL_C': getRandomValue(2.0, 4.0),        // 正常范围：2.0-3.4 mmol/L
        'HDL_C': getRandomValue(0.8, 1.6),        // 正常范围：0.9-1.6 mmol/L
        'TG': getRandomValue(0.5, 2.3),           // 正常范围：0.5-1.7 mmol/L
        'TC': getRandomValue(3.1, 5.2),           // 正常范围：3.1-5.2 mmol/L
        'ApoB': getRandomValue(0.6, 1.1),         // 正常范围：0.6-1.1 g/L
        
        // 糖代谢
        'Glucose': getRandomValue(3.9, 6.1),       // 正常范围：3.9-6.1 mmol/L
        'HbA1c': getRandomValue(4.0, 6.0),        // 正常范围：4.0-6.0%
        'Insulin': getRandomValue(5, 20),          // 正常范围：5-20 mIU/L
        'HOMA_IR': getRandomValue(0.5, 2.5),       // 正常范围：<2.5
        
        // 氨基酸代谢
        'Leucine': getRandomValue(120, 250),       // 正常范围：120-250 μmol/L
        'Isoleucine': getRandomValue(80, 150),     // 正常范围：80-150 μmol/L
        'Valine': getRandomValue(200, 400),        // 正常范围：200-400 μmol/L
        'BCAA': getRandomValue(400, 750),          // 正常范围：400-750 μmol/L
        'Phenylalanine': getRandomValue(60, 120),  // 正常范围：60-120 μmol/L
        'Tyrosine': getRandomValue(60, 120),       // 正常范围：60-120 μmol/L
        
        // 炎症标志物
        'CRP': getRandomValue(0.1, 5.0),           // 正常范围：<5.0 mg/L
        'IL6': getRandomValue(1, 10),              // 正常范围：1-10 pg/mL
        'TNF_alpha': getRandomValue(5, 20),        // 正常范围：5-20 pg/mL
        'Homocysteine': getRandomValue(5, 15),      // 正常范围：5-15 μmol/L
        
        // 能量代谢
        'Lactate': getRandomValue(0.5, 2.0),       // 正常范围：0.5-2.0 mmol/L
        'Pyruvate': getRandomValue(30, 100),       // 正常范围：30-100 μmol/L
        'Ketone': getRandomValue(0.02, 0.5),        // 正常范围：0.02-0.5 mmol/L
        'Acetylcarnitine': getRandomValue(10, 30), // 正常范围：10-30 μmol/L
        
        // 氧化应激
        'MDA': getRandomValue(2, 10),              // 正常范围：2-10 nmol/mL
        'SOD': getRandomValue(80, 150),            // 正常范围：80-150 U/mL
        'GSH': getRandomValue(200, 400)            // 正常范围：200-400 μmol/L
    };
    
    Object.keys(sampleData).forEach(id => {
        const input = document.getElementById(id);
        if (input) input.value = sampleData[id];
    });
    
    showNotification('随机示例数据已加载，点击"生成健康评估报告"查看结果');
}

// 清空数据
function clearData() {
    metaboliteData.forEach(met => {
        const input = document.getElementById(met.id);
        if (input) input.value = '';
    });
    showNotification('数据已清空');
}

// 生成报告
function generateReport() {
    // 检查用户登录状态
    if (!currentUser) {
        alert('请先登录后再生成报告');
        return;
    }
    
    // 收集输入数据
    const inputData = {};
    let hasData = false;
    
    metaboliteData.forEach(met => {
        const value = parseFloat(document.getElementById(met.id).value);
        if (!isNaN(value)) {
            inputData[met.id] = value;
            hasData = true;
        }
    });
    
    if (!hasData) {
        alert('请至少输入一项代谢物数据');
        return;
    }
    
    // 显示加载动画
    document.getElementById('loadingIndicator').style.display = 'block';
    
    // 模拟分析过程
    setTimeout(() => {
        // 执行分析
        currentResult = analyzeMetabolicData(inputData);
        
        // 保存到历史记录
        saveToHistory(currentResult);
        
        // 生成报告页面
        renderReport(currentResult);
        
        // 隐藏加载动画
        document.getElementById('loadingIndicator').style.display = 'none';
        
        // 切换到报告页面
        showTab('report');
        
        // 滚动到报告页面顶部
        setTimeout(() => {
            window.scrollTo({ top: 0, behavior: 'smooth' });
        }, 100);
        
        showNotification('健康评估报告已生成');
    }, 1500);
}

// 分析代谢数据
function analyzeMetabolicData(data) {
    const result = {
        timestamp: new Date().toISOString(),
        date: new Date().toLocaleDateString('zh-CN'),
        data: data,
        riskScores: calculateRiskScores(data),
        subtypes: identifySubtypes(data),
        abnormalMetabolites: identifyAbnormalMetabolites(data),
        overallRisk: 0,
        recommendations: []
    };
    
    // 计算总体风险
    const scores = Object.values(result.riskScores);
    result.overallRisk = scores.reduce((a, b) => a + b, 0) / scores.length;
    
    // 生成综合建议
    result.recommendations = generateComprehensiveRecommendations(result);
    
    return result;
}

// 计算各维度风险评分
function calculateRiskScores(data) {
    const scores = {
        lipid: 0,
        glucose: 0,
        amino: 0,
        inflammation: 0,
        energy: 0,
        oxidative: 0
    };
    
    // 脂质代谢风险评分
    if (data.LDL_C > 3.4) scores.lipid += 20;
    if (data.HDL_C < 1.0) scores.lipid += 20;
    if (data.TG > 1.7) scores.lipid += 20;
    if (data.TC > 5.2) scores.lipid += 20;
    if (data.ApoB > 1.1) scores.lipid += 20;
    scores.lipid = Math.min(scores.lipid, 100);
    
    // 糖代谢风险评分
    if (data.Glucose > 6.1) scores.glucose += 25;
    if (data.HbA1c > 6.0) scores.glucose += 25;
    if (data.Insulin > 24.9) scores.glucose += 25;
    if (data.HOMA_IR > 2.5) scores.glucose += 25;
    scores.glucose = Math.min(scores.glucose, 100);
    
    // 氨基酸代谢风险评分
    if (data.BCAA > 580) scores.amino += 30;
    if (data.Leucine > 180) scores.amino += 20;
    if (data.Isoleucine > 100) scores.amino += 20;
    if (data.Valine > 300) scores.amino += 20;
    if (data.Phenylalanine > 80) scores.amino += 10;
    scores.amino = Math.min(scores.amino, 100);
    
    // 炎症风险评分
    if (data.CRP > 3) scores.inflammation += 25;
    if (data.IL6 > 7) scores.inflammation += 25;
    if (data.TNF_alpha > 8) scores.inflammation += 25;
    if (data.Homocysteine > 15) scores.inflammation += 25;
    scores.inflammation = Math.min(scores.inflammation, 100);
    
    // 能量代谢风险评分
    if (data.Lactate > 2.2) scores.energy += 25;
    if (data.Pyruvate > 100) scores.energy += 25;
    if (data.Ketone < 0.02) scores.energy += 25;
    if (data.Acetylcarnitine < 5) scores.energy += 25;
    scores.energy = Math.min(scores.energy, 100);
    
    // 氧化应激风险评分
    if (data.MDA > 6) scores.oxidative += 40;
    if (data.SOD < 120) scores.oxidative += 30;
    if (data.GSH < 400) scores.oxidative += 30;
    scores.oxidative = Math.min(scores.oxidative, 100);
    
    return scores;
}

// 识别亚健康亚型
function identifySubtypes(data) {
    const detected = [];
    
    // 运动不足型
    const energyScore = (data.Lactate > 2.2 ? 1 : 0) + 
                       (data.Pyruvate > 100 ? 1 : 0) + 
                       (data.Ketone < 0.05 ? 1 : 0) +
                       (data.Acetylcarnitine < 10 ? 1 : 0);
    if (energyScore >= 2) detected.push('sedentary');
    
    // 肥胖代谢紊乱型
    const lipidScore = (data.LDL_C > 3.4 ? 1 : 0) + 
                      (data.TG > 1.7 ? 1 : 0) + 
                      (data.TC > 5.2 ? 1 : 0) +
                      (data.HDL_C < 1.0 ? 1 : 0);
    if (lipidScore >= 2) detected.push('obese');
    
    // 炎症饮食相关型
    const inflamScore = (data.CRP > 3 ? 1 : 0) + 
                       (data.IL6 > 7 ? 1 : 0) + 
                       (data.TNF_alpha > 8 ? 1 : 0);
    if (inflamScore >= 2) detected.push('inflammatory');
    
    // 糖代谢异常型
    const glucoseScore = (data.Glucose > 6.1 ? 1 : 0) + 
                        (data.HbA1c > 6.0 ? 1 : 0) + 
                        (data.HOMA_IR > 2.5 ? 1 : 0);
    if (glucoseScore >= 2) detected.push('glucose');
    
    // 氨基酸代谢紊乱型
    const aminoScore = (data.BCAA > 580 ? 1 : 0) + 
                      (data.Leucine > 180 ? 1 : 0) + 
                      (data.Isoleucine > 100 ? 1 : 0);
    if (aminoScore >= 2) detected.push('amino');
    
    return detected.length > 0 ? detected : ['normal'];
}

// 识别异常代谢物
function identifyAbnormalMetabolites(data) {
    const abnormal = [];
    
    metaboliteData.forEach(met => {
        if (data[met.id] !== undefined) {
            const value = data[met.id];
            if (value < met.refMin || value > met.refMax) {
                abnormal.push({
                    name: met.name,
                    value: value,
                    refMin: met.refMin,
                    refMax: met.refMax,
                    unit: met.unit,
                    category: met.category,
                    deviation: value < met.refMin ? 'low' : 'high'
                });
            }
        }
    });
    
    return abnormal;
}

// 生成综合建议
function generateComprehensiveRecommendations(result) {
    const recommendations = [];
    
    // 根据识别的亚型添加建议
    result.subtypes.forEach(subtype => {
        if (subtypes[subtype]) {
            recommendations.push(...subtypes[subtype].recommendations);
        }
    });
    
    // 根据具体异常指标生成针对性建议
    result.abnormalMetabolites.forEach(met => {
        const specificRecommendations = getSpecificRecommendations(met);
        if (specificRecommendations.length > 0) {
            recommendations.push(...specificRecommendations);
        }
    });
    
    // 去重
    return [...new Set(recommendations)];
}

// 根据具体异常指标生成针对性建议
function getSpecificRecommendations(metabolite) {
    const recommendations = [];
    
    // 根据代谢物名称和偏离方向生成针对性建议
    switch(metabolite.name) {
        case 'LDL胆固醇':
            if (metabolite.deviation === 'high') {
                recommendations.push('减少饱和脂肪摄入，如肥肉、奶油、油炸食品');
                recommendations.push('增加膳食纤维摄入，如燕麦、豆类、蔬菜');
                recommendations.push('每周至少150分钟中等强度有氧运动');
            }
            break;
        case 'HDL胆固醇':
            if (metabolite.deviation === 'low') {
                recommendations.push('增加不饱和脂肪摄入，如橄榄油、坚果、深海鱼');
                recommendations.push('每周进行3-4次中等强度有氧运动');
                recommendations.push('避免吸烟和过量饮酒');
            }
            break;
        case '甘油三酯':
            if (metabolite.deviation === 'high') {
                recommendations.push('限制精制糖和简单碳水化合物摄入');
                recommendations.push('控制总热量摄入，保持健康体重');
                recommendations.push('增加omega-3脂肪酸摄入，如深海鱼');
            }
            break;
        case '葡萄糖':
            if (metabolite.deviation === 'high') {
                recommendations.push('控制碳水化合物摄入，选择低升糖指数食物');
                recommendations.push('餐后30分钟进行轻度运动，如散步');
                recommendations.push('保持规律的进餐时间，避免暴饮暴食');
            }
            break;
        case '糖化血红蛋白':
            if (metabolite.deviation === 'high') {
                recommendations.push('严格控制碳水化合物摄入总量');
                recommendations.push('定期监测血糖，包括空腹和餐后血糖');
                recommendations.push('增加有氧运动，每周至少150分钟');
            }
            break;
        case 'C反应蛋白':
            if (metabolite.deviation === 'high') {
                recommendations.push('采用地中海饮食，增加抗氧化食物摄入');
                recommendations.push('减少加工食品和红肉摄入');
                recommendations.push('增加omega-3脂肪酸摄入');
            }
            break;
        case '同型半胱氨酸':
            if (metabolite.deviation === 'high') {
                recommendations.push('增加叶酸摄入，如绿叶蔬菜、豆类');
                recommendations.push('补充维生素B6和B12');
                recommendations.push('减少动物蛋白摄入，增加植物蛋白');
            }
            break;
        case '胰岛素':
            if (metabolite.deviation === 'high') {
                recommendations.push('控制碳水化合物摄入，选择低升糖指数食物');
                recommendations.push('增加有氧运动，提高胰岛素敏感性');
                recommendations.push('保持健康体重，减少腹部脂肪');
            }
            break;
        case 'BCAA':
            if (metabolite.deviation === 'high') {
                recommendations.push('减少支链氨基酸摄入，如肉类、 dairy products');
                recommendations.push('增加植物蛋白摄入，如豆类、坚果');
                recommendations.push('保持适当运动，避免过度训练');
            }
            break;
        case '乳酸':
            if (metabolite.deviation === 'high') {
                recommendations.push('增加有氧运动，提高心肺功能');
                recommendations.push('避免过度训练，保证充分恢复');
                recommendations.push('保持充足水分摄入');
            }
            break;
        case 'MDA':
            if (metabolite.deviation === 'high') {
                recommendations.push('增加抗氧化食物摄入，如蓝莓、草莓、绿茶');
                recommendations.push('减少加工食品和油炸食品摄入');
                recommendations.push('补充维生素C和E');
            }
            break;
        case 'SOD':
            if (metabolite.deviation === 'low') {
                recommendations.push('增加抗氧化食物摄入，如蔬菜水果');
                recommendations.push('避免过度运动和压力');
                recommendations.push('保证充足睡眠');
            }
            break;
    }
    
    return recommendations;
}

// 根据亚健康亚型生成个性化监测建议
function getMonitoringRecommendations(subtype) {
    const recommendations = [];
    
    switch(subtype) {
        case 'sedentary':
            recommendations.push('<li>每3个月复查能量代谢相关指标（乳酸、丙酮酸、酮体、乙酰肉碱）</li>');
            recommendations.push('<li>每周测量体重和血压，记录在健康日记中</li>');
            recommendations.push('<li>每天记录运动时间和强度，确保达到每周150分钟中等强度运动</li>');
            recommendations.push('<li>每6个月进行一次全面体检，包括血常规、生化检查</li>');
            recommendations.push('<li>如出现疲劳、气短等症状，及时就医咨询</li>');
            break;
        case 'obese':
            recommendations.push('<li>每3个月复查血脂指标（LDL-C、HDL-C、甘油三酯、总胆固醇）</li>');
            recommendations.push('<li>每周测量体重和腰围，记录在健康日记中</li>');
            recommendations.push('<li>每天测量血压，如有异常及时就医</li>');
            recommendations.push('<li>每6个月进行一次肝功能检查，监测脂肪肝情况</li>');
            recommendations.push('<li>每12个月进行一次颈动脉超声检查，评估动脉粥样硬化风险</li>');
            break;
        case 'inflammatory':
            recommendations.push('<li>每3个月复查炎症标志物（CRP、IL-6、TNF-alpha、同型半胱氨酸）</li>');
            recommendations.push('<li>每周监测体重变化</li>');
            recommendations.push('<li>每6个月进行一次血常规检查</li>');
            recommendations.push('<li>每12个月进行一次心血管风险评估</li>');
            recommendations.push('<li>如出现持续疲劳、关节疼痛等症状，及时就医</li>');
            break;
        case 'glucose':
            recommendations.push('<li>每周测量2-3次空腹血糖，记录在健康日记中</li>');
            recommendations.push('<li>每3个月测量一次糖化血红蛋白</li>');
            recommendations.push('<li>每周监测体重变化</li>');
            recommendations.push('<li>每6个月进行一次胰岛素抵抗评估</li>');
            recommendations.push('<li>如出现多饮、多尿、多食等症状，及时就医</li>');
            break;
        case 'amino':
            recommendations.push('<li>每3-6个月复查氨基酸代谢相关指标</li>');
            recommendations.push('<li>每6个月进行一次肝肾功能检查</li>');
            recommendations.push('<li>每周监测体重变化</li>');
            recommendations.push('<li>每12个月进行一次全面体检，包括电解质检查</li>');
            recommendations.push('<li>如出现疲劳、食欲不振等症状，及时就医</li>');
            break;
        default:
            recommendations.push('<li>每6-12个月进行一次全面代谢健康检查</li>');
            recommendations.push('<li>每周测量体重和血压</li>');
            recommendations.push('<li>保持健康的生活方式</li>');
            recommendations.push('<li>如有不适症状，及时就医</li>');
            break;
    }
    
    return recommendations.join('');
}

// 渲染报告
function renderReport(result) {
    const container = document.getElementById('reportContent');
    
    const riskLevel = result.overallRisk < 30 ? 'low' : result.overallRisk < 60 ? 'moderate' : 'high';
    const riskText = result.overallRisk < 30 ? '低风险' : result.overallRisk < 60 ? '中等风险' : '高风险';
    const riskDescription = getRiskDescription(result.overallRisk, result.riskScores);
    
    let html = `
        <div class="report-container">
            <!-- 报告头部摘要 -->
            <div class="risk-score-card">
                <h3 class="section-title" style="color: white; border-bottom: 2px solid rgba(255,255,255,0.2); padding-bottom: 10px; margin-bottom: 30px;">总体风险评估</h3>
                <div class="score-display">
                    <div class="heart-container">
                        <svg class="heart-svg" viewBox="0 0 450 450" xmlns="http://www.w3.org/2000/svg">
                            <defs>
                                <linearGradient id="heartGradient" x1="0%" y1="0%" x2="100%" y2="100%">
                                    <stop offset="0%" style="stop-color:#e74c3c;stop-opacity:1" />
                                    <stop offset="50%" style="stop-color:#c0392b;stop-opacity:1" />
                                    <stop offset="100%" style="stop-color:#922b21;stop-opacity:1" />
                                </linearGradient>
                                <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
                                    <feDropShadow dx="7.5" dy="7.5" stdDeviation="12" flood-opacity="0.4"/>
                                </filter>
                            </defs>
                            <path d="M225 405 C225 405 45 270 45 157.5 C45 90 90 45 157.5 45 C191.25 45 213.75 67.5 225 90 C236.25 67.5 258.75 45 292.5 45 C337.5 45 382.5 90 382.5 157.5 C382.5 270 225 405 225 405 Z" 
                                  fill="url(#heartGradient)" filter="url(#shadow)" stroke="#fff" stroke-width="4.5"/>
                            <ellipse cx="146.25" cy="180" rx="56.25" ry="78.75" fill="rgba(255,255,255,0.15)" />
                            <ellipse cx="303.75" cy="180" rx="56.25" ry="78.75" fill="rgba(255,255,255,0.15)" />
                            <path d="M157.5 56.25 Q135 22.5 112.5 33.75" stroke="#c0392b" stroke-width="9" fill="none" stroke-linecap="round"/>
                            <path d="M292.5 56.25 Q315 22.5 337.5 33.75" stroke="#c0392b" stroke-width="9" fill="none" stroke-linecap="round"/>
                            <polyline points="67.5,225 101.25,225 112.5,191.25 135,258.75 157.5,213.75 180,225 213.75,225" 
                                      fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round" opacity="0.9"/>
                            <circle cx="225" cy="225" r="90" fill="white"/>
                            <circle cx="225" cy="225" r="82.5" fill="none" stroke="#e74c3c" stroke-width="4.5"/>
                        </svg>
                        <div class="score-overlay">
                            <div class="score-value">${result.overallRisk.toFixed(1)}</div>
                            <div class="score-label">风险评分</div>
                        </div>
                    </div>
                    <div class="risk-level risk-${riskLevel}">${riskText}</div>
                    <p style="margin-top: 15px; color: rgba(255,255,255,0.8);">检测日期: ${result.date}</p>
                </div>
            </div>
            
            <!-- 风险解读 -->
            <div class="chart-container" style="margin-bottom: 30px;">
                <h4 class="chart-title">📋 评估结论</h4>
                <div style="padding: 20px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 15px;">
                    <p style="line-height: 1.8; color: #333; font-size: 1.05rem;">${riskDescription}</p>
                </div>
            </div>
    `;
    
    // 各维度风险雷达图 + 详细解读
    html += `
        <h3 class="section-title">多维度代谢风险分析</h3>
        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px;">
            <div class="chart-container">
                <h4 class="chart-title">风险分布雷达图</h4>
                <canvas id="riskRadarChart" width="400" height="300"></canvas>
            </div>
            <div class="chart-container">
                <h4 class="chart-title">各维度详细解读</h4>
                <div style="padding: 15px;">
                    ${generateDimensionAnalysis(result.riskScores)}
                </div>
            </div>
        </div>
    `;
    
    // 关键指标摘要卡片
    html += generateKeyMetricsSummary(result);
    
    // 异常代谢物详细分析
    if (result.abnormalMetabolites.length > 0) {
        html += generateDetailedAbnormalAnalysis(result.abnormalMetabolites);
    }
    
    // 所有检测指标完整列表
    html += generateCompleteMetaboliteList(result.data);
    
    // 亚健康状态识别 - 详细版
    html += generateDetailedSubtypeAnalysis(result);
    
    // 健康趋势预测
    html += generateHealthTrendPrediction(result);
    
    // 个性化干预方案时间线
    html += generateInterventionTimeline(result);
    
    // 复查建议
    html += generateFollowUpRecommendations(result);
    
    html += `</div>`;
    container.innerHTML = html;
    
    // 绘制图表
    setTimeout(() => {
        drawRiskRadarChart(result.riskScores);
        if (result.abnormalMetabolites.length > 0) {
            drawAbnormalChart(result.abnormalMetabolites);
        }
        // 绘制风险趋势图表
        drawRiskTrendChart(result.overallRisk);
    }, 100);
}

// 获取风险描述
function getRiskDescription(overallRisk, riskScores) {
    const highRiskDimensions = Object.entries(riskScores)
        .filter(([key, value]) => value > 60)
        .map(([key]) => categoryNames[key] || key);
    
    if (overallRisk < 30) {
        return `恭喜！您的代谢健康状况良好，综合风险评分为${overallRisk.toFixed(1)}分，处于低风险区间。` +
               `各维度代谢指标基本正常，建议继续保持当前的健康生活方式，定期进行体检监测。`;
    } else if (overallRisk < 60) {
        let desc = `您的代谢健康综合风险评分为${overallRisk.toFixed(1)}分，处于中等风险区间。`;
        if (highRiskDimensions.length > 0) {
            desc += `需要重点关注以下方面：${highRiskDimensions.join('、')}。`;
        }
        desc += `建议根据报告中的个性化建议进行生活方式调整，3-6个月后复查相关指标。`;
        return desc;
    } else {
        let desc = `⚠️ 警告：您的代谢健康综合风险评分为${overallRisk.toFixed(1)}分，处于高风险区间。`;
        if (highRiskDimensions.length > 0) {
            desc += `以下维度风险较高：${highRiskDimensions.join('、')}。`;
        }
        desc += `强烈建议尽快咨询专业医生，制定详细的干预方案，并密切监测相关指标变化。`;
        return desc;
    }
}

// 生成各维度详细分析
function generateDimensionAnalysis(riskScores) {
    const analysis = [];
    const dimensionNames = {
        lipid: '脂质代谢',
        glucose: '糖代谢', 
        amino: '氨基酸代谢',
        inflammation: '炎症状态',
        energy: '能量代谢',
        oxidative: '氧化应激'
    };
    
    const dimensionDesc = {
        lipid: '反映血脂水平及心血管疾病风险',
        glucose: '反映血糖控制及糖尿病风险',
        amino: '反映蛋白质代谢及肝脏功能',
        inflammation: '反映体内炎症水平',
        energy: '反映能量代谢及运动能力',
        oxidative: '反映氧化应激及衰老程度'
    };
    
    Object.entries(riskScores).forEach(([key, value]) => {
        let status, color;
        if (value < 30) { status = '正常'; color = '#00b894'; }
        else if (value < 60) { status = '轻度异常'; color = '#f39c12'; }
        else { status = '明显异常'; color = '#e74c3c'; }
        
        analysis.push(`
            <div style="margin-bottom: 15px; padding: 12px; background: white; border-radius: 10px; border-left: 4px solid ${color};">
                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;">
                    <strong style="color: #1a2980;">${dimensionNames[key]}</strong>
                    <span style="color: ${color}; font-weight: 600;">${value.toFixed(0)}分 - ${status}</span>
                </div>
                <div style="font-size: 0.85rem; color: #666;">${dimensionDesc[key]}</div>
                <div style="margin-top: 8px; height: 6px; background: #e0e6ed; border-radius: 3px; overflow: hidden;">
                    <div style="width: ${value}%; height: 100%; background: ${color}; border-radius: 3px; transition: width 0.5s ease;"></div>
                </div>
            </div>
        `);
    });
    
    return analysis.join('');
}

// 生成关键指标摘要
function generateKeyMetricsSummary(result) {
    const criticalMetrics = ['LDL_C', 'HDL_C', 'TG', 'Glucose', 'HbA1c', 'CRP'];
    const metrics = criticalMetrics.map(id => {
        const met = metaboliteData.find(m => m.id === id);
        const value = result.data[id];
        if (!value) return null;
        
        const isNormal = value >= met.refMin && value <= met.refMax;
        const deviation = value < met.refMin ? 'low' : value > met.refMax ? 'high' : 'normal';
        const deviationPercent = deviation === 'high' 
            ? ((value - met.refMax) / met.refMax * 100).toFixed(0)
            : deviation === 'low'
            ? ((met.refMin - value) / met.refMin * 100).toFixed(0)
            : 0;
        
        return { name: met.name, value, unit: met.unit, isNormal, deviation, deviationPercent };
    }).filter(m => m !== null);
    
    if (metrics.length === 0) return '';
    
    return `
        <h3 class="section-title">关键指标速览</h3>
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 30px;">
            ${metrics.map(m => `
                <div style="background: ${m.isNormal ? 'linear-gradient(135deg, #f0fff4 0%, #ffffff 100%)' : 'linear-gradient(135deg, #fff5f5 0%, #ffffff 100%)'}; 
                            padding: 20px; border-radius: 15px; border: 2px solid ${m.isNormal ? '#00b894' : '#e74c3c'};">
                    <div style="font-size: 0.9rem; color: #666; margin-bottom: 8px;">${m.name}</div>
                    <div style="font-size: 1.8rem; font-weight: 700; color: ${m.isNormal ? '#00b894' : '#e74c3c'};">
                        ${m.value} <span style="font-size: 0.9rem; font-weight: 400;">${m.unit}</span>
                    </div>
                    ${!m.isNormal ? `<div style="font-size: 0.8rem; color: #e74c3c; margin-top: 5px;">${m.deviation === 'high' ? '↑' : '↓'} 偏离正常值 ${m.deviationPercent}%</div>` : '<div style="font-size: 0.8rem; color: #00b894; margin-top: 5px;">✓ 正常范围</div>'}
                </div>
            `).join('')}
        </div>
    `;
}

// 生成异常代谢物详细分析
function generateDetailedAbnormalAnalysis(abnormalMetabolites) {
    return `
        <h3 class="section-title">异常代谢物详细分析</h3>
        <div class="chart-container" style="margin-bottom: 20px;">
            <canvas id="abnormalChart" width="400" height="250"></canvas>
        </div>
        <div style="background: white; border-radius: 15px; overflow: hidden; margin-bottom: 30px; box-shadow: 0 2px 15px rgba(0,0,0,0.06);">
            <table style="width: 100%; border-collapse: collapse;">
                <thead>
                    <tr style="background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); color: white;">
                        <th style="padding: 15px; text-align: left;">代谢物</th>
                        <th style="padding: 15px; text-align: center;">检测值</th>
                        <th style="padding: 15px; text-align: center;">参考范围</th>
                        <th style="padding: 15px; text-align: center;">偏离程度</th>
                        <th style="padding: 15px; text-align: center;">临床意义</th>
                    </tr>
                </thead>
                <tbody>
                    ${abnormalMetabolites.map((met, index) => {
                        const deviationPercent = met.deviation === 'high' 
                            ? ((met.value - met.refMax) / met.refMax * 100).toFixed(0)
                            : ((met.refMin - met.value) / met.refMin * 100).toFixed(0);
                        const clinicalSignificance = getClinicalSignificance(met.name, met.deviation);
                        
                        return `
                            <tr style="background: ${index % 2 === 0 ? '#f8f9fa' : 'white'};">
                                <td style="padding: 15px; font-weight: 600; color: #1a2980;">${met.name}</td>
                                <td style="padding: 15px; text-align: center; color: ${met.deviation === 'high' ? '#e74c3c' : '#f39c12'}; font-weight: 600;">
                                    ${met.value} ${met.unit}
                                </td>
                                <td style="padding: 15px; text-align: center; color: #666;">${met.refMin}-${met.refMax} ${met.unit}</td>
                                <td style="padding: 15px; text-align: center;">
                                    <span style="background: ${met.deviation === 'high' ? '#fee' : '#fff3cd'}; 
                                                 color: ${met.deviation === 'high' ? '#e74c3c' : '#f39c12'};
                                                 padding: 5px 12px; border-radius: 15px; font-size: 0.85rem; font-weight: 600;">
                                        ${met.deviation === 'high' ? '↑' : '↓'} ${deviationPercent}%
                                    </span>
                                </td>
                                <td style="padding: 15px; text-align: left; font-size: 0.9rem; color: #555;">${clinicalSignificance}</td>
                            </tr>
                        `;
                    }).join('')}
                </tbody>
            </table>
        </div>
    `;
}

// 获取临床意义
function getClinicalSignificance(metaboliteName, deviation) {
    const significanceMap = {
        'LDL胆固醇': deviation === 'high' ? '动脉粥样硬化风险增加' : '营养吸收可能不足',
        'HDL胆固醇': deviation === 'high' ? '心血管保护因素良好' : '心血管风险增加',
        '甘油三酯': deviation === 'high' ? '胰腺炎风险、代谢综合征' : '营养状态需关注',
        '总胆固醇': deviation === 'high' ? '心血管疾病风险' : '激素合成可能受影响',
        '葡萄糖': deviation === 'high' ? '糖尿病前期或糖尿病' : '低血糖风险',
        '糖化血红蛋白': deviation === 'high' ? '长期血糖控制不佳' : '红细胞更新过快可能',
        'C反应蛋白': deviation === 'high' ? '炎症状态、感染或组织损伤' : '正常',
        '胰岛素': deviation === 'high' ? '胰岛素抵抗、代谢综合征' : '胰岛功能可能受损',
        '同型半胱氨酸': deviation === 'high' ? '心血管疾病风险、叶酸缺乏' : '正常'
    };
    return significanceMap[metaboliteName] || '需结合其他指标综合判断';
}

// 生成完整代谢物列表
function generateCompleteMetaboliteList(data) {
    const categories = {};
    metaboliteData.forEach(met => {
        if (!categories[met.category]) categories[met.category] = [];
        categories[met.category].push(met);
    });
    
    return `
        <h3 class="section-title">完整检测指标列表</h3>
        <div style="margin-bottom: 30px;">
            ${Object.entries(categories).map(([cat, metabolites]) => `
                <div style="background: white; border-radius: 15px; margin-bottom: 20px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.06);">
                    <div style="background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); color: white; padding: 15px 20px;">
                        <h4 style="margin: 0; font-size: 1.1rem;">${categoryNames[cat]} (${metabolites.filter(m => data[m.id]).length}/${metabolites.length}项已录入)</h4>
                    </div>
                    <div style="padding: 20px;">
                        <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 15px;">
                            ${metabolites.map(met => {
                                const value = data[met.id];
                                const hasValue = value !== undefined && !isNaN(value);
                                const isNormal = hasValue && value >= met.refMin && value <= met.refMax;
                                
                                return `
                                    <div style="padding: 15px; background: ${hasValue ? (isNormal ? '#f0fff4' : '#fff5f5') : '#f8f9fa'}; 
                                                border-radius: 10px; border: 1px solid ${hasValue ? (isNormal ? '#00b894' : '#e74c3c') : '#e0e6ed'};">
                                        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
                                            <span style="font-weight: 600; color: #1a2980; font-size: 0.95rem;">${met.name}</span>
                                            ${hasValue ? `<span style="font-size: 1.1rem; font-weight: 700; color: ${isNormal ? '#00b894' : '#e74c3c'};">${value}</span>` : '<span style="color: #999; font-size: 0.85rem;">未录入</span>'}
                                        </div>
                                        <div style="font-size: 0.8rem; color: #666;">参考范围: ${met.refMin}-${met.refMax} ${met.unit}</div>
                                        ${hasValue ? `<div style="font-size: 0.75rem; margin-top: 5px; color: ${isNormal ? '#00b894' : '#e74c3c'};">${isNormal ? '✓ 正常' : '⚠️ 异常'}</div>` : ''}
                                    </div>
                                `;
                            }).join('')}
                        </div>
                    </div>
                </div>
            `).join('')}
        </div>
    `;
}

// 生成详细亚健康状态分析
function generateDetailedSubtypeAnalysis(result) {
    if (result.subtypes[0] === 'normal') {
        return `
            <h3 class="section-title">代谢状态评估</h3>
            <div style="background: linear-gradient(135deg, #f0fff4 0%, #ffffff 100%); padding: 30px; border-radius: 20px; border: 2px solid #00b894; margin-bottom: 30px;">
                <div style="display: flex; align-items: center; gap: 20px; margin-bottom: 20px;">
                    <div style="width: 60px; height: 60px; background: #00b894; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem;">✓</div>
                    <div>
                        <h4 style="color: #00b894; margin: 0; font-size: 1.3rem;">代谢状态良好</h4>
                        <p style="color: #666; margin: 5px 0 0 0;">您的代谢指标整体处于正常范围</p>
                    </div>
                </div>
                <p style="color: #555; line-height: 1.8;">恭喜！根据本次检测结果，您的各项代谢指标基本正常，未发现明显的代谢紊乱。建议继续保持健康的生活方式，包括均衡饮食、规律运动、充足睡眠等。建议每6-12个月进行一次代谢健康检查，持续监测身体状况。</p>
            </div>
        `;
    }
    
    let html = `<h3 class="section-title">识别的亚健康状态详细分析</h3>`;
    
    result.subtypes.forEach((subtype, index) => {
        if (subtypes[subtype]) {
            const st = subtypes[subtype];
            html += `
                <div style="background: white; border-radius: 20px; padding: 30px; margin-bottom: 25px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); animation: fadeIn 0.5s ease-in-out;">
                    <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #f0f0f0;">
                        <div style="width: 50px; height: 50px; background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; font-weight: 700;">${index + 1}</div>
                        <div>
                            <h4 style="color: #1a2980; margin: 0; font-size: 1.2rem;">${st.name}</h4>
                            <p style="color: #666; margin: 5px 0 0 0; font-size: 0.9rem;">${st.description}</p>
                        </div>
                    </div>
                    
                    <!-- 严重程度指示器 -->
                    <div style="margin-bottom: 25px; padding: 20px; background: #f8f9fa; border-radius: 15px;">
                        <h5 style="color: #1a2980; margin-bottom: 15px; font-size: 1rem; display: flex; align-items: center; gap: 10px;">
                            <span>📈</span> 严重程度评估
                        </h5>
                        <div style="display: flex; align-items: center; gap: 15px;">
                            <div style="flex: 1;">
                                <div style="height: 10px; background: #e0e6ed; border-radius: 5px; overflow: hidden;">
                                    <div style="height: 100%; width: ${Math.min(80, (index + 1) * 25)}%; background: linear-gradient(90deg, #1a2980, #26d0ce); border-radius: 5px; transition: width 0.5s ease;"></div>
                                </div>
                            </div>
                            <div style="font-size: 0.9rem; font-weight: 600; color: #1a2980;">${['轻度', '中度', '重度', '严重'][Math.min(index, 3)]}</div>
                        </div>
                    </div>
                    
                    <!-- 相关代谢物详细解读 -->
                    <div style="margin-bottom: 25px;">
                        <h5 style="color: #1a2980; margin-bottom: 15px; font-size: 1rem; display: flex; align-items: center; gap: 10px;">
                            <span>📊</span> 相关代谢物详细数据
                        </h5>
                        <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px;">
                            ${st.indicators.map(id => {
                                const met = metaboliteData.find(m => m.id === id);
                                const value = result.data[id];
                                if (!value) return '';
                                const isNormal = value >= met.refMin && value <= met.refMax;
                                const percentage = Math.abs((value - (met.refMin + met.refMax) / 2) / ((met.refMax - met.refMin) / 2)) * 100;
                                return `
                                    <div style="padding: 15px; background: ${isNormal ? '#f0fff4' : '#fff5f5'}; border-radius: 10px; border-left: 4px solid ${isNormal ? '#00b894' : '#e74c3c'}; transition: all 0.3s ease;">
                                        <div style="font-size: 0.85rem; color: #666; margin-bottom: 8px;">${met.name}</div>
                                        <div style="font-size: 1.1rem; font-weight: 600; color: ${isNormal ? '#00b894' : '#e74c3c'}; margin-bottom: 8px;">${value} ${met.unit}</div>
                                        <div style="font-size: 0.75rem; color: #999;">参考范围: ${met.refMin}-${met.refMax} ${met.unit}</div>
                                        ${!isNormal ? `<div style="font-size: 0.75rem; color: ${isNormal ? '#00b894' : '#e74c3c'}; margin-top: 5px;">偏离正常范围 ${Math.round(percentage)}%</div>` : ''}
                                    </div>
                                `;
                            }).join('')}
                        </div>
                    </div>
                    
                    <!-- 疾病风险预警 -->
                    <div style="background: linear-gradient(135deg, #fff5f5 0%, #ffe0e0 100%); border: 2px solid #e74c3c; border-radius: 15px; padding: 20px; margin-bottom: 25px;">
                        <h5 style="color: #e74c3c; margin-bottom: 15px; display: flex; align-items: center; gap: 10px;">
                            <span>⚠️</span> 疾病风险预警
                        </h5>
                        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px;">
                            ${st.diseases.map((disease, diseaseIndex) => `
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: all 0.3s ease; animation: fadeIn 0.3s ease-in-out ${diseaseIndex * 0.1}s both;">
                                    <div style="font-weight: 600; color: #1a2980; margin-bottom: 8px;">${disease.name}</div>
                                    <div style="font-size: 0.85rem; color: #666; line-height: 1.5; margin-bottom: 10px;">
                                        <strong>典型症状：</strong>${disease.symptoms}
                                    </div>
                                    <div style="font-size: 0.8rem; color: #999; line-height: 1.4;">
                                        <strong>风险等级：</strong>${['低', '中', '高'][Math.min(diseaseIndex, 2)]}
                                    </div>
                                </div>
                            `).join('')}
                        </div>
                    </div>
                    
                    <!-- 个性化干预方案 -->
                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px;">
                        <div style="background: linear-gradient(135deg, #e6f7f0 0%, #f0fff4 100%); padding: 20px; border-radius: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: all 0.3s ease;">
                            <div style="font-size: 1.5rem; margin-bottom: 10px;">🥗</div>
                            <h6 style="color: #1a2980; margin-bottom: 10px; font-size: 0.95rem;">饮食建议</h6>
                            <ul style="margin: 0; padding-left: 18px; font-size: 0.85rem; color: #555; line-height: 1.8;">
                                ${st.diet.slice(0, 5).map(item => `<li style="margin-bottom: 5px;">${item}</li>`).join('')}
                            </ul>
                        </div>
                        <div style="background: linear-gradient(135deg, #e6f7ff 0%, #f0f8ff 100%); padding: 20px; border-radius: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: all 0.3s ease;">
                            <div style="font-size: 1.5rem; margin-bottom: 10px;">🏃‍♂️</div>
                            <h6 style="color: #1a2980; margin-bottom: 10px; font-size: 0.95rem;">运动建议</h6>
                            <ul style="margin: 0; padding-left: 18px; font-size: 0.85rem; color: #555; line-height: 1.8;">
                                ${st.exercise.slice(0, 5).map(item => `<li style="margin-bottom: 5px;">${item}</li>`).join('')}
                            </ul>
                        </div>
                        <div style="background: linear-gradient(135deg, #fff4e6 0%, #fff8f0 100%); padding: 20px; border-radius: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: all 0.3s ease;">
                            <div style="font-size: 1.5rem; margin-bottom: 10px;">🏠</div>
                            <h6 style="color: #1a2980; margin-bottom: 10px; font-size: 0.95rem;">生活方式</h6>
                            <ul style="margin: 0; padding-left: 18px; font-size: 0.85rem; color: #555; line-height: 1.8;">
                                ${st.lifestyle.slice(0, 5).map(item => `<li style="margin-bottom: 5px;">${item}</li>`).join('')}
                            </ul>
                        </div>
                        <div style="background: linear-gradient(135deg, #f3e6ff 0%, #f8f0ff 100%); padding: 20px; border-radius: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: all 0.3s ease;">
                            <div style="font-size: 1.5rem; margin-bottom: 10px;">📊</div>
                            <h6 style="color: #1a2980; margin-bottom: 10px; font-size: 0.95rem;">监测建议</h6>
                            <ul style="margin: 0; padding-left: 18px; font-size: 0.85rem; color: #555; line-height: 1.8;">
                                ${getMonitoringRecommendations(subtype)}
                            </ul>
                        </div>
                    </div>
                    
                    <!-- 预期改善效果 -->
                    <div style="margin-top: 25px; padding: 20px; background: linear-gradient(135deg, #f0f4ff 0%, #e3f2fd 100%); border-radius: 15px;">
                        <h5 style="color: #1a2980; margin-bottom: 15px; font-size: 1rem; display: flex; align-items: center; gap: 10px;">
                            <span>🎯</span> 预期改善效果
                        </h5>
                        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px;">
                            <div style="text-align: center; padding: 15px; background: white; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);">
                                <div style="font-size: 1.5rem; margin-bottom: 10px;">📈</div>
                                <div style="font-size: 0.85rem; color: #1a2980; font-weight: 600;">代谢指标改善</div>
                                <div style="font-size: 0.75rem; color: #666; margin-top: 5px;">4-8周可见效果</div>
                            </div>
                            <div style="text-align: center; padding: 15px; background: white; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);">
                                <div style="font-size: 1.5rem; margin-bottom: 10px;">💪</div>
                                <div style="font-size: 0.85rem; color: #1a2980; font-weight: 600;">身体状况提升</div>
                                <div style="font-size: 0.75rem; color: #666; margin-top: 5px;">8-12周可见效果</div>
                            </div>
                            <div style="text-align: center; padding: 15px; background: white; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);">
                                <div style="font-size: 1.5rem; margin-bottom: 10px;">😀</div>
                                <div style="font-size: 0.85rem; color: #1a2980; font-weight: 600;">精神状态改善</div>
                                <div style="font-size: 0.75rem; color: #666; margin-top: 5px;">2-4周可见效果</div>
                            </div>
                        </div>
                    </div>
                </div>
            `;
        }
    });
    
    return html;
}

// 生成健康趋势预测
function generateHealthTrendPrediction(result) {
    const predictions = [];
    
    // 糖尿病风险预测
    if (result.riskScores.glucose > 50) {
        const riskLevel = result.riskScores.glucose > 70 ? '高' : '中';
        const years = result.riskScores.glucose > 70 ? '3-5' : '5-10';
        predictions.push({
            type: 'warning',
            title: '糖尿病风险',
            content: `根据当前糖代谢指标，如不进行干预，未来${years}年内发展为2型糖尿病的风险较${riskLevel}。建议立即采取饮食控制和运动干预，定期监测血糖变化。`,
            icon: '🩸'
        });
    }
    
    // 心血管疾病风险预测
    if (result.riskScores.lipid > 50) {
        const riskLevel = result.riskScores.lipid > 70 ? '高' : '中';
        predictions.push({
            type: 'warning',
            title: '心血管疾病风险',
            content: `脂质代谢异常提示动脉粥样硬化风险${riskLevel}。建议定期监测血脂，必要时在医生指导下使用降脂药物，同时调整饮食结构，减少饱和脂肪摄入。`,
            icon: '❤️'
        });
    }
    
    // 慢性炎症风险预测
    if (result.riskScores.inflammation > 50) {
        predictions.push({
            type: 'caution',
            title: '慢性炎症状态',
            content: '持续的低度炎症可能加速衰老并增加多种慢性病风险。建议调整饮食结构，增加抗炎食物摄入，如富含omega-3脂肪酸的食物，同时减少加工食品和精制糖的摄入。',
            icon: '🔥'
        });
    }
    
    // 氨基酸代谢异常风险
    if (result.riskScores.amino > 50) {
        predictions.push({
            type: 'caution',
            title: '氨基酸代谢异常',
            content: '氨基酸代谢紊乱可能影响肌肉健康和免疫功能。建议适当增加优质蛋白质的摄入，同时注意饮食的均衡性。',
            icon: '⚗️'
        });
    }
    
    // 能量代谢异常风险
    if (result.riskScores.energy > 50) {
        predictions.push({
            type: 'caution',
            title: '能量代谢异常',
            content: '能量代谢紊乱可能导致疲劳、体重异常等问题。建议调整饮食结构，增加有氧运动，提高能量利用效率。',
            icon: '⚡'
        });
    }
    
    // 氧化应激风险
    if (result.riskScores.oxidative > 50) {
        predictions.push({
            type: 'caution',
            title: '氧化应激风险',
            content: '氧化应激水平升高可能加速细胞衰老。建议增加抗氧化食物的摄入，如新鲜水果和蔬菜，同时减少环境毒素的接触。',
            icon: '🍃'
        });
    }
    
    if (predictions.length === 0) {
        predictions.push({
            type: 'success',
            title: '健康趋势良好',
            content: '根据当前代谢指标，您的健康状况稳定。继续保持现有的健康生活方式，定期进行健康检查，以维持良好的代谢状态。',
            icon: '✅'
        });
    }
    
    return `
        <h3 class="section-title">健康趋势预测与风险评估</h3>
        <div style="margin-bottom: 30px;">
            <!-- 风险趋势图表 -->
            <div class="chart-container" style="margin-bottom: 30px;">
                <h4 class="chart-title">风险趋势预测</h4>
                <canvas id="riskTrendChart" width="800" height="300"></canvas>
            </div>
            
            <!-- 详细风险评估 -->
            <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px;">
                ${predictions.map(p => `
                    <div style="background: ${p.type === 'warning' ? 'linear-gradient(135deg, #fff5f5 0%, #ffe0e0 100%)' : p.type === 'caution' ? 'linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%)' : 'linear-gradient(135deg, #f0fff4 0%, #d1fae5 100%)'}; 
                                    padding: 25px; border-radius: 15px; border-left: 5px solid ${p.type === 'warning' ? '#e74c3c' : p.type === 'caution' ? '#f39c12' : '#00b894'};">
                        <h4 style="color: ${p.type === 'warning' ? '#e74c3c' : p.type === 'caution' ? '#f39c12' : '#00b894'}; margin-bottom: 10px; display: flex; align-items: center; gap: 10px;">
                            <span>${p.icon}</span>
                            ${p.title}
                        </h4>
                        <p style="color: #555; line-height: 1.7; margin: 0;">${p.content}</p>
                    </div>
                `).join('')}
            </div>
            
            <!-- 健康风险时间线预测 -->
            <div style="margin-top: 30px; padding: 25px; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-radius: 15px;">
                <h4 style="color: #1a2980; margin-bottom: 20px;">健康风险时间线预测</h4>
                <div style="position: relative; padding-left: 30px;">
                    <!-- 时间线 -->
                    <div style="position: absolute; left: 10px; top: 0; bottom: 0; width: 2px; background: #1a2980;"></div>
                    
                    <!-- 时间点 -->
                    <div style="margin-bottom: 20px; position: relative;">
                        <div style="position: absolute; left: -30px; top: 5px; width: 20px; height: 20px; border-radius: 50%; background: #1a2980; border: 3px solid white; box-shadow: 0 0 0 2px #1a2980;"></div>
                        <h5 style="margin: 0 0 5px 0; color: #1a2980;">当前状态</h5>
                        <p style="margin: 0; color: #555;">综合风险评分: ${result.overallRisk.toFixed(1)}分</p>
                    </div>
                    
                    <div style="margin-bottom: 20px; position: relative;">
                        <div style="position: absolute; left: -30px; top: 5px; width: 20px; height: 20px; border-radius: 50%; background: ${result.overallRisk < 40 ? '#00b894' : result.overallRisk < 60 ? '#f39c12' : '#e74c3c'}; border: 3px solid white; box-shadow: 0 0 0 2px ${result.overallRisk < 40 ? '#00b894' : result.overallRisk < 60 ? '#f39c12' : '#e74c3c'};"></div>
                        <h5 style="margin: 0 0 5px 0; color: #1a2980;">6个月后 (如不干预)</h5>
                        <p style="margin: 0; color: #555;">预测风险评分: ${(result.overallRisk * 1.1).toFixed(1)}分</p>
                    </div>
                    
                    <div style="margin-bottom: 20px; position: relative;">
                        <div style="position: absolute; left: -30px; top: 5px; width: 20px; height: 20px; border-radius: 50%; background: ${result.overallRisk < 40 ? '#00b894' : result.overallRisk < 60 ? '#f39c12' : '#e74c3c'}; border: 3px solid white; box-shadow: 0 0 0 2px ${result.overallRisk < 40 ? '#00b894' : result.overallRisk < 60 ? '#f39c12' : '#e74c3c'};"></div>
                        <h5 style="margin: 0 0 5px 0; color: #1a2980;">1年后 (如不干预)</h5>
                        <p style="margin: 0; color: #555;">预测风险评分: ${(result.overallRisk * 1.2).toFixed(1)}分</p>
                    </div>
                    
                    <div style="position: relative;">
                        <div style="position: absolute; left: -30px; top: 5px; width: 20px; height: 20px; border-radius: 50%; background: #00b894; border: 3px solid white; box-shadow: 0 0 0 2px #00b894;"></div>
                        <h5 style="margin: 0 0 5px 0; color: #1a2980;">1年后 (如积极干预)</h5>
                        <p style="margin: 0; color: #555;">预测风险评分: ${Math.max(10, (result.overallRisk * 0.8).toFixed(1))}分</p>
                    </div>
                </div>
            </div>
        </div>
    `;
}

// 生成干预方案时间线
function generateInterventionTimeline(result) {
    // 根据风险评分调整干预强度
    const riskLevel = result.overallRisk < 30 ? 'low' : result.overallRisk < 60 ? 'moderate' : 'high';
    
    return `
        <h3 class="section-title">个性化干预方案时间线</h3>
        <div style="background: white; border-radius: 20px; padding: 30px; margin-bottom: 30px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);">
            <!-- 干预方案概览 -->
            <div style="margin-bottom: 30px; padding: 20px; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-radius: 12px;">
                <h4 style="color: #1a2980; margin-bottom: 15px; display: flex; align-items: center; gap: 10px;">
                    <span>📋</span> 干预方案概览
                </h4>
                <p style="color: #555; margin-bottom: 15px;">根据您的代谢健康评估结果，我们为您定制了以下干预方案。方案强度为 <span style="font-weight: 600; color: ${riskLevel === 'high' ? '#e74c3c' : riskLevel === 'moderate' ? '#f39c12' : '#00b894'};">${riskLevel === 'high' ? '高强度' : riskLevel === 'moderate' ? '中等强度' : '低强度'}</span>，包含四个阶段的逐步干预。</p>
                <div style="display: flex; gap: 10px; margin-top: 15px;">
                    <div style="flex: 1; text-align: center; padding: 10px; background: #f0f4ff; border-radius: 8px;">
                        <div style="font-size: 0.8rem; color: #666;">预计完成时间</div>
                        <div style="font-weight: 600; color: #1a2980;">3+ 个月</div>
                    </div>
                    <div style="flex: 1; text-align: center; padding: 10px; background: #f0f4ff; border-radius: 8px;">
                        <div style="font-size: 0.8rem; color: #666;">预期效果</div>
                        <div style="font-weight: 600; color: #1a2980;">代谢健康改善</div>
                    </div>
                    <div style="flex: 1; text-align: center; padding: 10px; background: #f0f4ff; border-radius: 8px;">
                        <div style="font-size: 0.8rem; color: #666;">复查建议</div>
                        <div style="font-weight: 600; color: #1a2980;">3个月后</div>
                    </div>
                </div>
            </div>
            
            <!-- 详细时间线 -->
            <div style="position: relative; padding-left: 40px;">
                <!-- 时间线 -->
                <div style="position: absolute; left: 18px; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, #1a2980 0%, #26d0ce 100%); border-radius: 2px;"></div>
                
                <!-- 第1-2周：建立基础 -->
                <div style="margin-bottom: 30px; position: relative;">
                    <div style="position: absolute; left: -36px; width: 20px; height: 20px; background: #1a2980; border-radius: 50%; border: 4px solid white; box-shadow: 0 2px 10px rgba(0,0,0,0.2); z-index: 1;"></div>
                    <div style="background: linear-gradient(135deg, #f0f4ff 0%, #ffffff 100%); padding: 25px; border-radius: 15px; margin-left: 15px; border-left: 5px solid #1a2980; box-shadow: 0 4px 15px rgba(0,0,0,0.05);">
                        <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;">
                            <h5 style="color: #1a2980; margin: 0; display: flex; align-items: center; gap: 10px;">
                                <span>🏁</span> 第1-2周：建立基础
                            </h5>
                            <span style="font-size: 0.8rem; color: #666; background: #e3f2fd; padding: 5px 10px; border-radius: 12px;">开始阶段</span>
                        </div>
                        
                        <!-- 详细任务 -->
                        <div style="margin-bottom: 20px;">
                            <h6 style="color: #333; margin-bottom: 10px; font-size: 0.9rem;">核心任务</h6>
                            <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px;">
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 3px solid #2196f3;">
                                    <div style="font-weight: 600; margin-bottom: 5px; color: #333;">生活习惯记录</div>
                                    <p style="font-size: 0.85rem; color: #666; margin: 0;">详细记录每日饮食、运动和作息时间，建立健康基线数据</p>
                                </div>
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 3px solid #4caf50;">
                                    <div style="font-weight: 600; margin-bottom: 5px; color: #333;">轻度运动</div>
                                    <p style="font-size: 0.85rem; color: #666; margin: 0;">每天30分钟步行，每周5-7次，逐渐增加活动量</p>
                                </div>
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 3px solid #ff9800;">
                                    <div style="font-weight: 600; margin-bottom: 5px; color: #333;">饮食调整</div>
                                    <p style="font-size: 0.85rem; color: #666; margin: 0;">减少加工食品和高糖食品摄入，增加蔬菜水果比例</p>
                                </div>
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 3px solid #9c27b0;">
                                    <div style="font-weight: 600; margin-bottom: 5px; color: #333;">作息规律</div>
                                    <p style="font-size: 0.85rem; color: #666; margin: 0;">建立规律的作息时间，保证7-8小时睡眠</p>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 进度跟踪 -->
                        <div style="margin-top: 15px;">
                            <div style="display: flex; justify-content: space-between; font-size: 0.8rem; color: #666; margin-bottom: 5px;">
                                <span>完成进度</span>
                                <span>0%</span>
                            </div>
                            <div style="width: 100%; height: 8px; background: #e0e0e0; border-radius: 4px; overflow: hidden;">
                                <div style="width: 0%; height: 100%; background: linear-gradient(90deg, #1a2980 0%, #26d0ce 100%); border-radius: 4px; transition: width 0.3s ease;"></div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- 第3-4周：强化干预 -->
                <div style="margin-bottom: 30px; position: relative;">
                    <div style="position: absolute; left: -36px; width: 20px; height: 20px; background: #26d0ce; border-radius: 50%; border: 4px solid white; box-shadow: 0 2px 10px rgba(0,0,0,0.2); z-index: 1;"></div>
                    <div style="background: linear-gradient(135deg, #e8f5e8 0%, #ffffff 100%); padding: 25px; border-radius: 15px; margin-left: 15px; border-left: 5px solid #26d0ce; box-shadow: 0 4px 15px rgba(0,0,0,0.05);">
                        <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;">
                            <h5 style="color: #1a2980; margin: 0; display: flex; align-items: center; gap: 10px;">
                                <span>💪</span> 第3-4周：强化干预
                            </h5>
                            <span style="font-size: 0.8rem; color: #666; background: #e8f5e8; padding: 5px 10px; border-radius: 12px;">强化阶段</span>
                        </div>
                        
                        <!-- 详细任务 -->
                        <div style="margin-bottom: 20px;">
                            <h6 style="color: #333; margin-bottom: 10px; font-size: 0.9rem;">核心任务</h6>
                            <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px;">
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 3px solid #2196f3;">
                                    <div style="font-weight: 600; margin-bottom: 5px; color: #333;">运动强度提升</div>
                                    <p style="font-size: 0.85rem; color: #666; margin: 0;">每周3-4次中等强度运动，每次45分钟，如快走、游泳或骑自行车</p>
                                </div>
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 3px solid #4caf50;">
                                    <div style="font-weight: 600; margin-bottom: 5px; color: #333;">饮食方案执行</div>
                                    <p style="font-size: 0.85rem; color: #666; margin: 0;">严格执行个性化饮食方案，控制碳水化合物和脂肪摄入</p>
                                </div>
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 3px solid #ff9800;">
                                    <div style="font-weight: 600; margin-bottom: 5px; color: #333;">压力管理</div>
                                    <p style="font-size: 0.85rem; color: #666; margin: 0;">学习并实践压力管理技巧，如冥想、深呼吸或瑜伽</p>
                                </div>
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 3px solid #9c27b0;">
                                    <div style="font-weight: 600; margin-bottom: 5px; color: #333;">指标监测</div>
                                    <p style="font-size: 0.85rem; color: #666; margin: 0;">每周监测体重、血压和血糖变化，记录在健康日记中</p>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 进度跟踪 -->
                        <div style="margin-top: 15px;">
                            <div style="display: flex; justify-content: space-between; font-size: 0.8rem; color: #666; margin-bottom: 5px;">
                                <span>完成进度</span>
                                <span>0%</span>
                            </div>
                            <div style="width: 100%; height: 8px; background: #e0e0e0; border-radius: 4px; overflow: hidden;">
                                <div style="width: 0%; height: 100%; background: linear-gradient(90deg, #26d0ce 0%, #00b894 100%); border-radius: 4px; transition: width 0.3s ease;"></div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- 第2-3个月：巩固效果 -->
                <div style="margin-bottom: 30px; position: relative;">
                    <div style="position: absolute; left: -36px; width: 20px; height: 20px; background: #00b894; border-radius: 50%; border: 4px solid white; box-shadow: 0 2px 10px rgba(0,0,0,0.2); z-index: 1;"></div>
                    <div style="background: linear-gradient(135deg, #fff3e0 0%, #ffffff 100%); padding: 25px; border-radius: 15px; margin-left: 15px; border-left: 5px solid #00b894; box-shadow: 0 4px 15px rgba(0,0,0,0.05);">
                        <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;">
                            <h5 style="color: #1a2980; margin: 0; display: flex; align-items: center; gap: 10px;">
                                <span>📈</span> 第2-3个月：巩固效果
                            </h5>
                            <span style="font-size: 0.8rem; color: #666; background: #fff3e0; padding: 5px 10px; border-radius: 12px;">巩固阶段</span>
                        </div>
                        
                        <!-- 详细任务 -->
                        <div style="margin-bottom: 20px;">
                            <h6 style="color: #333; margin-bottom: 10px; font-size: 0.9rem;">核心任务</h6>
                            <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px;">
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 3px solid #2196f3;">
                                    <div style="font-weight: 600; margin-bottom: 5px; color: #333;">效果评估</div>
                                    <p style="font-size: 0.85rem; color: #666; margin: 0;">评估生活方式改变的效果，分析体重、血压和血糖变化趋势</p>
                                </div>
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 3px solid #4caf50;">
                                    <div style="font-weight: 600; margin-bottom: 5px; color: #333;">方案调整</div>
                                    <p style="font-size: 0.85rem; color: #666; margin: 0;">根据效果评估结果，调整饮食和运动方案，优化干预策略</p>
                                </div>
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 3px solid #ff9800;">
                                    <div style="font-weight: 600; margin-bottom: 5px; color: #333;">力量训练</div>
                                    <p style="font-size: 0.85rem; color: #666; margin: 0;">加入力量训练，每周2-3次，增强肌肉量，提高基础代谢率</p>
                                </div>
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 3px solid #9c27b0;">
                                    <div style="font-weight: 600; margin-bottom: 5px; color: #333;">指标复查</div>
                                    <p style="font-size: 0.85rem; color: #666; margin: 0;">复查关键代谢指标，如血脂、血糖和炎症标志物</p>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 进度跟踪 -->
                        <div style="margin-top: 15px;">
                            <div style="display: flex; justify-content: space-between; font-size: 0.8rem; color: #666; margin-bottom: 5px;">
                                <span>完成进度</span>
                                <span>0%</span>
                            </div>
                            <div style="width: 100%; height: 8px; background: #e0e0e0; border-radius: 4px; overflow: hidden;">
                                <div style="width: 0%; height: 100%; background: linear-gradient(90deg, #00b894 0%, #4caf50 100%); border-radius: 4px; transition: width 0.3s ease;"></div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- 长期维护（3个月后） -->
                <div style="position: relative;">
                    <div style="position: absolute; left: -36px; width: 20px; height: 20px; background: #f39c12; border-radius: 50%; border: 4px solid white; box-shadow: 0 2px 10px rgba(0,0,0,0.2); z-index: 1;"></div>
                    <div style="background: linear-gradient(135deg, #f3e5f5 0%, #ffffff 100%); padding: 25px; border-radius: 15px; margin-left: 15px; border-left: 5px solid #f39c12; box-shadow: 0 4px 15px rgba(0,0,0,0.05);">
                        <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;">
                            <h5 style="color: #1a2980; margin: 0; display: flex; align-items: center; gap: 10px;">
                                <span>🌱</span> 长期维护（3个月后）
                            </h5>
                            <span style="font-size: 0.8rem; color: #666; background: #f3e5f5; padding: 5px 10px; border-radius: 12px;">维护阶段</span>
                        </div>
                        
                        <!-- 详细任务 -->
                        <div style="margin-bottom: 20px;">
                            <h6 style="color: #333; margin-bottom: 10px; font-size: 0.9rem;">核心任务</h6>
                            <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px;">
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 3px solid #2196f3;">
                                    <div style="font-weight: 600; margin-bottom: 5px; color: #333;">生活方式保持</div>
                                    <p style="font-size: 0.85rem; color: #666; margin: 0;">保持健康的生活方式，将良好习惯融入日常生活</p>
                                </div>
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 3px solid #4caf50;">
                                    <div style="font-weight: 600; margin-bottom: 5px; color: #333;">定期监测</div>
                                    <p style="font-size: 0.85rem; color: #666; margin: 0;">每3-6个月监测代谢指标，及时发现潜在问题</p>
                                </div>
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 3px solid #ff9800;">
                                    <div style="font-weight: 600; margin-bottom: 5px; color: #333;">饮食优化</div>
                                    <p style="font-size: 0.85rem; color: #666; margin: 0;">持续优化饮食结构，根据季节和身体状况调整</p>
                                </div>
                                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 3px solid #9c27b0;">
                                    <div style="font-weight: 600; margin-bottom: 5px; color: #333;">运动习惯</div>
                                    <p style="font-size: 0.85rem; color: #666; margin: 0;">建立长期运动习惯，保持规律的体育锻炼</p>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 进度跟踪 -->
                        <div style="margin-top: 15px;">
                            <div style="display: flex; justify-content: space-between; font-size: 0.8rem; color: #666; margin-bottom: 5px;">
                                <span>完成进度</span>
                                <span>0%</span>
                            </div>
                            <div style="width: 100%; height: 8px; background: #e0e0e0; border-radius: 4px; overflow: hidden;">
                                <div style="width: 0%; height: 100%; background: linear-gradient(90deg, #f39c12 0%, #ff5722 100%); border-radius: 4px; transition: width 0.3s ease;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 干预方案总结 -->
            <div style="margin-top: 30px; padding: 20px; background: linear-gradient(135deg, #f0f4ff 0%, #e3f2fd 100%); border-radius: 12px; text-align: center;">
                <h4 style="color: #1a2980; margin-bottom: 15px;">干预方案执行建议</h4>
                <p style="color: #555; margin-bottom: 15px;">坚持执行个性化干预方案，定期监测健康指标变化，根据需要调整方案。</p>
                <button onclick="downloadInterventionPlan()" style="padding: 10px 25px; background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); color: white; border: none; border-radius: 25px; cursor: pointer; font-weight: 600;">
                    📥 下载干预方案
                </button>
            </div>
        </div>
    `;
}

// 生成复查建议
function generateFollowUpRecommendations(result) {
    const highRiskItems = Object.entries(result.riskScores)
        .filter(([key, value]) => value > 50)
        .map(([key]) => categoryNames[key]);
    
    // 根据风险评分确定复查时间和频率
    let followUpTime, followUpFrequency, followUpColor;
    if (result.overallRisk > 60) {
        followUpTime = '1-3个月';
        followUpFrequency = '每2周监测一次关键指标';
        followUpColor = '#e74c3c';
    } else if (result.overallRisk > 30) {
        followUpTime = '3-6个月';
        followUpFrequency = '每月监测一次关键指标';
        followUpColor = '#f39c12';
    } else {
        followUpTime = '6-12个月';
        followUpFrequency = '每3个月监测一次关键指标';
        followUpColor = '#00b894';
    }
    
    // 生成具体的监测项目列表
    const getMonitoringItems = () => {
        if (highRiskItems.length > 0) {
            return highRiskItems.map(item => {
                let items = '';
                switch(item) {
                    case '脂质代谢':
                        items = '总胆固醇、甘油三酯、LDL-C、HDL-C、ApoB';
                        break;
                    case '糖代谢':
                        items = '空腹血糖、餐后2小时血糖、糖化血红蛋白、胰岛素、HOMA-IR';
                        break;
                    case '氨基酸代谢':
                        items = '支链氨基酸、苯丙氨酸、酪氨酸';
                        break;
                    case '炎症状态':
                        items = 'CRP、IL-6、TNF-α、同型半胱氨酸';
                        break;
                    case '能量代谢':
                        items = '乳酸、丙酮酸、酮体、乙酰肉碱';
                        break;
                    case '氧化应激':
                        items = 'MDA、SOD、GSH';
                        break;
                    default:
                        items = '相关代谢指标';
                }
                return `<div style="margin-bottom: 10px;"><strong>${item}：</strong>${items}</div>`;
            }).join('');
        } else {
            return '全面监测各项代谢指标，包括脂质、糖、氨基酸、炎症、能量代谢和氧化应激相关指标';
        }
    };
    
    return `
        <h3 class="section-title">复查与随访建议</h3>
        <div style="background: linear-gradient(135deg, #f0f4ff 0%, #ffffff 100%); border-radius: 20px; padding: 30px; margin-bottom: 30px; border: 2px solid #1a2980;">
            <!-- 复查时间线 -->
            <div style="margin-bottom: 30px;">
                <h4 style="color: #1a2980; margin-bottom: 20px; display: flex; align-items: center; gap: 10px;">
                    <span>📅</span> 复查时间计划
                </h4>
                <div style="position: relative; padding-left: 40px;">
                    <!-- 时间线 -->
                    <div style="position: absolute; left: 18px; top: 0; bottom: 0; width: 4px; background: ${followUpColor}; border-radius: 2px;"></div>
                    
                    <!-- 当前时间点 -->
                    <div style="margin-bottom: 25px; position: relative;">
                        <div style="position: absolute; left: -36px; width: 20px; height: 20px; background: #1a2980; border-radius: 50%; border: 4px solid white; box-shadow: 0 2px 10px rgba(0,0,0,0.2); z-index: 1;"></div>
                        <div style="background: white; padding: 20px; border-radius: 12px; margin-left: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);">
                            <h5 style="color: #1a2980; margin-bottom: 5px;">当前</h5>
                            <p style="color: #555; font-size: 0.9rem; margin: 0;">完成健康评估，开始执行干预方案</p>
                        </div>
                    </div>
                    
                    <!-- 第一次复查 -->
                    <div style="margin-bottom: 25px; position: relative;">
                        <div style="position: absolute; left: -36px; width: 20px; height: 20px; background: ${followUpColor}; border-radius: 50%; border: 4px solid white; box-shadow: 0 2px 10px rgba(0,0,0,0.2); z-index: 1;"></div>
                        <div style="background: white; padding: 20px; border-radius: 12px; margin-left: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);">
                            <h5 style="color: #1a2980; margin-bottom: 5px;">${followUpTime}后</h5>
                            <p style="color: #555; font-size: 0.9rem; margin: 0;">第一次全面复查，评估干预效果</p>
                        </div>
                    </div>
                    
                    <!-- 长期随访 -->
                    <div style="position: relative;">
                        <div style="position: absolute; left: -36px; width: 20px; height: 20px; background: #26d0ce; border-radius: 50%; border: 4px solid white; box-shadow: 0 2px 10px rgba(0,0,0,0.2); z-index: 1;"></div>
                        <div style="background: white; padding: 20px; border-radius: 12px; margin-left: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);">
                            <h5 style="color: #1a2980; margin-bottom: 5px;">长期随访</h5>
                            <p style="color: #555; font-size: 0.9rem; margin: 0;">根据复查结果调整方案，定期监测</p>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 详细建议卡片 -->
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-bottom: 30px;">
                <!-- 复查时间建议 -->
                <div style="background: white; padding: 25px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border-left: 5px solid ${followUpColor};">
                    <div style="font-size: 2rem; margin-bottom: 15px;">📅</div>
                    <h5 style="color: #1a2980; margin-bottom: 15px;">建议复查时间</h5>
                    <div style="margin-bottom: 15px;">
                        <div style="font-size: 1.2rem; font-weight: 600; color: ${followUpColor}; margin-bottom: 5px;">${followUpTime}</div>
                        <div style="color: #666; font-size: 0.9rem;">${followUpFrequency}</div>
                    </div>
                    <div style="width: 100%; height: 8px; background: #e0e0e0; border-radius: 4px; overflow: hidden; margin-top: 15px;">
                        <div style="width: ${result.overallRisk}%; height: 100%; background: ${followUpColor}; border-radius: 4px;"></div>
                    </div>
                    <div style="display: flex; justify-content: space-between; font-size: 0.8rem; color: #666; margin-top: 5px;">
                        <span>低风险</span>
                        <span>高风险</span>
                    </div>
                </div>
                
                <!-- 重点监测项目 -->
                <div style="background: white; padding: 25px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border-left: 5px solid #26d0ce;">
                    <div style="font-size: 2rem; margin-bottom: 15px;">🔬</div>
                    <h5 style="color: #1a2980; margin-bottom: 15px;">重点监测项目</h5>
                    <div style="color: #555; font-size: 0.9rem; line-height: 1.6;">
                        ${getMonitoringItems()}
                    </div>
                </div>
                
                <!-- 就医提醒 -->
                <div style="background: white; padding: 25px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border-left: 5px solid #f39c12;">
                    <div style="font-size: 2rem; margin-bottom: 15px;">⚠️</div>
                    <h5 style="color: #1a2980; margin-bottom: 15px;">就医提醒</h5>
                    <div style="color: #555; font-size: 0.9rem; line-height: 1.6;">
                        ${result.overallRisk > 60 ? 
                            '<p style="margin-bottom: 10px;">建议尽快就诊，寻求专业医生指导</p><p>需进行全面检查，可能需要药物治疗</p>' : 
                          result.overallRisk > 30 ? 
                            '<p style="margin-bottom: 10px;">如出现不适症状请及时就医</p><p>建议咨询内分泌科或心血管科医生</p>' : 
                            '<p style="margin-bottom: 10px;">保持定期体检习惯</p><p>每年进行一次全面健康检查</p>'}
                    </div>
                </div>
                
                <!-- 日常监测 -->
                <div style="background: white; padding: 25px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border-left: 5px solid #00b894;">
                    <div style="font-size: 2rem; margin-bottom: 15px;">📋</div>
                    <h5 style="color: #1a2980; margin-bottom: 15px;">日常监测</h5>
                    <ul style="color: #555; font-size: 0.9rem; line-height: 1.6; margin: 0; padding-left: 20px;">
                        <li>体重：每周测量1-2次</li>
                        <li>血压：每周测量2-3次</li>
                        <li>血糖：如有异常，每天测量1-2次</li>
                        <li>饮食运动日记：每天记录</li>
                        <li>症状记录：如出现不适及时记录</li>
                    </ul>
                </div>
            </div>
            
            <!-- 随访计划下载 -->
            <div style="margin-bottom: 30px; padding: 20px; background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%); border-radius: 12px; text-align: center;">
                <h5 style="color: #1a2980; margin-bottom: 15px;">随访计划</h5>
                <p style="color: #555; margin-bottom: 15px; font-size: 0.9rem;">下载详细的随访计划，包含具体的监测时间和项目</p>
                <button onclick="downloadFollowUpPlan()" style="padding: 10px 25px; background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); color: white; border: none; border-radius: 25px; cursor: pointer; font-weight: 600;">
                    📥 下载随访计划
                </button>
            </div>
            
            <!-- 重要提示 -->
            <div style="padding: 25px; background: #fffbeb; border-radius: 12px; border: 1px solid #f39c12;">
                <h5 style="color: #d97706; margin-bottom: 15px; display: flex; align-items: center; gap: 10px;">
                    <span>💡</span> 重要提示
                </h5>
                <p style="color: #666; line-height: 1.7; margin: 0 0 15px 0; font-size: 0.9rem;">
                    本报告仅供参考，不能替代专业医疗诊断。请根据报告建议调整生活方式，并在必要时咨询专业医生。
                </p>
                <p style="color: #666; line-height: 1.7; margin: 0; font-size: 0.9rem;">
                    特别是风险评分较高的项目，建议尽快就医进行进一步检查和治疗。如有突发不适，请立即就医。
                </p>
            </div>
        </div>
    `;
}

// 绘制风险雷达图
function drawRiskRadarChart(scores) {
    const ctx = document.getElementById('riskRadarChart');
    if (!ctx) return;
    
    new Chart(ctx, {
        type: 'radar',
        data: {
            labels: ['脂质代谢', '糖代谢', '氨基酸代谢', '炎症状态', '能量代谢', '氧化应激'],
            datasets: [{
                label: '风险评分',
                data: [
                    scores.lipid,
                    scores.glucose,
                    scores.amino,
                    scores.inflammation,
                    scores.energy,
                    scores.oxidative
                ],
                backgroundColor: 'rgba(102, 126, 234, 0.2)',
                borderColor: 'rgba(102, 126, 234, 1)',
                pointBackgroundColor: 'rgba(102, 126, 234, 1)',
                pointBorderColor: '#fff',
                pointHoverBackgroundColor: '#fff',
                pointHoverBorderColor: 'rgba(102, 126, 234, 1)'
            }]
        },
        options: {
            responsive: true,
            scales: {
                r: {
                    beginAtZero: true,
                    max: 100,
                    ticks: {
                        stepSize: 20
                    }
                }
            }
        }
    });
}

// 绘制异常代谢物图表
function drawAbnormalChart(abnormalMets) {
    const ctx = document.getElementById('abnormalChart');
    if (!ctx) return;
    
    const labels = abnormalMets.map(m => m.name);
    const data = abnormalMets.map(m => {
        const refMid = (m.refMin + m.refMax) / 2;
        return ((m.value - refMid) / refMid * 100).toFixed(1);
    });
    
    new Chart(ctx, {
        type: 'bar',
        data: {
            labels: labels,
            datasets: [{
                label: '偏离参考范围百分比(%)',
                data: data,
                backgroundColor: data.map(v => v > 0 ? 'rgba(220, 53, 69, 0.6)' : 'rgba(255, 193, 7, 0.6)'),
                borderColor: data.map(v => v > 0 ? 'rgba(220, 53, 69, 1)' : 'rgba(255, 193, 7, 1)'),
                borderWidth: 1
            }]
        },
        options: {
            responsive: true,
            scales: {
                y: {
                    beginAtZero: true,
                    title: {
                        display: true,
                        text: '偏离程度(%)'
                    }
                }
            }
        }
    });
}

// 绘制风险趋势预测图表
function drawRiskTrendChart(currentRisk) {
    const ctx = document.getElementById('riskTrendChart');
    if (!ctx) return;
    
    const labels = ['当前', '6个月后(不干预)', '1年后(不干预)', '1年后(干预)'];
    const data = [
        currentRisk,
        currentRisk * 1.1,
        currentRisk * 1.2,
        Math.max(10, currentRisk * 0.8)
    ];
    
    // 根据风险值设置颜色
    const colors = data.map(value => {
        if (value < 30) return '#00b894'; // 低风险
        if (value < 60) return '#f39c12'; // 中等风险
        return '#e74c3c'; // 高风险
    });
    
    new Chart(ctx, {
        type: 'line',
        data: {
            labels: labels,
            datasets: [{
                label: '风险评分',
                data: data,
                borderColor: '#1a2980',
                backgroundColor: 'rgba(26, 41, 128, 0.1)',
                pointBackgroundColor: colors,
                pointBorderColor: colors,
                pointRadius: 6,
                pointHoverRadius: 8,
                tension: 0.4,
                fill: true
            }]
        },
        options: {
            responsive: true,
            scales: {
                y: {
                    beginAtZero: true,
                    max: 100,
                    title: {
                        display: true,
                        text: '风险评分'
                    }
                }
            },
            plugins: {
                legend: {
                    position: 'bottom'
                },
                tooltip: {
                    callbacks: {
                        label: function(context) {
                            let label = context.dataset.label || '';
                            if (label) {
                                label += ': ';
                            }
                            if (context.parsed.y !== null) {
                                label += context.parsed.y.toFixed(1);
                                if (context.parsed.y < 30) {
                                    label += ' (低风险)';
                                } else if (context.parsed.y < 60) {
                                    label += ' (中等风险)';
                                } else {
                                    label += ' (高风险)';
                                }
                            }
                            return label;
                        }
                    }
                }
            }
        }
    });
}

// 下载干预方案
function downloadInterventionPlan() {
    if (!currentResult) {
        showNotification('请先生成健康评估报告');
        return;
    }
    
    // 生成干预方案文本
    let planText = `MetaScan 个性化干预方案\n`;
    planText += `=================================\n`;
    planText += `生成日期: ${new Date().toLocaleString()}\n`;
    planText += `综合风险评分: ${currentResult.overallRisk.toFixed(1)}\n`;
    planText += `=================================\n\n`;
    
    planText += `一、第1-2周：建立基础\n`;
    planText += `1. 生活习惯记录：详细记录每日饮食、运动和作息时间，建立健康基线数据\n`;
    planText += `2. 轻度运动：每天30分钟步行，每周5-7次，逐渐增加活动量\n`;
    planText += `3. 饮食调整：减少加工食品和高糖食品摄入，增加蔬菜水果比例\n`;
    planText += `4. 作息规律：建立规律的作息时间，保证7-8小时睡眠\n\n`;
    
    planText += `二、第3-4周：强化干预\n`;
    planText += `1. 运动强度提升：每周3-4次中等强度运动，每次45分钟，如快走、游泳或骑自行车\n`;
    planText += `2. 饮食方案执行：严格执行个性化饮食方案，控制碳水化合物和脂肪摄入\n`;
    planText += `3. 压力管理：学习并实践压力管理技巧，如冥想、深呼吸或瑜伽\n`;
    planText += `4. 指标监测：每周监测体重、血压和血糖变化，记录在健康日记中\n\n`;
    
    planText += `三、第2-3个月：巩固效果\n`;
    planText += `1. 效果评估：评估生活方式改变的效果，分析体重、血压和血糖变化趋势\n`;
    planText += `2. 方案调整：根据效果评估结果，调整饮食和运动方案，优化干预策略\n`;
    planText += `3. 力量训练：加入力量训练，每周2-3次，增强肌肉量，提高基础代谢率\n`;
    planText += `4. 指标复查：复查关键代谢指标，如血脂、血糖和炎症标志物\n\n`;
    
    planText += `四、长期维护（3个月后）\n`;
    planText += `1. 生活方式保持：保持健康的生活方式，将良好习惯融入日常生活\n`;
    planText += `2. 定期监测：每3-6个月监测代谢指标，及时发现潜在问题\n`;
    planText += `3. 饮食优化：持续优化饮食结构，根据季节和身体状况调整\n`;
    planText += `4. 运动习惯：建立长期运动习惯，保持规律的体育锻炼\n\n`;
    
    planText += `=================================\n`;
    planText += `MetaScan 代谢健康管理平台\n`;
    
    // 创建下载链接
    const blob = new Blob([planText], { type: 'text/plain' });
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = `MetaScan干预方案_${new Date().toISOString().split('T')[0]}.txt`;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
    URL.revokeObjectURL(url);
    
    showNotification('干预方案已下载');
}

// 下载随访计划
function downloadFollowUpPlan() {
    if (!currentResult) {
        showNotification('请先生成健康评估报告');
        return;
    }
    
    // 根据风险评分确定复查时间和频率
    let followUpTime, followUpFrequency;
    if (currentResult.overallRisk > 60) {
        followUpTime = '1-3个月';
        followUpFrequency = '每2周监测一次关键指标';
    } else if (currentResult.overallRisk > 30) {
        followUpTime = '3-6个月';
        followUpFrequency = '每月监测一次关键指标';
    } else {
        followUpTime = '6-12个月';
        followUpFrequency = '每3个月监测一次关键指标';
    }
    
    // 生成随访计划文本
    let planText = `MetaScan 随访计划\n`;
    planText += `=================================\n`;
    planText += `生成日期: ${new Date().toLocaleString()}\n`;
    planText += `综合风险评分: ${currentResult.overallRisk.toFixed(1)}\n`;
    planText += `=================================\n\n`;
    
    planText += `一、复查时间安排\n`;
    planText += `1. 第一次复查：${followUpTime}后\n`;
    planText += `2. 长期随访：根据第一次复查结果确定\n`;
    planText += `3. 监测频率：${followUpFrequency}\n\n`;
    
    planText += `二、重点监测项目\n`;
    const highRiskItems = Object.entries(currentResult.riskScores)
        .filter(([key, value]) => value > 50)
        .map(([key]) => categoryNames[key]);
    
    if (highRiskItems.length > 0) {
        highRiskItems.forEach(item => {
            planText += `\n${item}：\n`;
            switch(item) {
                case '脂质代谢':
                    planText += `- 总胆固醇\n- 甘油三酯\n- LDL-C\n- HDL-C\n- ApoB\n`;
                    break;
                case '糖代谢':
                    planText += `- 空腹血糖\n- 餐后2小时血糖\n- 糖化血红蛋白\n- 胰岛素\n- HOMA-IR\n`;
                    break;
                case '氨基酸代谢':
                    planText += `- 支链氨基酸\n- 苯丙氨酸\n- 酪氨酸\n`;
                    break;
                case '炎症状态':
                    planText += `- CRP\n- IL-6\n- TNF-α\n- 同型半胱氨酸\n`;
                    break;
                case '能量代谢':
                    planText += `- 乳酸\n- 丙酮酸\n- 酮体\n- 乙酰肉碱\n`;
                    break;
                case '氧化应激':
                    planText += `- MDA\n- SOD\n- GSH\n`;
                    break;
                default:
                    planText += `- 相关代谢指标\n`;
            }
        });
    } else {
        planText += `全面监测各项代谢指标，包括脂质、糖、氨基酸、炎症、能量代谢和氧化应激相关指标\n`;
    }
    
    planText += `\n三、日常监测建议\n`;
    planText += `1. 体重：每周测量1-2次\n`;
    planText += `2. 血压：每周测量2-3次\n`;
    planText += `3. 血糖：如有异常，每天测量1-2次\n`;
    planText += `4. 饮食运动日记：每天记录\n`;
    planText += `5. 症状记录：如出现不适及时记录\n\n`;
    
    planText += `四、就医建议\n`;
    if (currentResult.overallRisk > 60) {
        planText += `1. 建议尽快就诊，寻求专业医生指导\n`;
        planText += `2. 需进行全面检查，可能需要药物治疗\n`;
    } else if (currentResult.overallRisk > 30) {
        planText += `1. 如出现不适症状请及时就医\n`;
        planText += `2. 建议咨询内分泌科或心血管科医生\n`;
    } else {
        planText += `1. 保持定期体检习惯\n`;
        planText += `2. 每年进行一次全面健康检查\n`;
    }
    
    planText += `\n=================================\n`;
    planText += `MetaScan 代谢健康管理平台\n`;
    
    // 创建下载链接
    const blob = new Blob([planText], { type: 'text/plain' });
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = `MetaScan随访计划_${new Date().toISOString().split('T')[0]}.txt`;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
    URL.revokeObjectURL(url);
    
    showNotification('随访计划已下载');
}

// 保存到历史记录
function saveToHistory(result) {
    if (!currentUser) return;
    
    if (!historicalData[currentUser.username]) {
        historicalData[currentUser.username] = [];
    }
    
    historicalData[currentUser.username].push(result);
    // 只保留最近10条记录
    if (historicalData[currentUser.username].length > 10) {
        historicalData[currentUser.username] = historicalData[currentUser.username].slice(-10);
    }
    localStorage.setItem(`metascanData_${currentUser.username}`, JSON.stringify(historicalData[currentUser.username]));
    updateComparisonView();
}

// 更新对比视图
function updateComparisonView() {
    const container = document.getElementById('comparisonContent');
    if (!container) return;
    
    if (!currentUser || !historicalData[currentUser.username] || historicalData[currentUser.username].length < 2) {
        container.innerHTML = '<p style="text-align: center; color: #666; padding: 40px;">暂无历史数据，请先完成至少两次检测</p>';
        return;
    }
    
    // 按时间排序数据
    const sortedData = [...historicalData[currentUser.username]].sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));
    const latestRecord = sortedData[sortedData.length - 1];
    const firstRecord = sortedData[0];
    
    // 计算总体风险变化
    const riskChange = latestRecord.overallRisk - firstRecord.overallRisk;
    const riskChangePercent = ((riskChange / firstRecord.overallRisk) * 100).toFixed(1);
    const riskTrend = riskChange > 0 ? '上升' : riskChange < 0 ? '下降' : '稳定';
    const riskTrendColor = riskChange > 0 ? '#e74c3c' : riskChange < 0 ? '#00b894' : '#6c757d';
    
    // 显示趋势图表和分析
    let html = `
        <!-- 总体风险趋势分析 -->
        <div style="background: white; border-radius: 20px; padding: 30px; margin-bottom: 30px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);">
            <h3 class="section-title">总体风险趋势分析</h3>
            <div style="display: grid; grid-template-columns: 1fr 2fr; gap: 30px;">
                <!-- 风险变化摘要 -->
                <div style="background: linear-gradient(135deg, #f0f4ff 0%, #e3f2fd 100%); padding: 25px; border-radius: 15px;">
                    <h4 style="color: #1a2980; margin-bottom: 20px;">📊 风险变化摘要</h4>
                    <div style="margin-bottom: 15px;">
                        <div style="font-size: 0.9rem; color: #666; margin-bottom: 5px;">首次检测风险</div>
                        <div style="font-size: 1.2rem; font-weight: 600; color: #1a2980;">${firstRecord.overallRisk.toFixed(1)}</div>
                    </div>
                    <div style="margin-bottom: 15px;">
                        <div style="font-size: 0.9rem; color: #666; margin-bottom: 5px;">最新检测风险</div>
                        <div style="font-size: 1.2rem; font-weight: 600; color: #1a2980;">${latestRecord.overallRisk.toFixed(1)}</div>
                    </div>
                    <div style="margin-bottom: 15px;">
                        <div style="font-size: 0.9rem; color: #666; margin-bottom: 5px;">风险变化</div>
                        <div style="font-size: 1.2rem; font-weight: 600; color: ${riskTrendColor};">${riskChange > 0 ? '+' : ''}${riskChange.toFixed(1)} (${riskChangePercent > 0 ? '+' : ''}${riskChangePercent}%)</div>
                    </div>
                    <div>
                        <div style="font-size: 0.9rem; color: #666; margin-bottom: 5px;">变化趋势</div>
                        <div style="font-size: 1.2rem; font-weight: 600; color: ${riskTrendColor};">${riskTrend}</div>
                    </div>
                </div>
                
                <!-- 总体风险趋势图 -->
                <div>
                    <h4 style="color: #1a2980; margin-bottom: 15px;">📈 总体风险趋势</h4>
                    <canvas id="trendChart" width="600" height="300"></canvas>
                    <p style="font-size: 0.9rem; color: #666; margin-top: 10px;">注：图表显示了您的总体风险评分变化趋势，虚线表示高风险阈值(60分)。</p>
                </div>
            </div>
        </div>
        
        <!-- 历史检测记录对比 -->
        <div style="background: white; border-radius: 20px; padding: 30px; margin-bottom: 30px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);">
            <h3 class="section-title">历史检测记录对比</h3>
            <table class="comparison-table" style="width: 100%; border-collapse: collapse;">
                <thead>
                    <tr style="background: #f0f4ff; border-bottom: 2px solid #e0e6ed;">
                        <th style="padding: 15px; text-align: left;">检测日期</th>
                        <th style="padding: 15px; text-align: left;">总体风险</th>
                        <th style="padding: 15px; text-align: left;">脂质代谢</th>
                        <th style="padding: 15px; text-align: left;">糖代谢</th>
                        <th style="padding: 15px; text-align: left;">氨基酸代谢</th>
                        <th style="padding: 15px; text-align: left;">炎症状态</th>
                        <th style="padding: 15px; text-align: left;">能量代谢</th>
                        <th style="padding: 15px; text-align: left;">氧化应激</th>
                        <th style="padding: 15px; text-align: left;">识别的亚型</th>
                    </tr>
                </thead>
                <tbody>
    `;
    
    // 按时间倒序显示
    const reverseSortedData = [...sortedData].reverse();
    
    reverseSortedData.forEach((record, index) => {
        const prevRecord = reverseSortedData[index + 1];
        const trend = prevRecord ? 
            (record.overallRisk > prevRecord.overallRisk ? 'trend-up' : 
             record.overallRisk < prevRecord.overallRisk ? 'trend-down' : 'trend-stable') : '';
        const trendIcon = trend === 'trend-up' ? '↑' : trend === 'trend-down' ? '↓' : '→';
        
        const subtypeNames = record.subtypes.map(s => subtypes[s] ? subtypes[s].name : s).join('、');
        
        html += `
            <tr style="border-bottom: 1px solid #e0e6ed; hover: background #f8f9fa;">
                <td style="padding: 12px;">${record.date}</td>
                <td style="padding: 12px;" class="${trend}">${record.overallRisk.toFixed(1)} ${trendIcon}</td>
                <td style="padding: 12px;">${record.riskScores.lipid.toFixed(0)}</td>
                <td style="padding: 12px;">${record.riskScores.glucose.toFixed(0)}</td>
                <td style="padding: 12px;">${record.riskScores.amino.toFixed(0)}</td>
                <td style="padding: 12px;">${record.riskScores.inflammation.toFixed(0)}</td>
                <td style="padding: 12px;">${record.riskScores.energy.toFixed(0)}</td>
                <td style="padding: 12px;">${record.riskScores.oxidative.toFixed(0)}</td>
                <td style="padding: 12px;">${subtypeNames}</td>
            </tr>
        `;
    });
    
    html += `</tbody></table>
        </div>`;
    
    // 各维度趋势
    html += `
        <div style="background: white; border-radius: 20px; padding: 30px; margin-bottom: 30px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);">
            <h3 class="section-title">各维度风险趋势</h3>
            <div style="margin-bottom: 20px;">
                <p style="color: #666; font-size: 0.9rem;">以下图表显示了各个代谢维度的风险评分变化趋势，帮助您了解哪些方面需要重点关注。</p>
            </div>
            <canvas id="dimensionTrendChart" width="800" height="400"></canvas>
        </div>
    `;
    
    // 关键指标变化分析
    html += `
        <div style="background: white; border-radius: 20px; padding: 30px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);">
            <h3 class="section-title">关键指标变化分析</h3>
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px;">
    `;
    
    // 分析各个维度的变化
    const dimensions = [
        { key: 'lipid', name: '脂质代谢', icon: '🩸', description: '反映血脂水平及心血管疾病风险' },
        { key: 'glucose', name: '糖代谢', icon: '🍯', description: '反映血糖控制及糖尿病风险' },
        { key: 'amino', name: '氨基酸代谢', icon: '⚗️', description: '反映蛋白质代谢及肌肉健康' },
        { key: 'inflammation', name: '炎症状态', icon: '🔥', description: '反映体内炎症水平' },
        { key: 'energy', name: '能量代谢', icon: '⚡', description: '反映能量利用效率' },
        { key: 'oxidative', name: '氧化应激', icon: '🍃', description: '反映抗氧化能力' }
    ];
    
    dimensions.forEach(dimension => {
        const firstValue = firstRecord.riskScores[dimension.key];
        const latestValue = latestRecord.riskScores[dimension.key];
        const change = latestValue - firstValue;
        const changePercent = ((change / firstValue) * 100).toFixed(1);
        const dimensionTrend = change > 0 ? '上升' : change < 0 ? '下降' : '稳定';
        const dimensionTrendColor = change > 0 ? '#e74c3c' : change < 0 ? '#00b894' : '#6c757d';
        
        html += `
            <div style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 20px; border-radius: 15px; border-left: 5px solid ${dimensionTrendColor};">
                <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 15px;">
                    <span style="font-size: 1.5rem;">${dimension.icon}</span>
                    <h4 style="color: #1a2980; margin: 0;">${dimension.name}</h4>
                </div>
                <p style="color: #666; font-size: 0.85rem; margin-bottom: 15px;">${dimension.description}</p>
                <div style="margin-bottom: 10px;">
                    <div style="font-size: 0.8rem; color: #666; margin-bottom: 3px;">首次检测</div>
                    <div style="font-weight: 600;">${firstValue.toFixed(0)}</div>
                </div>
                <div style="margin-bottom: 10px;">
                    <div style="font-size: 0.8rem; color: #666; margin-bottom: 3px;">最新检测</div>
                    <div style="font-weight: 600;">${latestValue.toFixed(0)}</div>
                </div>
                <div style="margin-bottom: 10px;">
                    <div style="font-size: 0.8rem; color: #666; margin-bottom: 3px;">变化</div>
                    <div style="font-weight: 600; color: ${dimensionTrendColor};">${change > 0 ? '+' : ''}${change.toFixed(0)} (${changePercent > 0 ? '+' : ''}${changePercent}%)</div>
                </div>
                <div>
                    <div style="font-size: 0.8rem; color: #666; margin-bottom: 3px;">趋势</div>
                    <div style="font-weight: 600; color: ${dimensionTrendColor};">${dimensionTrend}</div>
                </div>
            </div>
        `;
    });
    
    html += `
            </div>
        </div>
    `;
    
    container.innerHTML = html;
    
    // 绘制趋势图
    setTimeout(() => {
        drawTrendChart();
        drawDimensionTrendChart();
    }, 100);
}

// 绘制总体风险趋势图
function drawTrendChart() {
    const ctx = document.getElementById('trendChart');
    if (!ctx || !currentUser || !historicalData[currentUser.username]) return;
    
    const sortedData = [...historicalData[currentUser.username]].sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));
    const labels = sortedData.map(d => d.date);
    const data = sortedData.map(d => d.overallRisk.toFixed(1));
    
    // 根据风险值设置颜色 - 高于60显示红色
    const pointColors = sortedData.map(d => d.overallRisk > 60 ? '#e74c3c' : 'rgba(102, 126, 234, 1)');
    const borderColor = sortedData.some(d => d.overallRisk > 60) ? '#e74c3c' : 'rgba(102, 126, 234, 1)';
    const backgroundColor = sortedData.some(d => d.overallRisk > 60) ? 'rgba(231, 76, 60, 0.1)' : 'rgba(102, 126, 234, 0.1)';
    
    new Chart(ctx, {
        type: 'line',
        data: {
            labels: labels,
            datasets: [{
                label: '总体风险评分',
                data: data,
                borderColor: borderColor,
                backgroundColor: backgroundColor,
                pointBackgroundColor: pointColors,
                pointBorderColor: pointColors,
                pointRadius: 6,
                pointHoverRadius: 8,
                tension: 0.4,
                fill: true
            }]
        },
        options: {
            responsive: true,
            scales: {
                y: {
                    beginAtZero: true,
                    max: 100,
                    title: {
                        display: true,
                        text: '风险评分'
                    }
                }
            },
            plugins: {
                annotation: {
                    annotations: {
                        line1: {
                            type: 'line',
                            yMin: 60,
                            yMax: 60,
                            borderColor: 'rgba(231, 76, 60, 0.5)',
                            borderWidth: 2,
                            borderDash: [5, 5],
                            label: {
                                content: '高风险阈值',
                                enabled: true,
                                position: 'end'
                            }
                        }
                    }
                }
            }
        }
    });
}

// 绘制各维度趋势图
function drawDimensionTrendChart() {
    const ctx = document.getElementById('dimensionTrendChart');
    if (!ctx || !currentUser || !historicalData[currentUser.username]) return;
    
    const sortedData = [...historicalData[currentUser.username]].sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));
    const labels = sortedData.map(d => d.date);
    
    // 定义各维度的颜色和图标
    const dimensionConfig = [
        { key: 'lipid', label: '脂质代谢', color: 'rgba(255, 99, 132, 1)', icon: '🩸' },
        { key: 'glucose', label: '糖代谢', color: 'rgba(54, 162, 235, 1)', icon: '🍯' },
        { key: 'amino', label: '氨基酸代谢', color: 'rgba(75, 192, 192, 1)', icon: '⚗️' },
        { key: 'inflammation', label: '炎症状态', color: 'rgba(255, 206, 86, 1)', icon: '🔥' },
        { key: 'energy', label: '能量代谢', color: 'rgba(153, 102, 255, 1)', icon: '⚡' },
        { key: 'oxidative', label: '氧化应激', color: 'rgba(255, 159, 64, 1)', icon: '🍃' }
    ];
    
    new Chart(ctx, {
        type: 'line',
        data: {
            labels: labels,
            datasets: dimensionConfig.map(config => ({
                label: `${config.icon} ${config.label}`,
                data: sortedData.map(d => d.riskScores[config.key]),
                borderColor: config.color,
                backgroundColor: config.color.replace('1)', '0.1)'),
                pointBackgroundColor: config.color,
                pointBorderColor: '#fff',
                pointRadius: 5,
                pointHoverRadius: 7,
                tension: 0.4,
                fill: true
            }))
        },
        options: {
            responsive: true,
            interaction: {
                mode: 'index',
                intersect: false,
            },
            plugins: {
                legend: {
                    position: 'top',
                    labels: {
                        usePointStyle: true,
                        boxWidth: 10
                    }
                },
                tooltip: {
                    callbacks: {
                        label: function(context) {
                            let label = context.dataset.label || '';
                            if (label) {
                                label += ': ';
                            }
                            if (context.parsed.y !== null) {
                                label += context.parsed.y.toFixed(1);
                                // 根据风险值添加状态说明
                                if (context.parsed.y > 60) {
                                    label += ' (高风险)';
                                } else if (context.parsed.y > 30) {
                                    label += ' (中等风险)';
                                } else {
                                    label += ' (低风险)';
                                }
                            }
                            return label;
                        }
                    }
                }
            },
            scales: {
                y: {
                    beginAtZero: true,
                    max: 100,
                    title: {
                        display: true,
                        text: '风险评分'
                    }
                }
            }
        }
    });
}

// 切换标签页
function showTab(tabName) {
    // 隐藏所有标签内容
    document.querySelectorAll('.tab-content').forEach(tab => {
        tab.classList.remove('active');
    });
    
    // 移除所有标签按钮的激活状态
    document.querySelectorAll('.nav-tab').forEach(btn => {
        btn.classList.remove('active');
    });
    
    // 显示选中的标签内容
    document.getElementById(tabName).classList.add('active');
    
    // 激活对应的标签按钮
    const tabIndex = ['input', 'report', 'comparison', 'doctor', 'about', 'settings'].indexOf(tabName);
    if (tabIndex >= 0) {
        document.querySelectorAll('.nav-tab')[tabIndex].classList.add('active');
    }
    
    // 如果切换到对比页面，更新对比视图
    if (tabName === 'comparison') {
        updateComparisonView();
    }
    
    // 如果切换到个人设置页面，加载用户设置
    if (tabName === 'settings') {
        loadUserSettings();
    }
    
    // 如果切换到医生沟通页面，加载医嘱和聊天记录
    if (tabName === 'doctor') {
        loadPatientPrescriptions();
        loadChatMessages();
    }
}

// 加载用户设置
function loadUserSettings() {
    // 填充用户信息
    document.getElementById('settingsUsername').value = currentUser.username;
    document.getElementById('settingsRole').value = currentUser.role === 'patient' ? '患者' : '医生';
    
    // 获取用户创建时间
    const user = users[currentUser.username];
    if (user && user.createdAt) {
        document.getElementById('settingsCreatedAt').value = new Date(user.createdAt).toLocaleString();
    } else {
        document.getElementById('settingsCreatedAt').value = '未知';
    }
    
    // 加载用户性别和年龄
    if (user && user.gender) {
        document.getElementById('settingsGender').value = user.gender;
    } else {
        document.getElementById('settingsGender').value = '';
    }
    
    if (user && user.age) {
        document.getElementById('settingsAge').value = user.age;
    } else {
        document.getElementById('settingsAge').value = '';
    }
    
    // 更新最近登录时间
    document.getElementById('settingsLastLogin').value = new Date().toLocaleString();
}

// 保存用户个人资料
function saveUserProfile() {
    const gender = document.getElementById('settingsGender').value;
    const age = document.getElementById('settingsAge').value;
    
    // 更新用户数据
    const user = users[currentUser.username];
    if (user) {
        user.gender = gender;
        user.age = age;
        
        // 保存到localStorage
        localStorage.setItem('metascanUsers', JSON.stringify(users));
        
        // 显示成功消息
        showNotification('个人资料保存成功');
    }
}

// 切换密码可见性
function togglePasswordVisibility(inputId) {
    const input = document.getElementById(inputId);
    const button = input.nextElementSibling;
    
    if (input.type === 'password') {
        input.type = 'text';
        button.textContent = '👁️‍🗨️';
    } else {
        input.type = 'password';
        button.textContent = '👁️';
    }
}

// 加载患者医嘱
function loadPatientPrescriptions() {
    const prescriptionsContainer = document.getElementById('patientPrescriptions');
    if (!prescriptionsContainer) return;
    
    const prescriptions = JSON.parse(localStorage.getItem(`metascanPrescriptions_${currentUser.username}`)) || [];
    
    // 更新统计
    updatePrescriptionCount(prescriptions.length);
    
    if (prescriptions.length === 0) {
        prescriptionsContainer.innerHTML = `
            <div style="text-align: center; padding: 60px 20px;">
                <div style="font-size: 4rem; margin-bottom: 20px;">📋</div>
                <div style="color: #666; font-size: 1rem; margin-bottom: 10px;">暂无医嘱</div>
                <div style="color: #999; font-size: 0.85rem;">医生会根据您的情况给出专业建议</div>
            </div>
        `;
        return;
    }
    
    // 按日期排序，最新的在前
    prescriptions.sort((a, b) => new Date(b.date) - new Date(a.date));
    
    prescriptionsContainer.innerHTML = prescriptions.map((prescription, index) => `
        <div style="margin-bottom: 15px; animation: fadeInUp 0.5s ease; animation-delay: ${index * 0.1}s;">
            <div style="background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%); border-radius: 15px; padding: 20px; border: 1px solid #e0e6ed; transition: all 0.3s ease; cursor: pointer;" 
                 onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 4px 15px rgba(26, 41, 128, 0.1);'" 
                 onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none';">
                <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 15px;">
                    <div style="width: 45px; height: 45px; background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; box-shadow: 0 4px 10px rgba(26, 41, 128, 0.2);">👨‍⚕️</div>
                    <div style="flex: 1;">
                        <div style="font-weight: 700; color: #1a2980; font-size: 1.05rem; margin-bottom: 3px;">${prescription.doctor}</div>
                        <div style="display: flex; align-items: center; gap: 8px;">
                            <span style="font-size: 0.8rem; color: #666; display: flex; align-items: center; gap: 4px;">
                                📅 ${new Date(prescription.date).toLocaleDateString('zh-CN', { year: 'numeric', month: 'long', day: 'numeric' })}
                            </span>
                            <span style="font-size: 0.75rem; color: #999;">
                                ⏰ ${new Date(prescription.date).toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' })}
                            </span>
                        </div>
                    </div>
                    <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 6px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 600;">医嘱</div>
                </div>
                <div style="background: white; border-radius: 10px; padding: 15px; line-height: 1.8; color: #333; white-space: pre-wrap; border: 1px solid #e0e6ed;">
                    ${prescription.content}
                </div>
            </div>
        </div>
    `).join('');
}

// 刷新医嘱
function refreshPrescriptions() {
    loadPatientPrescriptions();
    showNotification('医嘱列表已刷新');
}

// 更新医嘱数量统计
function updatePrescriptionCount(count) {
    const countEl = document.getElementById('prescriptionCount');
    if (countEl) {
        countEl.textContent = count;
    }
}

// 加载聊天记录
function loadChatMessages() {
    const chatContainer = document.getElementById('chatMessages');
    if (!chatContainer) return;
    
    const chatMessages = JSON.parse(localStorage.getItem(`metascanChat_${currentUser.username}`)) || [];
    
    // 更新消息数量统计
    updateMessageCount(chatMessages.length);
    
    if (chatMessages.length === 0) {
        chatContainer.innerHTML = `
            <div style="text-align: center; padding: 60px 20px;">
                <div style="font-size: 4rem; margin-bottom: 20px;">💬</div>
                <div style="color: #666; font-size: 1rem; margin-bottom: 10px;">开始与医生对话</div>
                <div style="color: #999; font-size: 0.85rem;">有任何健康问题都可以咨询医生</div>
            </div>
        `;
        return;
    }
    
    // 按时间排序，最早的在前
    chatMessages.sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));
    
    // 标记消息为已读
    chatMessages.forEach(msg => {
        if (msg.sender !== currentUser.username && !msg.read) {
            msg.read = true;
        }
    });
    localStorage.setItem(`metascanChat_${currentUser.username}`, JSON.stringify(chatMessages));
    
    chatContainer.innerHTML = chatMessages.map((message, index) => {
        const isPatient = message.sender === currentUser.username;
        const timeStr = formatMessageTime(message.timestamp);
        const fullTime = new Date(message.timestamp).toLocaleString('zh-CN');
        
        // 生成回复引用HTML
        let replyHtml = '';
        if (message.replyTo) {
            replyHtml = `
                <div style="background: rgba(0,0,0,0.05); border-left: 3px solid #26d0ce; padding: 8px 12px; margin-bottom: 8px; border-radius: 4px; font-size: 0.85rem;">
                    <div style="color: #666; margin-bottom: 2px;">回复 ${message.replyTo.sender}</div>
                    <div style="color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">${message.replyTo.content}</div>
                </div>
            `;
        }
        
        // 撤回的消息样式
        const isRecalledMessage = message.isRecalled;
        const messageStyle = isRecalledMessage 
            ? 'background: #f5f5f5; color: #999; font-style: italic;' 
            : (isPatient ? 'background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); color: white;' : 'background: white; color: #333; border: 1px solid #e0e6ed;');
        
        return `
            <div style="display: flex; ${isPatient ? 'justify-content: flex-end;' : 'justify-content: flex-start;'} margin-bottom: 16px; animation: fadeInUp 0.4s ease; animation-delay: ${index * 0.05}s;"
                 oncontextmenu="${!isRecalledMessage ? `showMessageMenu(event, ${message.id}, '${message.sender}', '${message.content.replace(/'/g, "\\'")}')` : ''}; return false;">
                ${!isPatient ? `
                    <div style="display: flex; align-items: flex-end; gap: 10px;">
                        <div style="width: 40px; height: 40px; background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; flex-shrink: 0; box-shadow: 0 2px 8px rgba(26, 41, 128, 0.2);">👨‍⚕️</div>
                        <div style="max-width: 75%;">
                            <div style="${messageStyle} border-radius: 18px 18px 18px 4px; padding: 14px 18px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); cursor: ${!isRecalledMessage ? 'context-menu' : 'default'};">
                                ${!isRecalledMessage ? replyHtml : ''}
                                <div style="font-weight: 600; color: ${isRecalledMessage ? '#999' : '#1a2980'}; margin-bottom: 6px; font-size: 0.9rem;">医生</div>
                                <div style="line-height: 1.6; font-size: 0.95rem;">${message.content}</div>
                            </div>
                            <div style="font-size: 0.75rem; color: #999; margin-top: 5px; padding-left: 5px; display: flex; align-items: center; gap: 5px;">
                                <span title="${fullTime}">${timeStr}</span>
                                ${isPatient ? `<span style="color: ${message.read ? '#27ae60' : '#999'};">${message.read ? '✓✓ 已读' : '✓ 未读'}</span>` : ''}
                            </div>
                        </div>
                    </div>
                ` : `
                    <div style="display: flex; align-items: flex-end; gap: 10px; flex-direction: row-reverse;">
                        <div style="width: 40px; height: 40px; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; flex-shrink: 0; box-shadow: 0 2px 8px rgba(245, 87, 108, 0.2);">👤</div>
                        <div style="max-width: 75%;">
                            <div style="${messageStyle} border-radius: 18px 18px 4px 18px; padding: 14px 18px; box-shadow: 0 2px 8px rgba(26, 41, 128, 0.2); cursor: ${!isRecalledMessage ? 'context-menu' : 'default'};">
                                ${!isRecalledMessage ? replyHtml : ''}
                                <div style="font-weight: 600; color: ${isRecalledMessage ? '#999' : 'white'}; margin-bottom: 6px; font-size: 0.9rem;">我</div>
                                <div style="line-height: 1.6; font-size: 0.95rem;">${message.content}</div>
                            </div>
                            <div style="font-size: 0.75rem; color: #999; margin-top: 5px; text-align: right; padding-right: 5px; display: flex; align-items: center; gap: 5px; justify-content: flex-end;">
                                <span title="${fullTime}">${timeStr}</span>
                                <span style="color: ${message.read ? '#27ae60' : '#999'};">${message.read ? '✓✓ 已读' : '✓ 未读'}</span>
                            </div>
                        </div>
                    </div>
                `}
            </div>
        `;
    }).join('');
    
    // 滚动到底部
    chatContainer.scrollTop = chatContainer.scrollHeight;
}

// 快捷回复
function quickReply(text) {
    const chatInput = document.getElementById('chatInput');
    if (chatInput) {
        chatInput.value = text;
        chatInput.focus();
    }
}

// 更新消息数量统计
function updateMessageCount(count) {
    const countEl = document.getElementById('messageCount');
    if (countEl) {
        countEl.textContent = count;
    }
}

// 申请查看报告权限
function requestReportAccess() {
    if (!currentUser) return;
    
    // 检查是否已有待处理的申请
    const existingRequests = JSON.parse(localStorage.getItem('metascanReportRequests') || '[]');
    const pendingRequest = existingRequests.find(req => 
        req.patientUsername === currentUser.username && req.status === 'pending'
    );
    
    if (pendingRequest) {
        showNotification('您已提交申请，请等待医生审批');
        return;
    }
    
    // 检查是否已有权限
    const approvedRequest = existingRequests.find(req => 
        req.patientUsername === currentUser.username && req.status === 'approved'
    );
    
    if (approvedRequest) {
        showNotification('您已有查看报告的权限');
        updateReportAccessUI('approved');
        return;
    }
    
    // 创建新的申请
    const request = {
        id: Date.now(),
        patientUsername: currentUser.username,
        requestDate: new Date().toISOString(),
        status: 'pending'
    };
    
    existingRequests.push(request);
    localStorage.setItem('metascanReportRequests', JSON.stringify(existingRequests));
    
    // 向医生发送通知
    sendReportAccessRequestNotification(currentUser.username);
    
    // 更新UI
    updateReportAccessUI('pending');
    
    showNotification('申请已提交，请等待医生审批');
}

// 更新报告访问权限UI
function updateReportAccessUI(status) {
    const statusEl = document.getElementById('reportAccessStatus');
    const contentEl = document.getElementById('reportAccessContent');
    
    if (!statusEl || !contentEl) return;
    
    if (status === 'pending') {
        statusEl.textContent = '审批中';
        statusEl.style.background = '#fff3cd';
        statusEl.style.color = '#856404';
        contentEl.innerHTML = `
            <div style="text-align: center; padding: 20px;">
                <div style="font-size: 3rem; margin-bottom: 15px;">⏳</div>
                <p style="color: #666; margin-bottom: 10px;">您的申请已提交</p>
                <p style="color: #999; font-size: 0.9rem;">请耐心等待医生审批...</p>
            </div>
        `;
    } else if (status === 'approved') {
        statusEl.textContent = '已授权';
        statusEl.style.background = '#d4edda';
        statusEl.style.color = '#155724';
        contentEl.innerHTML = `
            <div style="text-align: center; padding: 20px;">
                <div style="font-size: 3rem; margin-bottom: 15px;">✅</div>
                <p style="color: #666; margin-bottom: 15px;">医生已授权查看您的健康报告</p>
                <button onclick="showTab('report')" style="padding: 12px 30px; background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%); color: white; border: none; border-radius: 25px; cursor: pointer; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(39, 174, 96, 0.3);">
                    📊 查看健康报告
                </button>
            </div>
        `;
    }
}

// 发送报告访问申请通知给医生
function sendReportAccessRequestNotification(patientUsername) {
    const notification = {
        id: Date.now(),
        type: 'reportRequest',
        title: '📊 报告查看申请',
        message: `患者 ${patientUsername} 申请查看健康报告`,
        patientUsername: patientUsername,
        timestamp: new Date().toISOString(),
        read: false
    };
    
    // 保存到医生的通知列表
    const doctorNotifications = JSON.parse(localStorage.getItem('metascanDoctorNotifications') || '[]');
    doctorNotifications.unshift(notification);
    localStorage.setItem('metascanDoctorNotifications', JSON.stringify(doctorNotifications));
    
    // 更新医生通知徽章
    updateDoctorNotificationBadge();
}

// 加载报告访问状态
function loadReportAccessStatus() {
    if (!currentUser) return;
    
    const requests = JSON.parse(localStorage.getItem('metascanReportRequests') || '[]');
    const request = requests.find(req => req.patientUsername === currentUser.username);
    
    if (request) {
        updateReportAccessUI(request.status);
    }
}

// 加载医生列表（患者系统）
function loadDoctorList() {
    if (!currentUser || currentUser.role !== 'patient') return;
    
    const doctorListContainer = document.getElementById('doctorListContainer');
    const doctorCountBadge = document.getElementById('doctorCountBadge');
    if (!doctorListContainer) return;
    
    // 获取所有医生用户
    const allUsers = JSON.parse(localStorage.getItem('metascanUsers')) || {};
    const doctors = Object.entries(allUsers)
        .filter(([username, userData]) => userData.role === 'doctor')
        .map(([username, userData]) => ({ username, ...userData }));
    
    // 更新医生数量
    if (doctorCountBadge) {
        doctorCountBadge.textContent = doctors.length;
    }
    
    if (doctors.length === 0) {
        doctorListContainer.innerHTML = `
            <div style="text-align: center; padding: 40px 20px; color: #666;">
                <div style="font-size: 3rem; margin-bottom: 15px;">👨‍⚕️</div>
                <div style="font-size: 0.9rem;">暂无医生</div>
            </div>
        `;
        return;
    }
    
    // 获取当前选中的医生
    const selectedDoctor = window.currentSelectedDoctor;
    
    doctorListContainer.innerHTML = doctors.map((doctor, index) => {
        // 获取与这位医生的未读消息数
        const chatKey = `metascanChat_${currentUser.username}_${doctor.username}`;
        const chatMessages = JSON.parse(localStorage.getItem(chatKey)) || [];
        const unreadCount = chatMessages.filter(msg => 
            msg.sender === doctor.username && !msg.read
        ).length;
        
        const isSelected = selectedDoctor === doctor.username;
        
        return `
            <div onclick="selectDoctor('${doctor.username}')" 
                 style="padding: 15px; border-radius: 12px; cursor: pointer; transition: all 0.3s ease; margin-bottom: 10px;
                        background: ${isSelected ? 'linear-gradient(135deg, #1a2980 0%, #26d0ce 100%)' : '#f8f9ff'};
                        color: ${isSelected ? 'white' : '#333'};
                        box-shadow: ${isSelected ? '0 4px 15px rgba(26, 41, 128, 0.3)' : 'none'};
                        border: ${isSelected ? 'none' : '1px solid #e0e6ed'};"
                 onmouseover="if(!${isSelected}) this.style.background='#f0f4ff'"
                 onmouseout="if(!${isSelected}) this.style.background='#f8f9ff'">
                <div style="display: flex; align-items: center; gap: 12px;">
                    <div style="width: 45px; height: 45px; background: ${isSelected ? 'rgba(255,255,255,0.2)' : 'linear-gradient(135deg, #1a2980 0%, #26d0ce 100%)'}; 
                                border-radius: 50%; display: flex; align-items: center; justify-content: center; 
                                color: ${isSelected ? 'white' : 'white'}; font-size: 1.2rem; flex-shrink: 0;">
                        👨‍⚕️
                    </div>
                    <div style="flex: 1; min-width: 0;">
                        <div style="font-weight: 600; font-size: 0.95rem; margin-bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
                            ${doctor.username}
                        </div>
                        <div style="font-size: 0.8rem; opacity: 0.8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
                            专业医生
                        </div>
                    </div>
                    ${unreadCount > 0 ? `
                        <div style="background: #e74c3c; color: white; padding: 2px 8px; border-radius: 10px; font-size: 0.75rem; font-weight: 600;">
                            ${unreadCount}
                        </div>
                    ` : ''}
                </div>
            </div>
        `;
    }).join('');
}

// 搜索医生
function searchDoctors() {
    const searchInput = document.getElementById('doctorSearchInput');
    if (!searchInput) return;
    
    const searchTerm = searchInput.value.toLowerCase().trim();
    const doctorItems = document.querySelectorAll('#doctorListContainer > div');
    
    doctorItems.forEach(item => {
        const doctorName = item.textContent.toLowerCase();
        if (doctorName.includes(searchTerm)) {
            item.style.display = 'block';
        } else {
            item.style.display = 'none';
        }
    });
}

// 选择医生
function selectDoctor(doctorUsername) {
    window.currentSelectedDoctor = doctorUsername;
    
    // 更新UI显示
    document.getElementById('noDoctorSelected').style.display = 'none';
    document.getElementById('currentDoctorInfo').style.display = 'block';
    document.getElementById('chatArea').style.display = 'flex';
    document.getElementById('prescriptionArea').style.display = 'block';
    
    // 更新当前医生信息
    document.getElementById('currentDoctorName').textContent = doctorUsername;
    document.getElementById('currentDoctorStatus').textContent = '在线 - 随时可以咨询';
    
    // 重新加载医生列表（更新选中状态）
    loadDoctorList();
    
    // 加载与该医生的聊天记录
    loadChatMessagesWithDoctor(doctorUsername);
    
    // 加载该医生的医嘱
    loadPrescriptionsFromDoctor(doctorUsername);
}

// 加载与特定医生的聊天记录
function loadChatMessagesWithDoctor(doctorUsername) {
    const chatContainer = document.getElementById('chatMessages');
    if (!chatContainer) return;
    
    const chatKey = `metascanChat_${currentUser.username}_${doctorUsername}`;
    const chatMessages = JSON.parse(localStorage.getItem(chatKey)) || [];
    
    if (chatMessages.length === 0) {
        chatContainer.innerHTML = `
            <div style="text-align: center; padding: 60px 20px;">
                <div style="font-size: 4rem; margin-bottom: 20px;">💬</div>
                <div style="color: #666; font-size: 1rem; margin-bottom: 10px;">开始与 ${doctorUsername} 医生对话</div>
                <div style="color: #999; font-size: 0.85rem;">有任何健康问题都可以咨询</div>
            </div>
        `;
        return;
    }
    
    // 按时间排序
    chatMessages.sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));
    
    // 标记消息为已读
    chatMessages.forEach(msg => {
        if (msg.sender === doctorUsername && !msg.read) {
            msg.read = true;
        }
    });
    localStorage.setItem(chatKey, JSON.stringify(chatMessages));
    
    // 重新加载医生列表（更新未读数）
    loadDoctorList();
    
    chatContainer.innerHTML = chatMessages.map((message, index) => {
        const isPatient = message.sender === currentUser.username;
        const timeStr = formatMessageTime(message.timestamp);
        const fullTime = new Date(message.timestamp).toLocaleString('zh-CN');
        
        // 生成回复引用HTML
        let replyHtml = '';
        if (message.replyTo) {
            replyHtml = `
                <div style="background: rgba(0,0,0,0.05); border-left: 3px solid #26d0ce; padding: 8px 12px; margin-bottom: 8px; border-radius: 4px; font-size: 0.85rem;">
                    <div style="color: #666; margin-bottom: 2px;">回复 ${message.replyTo.sender}</div>
                    <div style="color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">${message.replyTo.content}</div>
                </div>
            `;
        }
        
        // 撤回的消息样式
        const isRecalledMessage = message.isRecalled;
        const messageStyle = isRecalledMessage 
            ? 'background: #f5f5f5; color: #999; font-style: italic;' 
            : (isPatient ? 'background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); color: white;' : 'background: white; color: #333; border: 1px solid #e0e6ed;');
        
        return `
            <div style="display: flex; ${isPatient ? 'justify-content: flex-end;' : 'justify-content: flex-start;'} margin-bottom: 16px; animation: fadeInUp 0.4s ease; animation-delay: ${index * 0.05}s;"
                 oncontextmenu="${!isRecalledMessage ? `showMessageMenu(event, ${message.id}, '${message.sender}', '${message.content.replace(/'/g, "\\'")}')` : ''}; return false;">
                ${!isPatient ? `
                    <div style="display: flex; align-items: flex-end; gap: 10px;">
                        <div style="width: 40px; height: 40px; background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; flex-shrink: 0; box-shadow: 0 2px 8px rgba(26, 41, 128, 0.2);">👨‍⚕️</div>
                        <div style="max-width: 75%;">
                            <div style="${messageStyle} border-radius: 18px 18px 18px 4px; padding: 14px 18px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); cursor: ${!isRecalledMessage ? 'context-menu' : 'default'};">
                                ${!isRecalledMessage ? replyHtml : ''}
                                <div style="font-weight: 600; color: ${isRecalledMessage ? '#999' : '#1a2980'}; margin-bottom: 6px; font-size: 0.9rem;">${doctorUsername}</div>
                                <div style="line-height: 1.6; font-size: 0.95rem;">${message.content}</div>
                            </div>
                            <div style="font-size: 0.75rem; color: #999; margin-top: 5px; padding-left: 5px; display: flex; align-items: center; gap: 5px;">
                                <span title="${fullTime}">${timeStr}</span>
                            </div>
                        </div>
                    </div>
                ` : `
                    <div style="display: flex; align-items: flex-end; gap: 10px; flex-direction: row-reverse;">
                        <div style="width: 40px; height: 40px; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; flex-shrink: 0; box-shadow: 0 2px 8px rgba(245, 87, 108, 0.2);">👤</div>
                        <div style="max-width: 75%;">
                            <div style="${messageStyle} border-radius: 18px 18px 4px 18px; padding: 14px 18px; box-shadow: 0 2px 8px rgba(26, 41, 128, 0.2); cursor: ${!isRecalledMessage ? 'context-menu' : 'default'};">
                                ${!isRecalledMessage ? replyHtml : ''}
                                <div style="font-weight: 600; color: ${isRecalledMessage ? '#999' : 'white'}; margin-bottom: 6px; font-size: 0.9rem;">我</div>
                                <div style="line-height: 1.6; font-size: 0.95rem;">${message.content}</div>
                            </div>
                            <div style="font-size: 0.75rem; color: #999; margin-top: 5px; text-align: right; padding-right: 5px; display: flex; align-items: center; gap: 5px; justify-content: flex-end;">
                                <span title="${fullTime}">${timeStr}</span>
                                <span style="color: ${message.read ? '#27ae60' : '#999'};">${message.read ? '✓✓' : '✓'}</span>
                            </div>
                        </div>
                    </div>
                `}
            </div>
        `;
    }).join('');
    
    // 滚动到底部
    chatContainer.scrollTop = chatContainer.scrollHeight;
}

// 加载特定医生的医嘱
function loadPrescriptionsFromDoctor(doctorUsername) {
    const prescriptionsContainer = document.getElementById('patientPrescriptions');
    if (!prescriptionsContainer) return;
    
    const prescriptions = JSON.parse(localStorage.getItem(`metascanPrescriptions_${currentUser.username}`)) || [];
    const doctorPrescriptions = prescriptions.filter(p => p.doctorUsername === doctorUsername);
    
    if (doctorPrescriptions.length === 0) {
        prescriptionsContainer.innerHTML = `
            <div style="text-align: center; padding: 40px 20px; color: #666;">
                <div style="font-size: 3rem; margin-bottom: 15px;">📋</div>
                <div style="font-size: 0.9rem;">暂无来自 ${doctorUsername} 的医嘱</div>
            </div>
        `;
        return;
    }
    
    // 按日期排序
    doctorPrescriptions.sort((a, b) => new Date(b.date) - new Date(a.date));
    
    prescriptionsContainer.innerHTML = doctorPrescriptions.map((prescription, index) => `
        <div style="margin-bottom: 15px; animation: fadeInUp 0.5s ease; animation-delay: ${index * 0.1}s;">
            <div style="background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%); border-radius: 12px; padding: 15px; border: 1px solid #e0e6ed;">
                <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 10px;">
                    <div style="width: 40px; height: 40px; background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem;">👨‍⚕️</div>
                    <div style="flex: 1;">
                        <div style="font-weight: 600; color: #1a2980; font-size: 0.9rem;">${doctorUsername}</div>
                        <div style="font-size: 0.8rem; color: #999;">${new Date(prescription.date).toLocaleDateString('zh-CN')}</div>
                    </div>
                </div>
                <div style="color: #333; font-size: 0.9rem; line-height: 1.6;">${prescription.content}</div>
            </div>
        </div>
    `).join('');
}

// 显示医生资料
function showDoctorProfile() {
    const doctorUsername = window.currentSelectedDoctor;
    if (!doctorUsername) {
        showNotification('请先选择一位医生');
        return;
    }
    
    // 简单显示医生信息弹窗
    alert(`医生姓名: ${doctorUsername}\n医生职称: 主治医生\n专长: 内科\n状态: 在线`);
}

// 发送消息
function sendMessage() {
    const chatInput = document.getElementById('chatInput');
    const messageContent = chatInput.value.trim();
    
    if (!messageContent) return;
    
    const doctorUsername = window.currentSelectedDoctor;
    if (!doctorUsername) {
        showNotification('请先选择一位医生');
        return;
    }
    
    // 创建消息对象
    const message = {
        id: Date.now(),
        sender: currentUser.username,
        recipient: doctorUsername,
        content: messageContent,
        timestamp: new Date().toISOString(),
        read: false,
        replyTo: window.replyingToMessage || null
    };
    
    // 清除回复状态
    window.replyingToMessage = null;
    document.getElementById('replyIndicator')?.remove();
    
    // 保存消息到localStorage（使用新的存储键）
    const chatKey = `metascanChat_${currentUser.username}_${doctorUsername}`;
    const chatMessages = JSON.parse(localStorage.getItem(chatKey)) || [];
    chatMessages.push(message);
    localStorage.setItem(chatKey, JSON.stringify(chatMessages));
    
    // 同时保存到医生的聊天记录
    const doctorChatKey = `metascanChat_${doctorUsername}_${currentUser.username}`;
    const doctorChatMessages = JSON.parse(localStorage.getItem(doctorChatKey)) || [];
    doctorChatMessages.push(message);
    localStorage.setItem(doctorChatKey, JSON.stringify(doctorChatMessages));
    
    // 向医生发送咨询通知
    sendDoctorNotification(currentUser.username, messageContent, doctorUsername);
    
    // 清空输入框
    chatInput.value = '';
    
    // 重新加载与该医生的聊天记录
    loadChatMessagesWithDoctor(doctorUsername);
    
    // 显示成功消息
    showNotification('消息发送成功');
}

// 删除/撤回消息
function deleteMessage(messageId) {
    if (!confirm('确定要删除这条消息吗？')) return;
    
    const chatMessages = JSON.parse(localStorage.getItem(`metascanChat_${currentUser.username}`)) || [];
    const messageIndex = chatMessages.findIndex(msg => msg.id === messageId);
    
    if (messageIndex !== -1) {
        // 检查是否是5分钟内发送的消息
        const message = chatMessages[messageIndex];
        const messageTime = new Date(message.timestamp);
        const now = new Date();
        const diffMinutes = (now - messageTime) / (1000 * 60);
        
        if (diffMinutes <= 5 && message.sender === currentUser.username) {
            // 撤回消息
            chatMessages[messageIndex].content = '消息已撤回';
            chatMessages[messageIndex].isRecalled = true;
            showNotification('消息已撤回');
        } else if (message.sender === currentUser.username) {
            // 删除消息
            chatMessages.splice(messageIndex, 1);
            showNotification('消息已删除');
        } else {
            showNotification('只能删除自己的消息');
            return;
        }
        
        localStorage.setItem(`metascanChat_${currentUser.username}`, JSON.stringify(chatMessages));
        loadChatMessages();
    }
}

// 回复消息
function replyToMessage(messageId, sender, content) {
    window.replyingToMessage = { id: messageId, sender, content };
    
    // 显示回复指示器
    const chatInput = document.getElementById('chatInput');
    let replyIndicator = document.getElementById('replyIndicator');
    
    if (!replyIndicator) {
        replyIndicator = document.createElement('div');
        replyIndicator.id = 'replyIndicator';
        replyIndicator.style.cssText = 'background: #f0f4ff; border-left: 3px solid #26d0ce; padding: 8px 12px; margin-bottom: 10px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;';
        chatInput.parentNode.insertBefore(replyIndicator, chatInput);
    }
    
    replyIndicator.innerHTML = `
        <div style="flex: 1; overflow: hidden;">
            <div style="font-size: 0.8rem; color: #666; margin-bottom: 2px;">回复 ${sender}</div>
            <div style="font-size: 0.9rem; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">${content}</div>
        </div>
        <button onclick="cancelReply()" style="background: none; border: none; color: #999; cursor: pointer; font-size: 1.2rem; padding: 0 5px;">×</button>
    `;
    
    chatInput.focus();
}

// 取消回复
function cancelReply() {
    window.replyingToMessage = null;
    const replyIndicator = document.getElementById('replyIndicator');
    if (replyIndicator) {
        replyIndicator.remove();
    }
}

// 复制消息
function copyMessage(content) {
    navigator.clipboard.writeText(content).then(() => {
        showNotification('消息已复制');
    }).catch(() => {
        // 降级方案
        const textarea = document.createElement('textarea');
        textarea.value = content;
        document.body.appendChild(textarea);
        textarea.select();
        document.execCommand('copy');
        document.body.removeChild(textarea);
        showNotification('消息已复制');
    });
}

// 格式化时间显示
function formatMessageTime(timestamp) {
    const date = new Date(timestamp);
    const now = new Date();
    const diff = now - date;
    const diffMinutes = Math.floor(diff / (1000 * 60));
    const diffHours = Math.floor(diff / (1000 * 60 * 60));
    const diffDays = Math.floor(diff / (1000 * 60 * 60 * 24));
    
    if (diffMinutes < 1) {
        return '刚刚';
    } else if (diffMinutes < 60) {
        return `${diffMinutes}分钟前`;
    } else if (diffHours < 24) {
        return `${diffHours}小时前`;
    } else if (diffDays < 7) {
        return `${diffDays}天前`;
    } else {
        return date.toLocaleDateString('zh-CN', { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' });
    }
}

// 显示消息操作菜单
function showMessageMenu(event, messageId, sender, content) {
    event.stopPropagation();
    
    // 移除已有的菜单
    const existingMenu = document.getElementById('messageContextMenu');
    if (existingMenu) {
        existingMenu.remove();
    }
    
    const menu = document.createElement('div');
    menu.id = 'messageContextMenu';
    menu.style.cssText = `
        position: fixed;
        background: white;
        border-radius: 8px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.15);
        padding: 8px 0;
        z-index: 10000;
        min-width: 120px;
        left: ${event.clientX}px;
        top: ${event.clientY}px;
    `;
    
    const isOwnMessage = sender === currentUser.username;
    
    menu.innerHTML = `
        <div onclick="replyToMessage(${messageId}, '${sender}', '${content.replace(/'/g, "\\'")}'); document.getElementById('messageContextMenu').remove();" 
             style="padding: 10px 16px; cursor: pointer; font-size: 0.9rem; transition: background 0.2s; display: flex; align-items: center; gap: 8px;"
             onmouseover="this.style.background='#f5f7fa'" 
             onmouseout="this.style.background='white'">
            💬 回复
        </div>
        <div onclick="copyMessage('${content.replace(/'/g, "\\'")}'); document.getElementById('messageContextMenu').remove();" 
             style="padding: 10px 16px; cursor: pointer; font-size: 0.9rem; transition: background 0.2s; display: flex; align-items: center; gap: 8px;"
             onmouseover="this.style.background='#f5f7fa'" 
             onmouseout="this.style.background='white'">
            📋 复制
        </div>
        ${isOwnMessage ? `
            <div onclick="deleteMessage(${messageId}); document.getElementById('messageContextMenu').remove();" 
                 style="padding: 10px 16px; cursor: pointer; font-size: 0.9rem; transition: background 0.2s; display: flex; align-items: center; gap: 8px; color: #e74c3c;"
                 onmouseover="this.style.background='#f5f7fa'" 
                 onmouseout="this.style.background='white'">
                🗑️ ${isRecalled(messageId) ? '删除' : '撤回'}
            </div>
        ` : ''}
    `;
    
    document.body.appendChild(menu);
    
    // 点击其他地方关闭菜单
    const closeMenu = () => {
        menu.remove();
        document.removeEventListener('click', closeMenu);
    };
    setTimeout(() => {
        document.addEventListener('click', closeMenu);
    }, 100);
}

// 检查消息是否已撤回
function isRecalled(messageId) {
    const chatMessages = JSON.parse(localStorage.getItem(`metascanChat_${currentUser.username}`)) || [];
    const message = chatMessages.find(msg => msg.id === messageId);
    return message && message.isRecalled;
}

// 医生系统的消息操作菜单
function showDoctorMessageMenu(event, messageId, sender, content, patientUsername) {
    event.stopPropagation();
    
    // 移除已有的菜单
    const existingMenu = document.getElementById('messageContextMenu');
    if (existingMenu) {
        existingMenu.remove();
    }
    
    const menu = document.createElement('div');
    menu.id = 'messageContextMenu';
    menu.style.cssText = `
        position: fixed;
        background: white;
        border-radius: 8px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.15);
        padding: 8px 0;
        z-index: 10000;
        min-width: 120px;
        left: ${event.clientX}px;
        top: ${event.clientY}px;
    `;
    
    const isOwnMessage = sender === currentUser.username;
    
    menu.innerHTML = `
        <div onclick="replyToDoctorMessage(${messageId}, '${sender}', '${content.replace(/'/g, "\\'")}', '${patientUsername}'); document.getElementById('messageContextMenu').remove();" 
             style="padding: 10px 16px; cursor: pointer; font-size: 0.9rem; transition: background 0.2s; display: flex; align-items: center; gap: 8px;"
             onmouseover="this.style.background='#f5f7fa'" 
             onmouseout="this.style.background='white'">
            💬 回复
        </div>
        <div onclick="copyMessage('${content.replace(/'/g, "\\'")}'); document.getElementById('messageContextMenu').remove();" 
             style="padding: 10px 16px; cursor: pointer; font-size: 0.9rem; transition: background 0.2s; display: flex; align-items: center; gap: 8px;"
             onmouseover="this.style.background='#f5f7fa'" 
             onmouseout="this.style.background='white'">
            📋 复制
        </div>
        ${isOwnMessage ? `
            <div onclick="deleteDoctorMessage(${messageId}, '${patientUsername}'); document.getElementById('messageContextMenu').remove();" 
                 style="padding: 10px 16px; cursor: pointer; font-size: 0.9rem; transition: background 0.2s; display: flex; align-items: center; gap: 8px; color: #e74c3c;"
                 onmouseover="this.style.background='#f5f7fa'" 
                 onmouseout="this.style.background='white'">
                🗑️ ${isDoctorMessageRecalled(messageId, patientUsername) ? '删除' : '撤回'}
            </div>
        ` : ''}
    `;
    
    document.body.appendChild(menu);
    
    // 点击其他地方关闭菜单
    const closeMenu = () => {
        menu.remove();
        document.removeEventListener('click', closeMenu);
    };
    setTimeout(() => {
        document.addEventListener('click', closeMenu);
    }, 100);
}

// 回复医生消息
function replyToDoctorMessage(messageId, sender, content, patientUsername) {
    window.replyingToMessage = { id: messageId, sender, content };
    window.currentReplyPatient = patientUsername;
    
    // 显示回复指示器
    const chatInput = document.getElementById('doctorChatInput');
    let replyIndicator = document.getElementById('doctorReplyIndicator');
    
    if (!replyIndicator) {
        replyIndicator = document.createElement('div');
        replyIndicator.id = 'doctorReplyIndicator';
        replyIndicator.style.cssText = 'background: #f0f4ff; border-left: 3px solid #26d0ce; padding: 8px 12px; margin-bottom: 10px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;';
        chatInput.parentNode.insertBefore(replyIndicator, chatInput);
    }
    
    replyIndicator.innerHTML = `
        <div style="flex: 1; overflow: hidden;">
            <div style="font-size: 0.8rem; color: #666; margin-bottom: 2px;">回复 ${sender}</div>
            <div style="font-size: 0.9rem; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">${content}</div>
        </div>
        <button onclick="cancelDoctorReply()" style="background: none; border: none; color: #999; cursor: pointer; font-size: 1.2rem; padding: 0 5px;">×</button>
    `;
    
    chatInput.focus();
}

// 取消医生回复
function cancelDoctorReply() {
    window.replyingToMessage = null;
    window.currentReplyPatient = null;
    const replyIndicator = document.getElementById('doctorReplyIndicator');
    if (replyIndicator) {
        replyIndicator.remove();
    }
}

// 删除/撤回医生消息
function deleteDoctorMessage(messageId, patientUsername) {
    if (!confirm('确定要删除这条消息吗？')) return;
    
    const chatMessages = JSON.parse(localStorage.getItem(`metascanChat_${patientUsername}`)) || [];
    const messageIndex = chatMessages.findIndex(msg => msg.id === messageId);
    
    if (messageIndex !== -1) {
        const message = chatMessages[messageIndex];
        const messageTime = new Date(message.timestamp);
        const now = new Date();
        const diffMinutes = (now - messageTime) / (1000 * 60);
        
        if (diffMinutes <= 5 && message.sender === currentUser.username) {
            chatMessages[messageIndex].content = '消息已撤回';
            chatMessages[messageIndex].isRecalled = true;
            showNotification('消息已撤回');
        } else if (message.sender === currentUser.username) {
            chatMessages.splice(messageIndex, 1);
            showNotification('消息已删除');
        } else {
            showNotification('只能删除自己的消息');
            return;
        }
        
        localStorage.setItem(`metascanChat_${patientUsername}`, JSON.stringify(chatMessages));
        
        // 刷新聊天显示
        const doctorChatMessages = document.getElementById('doctorChatMessages');
        if (doctorChatMessages) {
            loadDoctorChatMessages(patientUsername, doctorChatMessages);
        }
    }
}

// 检查医生消息是否已撤回
function isDoctorMessageRecalled(messageId, patientUsername) {
    const chatMessages = JSON.parse(localStorage.getItem(`metascanChat_${patientUsername}`)) || [];
    const message = chatMessages.find(msg => msg.id === messageId);
    return message && message.isRecalled;
}

// 向医生发送咨询通知
function sendDoctorNotification(patientUsername, messageContent, specificDoctorUsername) {
    // 如果指定了特定医生，只给该医生发送通知
    if (specificDoctorUsername) {
        const doctorNotifications = JSON.parse(localStorage.getItem(`metascanNotifications_${specificDoctorUsername}`)) || [];
        
        doctorNotifications.push({
            id: Date.now(),
            type: 'consultation',
            title: '患者咨询',
            message: `患者 ${patientUsername} 向您发起了咨询：${messageContent.length > 30 ? messageContent.substring(0, 30) + '...' : messageContent}`,
            patientUsername: patientUsername,
            date: new Date().toISOString(),
            read: false
        });
        
        localStorage.setItem(`metascanNotifications_${specificDoctorUsername}`, JSON.stringify(doctorNotifications));
    } else {
        // 找到所有医生用户（向后兼容）
        const allUsers = JSON.parse(localStorage.getItem('metascanUsers')) || {};
        
        for (const [username, userData] of Object.entries(allUsers)) {
            if (userData.role === 'doctor') {
                // 给每个医生发送通知
                const doctorNotifications = JSON.parse(localStorage.getItem(`metascanNotifications_${username}`)) || [];
                
                doctorNotifications.push({
                    id: Date.now(),
                    type: 'consultation',
                    title: '患者咨询',
                    message: `患者 ${patientUsername} 发起了咨询：${messageContent.length > 30 ? messageContent.substring(0, 30) + '...' : messageContent}`,
                    patientUsername: patientUsername,
                    date: new Date().toISOString(),
                    read: false
                });
                
                localStorage.setItem(`metascanNotifications_${username}`, JSON.stringify(doctorNotifications));
            }
        }
    }
}

// 批准患者查看报告的申请
function approveReportAccess(patientUsername) {
    const reportRequests = JSON.parse(localStorage.getItem('metascanReportRequests') || '[]');
    const requestIndex = reportRequests.findIndex(req => 
        req.patientUsername === patientUsername && req.status === 'pending'
    );
    
    if (requestIndex !== -1) {
        reportRequests[requestIndex].status = 'approved';
        reportRequests[requestIndex].approvedDate = new Date().toISOString();
        reportRequests[requestIndex].approvedBy = currentUser.username;
        localStorage.setItem('metascanReportRequests', JSON.stringify(reportRequests));
        
        // 发送通知给患者
        sendPatientNotification(patientUsername, '报告查看申请已批准', '医生已批准您查看健康报告的申请，现在可以查看详细报告了。');
        
        // 刷新患者详情显示
        showPatientDetails(patientUsername);
        
        showNotification(`已批准 ${patientUsername} 的报告查看申请`);
    }
}

// 拒绝患者查看报告的申请
function rejectReportAccess(patientUsername) {
    const reportRequests = JSON.parse(localStorage.getItem('metascanReportRequests') || '[]');
    const requestIndex = reportRequests.findIndex(req => 
        req.patientUsername === patientUsername && req.status === 'pending'
    );
    
    if (requestIndex !== -1) {
        reportRequests[requestIndex].status = 'rejected';
        reportRequests[requestIndex].rejectedDate = new Date().toISOString();
        reportRequests[requestIndex].rejectedBy = currentUser.username;
        localStorage.setItem('metascanReportRequests', JSON.stringify(reportRequests));
        
        // 发送通知给患者
        sendPatientNotification(patientUsername, '报告查看申请被拒绝', '医生拒绝了您查看健康报告的申请，如有疑问请与医生沟通。');
        
        // 刷新患者详情显示
        showPatientDetails(patientUsername);
        
        showNotification(`已拒绝 ${patientUsername} 的报告查看申请`);
    }
}

// 发送通知给患者
function sendPatientNotification(patientUsername, title, message) {
    const notification = {
        id: Date.now(),
        type: 'system',
        title: title,
        message: message,
        timestamp: new Date().toISOString(),
        read: false
    };
    
    const patientNotifications = JSON.parse(localStorage.getItem(`metascanNotifications_${patientUsername}`) || '[]');
    patientNotifications.unshift(notification);
    localStorage.setItem(`metascanNotifications_${patientUsername}`, JSON.stringify(patientNotifications));
}

// 清空聊天历史记录
function clearChatHistory() {
    // 获取当前选中的患者
    const patientUsername = window.currentSelectedPatient;
    if (!patientUsername) {
        showNotification('请先选择一个患者');
        return;
    }
    
    // 确认删除
    if (confirm(`确定要清空与患者${patientUsername}的聊天记录吗？此操作不可恢复！`)) {
        // 删除聊天记录
        localStorage.removeItem(`metascanChat_${patientUsername}`);
        
        // 重新加载聊天界面
        showPatientDetails(patientUsername);
        
        // 显示成功消息
        showNotification('聊天记录已清空');
    }
}

// 发送医生消息
function sendDoctorMessage() {
    const chatInput = document.getElementById('doctorChatInput');
    const messageContent = chatInput.value.trim();
    
    if (!messageContent) return;
    
    // 获取当前选中的患者（从全局变量获取）
    const patientUsername = window.currentSelectedPatient;
    if (!patientUsername) {
        showNotification('请先选择一个患者');
        return;
    }
    
    // 创建消息对象
    const message = {
        id: Date.now(),
        sender: currentUser.username,
        recipient: patientUsername,
        content: messageContent,
        timestamp: new Date().toISOString(),
        read: false,
        replyTo: window.replyingToMessage || null
    };
    
    // 清除回复状态
    window.replyingToMessage = null;
    const replyIndicator = document.getElementById('doctorReplyIndicator');
    if (replyIndicator) {
        replyIndicator.remove();
    }
    
    // 保存消息到localStorage
    const chatMessages = JSON.parse(localStorage.getItem(`metascanChat_${patientUsername}`)) || [];
    chatMessages.push(message);
    localStorage.setItem(`metascanChat_${patientUsername}`, JSON.stringify(chatMessages));
    
    // 清空输入框
    chatInput.value = '';
    
    // 重新加载聊天记录
    showPatientDetails(patientUsername);
    
    // 显示成功消息
    showNotification('消息发送成功');
}

// 修改密码
function changePassword() {
    const currentPassword = document.getElementById('currentPassword').value;
    const newPassword = document.getElementById('newPassword').value;
    const confirmNewPassword = document.getElementById('confirmNewPassword').value;
    
    if (!currentPassword || !newPassword || !confirmNewPassword) {
        showNotification('请填写所有密码字段');
        return;
    }
    
    if (newPassword !== confirmNewPassword) {
        showNotification('两次输入的新密码不一致');
        return;
    }
    
    // 验证当前密码
    const user = users[currentUser.username];
    if (user.password !== hashPassword(currentPassword)) {
        showNotification('当前密码错误');
        return;
    }
    
    // 更新密码
    user.password = hashPassword(newPassword);
    localStorage.setItem('metascanUsers', JSON.stringify(users));
    
    // 显示成功消息
    showNotification('密码修改成功！');
    
    // 清空输入框
    document.getElementById('currentPassword').value = '';
    document.getElementById('newPassword').value = '';
    document.getElementById('confirmNewPassword').value = '';
}

// 显示通知
function showNotification(message) {
    // 创建通知元素
    const notification = document.createElement('div');
    notification.style.cssText = `
        position: fixed;
        top: 20px;
        right: 20px;
        background: #28a745;
        color: white;
        padding: 15px 25px;
        border-radius: 10px;
        box-shadow: 0 5px 20px rgba(0,0,0,0.2);
        z-index: 10000;
        animation: slideIn 0.3s ease;
    `;
    notification.textContent = message;
    
    // 添加动画样式
    const style = document.createElement('style');
    style.textContent = `
        @keyframes slideIn {
            from { transform: translateX(100%); opacity: 0; }
            to { transform: translateX(0); opacity: 1; }
        }
    `;
    document.head.appendChild(style);
    
    document.body.appendChild(notification);
    
    // 3秒后自动移除
    setTimeout(() => {
        notification.style.animation = 'slideIn 0.3s ease reverse';
        setTimeout(() => notification.remove(), 300);
    }, 3000);
}

// 切换通知面板
function toggleNotifications(event) {
    if (event) {
        event.stopPropagation();
    }
    const panel = document.getElementById('notificationPanel');
    if (panel.style.display === 'block' || panel.style.display === '') {
        panel.style.display = 'none';
    } else {
        panel.style.display = 'block';
        loadNotifications();
    }
}

// 计算今日待诊患者数量
function getPendingPatientsCount() {
    if (!currentUser || currentUser.role !== 'doctor') return 0;
    
    const patients = [];
    for (const [username, userData] of Object.entries(users)) {
        if (userData.role === 'patient') {
            patients.push({ username, ...userData });
        }
    }
    
    // 今日开始时间
    const todayStart = new Date();
    todayStart.setHours(0, 0, 0, 0);
    
    // 统计今日有检测数据或新消息的患者
    let pendingCount = 0;
    patients.forEach(patient => {
        // 检查是否有今日的新消息
        const chatMessages = JSON.parse(localStorage.getItem(`metascanChat_${patient.username}`)) || [];
        const hasNewMessageToday = chatMessages.some(msg => {
            const msgDate = new Date(msg.timestamp);
            return msgDate >= todayStart && msg.sender === patient.username;
        });
        
        // 检查是否有今日的检测数据
        const hasTestDataToday = patient.lastTestDate && new Date(patient.lastTestDate) >= todayStart;
        
        if (hasNewMessageToday || hasTestDataToday) {
            pendingCount++;
        }
    });
    
    return pendingCount;
}

// 加载通知
function loadNotifications() {
    if (!currentUser) return;
    
    const notificationList = document.getElementById('notificationList');
    let notifications = JSON.parse(localStorage.getItem(`metascanNotifications_${currentUser.username}`)) || [];
    
    // 如果是医生，添加待诊患者通知和报告申请通知
    if (currentUser.role === 'doctor') {
        const pendingCount = getPendingPatientsCount();
        
        // 添加今日待诊患者通知到开头
        notifications.unshift({
            id: 'pending-patients',
            type: 'pending',
            title: '今日待诊',
            message: `今日有 ${pendingCount} 位患者需要您的关注`,
            date: new Date().toISOString(),
            read: false,
            isSystem: true
        });
        
        // 添加报告查看申请通知
        const reportRequests = JSON.parse(localStorage.getItem('metascanReportRequests') || '[]');
        const pendingRequests = reportRequests.filter(req => req.status === 'pending');
        
        pendingRequests.forEach(req => {
            notifications.unshift({
                id: `report-request-${req.id}`,
                type: 'reportRequest',
                title: '📊 报告查看申请',
                message: `患者 ${req.patientUsername} 申请查看健康报告`,
                patientUsername: req.patientUsername,
                date: req.requestDate,
                read: false,
                isSystem: false
            });
        });
    }
    
    if (notifications.length === 0) {
        notificationList.innerHTML = `
            <div style="text-align: center; padding: 40px 20px;">
                <div style="font-size: 3rem; margin-bottom: 15px;">🔔</div>
                <div style="color: #666; font-size: 1rem;">暂无通知</div>
            </div>
        `;
    } else {
        let html = '';
        notifications.forEach((notification, index) => {
            const date = new Date(notification.date);
            const timeStr = date.toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' });
            const dateStr = date.toLocaleDateString('zh-CN', { month: 'short', day: 'numeric' });
            
            // 根据通知类型选择图标和颜色
            let icon = '📋';
            let bgColor = '#f8f9fa';
            let borderColor = '#e0e6ed';
            
            if (notification.type === 'consultation') {
                icon = '💬';
                bgColor = '#fff3e0';
                borderColor = '#ffcc80';
            } else if (notification.type === 'pending') {
                icon = '👥';
                bgColor = '#e3f2fd';
                borderColor = '#90caf9';
            } else if (notification.type === 'reportRequest') {
                icon = '📊';
                bgColor = '#f3e5f5';
                borderColor = '#ce93d8';
            }
            
            html += `
                <div style="padding: 15px; border-bottom: 1px solid #f0f0f0; background: ${notification.read ? '#ffffff' : bgColor}; border-left: 4px solid ${notification.read ? '#e0e6ed' : borderColor}; transition: all 0.3s ease; animation: fadeInUp 0.4s ease; animation-delay: ${index * 0.05}s;"
                     onmouseover="this.style.background='#f5f7fa'"
                     onmouseout="this.style.background='${notification.read ? '#ffffff' : bgColor}'">
                    <div style="display: flex; align-items: flex-start; gap: 12px;">
                        <div style="font-size: 1.8rem; flex-shrink: 0;">${icon}</div>
                        <div style="flex: 1;">
                            <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;">
                                <div style="font-weight: 700; color: #1a2980; font-size: 1rem;">${notification.title}</div>
                                ${!notification.read && !notification.isSystem ? '<span style="width: 8px; height: 8px; background: #e74c3c; border-radius: 50%;"></span>' : ''}
                            </div>
                            <div style="font-size: 0.9rem; color: #555; margin-bottom: 8px; line-height: 1.5;">${notification.message}</div>
                            <div style="display: flex; justify-content: space-between; align-items: center;">
                                <div style="font-size: 0.8rem; color: #999; display: flex; align-items: center; gap: 8px;">
                                    <span>📅 ${dateStr}</span>
                                    <span>⏰ ${timeStr}</span>
                                </div>
                                ${notification.patientUsername ? `
                                    <button onclick="goToPatientChat('${notification.patientUsername}')" 
                                            style="padding: 5px 12px; background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); color: white; border: none; border-radius: 15px; cursor: pointer; font-size: 0.8rem; font-weight: 600;">
                                        查看详情
                                    </button>
                                ` : ''}
                            </div>
                        </div>
                    </div>
                </div>
            `;
        });
        notificationList.innerHTML = html;
    }
    
    // 更新通知徽章
    updateNotificationBadge();
}

// 跳转到患者聊天
function goToPatientChat(patientUsername) {
    // 关闭通知面板
    document.getElementById('notificationPanel').style.display = 'none';
    
    // 切换到患者索引标签
    showTab('doctorPatients');
    
    // 选中该患者
    setTimeout(() => {
        const patientItem = document.querySelector(`.patient-item[data-username="${patientUsername}"]`);
        if (patientItem) {
            patientItem.click();
        }
    }, 100);
}

// 添加通知
function addNotification(title, message) {
    if (!currentUser) return;
    
    const notification = {
        title: title,
        message: message,
        date: new Date().toISOString(),
        read: false
    };
    
    const notifications = JSON.parse(localStorage.getItem(`metascanNotifications_${currentUser.username}`)) || [];
    notifications.push(notification);
    
    // 只保留最近20条通知
    if (notifications.length > 20) {
        notifications.splice(0, notifications.length - 20);
    }
    
    localStorage.setItem(`metascanNotifications_${currentUser.username}`, JSON.stringify(notifications));
    updateNotificationBadge();
}

// 清除所有通知
function clearAllNotifications() {
    if (!currentUser) return;
    
    localStorage.removeItem(`metascanNotifications_${currentUser.username}`);
    document.getElementById('notificationList').innerHTML = '<p style="text-align: center; color: #666; padding: 20px;">暂无通知</p>';
    updateNotificationBadge();
}

// 更新通知徽章
function updateNotificationBadge() {
    if (!currentUser) return;
    
    const notifications = JSON.parse(localStorage.getItem(`metascanNotifications_${currentUser.username}`)) || [];
    const unreadCount = notifications.filter(n => !n.read).length;
    
    const badge = document.getElementById('notificationBadge');
    if (badge) {
        badge.textContent = unreadCount;
        if (unreadCount === 0) {
            badge.style.display = 'none';
        } else {
            badge.style.display = 'flex';
        }
    }
}

// 检查新通知
function checkForNewNotifications() {
    // 检查未完成的任务
    checkUncompletedTasks();
    
    if (!currentUser) return;
    
    if (currentUser.role === 'doctor') {
        // 检查新的共享医嘱
        const sharedPrescriptions = JSON.parse(localStorage.getItem(`metascanSharedPrescriptions_${currentUser.username}`)) || [];
        if (sharedPrescriptions.length > 0) {
            addNotification('新的共享医嘱', `您收到了 ${sharedPrescriptions.length} 条新的共享医嘱`);
            // 清空共享医嘱，因为已经通知过了
            localStorage.removeItem(`metascanSharedPrescriptions_${currentUser.username}`);
        }
        
        // 检查新的转诊
        const referrals = JSON.parse(localStorage.getItem(`metascanReferrals_${currentUser.username}`)) || [];
        if (referrals.length > 0) {
            addNotification('新的患者转诊', `您收到了 ${referrals.length} 位新转诊的患者`);
            // 清空转诊记录，因为已经通知过了
            localStorage.removeItem(`metascanReferrals_${currentUser.username}`);
        }
        
        // 检查待诊断患者
        let pendingPatients = 0;
        for (const [username, userData] of Object.entries(users)) {
            if (userData.role === 'patient') {
                const patientData = JSON.parse(localStorage.getItem(`metascanData_${username}`)) || [];
                const prescriptions = JSON.parse(localStorage.getItem(`metascanPrescriptions_${username}`)) || [];
                if (patientData.length > 0 && prescriptions.length < patientData.length) {
                    pendingPatients++;
                }
            }
        }
        
        if (pendingPatients > 0) {
            addNotification('待处理患者提醒', `您有 ${pendingPatients} 位患者的检测结果待诊断，请及时处理。`);
        }
        
        // 检查新的医患消息
        const newMessages = JSON.parse(localStorage.getItem(`metascanNewMessages_${currentUser.username}`)) || [];
        if (newMessages.length > 0) {
            addNotification('新的医患消息', `您收到了 ${newMessages.length} 条新的医患消息，请及时回复。`);
            // 清空新消息记录，因为已经通知过了
            localStorage.removeItem(`metascanNewMessages_${currentUser.username}`);
        }
    }
}

// 检查未完成的任务
function checkUncompletedTasks() {
    if (!currentUser) return;
    
    const today = new Date();
    today.setHours(0, 0, 0, 0);
    
    const tasks = getTasks();
    const todayTasks = tasks.filter(task => {
        const taskDate = new Date(task.date);
        taskDate.setHours(0, 0, 0, 0);
        return taskDate.getTime() === today.getTime() && !task.completed;
    });
    
    if (todayTasks.length > 0) {
        addNotification('任务提醒', `您还有 ${todayTasks.length} 个任务未完成，请及时完成。`);
    }
}

// 定期检查新通知
function startNotificationCheck() {
    // 每5分钟检查一次新通知
    setInterval(checkForNewNotifications, 5 * 60 * 1000);
}

// ========== 新增功能：提升用户体验 ==========

// 初始化输入表单 - 使用分类折叠面板
function initializeInputForm() {
    const container = document.getElementById('metaboliteInputs');
    container.innerHTML = '';
    
    // 按类别分组
    const categories = {};
    metaboliteData.forEach(met => {
        if (!categories[met.category]) {
            categories[met.category] = [];
        }
        categories[met.category].push(met);
    });
    
    // 为每个类别创建折叠面板
    Object.keys(categories).forEach((cat, index) => {
        const panel = document.createElement('div');
        panel.className = 'category-panel';
        panel.id = `panel-${cat}`;
        
        const header = document.createElement('div');
        header.className = 'category-header';
        header.innerHTML = `
            <h3>${categoryNames[cat]} (${categories[cat].length}项指标)</h3>
            <span class="category-toggle">▼</span>
        `;
        header.onclick = () => toggleCategory(cat);
        
        const content = document.createElement('div');
        content.className = 'category-content';
        content.id = `content-${cat}`;
        
        const grid = document.createElement('div');
        grid.className = 'input-grid';
        
        categories[cat].forEach(met => {
            const group = document.createElement('div');
            group.className = 'input-group';
            group.innerHTML = `
                <label for="${met.id}">${met.name}</label>
                <input type="number" id="${met.id}" step="0.01" placeholder="请输入数值" 
                       onchange="validateInput('${met.id}', ${met.refMin}, ${met.refMax})"
                       oninput="updateInputSummary()">
                <span class="unit">参考范围: ${met.refMin}-${met.refMax} ${met.unit}</span>
                <div class="input-hint" id="hint-${met.id}"></div>
            `;
            grid.appendChild(group);
        });
        
        content.appendChild(grid);
        panel.appendChild(header);
        panel.appendChild(content);
        container.appendChild(panel);
    });
}

// 切换分类折叠状态
function toggleCategory(category) {
    const panel = document.getElementById(`panel-${category}`);
    panel.classList.toggle('collapsed');
}

// 展开所有分类
function expandAllCategories() {
    document.querySelectorAll('.category-panel').forEach(panel => {
        panel.classList.remove('collapsed');
    });
}

// 折叠所有分类
function collapseAllCategories() {
    document.querySelectorAll('.category-panel').forEach(panel => {
        panel.classList.add('collapsed');
    });
}

// 跳转到指定分类
function scrollToCategory(category) {
    const panel = document.getElementById(`panel-${category}`);
    if (panel) {
        panel.classList.remove('collapsed');
        panel.scrollIntoView({ behavior: 'smooth', block: 'center' });
        // 高亮效果
        panel.style.animation = 'pulse 1s ease';
        setTimeout(() => {
            panel.style.animation = '';
        }, 1000);
    }
}

// 验证输入值
function validateInput(id, refMin, refMax) {
    const input = document.getElementById(id);
    const hint = document.getElementById(`hint-${id}`);
    const value = parseFloat(input.value);
    
    if (isNaN(value)) {
        hint.textContent = '';
        hint.className = 'input-hint';
        return;
    }
    
    if (value < refMin || value > refMax) {
        hint.textContent = value < refMin ? '↓ 偏低' : '↑ 偏高';
        hint.className = 'input-hint warning';
        input.style.borderColor = '#e74c3c';
    } else {
        hint.textContent = '✓ 正常';
        hint.className = 'input-hint success';
        input.style.borderColor = '#00b894';
    }
    
    // 3秒后恢复边框颜色
    setTimeout(() => {
        input.style.borderColor = '';
    }, 3000);
}

// 更新输入摘要面板
function updateInputSummary() {
    const summary = document.getElementById('inputSummary');
    const inputData = {};
    let hasData = false;
    
    metaboliteData.forEach(met => {
        const value = parseFloat(document.getElementById(met.id).value);
        if (!isNaN(value)) {
            inputData[met.id] = value;
            hasData = true;
        }
    });
    
    if (hasData) {
        summary.style.display = 'grid';
        updateSummaryCards(inputData);
        checkAndShowAlerts(inputData);
    }
}

// 更新摘要卡片
function updateSummaryCards(data) {
    // 计算总体数据质量
    const totalMetabolites = metaboliteData.length;
    const filledMetabolites = Object.keys(data).length;
    const abnormalMetabolites = Object.entries(data).filter(([id, value]) => {
        const met = metaboliteData.find(m => m.id === id);
        return met && (value < met.refMin || value > met.refMax);
    }).length;
    
    // 更新数据质量概览卡片
    updateDataQualityCard(filledMetabolites, totalMetabolites, abnormalMetabolites);
    
    // 脂质代谢状态
    const lipidMetabolites = ['LDL_C', 'HDL_C', 'TG', 'TC', 'ApoB'];
    const lipidAbnormal = lipidMetabolites.filter(id => {
        if (!data[id]) return false;
        const met = metaboliteData.find(m => m.id === id);
        return data[id] < met.refMin || data[id] > met.refMax;
    }).length;
    const lipidFilled = lipidMetabolites.filter(id => data[id]).length;
    
    updateCardStatus('lipid', lipidAbnormal, lipidFilled, lipidMetabolites.length);
    
    // 糖代谢状态
    const glucoseMetabolites = ['Glucose', 'HbA1c', 'Insulin', 'HOMA_IR'];
    const glucoseAbnormal = glucoseMetabolites.filter(id => {
        if (!data[id]) return false;
        const met = metaboliteData.find(m => m.id === id);
        return data[id] < met.refMin || data[id] > met.refMax;
    }).length;
    const glucoseFilled = glucoseMetabolites.filter(id => data[id]).length;
    
    updateCardStatus('glucose', glucoseAbnormal, glucoseFilled, glucoseMetabolites.length);
    
    // 炎症水平
    const inflamMetabolites = ['CRP', 'IL6', 'TNF_alpha', 'Homocysteine'];
    const inflamAbnormal = inflamMetabolites.filter(id => {
        if (!data[id]) return false;
        const met = metaboliteData.find(m => m.id === id);
        return data[id] < met.refMin || data[id] > met.refMax;
    }).length;
    const inflamFilled = inflamMetabolites.filter(id => data[id]).length;
    
    updateCardStatus('inflammation', inflamAbnormal, inflamFilled, inflamMetabolites.length);
}

// 更新数据质量概览卡片
function updateDataQualityCard(filled, total, abnormal) {
    const card = document.getElementById('summaryDataQuality');
    const badge = document.getElementById('qualityBadge');
    const score = document.getElementById('qualityScore');
    const label = document.getElementById('qualityLabel');
    
    if (filled === 0) {
        score.textContent = '--';
        badge.textContent = '待录入';
        badge.className = 'status-badge';
        card.className = 'summary-card';
        label.textContent = `共${total}项代谢指标`;
        return;
    }
    
    const completionRate = Math.round((filled / total) * 100);
    score.textContent = `${completionRate}%`;
    
    if (abnormal === 0) {
        badge.textContent = '良好';
        badge.className = 'status-badge normal';
        card.className = 'summary-card good';
    } else if (abnormal <= 5) {
        badge.textContent = '注意';
        badge.className = 'status-badge low';
        card.className = 'summary-card caution';
    } else {
        badge.textContent = '异常';
        badge.className = 'status-badge high';
        card.className = 'summary-card warning';
    }
    
    label.textContent = `已录${filled}/${total}项 · ${abnormal}项异常`;
}

// 更新卡片状态
function updateCardStatus(type, abnormalCount, totalCount, categoryTotal) {
    const card = document.getElementById(`summary${type.charAt(0).toUpperCase() + type.slice(1)}`);
    const badge = document.getElementById(`${type}Badge`);
    const status = document.getElementById(`${type}Status`);
    
    if (totalCount === 0) {
        status.textContent = '待录入';
        badge.textContent = '待录入';
        badge.className = 'status-badge';
        card.className = 'summary-card';
        // 更新标签显示总项数
        const label = card.querySelector('.label');
        if (label) label.textContent = `共${categoryTotal}项指标`;
        return;
    }
    
    // 计算完成度
    const completionRate = Math.round((totalCount / categoryTotal) * 100);
    
    if (abnormalCount === 0) {
        status.textContent = '正常';
        badge.textContent = '正常';
        badge.className = 'status-badge normal';
        card.className = 'summary-card good';
    } else if (abnormalCount <= 2) {
        status.textContent = `${abnormalCount}项异常`;
        badge.textContent = '注意';
        badge.className = 'status-badge low';
        card.className = 'summary-card caution';
    } else {
        status.textContent = `${abnormalCount}项异常`;
        badge.textContent = '异常';
        badge.className = 'status-badge high';
        card.className = 'summary-card warning';
    }
    
    // 更新标签显示录入进度和异常数
    const label = card.querySelector('.label');
    if (label) {
        if (abnormalCount > 0) {
            label.textContent = `已录${totalCount}/${categoryTotal}项 · ${abnormalCount}项异常`;
        } else {
            label.textContent = `已录${totalCount}/${categoryTotal}项 · 全部正常`;
        }
    }
}

// 检查并显示预警
function checkAndShowAlerts(data) {
    const alertsContainer = document.getElementById('inputAlerts');
    const alerts = [];
    
    // 检查严重异常
    const criticalChecks = [
        { id: 'Glucose', name: '血糖', threshold: 11.1, message: '血糖严重偏高，建议立即就医' },
        { id: 'HbA1c', name: '糖化血红蛋白', threshold: 8.0, message: '糖化血红蛋白过高，提示长期血糖控制不佳' },
        { id: 'LDL_C', name: 'LDL胆固醇', threshold: 4.9, message: 'LDL胆固醇严重超标，心血管疾病风险高' },
        { id: 'CRP', name: 'C反应蛋白', threshold: 10, message: '炎症指标明显升高，建议进一步检查' }
    ];
    
    criticalChecks.forEach(check => {
        if (data[check.id] && data[check.id] > check.threshold) {
            alerts.push({ type: 'danger', message: check.message });
        }
    });
    
    // 渲染预警
    if (alerts.length > 0) {
        alertsContainer.innerHTML = alerts.map(alert => `
            <div class="alert-banner">
                <span class="alert-icon">⚠️</span>
                <div class="alert-content">
                    <h4>重要提醒</h4>
                    <p>${alert.message}</p>
                </div>
            </div>
        `).join('');
    } else {
        alertsContainer.innerHTML = '';
    }
}

// 检查录入完整度
function checkInputCompletion() {
    const totalCount = metaboliteData.length;
    let filledCount = 0;
    const missingCategories = [];
    
    const categories = {};
    metaboliteData.forEach(met => {
        if (!categories[met.category]) {
            categories[met.category] = { total: 0, filled: 0 };
        }
        categories[met.category].total++;
        
        const value = document.getElementById(met.id).value;
        if (value && !isNaN(parseFloat(value))) {
            filledCount++;
            categories[met.category].filled++;
        }
    });
    
    // 检查哪些类别完成度低
    Object.keys(categories).forEach(cat => {
        const completion = categories[cat].filled / categories[cat].total;
        if (completion < 0.5) {
            missingCategories.push(categoryNames[cat]);
        }
    });
    
    const percentage = Math.round((filledCount / totalCount) * 100);
    
    let message = `已录入 ${filledCount}/${totalCount} 项指标 (${percentage}%)\n\n`;
    if (missingCategories.length > 0) {
        message += `以下类别录入较少：\n${missingCategories.join('、')}`;
    } else if (percentage >= 80) {
        message += '✓ 数据录入较完整，可以生成报告了！';
    }
    
    alert(message);
}

// 添加动画样式
const animationStyle = document.createElement('style');
animationStyle.textContent = `
    @keyframes pulse {
        0%, 100% { box-shadow: 0 0 0 0 rgba(26, 41, 128, 0.4); }
        50% { box-shadow: 0 0 0 15px rgba(26, 41, 128, 0); }
    }
    
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }
    
    @keyframes fadeOut {
        from { opacity: 1; transform: translateY(0); }
        to { opacity: 0; transform: translateY(-20px); }
    }
    
    @keyframes scaleIn {
        from { opacity: 0; transform: scale(0.8); }
        to { opacity: 1; transform: scale(1); }
    }
    
    @keyframes celebrate {
        0% { transform: scale(1); }
        50% { transform: scale(1.2); }
        100% { transform: scale(1); }
    }
`;
document.head.appendChild(animationStyle);

// 健康干预日历功能

// 全局变量
let currentDate = new Date();

// 初始化日历
function initCalendar() {
    renderCalendar();
    loadTodayTasks();
    updateWeekCompletion();
    loadUpcomingTasks();
}

// 渲染日历
function renderCalendar() {
    const calendarDays = document.getElementById('calendarDays');
    const currentMonthElement = document.getElementById('currentMonth');
    if (!calendarDays || !currentMonthElement) return;
    
    // 设置当前月份显示
    currentMonthElement.textContent = `${currentDate.getFullYear()}年${currentDate.getMonth() + 1}月`;
    
    // 清空日历
    calendarDays.innerHTML = '';
    
    // 添加星期标题
    const weekdays = ['日', '一', '二', '三', '四', '五', '六'];
    weekdays.forEach(day => {
        const dayElement = document.createElement('div');
        dayElement.style.fontWeight = '600';
        dayElement.style.padding = '10px';
        dayElement.style.color = '#1a2980';
        dayElement.style.textAlign = 'center';
        dayElement.textContent = day;
        calendarDays.appendChild(dayElement);
    });
    
    // 获取当月第一天
    const firstDay = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
    // 获取当月最后一天
    const lastDay = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0);
    // 获取当月第一天是星期几
    const startDay = firstDay.getDay();
    // 获取当月天数
    const daysInMonth = lastDay.getDate();
    
    // 添加空白格子
    for (let i = 0; i < startDay; i++) {
        const emptyDay = document.createElement('div');
        emptyDay.style.padding = '15px';
        emptyDay.style.textAlign = 'center';
        calendarDays.appendChild(emptyDay);
    }
    
    // 添加日期
    const today = new Date();
    today.setHours(0, 0, 0, 0);
    
    for (let day = 1; day <= daysInMonth; day++) {
        const dayElement = document.createElement('div');
        dayElement.style.padding = '15px';
        dayElement.style.borderRadius = '10px';
        dayElement.style.cursor = 'pointer';
        dayElement.style.transition = 'all 0.3s ease';
        dayElement.style.textAlign = 'center';
        dayElement.style.position = 'relative';
        dayElement.style.minHeight = '80px';
        dayElement.style.display = 'flex';
        dayElement.style.flexDirection = 'column';
        dayElement.style.alignItems = 'center';
        dayElement.style.justifyContent = 'center';
        
        // 检查是否是今天
        const currentDay = new Date(currentDate.getFullYear(), currentDate.getMonth(), day);
        currentDay.setHours(0, 0, 0, 0);
        
        if (currentDay.getTime() === today.getTime()) {
            dayElement.style.background = 'linear-gradient(135deg, #1a2980 0%, #26d0ce 100%)';
            dayElement.style.color = 'white';
            dayElement.style.fontWeight = '600';
            dayElement.style.boxShadow = '0 4px 15px rgba(26, 41, 128, 0.3)';
        }
        
        // 检查是否有任务
        const tasks = getTasks();
        const dayTasks = tasks.filter(task => {
            const taskDate = new Date(task.date);
            taskDate.setHours(0, 0, 0, 0);
            return taskDate.getTime() === currentDay.getTime();
        });
        
        if (dayTasks.length > 0) {
            const completedTasks = dayTasks.filter(task => task.completed).length;
            const taskPercentage = (completedTasks / dayTasks.length) * 100;
            
            if (!dayElement.style.background) {
                dayElement.style.background = '#f0f4ff';
                dayElement.style.border = '2px solid #e3f2fd';
            }
            
            // 添加任务数量指示器
            const taskCount = document.createElement('div');
            taskCount.style.fontSize = '0.8rem';
            taskCount.style.marginTop = '5px';
            taskCount.style.fontWeight = '600';
            taskCount.style.color = completedTasks === dayTasks.length ? '#00b894' : '#f39c12';
            taskCount.textContent = `${completedTasks}/${dayTasks.length}`;
            dayElement.appendChild(taskCount);
            
            // 添加任务完成情况指示器
            const indicator = document.createElement('div');
            indicator.style.width = '80%';
            indicator.style.height = '4px';
            indicator.style.background = '#e0e6ed';
            indicator.style.borderRadius = '2px';
            indicator.style.marginTop = '5px';
            indicator.style.overflow = 'hidden';
            
            const progress = document.createElement('div');
            progress.style.width = `${taskPercentage}%`;
            progress.style.height = '100%';
            progress.style.background = completedTasks === dayTasks.length ? '#00b894' : '#f39c12';
            progress.style.borderRadius = '2px';
            progress.style.transition = 'width 0.5s ease';
            
            indicator.appendChild(progress);
            dayElement.appendChild(indicator);
        }
        
        // 添加日期数字
        const dayNumber = document.createElement('div');
        dayNumber.textContent = day;
        dayElement.insertBefore(dayNumber, dayElement.firstChild);
        
        dayElement.onclick = () => selectDate(day);
        calendarDays.appendChild(dayElement);
    }
}

// 切换月份
function changeMonth(direction) {
    currentDate.setMonth(currentDate.getMonth() + direction);
    renderCalendar();
}

// 选择日期
function selectDate(day) {
    const selectedDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), day);
    showDateTasks(selectedDate);
    loadDateTasks(selectedDate);
}

// 加载指定日期的任务
function loadDateTasks(date) {
    const todayTasksElement = document.getElementById('todayTasks');
    const currentSelectedDateElement = document.getElementById('currentSelectedDate');
    if (!todayTasksElement || !currentSelectedDateElement) return;
    
    // 更新选中日期显示
    const today = new Date();
    today.setHours(0, 0, 0, 0);
    const selectedDate = new Date(date);
    selectedDate.setHours(0, 0, 0, 0);
    
    if (selectedDate.getTime() === today.getTime()) {
        currentSelectedDateElement.textContent = '今天';
    } else {
        currentSelectedDateElement.textContent = selectedDate.toLocaleDateString();
    }
    
    // 加载任务
    const tasks = getTasks();
    const dateTasks = tasks.filter(task => {
        const taskDate = new Date(task.date);
        taskDate.setHours(0, 0, 0, 0);
        return taskDate.getTime() === selectedDate.getTime();
    });
    
    if (dateTasks.length === 0) {
        todayTasksElement.innerHTML = `
            <div style="text-align: center; padding: 40px; background: #f8f9fa; border-radius: 15px; margin: 20px 0;">
                <div style="font-size: 3rem; margin-bottom: 15px;">📅</div>
                <div style="font-size: 1.2rem; font-weight: 600; color: #666; margin-bottom: 10px;">该日期暂无任务</div>
            </div>
        `;
        return;
    }
    
    let html = '';
    dateTasks.forEach(task => {
        // 根据任务类型选择图标
        let icon = '📋';
        if (task.title.includes('运动')) icon = '🏃‍♂️';
        else if (task.title.includes('饮食')) icon = '🥗';
        else if (task.title.includes('水分')) icon = '💧';
        else if (task.title.includes('压力')) icon = '🧘‍♀️';
        
        // 获取鼓励话语
        const encouragement = getEncouragement(task.title);
        
        html += `
            <div style="display: flex; align-items: flex-start; gap: 15px; padding: 20px; background: ${task.completed ? '#f0fff4' : '#f8f9fa'}; border-radius: 15px; margin-bottom: 15px; border-left: 4px solid ${task.completed ? '#00b894' : '#1a2980'}; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: all 0.3s ease; animation: fadeIn 0.5s ease-in-out;">
                <div style="font-size: 2rem; margin-top: 5px;">${icon}</div>
                <input type="checkbox" ${task.completed ? 'checked' : ''} onchange="toggleTaskCompletion(${task.id}); loadDateTasks(new Date('${date.toISOString()}'))" style="width: 20px; height: 20px; cursor: pointer; accent-color: #1a2980; margin-top: 10px;">
                <div style="flex: 1;">
                    <div style="font-weight: 600; color: #1a2980; font-size: 1.1rem;">${task.title}</div>
                    <div style="font-size: 0.9rem; color: #666; margin-top: 5px;">${task.description}</div>
                    <div style="font-size: 0.85rem; color: #1a2980; margin-top: 10px; padding: 10px; background: ${task.completed ? '#e6f7f0' : '#f0f4ff'}; border-radius: 8px; display: flex; align-items: center; gap: 8px;">
                        <span>💡</span> ${encouragement}
                    </div>
                </div>
                <button onclick="deleteTask(${task.id}); loadDateTasks(new Date('${date.toISOString()}'))" style="padding: 8px 15px; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; cursor: pointer; font-size: 0.9rem; transition: all 0.3s ease; margin-top: 5px;">删除</button>
            </div>
        `;
    });
    
    todayTasksElement.innerHTML = html;
}

// 显示多日任务
function showMultiDayTasks(days) {
    const todayTasksElement = document.getElementById('todayTasks');
    const currentSelectedDateElement = document.getElementById('currentSelectedDate');
    if (!todayTasksElement || !currentSelectedDateElement) return;
    
    // 更新选中日期显示
    currentSelectedDateElement.textContent = `近${days}天任务`;
    
    // 获取任务
    const tasks = getTasks();
    const today = new Date();
    today.setHours(0, 0, 0, 0);
    
    // 筛选指定天数内的任务
    const multiDayTasks = tasks.filter(task => {
        const taskDate = new Date(task.date);
        taskDate.setHours(0, 0, 0, 0);
        const diffTime = today - taskDate;
        const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
        return diffDays >= 0 && diffDays < days;
    });
    
    // 按日期分组
    const tasksByDate = {};
    multiDayTasks.forEach(task => {
        const taskDate = new Date(task.date);
        const dateKey = taskDate.toLocaleDateString();
        if (!tasksByDate[dateKey]) {
            tasksByDate[dateKey] = [];
        }
        tasksByDate[dateKey].push(task);
    });
    
    // 生成HTML
    let html = '';
    
    // 按日期排序
    const sortedDates = Object.keys(tasksByDate).sort((a, b) => {
        return new Date(b) - new Date(a); // 降序排列，最近的日期在前
    });
    
    sortedDates.forEach(dateKey => {
        const dateTasks = tasksByDate[dateKey];
        const date = new Date(dateKey);
        const isToday = date.toDateString() === today.toDateString();
        
        html += `
            <div style="margin-bottom: 30px;">
                <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #f0f4ff;">
                    <div style="font-size: 1.2rem;">📅</div>
                    <h4 style="color: #1a2980; margin: 0; font-size: 1.1rem;">${isToday ? '今天' : dateKey}</h4>
                    <div style="margin-left: auto; font-size: 0.9rem; color: #666;">
                        ${dateTasks.filter(t => t.completed).length}/${dateTasks.length} 完成
                    </div>
                </div>
        `;
        
        dateTasks.forEach(task => {
            // 根据任务类型选择图标
            let icon = '📋';
            if (task.title.includes('运动')) icon = '🏃‍♂️';
            else if (task.title.includes('饮食')) icon = '🥗';
            else if (task.title.includes('水分')) icon = '💧';
            else if (task.title.includes('压力')) icon = '🧘‍♀️';
            
            // 获取鼓励话语
            const encouragement = getEncouragement(task.title);
            
            html += `
                <div style="display: flex; align-items: flex-start; gap: 15px; padding: 15px; background: ${task.completed ? '#f0fff4' : '#f8f9fa'}; border-radius: 12px; margin-bottom: 10px; border-left: 4px solid ${task.completed ? '#00b894' : '#1a2980'}; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: all 0.3s ease; animation: fadeIn 0.5s ease-in-out;">
                    <div style="font-size: 1.5rem; margin-top: 2px;">${icon}</div>
                    <input type="checkbox" ${task.completed ? 'checked' : ''} onchange="toggleTaskCompletion(${task.id}); showMultiDayTasks(${days})" style="width: 18px; height: 18px; cursor: pointer; accent-color: #1a2980; margin-top: 8px;">
                    <div style="flex: 1;">
                        <div style="font-weight: 600; color: #1a2980; font-size: 1rem;">${task.title}</div>
                        <div style="font-size: 0.85rem; color: #666; margin-top: 3px;">${task.description}</div>
                    </div>
                    <button onclick="deleteTask(${task.id}); showMultiDayTasks(${days})" style="padding: 6px 12px; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 6px; cursor: pointer; font-size: 0.8rem; transition: all 0.3s ease; margin-top: 2px;">删除</button>
                </div>
            `;
        });
        
        html += `</div>`;
    });
    
    if (sortedDates.length === 0) {
        html = `
            <div style="text-align: center; padding: 40px; background: #f8f9fa; border-radius: 15px; margin: 20px 0;">
                <div style="font-size: 3rem; margin-bottom: 15px;">📅</div>
                <div style="font-size: 1.2rem; font-weight: 600; color: #666; margin-bottom: 10px;">近${days}天暂无任务</div>
                <div style="color: #999;">点击添加按钮创建新任务</div>
            </div>
        `;
    }
    
    todayTasksElement.innerHTML = html;
}

// 显示选中日期的任务
function showDateTasks(date) {
    const tasks = getTasks();
    const dateTasks = tasks.filter(task => {
        const taskDate = new Date(task.date);
        taskDate.setHours(0, 0, 0, 0);
        const selectedDate = new Date(date);
        selectedDate.setHours(0, 0, 0, 0);
        return taskDate.getTime() === selectedDate.getTime();
    });
    
    let html = `
        <div style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000; display: flex; align-items: center; justify-content: center;">
            <div style="background: white; border-radius: 20px; padding: 30px; max-width: 600px; width: 90%; max-height: 80vh; overflow-y: auto; box-shadow: 0 10px 30px rgba(0,0,0,0.3);">
                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
                    <h3 style="color: #1a2980; margin: 0;">${date.toLocaleDateString()}的任务</h3>
                    <button onclick="document.querySelector('.task-modal').remove()" style="background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #666;">×</button>
                </div>
                <div class="task-list">
    `;
    
    if (dateTasks.length === 0) {
        html += `
            <div style="text-align: center; padding: 40px; background: #f8f9fa; border-radius: 15px;">
                <div style="font-size: 2rem; margin-bottom: 15px;">📅</div>
                <div style="font-size: 1.1rem; font-weight: 600; color: #666; margin-bottom: 10px;">该日期暂无任务</div>
            </div>
        `;
    } else {
        dateTasks.forEach(task => {
            // 根据任务类型选择图标
            let icon = '📋';
            if (task.title.includes('运动')) icon = '🏃‍♂️';
            else if (task.title.includes('饮食')) icon = '🥗';
            else if (task.title.includes('水分')) icon = '💧';
            else if (task.title.includes('压力')) icon = '🧘‍♀️';
            
            html += `
                <div style="display: flex; align-items: center; gap: 15px; padding: 15px; background: ${task.completed ? '#f0fff4' : '#f8f9fa'}; border-radius: 10px; margin-bottom: 10px; border-left: 4px solid ${task.completed ? '#00b894' : '#1a2980'};">
                    <div style="font-size: 1.5rem;">${icon}</div>
                    <div style="flex: 1;">
                        <div style="font-weight: 600; color: #1a2980;">${task.title}</div>
                        <div style="font-size: 0.85rem; color: #666; margin-top: 5px;">${task.description}</div>
                    </div>
                    <input type="checkbox" ${task.completed ? 'checked' : ''} onchange="toggleTaskCompletion(${task.id}); showDateTasks(new Date('${date.toISOString()}'))" style="width: 18px; height: 18px; cursor: pointer;">
                </div>
            `;
        });
    }
    
    html += `
                </div>
            </div>
        </div>
    `;
    
    // 添加到页面
    const modal = document.createElement('div');
    modal.className = 'task-modal';
    modal.innerHTML = html;
    document.body.appendChild(modal);
    
    // 点击背景关闭
    modal.onclick = (e) => {
        if (e.target === modal) {
            modal.remove();
        }
    };
}

// 获取任务
function getTasks() {
    if (!currentUser) return [];
    return JSON.parse(localStorage.getItem(`metascanTasks_${currentUser.username}`)) || [];
}

// 保存任务
function saveTasks(tasks) {
    if (!currentUser) return;
    localStorage.setItem(`metascanTasks_${currentUser.username}`, JSON.stringify(tasks));
}

// 获取任务的鼓励话语
function getEncouragement(taskTitle) {
    const encouragements = {
        '运动': [
            '每一次运动都是对自己的投资，坚持下去你会看到变化！',
            '运动不仅能强健身体，还能提升心情，加油！',
            '今天的你比昨天更棒，继续保持运动的好习惯！',
            '运动是最好的良药，坚持就是胜利！',
            '挥洒汗水的你最美丽，继续加油！'
        ],
        '饮食': [
            '健康的饮食是健康身体的基础，你做得很棒！',
            '每一口健康的食物都是对身体的关爱，继续保持！',
            '合理饮食，健康生活，你正在走向更好的自己！',
            '好的饮食习惯会让你精力充沛，继续加油！',
            '饮食健康，生活更美好，你做得很好！'
        ],
        '水分': [
            '多喝水是最简单的养生方式，你已经开始了！',
            '充足的水分能让身体更健康，继续保持！',
            '每一杯水都是对身体的滋养，坚持下去！',
            '多喝水，皮肤好，精神好，一切都好！',
            '水分是生命之源，你正在给身体最好的照顾！'
        ],
        '压力': [
            '学会放松是对自己最好的礼物，你已经开始了！',
            '冥想和深呼吸能让心灵更平静，继续练习！',
            '压力管理是现代生活的必修课，你做得很好！',
            '给自己一点时间，放松心情，你值得！',
            '平静的心灵是健康的基石，继续保持！'
        ]
    };
    
    for (const [key, value] of Object.entries(encouragements)) {
        if (taskTitle.includes(key)) {
            return value[Math.floor(Math.random() * value.length)];
        }
    }
    
    // 默认鼓励话语
    const defaultEncouragements = [
        '每完成一个任务，你都在变得更好！',
        '坚持就是胜利，你已经迈出了重要的一步！',
        '小目标，大成就，继续加油！',
        '你正在为自己的健康努力，真棒！',
        '每一个好习惯都能让你更接近理想的自己！'
    ];
    
    return defaultEncouragements[Math.floor(Math.random() * defaultEncouragements.length)];
}

// 加载今日任务
function loadTodayTasks() {
    const today = new Date();
    loadDateTasks(today);
}

// 切换任务完成状态
function toggleTaskCompletion(taskId) {
    const tasks = getTasks();
    const taskIndex = tasks.findIndex(task => task.id === taskId);
    if (taskIndex !== -1) {
        tasks[taskIndex].completed = !tasks[taskIndex].completed;
        saveTasks(tasks);
        loadTodayTasks();
        updateWeekCompletion();
        loadUpcomingTasks();
        renderCalendar();
        
        if (tasks[taskIndex].completed) {
            // 显示完成动画
            showTaskCompletionAnimation();
            addNotification('任务完成', `您已完成任务：${tasks[taskIndex].title}`);
        }
    }
}

// 显示任务完成动画
function showTaskCompletionAnimation() {
    // 创建动画元素
    const animationElement = document.createElement('div');
    animationElement.style.position = 'fixed';
    animationElement.style.top = '50%';
    animationElement.style.left = '50%';
    animationElement.style.transform = 'translate(-50%, -50%)';
    animationElement.style.zIndex = '1000';
    animationElement.style.textAlign = 'center';
    animationElement.innerHTML = `
        <div style="font-size: 4rem; animation: pulse 1s ease-in-out;">✅</div>
        <div style="font-size: 1.2rem; font-weight: 600; color: #00b894; margin-top: 10px; animation: fadeIn 0.5s ease-in-out;">任务完成！</div>
    `;
    
    // 添加到页面
    document.body.appendChild(animationElement);
    
    // 3秒后移除
    setTimeout(() => {
        animationElement.style.animation = 'fadeOut 0.5s ease-in-out';
        setTimeout(() => {
            document.body.removeChild(animationElement);
        }, 500);
    }, 2000);
}

// 删除任务
function deleteTask(taskId) {
    const tasks = getTasks();
    const updatedTasks = tasks.filter(task => task.id !== taskId);
    saveTasks(updatedTasks);
    loadTodayTasks();
    updateWeekCompletion();
    loadUpcomingTasks();
    renderCalendar();
}

// 更新周完成率
function updateWeekCompletion() {
    const weekCompletionRateElement = document.getElementById('weekCompletionRate');
    const weekCompletionBarElement = document.getElementById('weekCompletionBar');
    if (!weekCompletionRateElement || !weekCompletionBarElement) return;
    
    const today = new Date();
    const weekStart = new Date(today);
    weekStart.setDate(today.getDate() - today.getDay());
    weekStart.setHours(0, 0, 0, 0);
    
    const weekEnd = new Date(weekStart);
    weekEnd.setDate(weekStart.getDate() + 6);
    weekEnd.setHours(23, 59, 59, 999);
    
    const tasks = getTasks();
    const weekTasks = tasks.filter(task => {
        const taskDate = new Date(task.date);
        return taskDate >= weekStart && taskDate <= weekEnd;
    });
    
    if (weekTasks.length === 0) {
        weekCompletionRateElement.textContent = '0%';
        weekCompletionBarElement.style.width = '0%';
        return;
    }
    
    const completedTasks = weekTasks.filter(task => task.completed).length;
    const completionRate = Math.round((completedTasks / weekTasks.length) * 100);
    
    weekCompletionRateElement.textContent = `${completionRate}%`;
    weekCompletionBarElement.style.width = `${completionRate}%`;
}

// 加载近期任务
function loadUpcomingTasks() {
    const upcomingTasksElement = document.getElementById('upcomingTasks');
    if (!upcomingTasksElement) return;
    
    const today = new Date();
    today.setHours(0, 0, 0, 0);
    
    const tasks = getTasks();
    const upcomingTasks = tasks.filter(task => {
        const taskDate = new Date(task.date);
        taskDate.setHours(0, 0, 0, 0);
        return taskDate > today;
    }).sort((a, b) => new Date(a.date) - new Date(b.date)).slice(0, 5);
    
    if (upcomingTasks.length === 0) {
        upcomingTasksElement.innerHTML = `
            <div style="text-align: center; padding: 30px; background: #f8f9fa; border-radius: 15px; margin: 15px 0;">
                <div style="font-size: 2rem; margin-bottom: 10px;">📅</div>
                <div style="font-size: 1rem; font-weight: 600; color: #666;">近期暂无任务</div>
            </div>
        `;
        return;
    }
    
    let html = '';
    upcomingTasks.forEach((task, index) => {
        // 根据任务类型选择图标
        let icon = '📋';
        if (task.title.includes('运动')) icon = '🏃‍♂️';
        else if (task.title.includes('饮食')) icon = '🥗';
        else if (task.title.includes('水分')) icon = '💧';
        else if (task.title.includes('压力')) icon = '🧘‍♀️';
        
        const taskDate = new Date(task.date);
        html += `
            <div style="display: flex; align-items: center; gap: 15px; padding: 15px; background: #f8f9fa; border-radius: 15px; margin-bottom: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: all 0.3s ease; animation: fadeIn 0.5s ease-in-out ${index * 0.1}s both;">
                <div style="font-size: 1.5rem;">${icon}</div>
                <div style="background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); color: white; padding: 10px; border-radius: 10px; text-align: center; min-width: 80px; box-shadow: 0 2px 10px rgba(26, 41, 128, 0.3);">
                    <div style="font-size: 0.8rem;">${taskDate.getMonth() + 1}月</div>
                    <div style="font-weight: 600; font-size: 1.2rem;">${taskDate.getDate()}</div>
                    <div style="font-size: 0.7rem;">${['日', '一', '二', '三', '四', '五', '六'][taskDate.getDay()]}</div>
                </div>
                <div style="flex: 1;">
                    <div style="font-weight: 600; color: #1a2980; font-size: 1rem;">${task.title}</div>
                    <div style="font-size: 0.85rem; color: #666; margin-top: 5px;">${task.description}</div>
                </div>
            </div>
        `;
    });
    
    upcomingTasksElement.innerHTML = html;
}

// 添加默认任务
function addDefaultTasks() {
    if (!currentUser) return;
    
    const tasks = getTasks();
    if (tasks.length > 0) return; // 已有任务，不添加默认任务
    
    const defaultTasks = [
        {
            id: Date.now() + 1,
            title: '晨间运动',
            description: '进行30分钟的轻度有氧运动，如散步或瑜伽',
            date: new Date().toISOString(),
            completed: false
        },
        {
            id: Date.now() + 2,
            title: '健康饮食',
            description: '今天尝试减少精制糖和加工食品的摄入',
            date: new Date().toISOString(),
            completed: false
        },
        {
            id: Date.now() + 3,
            title: '水分摄入',
            description: '确保今天喝够8杯水',
            date: new Date().toISOString(),
            completed: false
        },
        {
            id: Date.now() + 4,
            title: '压力管理',
            description: '花10分钟进行深呼吸或冥想',
            date: new Date().toISOString(),
            completed: false
        }
    ];
    
    saveTasks(defaultTasks);
}

// 修改showTab函数，添加日历页面的初始化
function showTab(tabName) {
    // 隐藏所有标签内容
    document.querySelectorAll('.tab-content').forEach(tab => {
        tab.style.display = 'none';
    });
    
    // 移除所有标签按钮的激活状态
    document.querySelectorAll('.nav-tab').forEach(btn => {
        btn.classList.remove('active');
    });
    
    // 显示选中的标签内容
    document.getElementById(tabName).style.display = 'block';
    
    // 激活对应的标签按钮 - 患者系统
    const patientTabIndex = ['input', 'report', 'comparison', 'calendar', 'doctor', 'about', 'settings'].indexOf(tabName);
    if (patientTabIndex >= 0) {
        const patientNav = document.querySelector('.nav-tabs:not(.doctor-nav)');
        if (patientNav) {
            const patientBtns = patientNav.querySelectorAll('.nav-tab');
            if (patientBtns[patientTabIndex]) {
                patientBtns[patientTabIndex].classList.add('active');
            }
        }
    }
    
    // 激活对应的标签按钮 - 医生系统
    const doctorTabIndex = ['doctorDashboard', 'doctorPatients', 'settings', 'about'].indexOf(tabName);
    if (doctorTabIndex >= 0) {
        const doctorNav = document.querySelector('.doctor-nav');
        if (doctorNav) {
            const doctorBtns = doctorNav.querySelectorAll('.nav-tab');
            if (doctorBtns[doctorTabIndex]) {
                doctorBtns[doctorTabIndex].classList.add('active');
            }
        }
    }
    
    // 如果切换到对比页面，更新对比视图
    if (tabName === 'comparison') {
        updateComparisonView();
    }
    
    // 如果切换到个人设置页面，加载用户设置
    if (tabName === 'settings') {
        loadUserSettings();
    }
    
    // 如果切换到医生沟通页面（患者系统），加载医生列表和聊天记录
    if (tabName === 'doctor') {
        loadDoctorList();
        if (window.currentSelectedDoctor) {
            loadChatMessagesWithDoctor(window.currentSelectedDoctor);
            loadPrescriptionsFromDoctor(window.currentSelectedDoctor);
        }
        loadReportAccessStatus();
    }
    
    // 如果切换到患者索引页面（医生系统），加载患者列表
    if (tabName === 'doctorPatients') {
        loadPatientList();
    }
    
    // 如果切换到日历页面，初始化日历
    if (tabName === 'calendar') {
        addDefaultTasks();
        initCalendar();
    }
    
    // 如果切换到个人设置页面，加载便签
    if (tabName === 'settings') {
        loadNotes();
    }
}

// 便签功能

// 加载便签
function loadNotes() {
    if (!currentUser) return;
    
    const notes = JSON.parse(localStorage.getItem(`metascanNotes_${currentUser.username}`)) || [];
    const notesContainer = document.getElementById('notesContainer');
    if (!notesContainer) return;
    
    if (notes.length === 0) {
        notesContainer.innerHTML = '<p style="text-align: center; color: #666; padding: 40px; grid-column: 1 / -1;">暂无便签，点击添加按钮创建新便签</p>';
        return;
    }
    
    let html = '';
    notes.forEach(note => {
        const date = new Date(note.createdAt).toLocaleString();
        html += `
            <div style="background: #f8f9fa; border: 1px solid #e0e6ed; border-radius: 10px; padding: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: all 0.3s ease;">
                <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px;">
                    <h4 style="color: #1a2980; margin: 0; font-size: 1rem;">${note.title}</h4>
                    <div style="display: flex; gap: 5px;">
                        <button onclick="editNote(${note.id})" style="background: #f0f4ff; border: 1px solid #e0e6ed; border-radius: 5px; padding: 5px 10px; cursor: pointer; font-size: 0.8rem; transition: all 0.3s ease;">编辑</button>
                        <button onclick="deleteNote(${note.id})" style="background: #fee; border: 1px solid #f5c6cb; border-radius: 5px; padding: 5px 10px; cursor: pointer; font-size: 0.8rem; transition: all 0.3s ease;">删除</button>
                    </div>
                </div>
                <div style="font-size: 0.9rem; color: #666; margin-bottom: 10px; line-height: 1.4;">${note.content}</div>
                <div style="font-size: 0.8rem; color: #999; text-align: right;">${date}</div>
            </div>
        `;
    });
    
    notesContainer.innerHTML = html;
}

// 添加便签
function addNote() {
    if (!currentUser) return;
    
    const title = document.getElementById('noteTitle').value.trim();
    const content = document.getElementById('noteContent').value.trim();
    
    if (!title || !content) {
        showNotification('请填写便签标题和内容');
        return;
    }
    
    const notes = JSON.parse(localStorage.getItem(`metascanNotes_${currentUser.username}`)) || [];
    const newNote = {
        id: Date.now(),
        title: title,
        content: content,
        createdAt: new Date().toISOString()
    };
    
    notes.push(newNote);
    localStorage.setItem(`metascanNotes_${currentUser.username}`, JSON.stringify(notes));
    
    // 清空输入框
    document.getElementById('noteTitle').value = '';
    document.getElementById('noteContent').value = '';
    
    // 重新加载便签
    loadNotes();
    
    showNotification('便签添加成功');
}

// 删除便签
function deleteNote(id) {
    if (!currentUser) return;
    
    const notes = JSON.parse(localStorage.getItem(`metascanNotes_${currentUser.username}`)) || [];
    const updatedNotes = notes.filter(note => note.id !== id);
    
    localStorage.setItem(`metascanNotes_${currentUser.username}`, JSON.stringify(updatedNotes));
    
    // 重新加载便签
    loadNotes();
    
    showNotification('便签删除成功');
}

// 编辑便签
function editNote(id) {
    if (!currentUser) return;
    
    const notes = JSON.parse(localStorage.getItem(`metascanNotes_${currentUser.username}`)) || [];
    const note = notes.find(note => note.id === id);
    
    if (!note) return;
    
    const newTitle = prompt('请输入新的便签标题:', note.title);
    const newContent = prompt('请输入新的便签内容:', note.content);
    
    if (newTitle !== null && newContent !== null) {
        note.title = newTitle.trim();
        note.content = newContent.trim();
        note.updatedAt = new Date().toISOString();
        
        localStorage.setItem(`metascanNotes_${currentUser.username}`, JSON.stringify(notes));
        
        // 重新加载便签
        loadNotes();
        
        showNotification('便签编辑成功');
    }
}