论文润色降重

// API配置
const API_CONFIG = {
    deepseek: {
        url: "https://ark.cn-beijing.volces.com/api/v3/chat/completions",
        key: "511a8234-42e******************",
        model: "deepseek-v3-250324"
    },
    doubao: {
        url: "https://ark.cn-beijing.volces.com/api/v3/chat/completions",
        key: "511a8234-42ed-************",
        model: "doubao-1-5-pro-32k-250115"
    },
    claude: {
        url: "https://api.cymru/v1/chat/completions",
        key: "sk-vkPaEihtD8*******************",
        model: "claude-3-5-sonnet-20241022"
    }
};

// 增强的API调用函数（带自动降级）
async function callApiWithFallback(apiNames, messages, onChunk) {
    let lastError = null;
    
    for (const apiName of apiNames) {
        try {
            const config = API_CONFIG[apiName];
            const response = await fetch(config.url, {
                method: "POST",
                headers: {
                    "Content-Type": "application/json",
                    "Authorization": `Bearer ${config.key}`
                },
                body: JSON.stringify({
                    model: config.model,
                    messages: messages,
                    temperature: 0.7
                })
            });
            
            if (!response.ok) throw new Error(`HTTP ${response.status}`);
            
            const result = await response.json();
            const content = result.choices[0].message.content;
            
            // 模拟流式效果（即使是非流式API）
            if (onChunk) {
                const chunks = content.match(/.{1,50}/g) || [content];
                for (const chunk of chunks) {
                    await new Promise(resolve => setTimeout(resolve, 50));
                    onChunk(chunk);
                }
            }
            
            return { api: apiName, content };
        } catch (error) {
            console.error(`${apiName} API调用失败:`, error);
            lastError = error;
            continue; // 尝试下一个API
        }
    }
    
    throw new Error(`所有备用API均失败: ${lastError?.message || '未知错误'}`);
}

// 重置所有输出内容和状态
function resetOutputs() {
    // 清空所有输出内容
    document.getElementById('originalOutput').textContent = '';
    document.getElementById('deepseekOutput').textContent = '';
    document.getElementById('doubaoOutput').textContent = '';
    document.getElementById('claudeOutput').textContent = '';
    document.getElementById('analysisOutput').innerHTML = '';
    
    // 重置进度状态
    resetProgressStatus('step1');
    resetProgressStatus('step2');
    resetProgressStatus('step3');
    resetProgressStatus('step4');
    
    // 重置图标状态
    resetIconStatus('step1Icon');
    resetIconStatus('step2Icon');
    resetIconStatus('step3Icon');
    resetIconStatus('step4Icon');
    
    // 隐藏下载按钮
    document.getElementById('downloadBtn').style.display = 'none';
    
    // 清除上次的处理结果
    window.lastProcessResult = null;
}

// 重置进度状态函数
function resetProgressStatus(stepId) {
    const statusElement = document.getElementById(`${stepId}Status`);
    statusElement.textContent = '等待中';
    statusElement.className = 'progress-status';
}

// 重置图标状态函数
function resetIconStatus(iconId) {
    const iconElement = document.getElementById(iconId);
    iconElement.classList.remove('active', 'complete');
}

// 处理文本的主函数（严格遵循降级逻辑）
async function processText(text) {
    if (!text.trim()) {
        alert('请输入需要改写的文本！');
        return;
    }
    
    // 清空之前的所有内容和状态
    resetOutputs();
    
    // 显示输出区域
    document.getElementById('outputSection').style.display = 'block';
    document.getElementById('originalOutput').textContent = text;
    
    let deepseekOutput = text;
    let doubaoOutput = text;
    let claudeOutput = text;
    
    try {
        // 第一步：DeepSeek处理（失败则用豆包，再失败用Claude）
        updateProgressStatus('step1', 'active', '处理中');
        document.getElementById('step1Icon').classList.add('active');
        
        try {
            const result = await callApiWithFallback(
                ['deepseek', 'doubao', 'claude'], 
                [
                    { role: "system", content: "你是一流的学术论文改写助手，请完成第一轮优化改写" },
                    { role: "user", content: `请对以下内容进行首轮改写：n1. 保持核心观点不变n2. 优化基础表达n3. 避免连续8字重复nn原文：n${text}` }
                ],
                chunk => { document.getElementById('deepseekOutput').textContent += chunk; }
            );
            
            deepseekOutput = result.content;
            updateProgressStatus('step1', 'complete', `已完成 (${result.api})`);
        } catch (error) {
            console.error('首轮改写全部失败:', error);
            document.getElementById('deepseekOutput').textContent = '所有API调用失败，使用原文继续';
            updateProgressStatus('step1', 'complete', '全部失败');
        }
        
        document.getElementById('step1Icon').classList.remove('active');
        document.getElementById('step1Icon').classList.add('complete');
        
        // 第二步：豆包处理（失败则用Claude）
        updateProgressStatus('step2', 'active', '处理中');
        document.getElementById('step2Icon').classList.add('active');
        
        try {
            const result = await callApiWithFallback(
                ['doubao', 'claude'], 
                [
                    { role: "system", content: "你是专业学术编辑，请对初稿进行深度优化" },
                    { role: "user", content: `基于初稿进一步优化：n1. 提升学术规范性n2. 优化段落逻辑n3. 专业术语校准n4.不要过度扩写n初稿：n${deepseekOutput}` }
                ],
                chunk => { document.getElementById('doubaoOutput').textContent += chunk; }
            );
            
            doubaoOutput = result.content;
            updateProgressStatus('step2', 'complete', `已完成 (${result.api})`);
        } catch (error) {
            console.error('二轮改写全部失败:', error);
            document.getElementById('doubaoOutput').textContent = '所有API调用失败，使用上一步结果继续';
            doubaoOutput = deepseekOutput;
            updateProgressStatus('step2', 'complete', '全部失败');
        }
        
        document.getElementById('step2Icon').classList.remove('active');
        document.getElementById('step2Icon').classList.add('complete');
        
        // 第三步：Claude处理（只允许使用Claude）
        updateProgressStatus('step3', 'active', '处理中');
        document.getElementById('step3Icon').classList.add('active');
        
        try {
            const result = await callApiWithFallback(
                ['claude'], 
                [
                    { role: "system", content: "你是顶尖学术写作专家，请完成最终版定稿" },
                    { role: "user", content: `请完成最终改写：n1. 确保符合顶级期刊要求n2. 优化学术表达风格，不要过度扩写n3. 彻底避免查重问题nn当前版本：n${doubaoOutput}` }
                ],
                chunk => { document.getElementById('claudeOutput').textContent += chunk; }
            );
            
            claudeOutput = result.content;
            updateProgressStatus('step3', 'complete', '已完成 (Claude)');
        } catch (error) {
            console.error('最终改写失败:', error);
            document.getElementById('claudeOutput').textContent = 'Claude API调用失败，使用上一步结果继续';
            claudeOutput = doubaoOutput;
            updateProgressStatus('step3', 'complete', '失败');
        }
        
        document.getElementById('step3Icon').classList.remove('active');
        document.getElementById('step3Icon').classList.add('complete');
        
        // 第四步：生成分析报告（使用DeepSeek或豆包）
        updateProgressStatus('step4', 'active', '处理中');
        document.getElementById('step4Icon').classList.add('active');
        
        try {
            const result = await callApiWithFallback(
                ['deepseek', 'doubao'], 
                [
                    { role: "system", content: `你是专业论文评审，需详细分析两版文本差异，按以下规则输出：
1. 逐段对比原文与终稿
2. 指出每处重要修改
3. 说明修改的学术价值
4. 用Markdown表格呈现` },
                    { role: "user", content: `请分析以下两版文本的优化点：

【原文】
${text}

【终稿】
${claudeOutput}

请用表格形式输出分析结果：` }
                ]
            );
            
            document.getElementById('analysisOutput').innerHTML = marked.parse(result.content);
            updateProgressStatus('step4', 'complete', `已完成 (${result.api})`);
        } catch (error) {
            console.error('分析生成失败:', error);
            document.getElementById('analysisOutput').innerHTML = marked.parse(`
## 分析报告生成失败

### 简单对比
|  | 内容 |
|---|---|
| 原文 | ${text.substring(0, 100)}${text.length > 100 ? '...' : ''} |
| 终稿 | ${claudeOutput.substring(0, 100)}${claudeOutput.length > 100 ? '...' : ''} |
            `);
            updateProgressStatus('step4', 'complete', '失败');
        }
        
        document.getElementById('step4Icon').classList.remove('active');
        document.getElementById('step4Icon').classList.add('complete');
        
        // 显示下载按钮
        document.getElementById('downloadBtn').style.display = 'flex';
        
        // 保存结果用于下载
        window.lastProcessResult = {
            original: text,
            deepseek: deepseekOutput,
            doubao: doubaoOutput,
            claude: claudeOutput,
            analysis: document.getElementById('analysisOutput').textContent
        };
        
    } catch (error) {
        console.error('处理过程中出错:', error);
        alert('处理文本时发生错误，请重试！');
    }
}

// 其余工具函数保持不变
function updateProgressStatus(stepId, status, text) {
    const statusElement = document.getElementById(`${stepId}Status`);
    statusElement.textContent = text;
    statusElement.className = 'progress-status';
    if (status) {
        statusElement.classList.add(status);
    }
}

function generateReport() {
    const original = document.getElementById('originalOutput').textContent;
    const deepseek = document.getElementById('deepseekOutput').textContent;
    const doubao = document.getElementById('doubaoOutput').textContent;
    const claude = document.getElementById('claudeOutput').textContent;
    const analysis = document.getElementById('analysisOutput').textContent;
    
    const now = new Date();
    const timestamp = `${now.getFullYear()}${(now.getMonth()+1).toString().padStart(2, '0')}${now.getDate().toString().padStart(2, '0')}_${now.getHours().toString().padStart(2, '0')}${now.getMinutes().toString().padStart(2, '0')}${now.getSeconds().toString().padStart(2, '0')}`;
    
    let report = `# 学术论文三级改写报告nn`;
    report += `> 生成时间：${now.toLocaleString()}nn`;
    report += `## 原始文本n```n${original}n```nn`;
    report += `## 改写流程nn`;
    report += `### DeepSeek初稿n```n${deepseek}n```nn`;
    report += `### 豆包优化稿n```n${doubao}n```nn`;
    report += `### Claude终稿n```n${claude}n```nn`;
    report += `## 专业修改分析n${analysis}n`;
    
    const blob = new Blob([report], { type: 'text/markdown' });
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = `论文深度改写报告_${timestamp}.md`;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
    URL.revokeObjectURL(url);
}

function copyToClipboard(targetId) {
    const text = document.getElementById(targetId).textContent;
    navigator.clipboard.writeText(text).then(() => {
        const targetBtn = document.querySelector(`[data-target="${targetId}"]`);
        const originalIcon = targetBtn.innerHTML;
        targetBtn.innerHTML = '<i class="fas fa-check"></i>';
        setTimeout(() => {
            targetBtn.innerHTML = originalIcon;
        }, 2000);
    });
}

function loadFromFile(file) {
    const reader = new FileReader();
    reader.onload = (e) => {
        document.getElementById('inputText').value = e.target.result;
    };
    reader.readAsText(file);
}

// 初始化事件监听器
document.addEventListener('DOMContentLoaded', () => {
    // 开始按钮事件
    document.getElementById('startBtn').addEventListener('click', () => {
        const text = document.getElementById('inputText').value;
        processText(text);
    });
    
    // 文件加载按钮事件
    document.getElementById('loadFileBtn').addEventListener('click', () => {
        document.getElementById('fileInput').click();
    });
    
    // 文件输入事件
    document.getElementById('fileInput').addEventListener('change', (e) => {
        if (e.target.files.length > 0) {
            loadFromFile(e.target.files[0]);
        }
    });
    
    // 复制按钮事件
    document.querySelectorAll('.copy-btn').forEach(btn => {
        btn.addEventListener('click', () => {
            const targetId = btn.getAttribute('data-target');
            copyToClipboard(targetId);
        });
    });
    
    // 下载按钮事件
    document.getElementById('downloadBtn').addEventListener('click', () => {
        if (window.lastProcessResult) {
            const { original, deepseek, doubao, claude, analysis } = window.lastProcessResult;
            generateReport(original, {
                "DeepSeek初稿": deepseek,
                "豆包优化稿": doubao,
                "Claude终稿": claude
            }, analysis);
        } else {
            alert('请先处理文本再生成报告');
        }
    });
});

:root {
    --primary: #4a6fa5;
    --primary-light: #6e8cb3;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --white: #ffffff;
    --shadow: rgba(0, 0, 0, 0.1);
    --border-radius: 8px;
    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
    background-color: #f5f7fa;
    color: var(--dark);
    line-height: 1.6;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

header {
    background: linear-gradient(to right, var(--primary), var(--primary-light));
    color: var(--white);
    padding: 20px;
    border-radius: var(--border-radius);
    margin-bottom: 30px;
    box-shadow: var(--box-shadow);
    text-align: center;
}

header h1 {
    font-size: 2.2rem;
    margin-bottom: 10px;
}

header p {
    font-size: 1.1rem;
    opacity: 0.9;
}

.card {
    background-color: var(--white);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    padding: 20px;
    margin-bottom: 20px;
    transition: var(--transition);
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.card-title {
    font-size: 1.5rem;
    color: var(--primary);
    display: flex;
    align-items: center;
}

.card-title i {
    margin-right: 10px;
    background-color: var(--primary-light);
    color: white;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.btn {
    padding: 10px 20px;
    border: none;
    border-radius: var(--border-radius);
    cursor: pointer;
    font-weight: 600;
    transition: var(--transition);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-primary {
    background-color: var(--primary);
    color: var(--white);
}

.btn-primary:hover {
    background-color: var(--primary-light);
}

.btn-success {
    background-color: var(--success);
    color: var(--white);
}

.btn-success:hover {
    background-color: #218838;
}

.btn i {
    margin-right: 8px;
}

textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    resize: vertical;
    min-height: 150px;
    font-size: 1rem;
    transition: var(--transition);
    margin-bottom: 20px;
}

textarea:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(74, 111, 165, 0.2);
}

.output-card {
    background-color: var(--white);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    margin-bottom: 20px;
    overflow: hidden;
}

.output-header {
    background-color: var(--primary);
    color: var(--white);
    padding: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.output-header i {
    margin-right: 8px;
}

.output-content {
    padding: 20px;
    min-height: 100px;
    max-height: 300px;
    overflow-y: auto;
    white-space: pre-wrap;
    line-height: 1.7;
    position: relative;
}

.output-content.loading::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress-container {
    margin: 30px 0;
}

.progress-step {
    display: flex;
    margin-bottom: 15px;
    position: relative;
}

.progress-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
    z-index: 1;
    transition: var(--transition);
}

.progress-icon.active {
    background-color: var(--primary);
    color: var(--white);
}

.progress-icon.complete {
    background-color: var(--success);
    color: var(--white);
}

.progress-content {
    flex-grow: 1;
}

.progress-title {
    font-weight: 600;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.progress-status {
    margin-left: 10px;
    font-size: 0.85rem;
    padding: 2px 8px;
    border-radius: 10px;
    background-color: #e9ecef;
}

.progress-status.active {
    background-color: var(--primary);
    color: var(--white);
}

.progress-status.complete {
    background-color: var(--success);
    color: var(--white);
}

.progress-text {
    font-size: 0.95rem;
    color: var(--secondary);
}

.progress-line {
    position: absolute;
    left: 20px;
    top: 40px;
    bottom: -15px;
    width: 2px;
    background-color: #e9ecef;
    z-index: 0;
}

.progress-step:last-child .progress-line {
    display: none;
}

.floating-controls {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.floating-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    font-size: 1.5rem;
}

.analysis-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.analysis-table th,
.analysis-table td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.analysis-table th {
    background-color: #f8f9fa;
    font-weight: 600;
}

.analysis-table tr:hover {
    background-color: #f5f7fa;
}

.diff-highlight {
    background-color: #e8f4f8;
    padding: 2px 4px;
    border-radius: 3px;
}

.loading-spinner {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: var(--white);
    animation: spin 1s ease-in-out infinite;
    margin-left: 10px;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.copy-btn {
    background-color: transparent;
    border: none;
    color: var(--secondary);
    cursor: pointer;
    padding: 5px;
    transition: var(--transition);
}

.copy-btn:hover {
    color: var(--primary);
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 0.8rem;
}

.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

footer {
    text-align: center;
    margin-top: 50px;
    padding: 20px;
    color: var(--secondary);
    font-size: 0.9rem;
}

.badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    margin-left: 8px;
}

.badge-primary {
    background-color: #e8f1ff;
    color: var(--primary);
}

.badge-success {
    background-color: #e8f8ee;
    color: var(--success);
}

.badge-info {
    background-color: #e8f8fa;
    color: var(--info);
}

/* 鍝嶅簲寮忚璁� */
@media (max-width: 768px) {
    .container {
        padding: 10px;
    }
    
    header {
        padding: 15px;
    }
    
    header h1 {
        font-size: 1.8rem;
    }
    
    .card {
        padding: 15px;
    }
}

/* Enhanced Analysis Table Styling */
.analysis-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 25px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    font-size: 14px;
}

.analysis-table th {
    background-color: #4a6fa5;
    color: white;
    font-weight: 600;
    padding: 15px;
    text-align: left;
    border-bottom: 2px solid #3a5d8c;
}

.analysis-table td {
    padding: 15px;
    border-bottom: 1px solid #e0e6ed;
    vertical-align: top;
    line-height: 1.6;
}

.analysis-table tr:last-child td {
    border-bottom: none;
}

.analysis-table tr:nth-child(even) {
    background-color: #f8fafc;
}

.analysis-table tr:hover {
    background-color: #f0f4f8;
}

/* Column widths */
.analysis-table th:nth-child(1), 
.analysis-table td:nth-child(1) {
    width: 10%;
    text-align: center;
}

.analysis-table th:nth-child(2), 
.analysis-table td:nth-child(2) {
    width: 25%;
}

.analysis-table th:nth-child(3), 
.analysis-table td:nth-child(3) {
    width: 25%;
}

.analysis-table th:nth-child(4), 
.analysis-table td:nth-child(4) {
    width: 20%;
}

.analysis-table th:nth-child(5), 
.analysis-table td:nth-child(5) {
    width: 20%;
}

/* Highlight modified content */
.modified-text {
    background-color: #e8f4ff;
    padding: 2px 5px;
    border-radius: 3px;
    border-left: 3px solid #4a6fa5;
    display: inline-block;
    margin: 2px 0;
}

/* Academic value styling */
.academic-value {
    margin-top: 10px;
    padding-left: 10px;
    border-left: 3px solid #28a745;
}

.academic-value li {
    margin-bottom: 8px;
    list-style: none;
    position: relative;
    padding-left: 20px;
}

.academic-value li:before {
    content: "鈥�";
    color: #28a745;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}

/* Table header icon styling */
.analysis-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.analysis-header i {
    background-color: #4a6fa5;
    color: white;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    font-size: 18px;
}

.analysis-header h2 {
    margin: 0;
    color: #4a6fa5;
    font-size: 1.5rem;
}

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学术论文三级改写分析系统</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <header>
            <h1><i class="fas fa-book-open"></i> 学术论文三级改写分析系统</h1>
            <p>使用先进AI技术提升您的学术写作质量</p>
        </header>
        
        <div class="card">
            <div class="card-header">
                <div class="card-title">
                    <i class="fas fa-file-alt"></i> 输入文本
                </div>
                <div class="tooltip">
                    <i class="fas fa-info-circle"></i>
                    <span class="tooltip-text">粘贴需要改写的学术段落</span>
                </div>
            </div>
            <textarea id="inputText" placeholder="在此粘贴需要改写的学术段落..."></textarea>
            <button id="startBtn" class="btn btn-primary">
                <i class="fas fa-play"></i> 开始改写
            </button>
            <button id="loadFileBtn" class="btn btn-primary" style="margin-left: 10px;">
                <i class="fas fa-file-upload"></i> 从文件加载
            </button>
            <input type="file" id="fileInput" style="display: none;" accept=".txt">
        </div>
        
        <div class="progress-container">
            <div class="progress-step">
                <div class="progress-icon" id="step1Icon">
                    <i class="fas fa-rocket"></i>
                </div>
                <div class="progress-line"></div>
                <div class="progress-content">
                    <div class="progress-title">
                        DeepSeek初稿优化
                        <span class="progress-status" id="step1Status">等待中</span>
                    </div>
                    <div class="progress-text">使用DeepSeek AI进行第一轮文本优化</div>
                </div>
            </div>
            
            <div class="progress-step">
                <div class="progress-icon" id="step2Icon">
                    <i class="fas fa-tools"></i>
                </div>
                <div class="progress-line"></div>
                <div class="progress-content">
                    <div class="progress-title">
                        豆包深度优化
                        <span class="progress-status" id="step2Status">等待中</span>
                    </div>
                    <div class="progress-text">使用豆包AI进行学术规范化和逻辑优化</div>
                </div>
            </div>
            
            <div class="progress-step">
                <div class="progress-icon" id="step3Icon">
                    <i class="fas fa-sparkles"></i>
                </div>
                <div class="progress-line"></div>
                <div class="progress-content">
                    <div class="progress-title">
                        Claude最终润色
                        <span class="progress-status" id="step3Status">等待中</span>
                    </div>
                    <div class="progress-text">使用Claude AI完成最终学术风格优化</div>
                </div>
            </div>
            
            <div class="progress-step">
                <div class="progress-icon" id="step4Icon">
                    <i class="fas fa-chart-column"></i>
                </div>
                <div class="progress-content">
                    <div class="progress-title">
                        专业分析生成
                        <span class="progress-status" id="step4Status">等待中</span>
                    </div>
                    <div class="progress-text">生成详细的文本优化分析报告</div>
                </div>
            </div>
        </div>