<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="https://bbs.colg.cn/favicon.ico" />
    <title>COLG迷雾系统进度模拟器</title>
    <style>
        :root { 
            --bg: #f0f2f5; --card: #ffffff; 
            --c-green: #2e7d32; --c-yellow: #f57f17; --c-red: #c62828; --c-black: #333;   
            --gold: #ffb300; --primary: #1565c0; --pl-color: #00bcd4; --accent: #d81b60;
            --border-radius: 12px;
            --card-w: 340px; 
            --gap: 20px;
        }
        body { 
            font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif; 
            background: var(--bg); margin: 0; padding: 20px; color: #333; 
            user-select: none; -webkit-user-select: none;
        }
        .container { max-width: 1420px; margin: 0 auto; padding-bottom: 50px; width: fit-content; } 
        
        /* === 顶部角色面板 === */
        .dashboard-header { 
            background: linear-gradient(135deg, #1565c0, #0d47a1); 
            color: white; padding: 20px 25px; border-radius: var(--border-radius); 
            box-shadow: 0 4px 20px rgba(13, 71, 161, 0.25); margin-bottom: 20px;
            position: relative;
        }
        .week-indicator {
            background: rgba(255,255,255,0.2); display: inline-block;
            padding: 4px 12px; border-radius: 20px; font-size: 0.9em; margin-bottom: 10px;
            border: 1px solid rgba(255,255,255,0.3); font-weight: bold;
        }

        .dash-content { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
        .level-badge { 
            background: rgba(0,0,0,0.25); padding: 10px 20px; border-radius: 12px; 
            text-align: center; min-width: 80px; border: 1px solid rgba(255,255,255,0.2);
        }
        .level-num { font-size: 2.5em; font-weight: bold; color: var(--gold); line-height: 1; text-shadow: 0 2px 4px rgba(0,0,0,0.3); }
        .level-label { font-size: 0.8em; opacity: 0.9; letter-spacing: 1px; }

        .stats-grid { 
            display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; flex: 1; 
            text-align: center; background: rgba(255,255,255,0.1); padding: 12px; border-radius: 12px;
        }
        .stat-box .s-val { font-size: 1.25em; font-weight: bold; color: #fff; }
        .stat-box .s-label { font-size: 0.85em; color: #e3f2fd; margin-top: 4px; }
        .stat-highlight { color: #81d4fa !important; }

        .total-xp-box { text-align: right; min-width: 120px; }
        .xp-val { font-size: 1.8em; font-weight: bold; }
        .xp-label { font-size: 0.8em; opacity: 0.8; }

        .lvl-progress-wrapper { margin-top: 15px; position: relative; }
        .lvl-bar-bg { background: rgba(0,0,0,0.3); height: 18px; border-radius: 9px; overflow: hidden; position: relative; }
        .lvl-bar-fill { 
            height: 100%; background: linear-gradient(90deg, #ffca28, #ff6f00); width: 0%; 
            transition: width 0.5s ease; box-shadow: 0 0 10px rgba(255, 160, 0, 0.6);
        }
        .lvl-text { display: flex; justify-content: space-between; font-size: 0.9em; margin-top: 6px; color: #e0e0e0; font-weight: 500; }
        .lvl-next-highlight { color: #ffca28; font-weight: bold; margin: 0 3px; }

        /* === 设定进度 弹窗 === */
        .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000; align-items: center; justify-content: center; }
        .modal-box { background: white; padding: 25px; border-radius: 12px; width: 320px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
        .modal-title { font-size: 1.2em; font-weight: bold; margin-bottom: 15px; color: #333; border-bottom: 2px solid #eee; padding-bottom: 10px; }
        .modal-row { margin-bottom: 15px; }
        .modal-row label { display: block; font-size: 0.9em; color: #666; margin-bottom: 5px; }
        .modal-input { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 6px; font-size: 1em; box-sizing: border-box; }
        .modal-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
        .btn-modal { padding: 8px 15px; border-radius: 6px; border: none; cursor: pointer; font-weight: bold; }
        .btn-cancel { background: #eee; color: #333; }
        .btn-confirm { background: var(--primary); color: white; }

        /* === 配置栏 === */
        .config-bar-full {
            background: #fff; padding: 15px 25px; border-radius: 8px; margin-bottom: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.03);
            display: flex; align-items: center; justify-content: space-between; gap: 40px;
        }
        .char-group { display: flex; align-items: center; gap: 15px; font-weight: bold; color: var(--primary); font-size: 1.1em; white-space: nowrap; }
        .char-input { width: 70px; padding: 6px; border: 2px solid var(--primary); border-radius: 8px; text-align: center; font-size: 1.1em; font-weight: bold; color: var(--primary); }
        
        .sort-toggle { display: flex; align-items: center; gap: 8px; font-size: 0.9em; cursor: pointer; user-select: none; }
        .sort-toggle input { width: 18px; height: 18px; cursor: pointer; }
        
        /* 进度设定按钮 */
        .btn-set-progress {
            background: #e1f5fe; color: #0277bd; border: 1px solid #b3e5fc;
            padding: 6px 12px; border-radius: 6px; cursor: pointer; font-weight: bold;
            font-size: 0.9em; display: flex; align-items: center; gap: 5px;
            transition: all 0.2s;
        }
        .btn-set-progress:hover { background: #b3e5fc; }

        .pl-wrapper { flex: 1; display: flex; flex-direction: column; justify-content: center; }
        .pl-header { display: flex; justify-content: space-between; font-size: 0.9em; margin-bottom: 6px; font-weight: bold; color: #555; }
        .pl-bar-bg { background: #e0e0e0; height: 12px; border-radius: 6px; overflow: hidden; }
        .pl-bar-fill { height: 100%; background: var(--pl-color); width: 0%; transition: width 0.3s ease, background-color 0.3s; }
        .pl-warning { color: var(--c-red); font-weight: bold; display: none; margin-left: 10px; }

        /* === 控制栏 === */
        .control-bar {
            display: flex; gap: var(--gap); margin-bottom: 20px; align-items: stretch;
        }
        
        .planner-aligned, .actions-aligned {
            flex: 1; 
            background: #fff; border-radius: 8px; padding: 15px 20px; 
            box-shadow: 0 2px 10px rgba(0,0,0,0.03);
            display: flex; align-items: center; justify-content: space-between; gap: 15px; box-sizing: border-box;
        }

        .planner-aligned { border-left: 5px solid var(--accent); }
        
        .prediction-box { 
            flex: 1; display: flex; justify-content: center; align-items: center; 
            background: #fff; 
            padding: 8px 15px; border-radius: 8px; 
            border: 2px solid #f0f0f0; 
            box-shadow: inset 0 2px 4px rgba(0,0,0,0.03);
            height: 100%; box-sizing: border-box;
        }
        .pred-main { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; justify-content: center;}
        .pred-label { font-size: 0.8em; color: #888; font-weight: bold; margin-right: 5px; }
        .pred-val { font-size: 2.0em; color: #880e4f; font-weight: 800; line-height: 1; font-family: 'Segoe UI', sans-serif; letter-spacing: -1px; }
        .pred-unit { font-size: 0.85em; color: #888; font-weight: bold; }
        
        .btn-fill-max {
            flex: 1; background: var(--accent); color: white; border: none;
            padding: 12px 0; border-radius: 6px; font-weight: bold; cursor: pointer;
            box-shadow: 0 3px 6px rgba(216, 27, 96, 0.3); transition: transform 0.1s;
            font-size: 1.1em; white-space: nowrap; height: 100%;
            display: flex; align-items: center; justify-content: center;
        }
        
        .btn-action {
            flex: 1; border: none; border-radius: 6px; font-weight: bold; cursor: pointer; font-size: 0.95em;
            display: flex; align-items: center; justify-content: center; gap: 5px; 
            color: white; box-shadow: 0 3px 5px rgba(0,0,0,0.15); height: 100%; padding: 12px 0; white-space: nowrap;
        }
        .btn-prev { background: #ff9800; }
        .btn-next { background: linear-gradient(135deg, #2e7d32, #1b5e20); }
        
        .btn-reset-mini {
            background: #ffebee; color: #c62828; border: 1px solid #ffcdd2; padding: 0 15px;
            border-radius: 6px; font-size: 0.85em; cursor: pointer; height: 100%; font-weight: bold;
            transition: all 0.2s; white-space: nowrap; flex: 0 0 auto;
        }
        .btn-reset-mini:hover { background: #ef5350; color: white; }
        .btn-fill-max:active, .btn-action:active { transform: scale(0.98); }
        .btn-prev:disabled { background: #bdbdbd; cursor: not-allowed; box-shadow: none; opacity: 0.7; }

        .save-status { position: absolute; top: -25px; right: 0; font-size: 0.85em; color: #2e7d32; opacity: 0; transition: opacity 0.5s; font-weight: bold; }
        .save-status.show { opacity: 1; }
        
        .week-selector-wrapper { display: inline-block; position: relative; margin-bottom: 10px; }
        .week-select { appearance: none; -webkit-appearance: none; background: rgba(255,255,255,0.2); color: white; padding: 4px 30px 4px 15px; border-radius: 20px; font-size: 0.9em; border: 1px solid rgba(255,255,255,0.3); font-weight: bold; cursor: pointer; outline: none; }
        .week-select option { background: #333; color: white; }
        .week-arrow { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; font-size: 0.8em; opacity: 0.8; color:white; }

        .grid { display: flex; flex-wrap: nowrap; gap: var(--gap); overflow-x: auto; padding-bottom: 5px; align-items: stretch; -webkit-overflow-scrolling: touch; }
        .grid::-webkit-scrollbar { height: 8px; }
        .grid::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; }
        .grid::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }
        .grid::-webkit-scrollbar-thumb:hover { background: #999; }

        .card { background: var(--card); padding: 20px; border-radius: var(--border-radius); box-shadow: 0 4px 12px rgba(0,0,0,0.05); display: flex; flex-direction: column; flex: 0 0 var(--card-w); min-width: var(--card-w); height: auto; box-sizing: border-box; }
        .card-header { font-weight: bold; font-size: 1.15em; border-bottom: 2px solid #f0f0f0; padding-bottom: 12px; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; }
        .cat-pl-tag { font-size: 0.75em; font-weight: normal; background: #f5f5f5; padding: 4px 10px; border-radius: 12px; color: #666; }
        .inputs-container { flex: 1; display: flex; flex-direction: column; gap: 8px; }
        .map-row { display: flex; justify-content: space-between; align-items: center; padding: 2px 0; }
        .map-info { display: flex; flex-direction: column; }
        .map-name { font-size: 0.95em; color: #333; font-weight: 600; }
        .map-meta { font-size: 0.75em; color: #999; margin-top: 2px; }
        .pl-tag { background: #e1f5fe; color: #0277bd; padding: 1px 5px; border-radius: 4px; margin-left: 6px; font-weight: bold; font-size: 0.8em; }
        .limit-tag-char { color: #1565c0; margin-left: 5px; font-size: 0.85em; font-weight: bold; display: none; }
        .limit-tag-acc { color: #c62828; margin-left: 5px; font-size: 0.85em; font-weight: bold; display: none; }
        .error-container { margin-bottom: 10px; display: none; }
        .shared-limit-msg { background: #ffebee; color: #c62828; padding: 8px; border-radius: 6px; font-size: 0.85em; font-weight: bold; margin-bottom: 5px; border: 1px solid #ffcdd2; }
        .week-in { width: 65px; padding: 6px 8px; border: 1px solid #e0e0e0; border-radius: 6px; text-align: center; font-size: 1em; background: #fafafa; transition: all 0.2s; font-weight: 500; }
        .week-in:focus { background: #fff; border-color: #1976d2; outline: none; box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1); }
        .week-in.error { border-color: #ef5350; background: #ffebee; color: #c62828; }
        .result-box { background: #fafafa; border: 1px solid #eee; padding: 12px; border-radius: 8px; margin-top: 20px; }
        .dashboard-stats { display: flex; justify-content: space-between; font-size: 0.85em; background: #fff; padding: 8px; border-radius: 6px; border: 1px solid #eee; margin-bottom: 10px; }
        .stat-item { text-align: center; flex: 1; border-right: 1px solid #eee; }
        .stat-item:last-child { border-right: none; }
        .stat-label { display: block; color: #888; font-size: 0.9em; margin-bottom: 2px; }
        .stat-val { font-weight: bold; font-size: 1.1em; color: #333; }
        .progress-container { height: 10px; background: #e0e0e0; border-radius: 5px; margin: 10px 0; overflow: hidden; display: flex; }
        .progress-segment { height: 100%; transition: width 0.3s; }
        .text-green { color: var(--c-green); font-weight: bold; }
        .text-yellow { color: var(--c-yellow); font-weight: bold; }
        .text-red { color: var(--c-red); font-weight: bold; }
        .text-black { color: var(--c-black); font-weight: bold; }
        .bg-green { background-color: var(--c-green); }
        .bg-yellow { background-color: var(--c-yellow); }
        .bg-red { background-color: var(--c-red); }
        .bg-black { background-color: var(--c-black); }
        .breakdown-list { margin-top: 10px; font-size: 0.85em; border-top: 1px dashed #eee; padding-top: 5px; }
        .breakdown-item { display: flex; justify-content: space-between; margin-bottom: 2px; }
        .next-step { background: #e3f2fd; padding: 10px; border-radius: 8px; margin-top: 10px; font-size: 0.9em; color: #0d47a1; }

        @media (max-width: 900px) {
            .container { padding: 10px; max-width: 100%; width: auto; }
            .config-bar-full { flex-direction: column; align-items: stretch; gap: 15px; }
            .control-bar { flex-direction: column; }
            .grid { flex-wrap: wrap; overflow-x: visible; flex-direction: column; gap: 15px; }
            .card { flex: 1 1 100%; min-width: 0; width: 100%; }
            .stats-grid { grid-template-columns: repeat(2, 1fr); } 
            .dash-content { gap: 15px; justify-content: center; }
            .total-xp-box { text-align: center; width: 100%; margin-top: 10px; }
            .planner-aligned, .actions-aligned { flex: 1 1 auto; min-width: 0; width: 100%; flex-direction: row; }
        }
    </style>
</head>
<body oncontextmenu="return false" onselectstart="return false">

<div class="container">
    <div class="dashboard-header">
        <div class="week-selector-wrapper">
            <select id="week-select" class="week-select" onchange="switchWeek(this.value)">
                <option value="0">第 1 周</option>
            </select>
            <div class="week-arrow">▼</div>
        </div>
        <div class="dash-content">
            <div class="level-badge">
                <div class="level-num" id="display-lvl">1</div>
                <div class="level-label">LEVEL</div>
            </div>
            
            <div class="stats-grid">
                <div class="stat-box">
                    <div class="s-val stat-highlight" id="display-skill">10%</div>
                    <div class="s-label">技攻</div>
                </div>
                <div class="stat-box">
                    <div class="s-val" id="display-buff">2400</div>
                    <div class="s-label">增益量</div>
                </div>
                <div class="stat-box">
                    <div class="s-val" id="display-fame">1000</div>
                    <div class="s-label">名望</div>
                </div>
                <div class="stat-box">
                    <div class="s-val" id="display-stats">0</div>
                    <div class="s-label">四维</div>
                </div>
            </div>

            <div class="total-xp-box">
                <div class="xp-val" id="grand-total-display">0</div>
                <div class="xp-label">当前累计总经验</div>
            </div>
        </div>

        <div class="lvl-progress-wrapper">
            <div class="lvl-bar-bg">
                <div class="lvl-bar-fill" id="lvl-bar-fill"></div>
            </div>
            <div class="lvl-text">
                <span id="lvl-progress-text">0 / 5000</span>
                <span id="lvl-next-info">下一级预览</span>
            </div>
        </div>
    </div>
    
    <div class="config-bar-full">
        <div class="char-group">
            <span>角色数量 (N):</span>
            <input type="number" id="char-count" class="char-input" value="1" min="1" max="100" onchange="updateLimitsAndCalculate()">
        </div>
        
        <div class="char-group">
            <button class="btn-set-progress" onclick="openProgressModal()">
                ⚙️ 设定当前进度
            </button>
        </div>

        <div class="char-group">
            <label class="sort-toggle" title="关闭后，将严格按照您输入的顺序计算。开启后（默认），自动优化收益顺序。">
                <input type="checkbox" id="sort-toggle" checked onchange="calculate(true)">
                <span>自动优化收益 (Optimal)</span>
            </label>
        </div>
        
        <div class="pl-wrapper">
            <div class="pl-header">
                <span>PL 消耗 (上限 <span id="pl-max-display">1316</span>)</span>
                <span><span id="pl-used">0</span> <span id="pl-warning" class="pl-warning">⚠️ PL 不足!</span></span>
            </div>
            <div class="pl-bar-bg">
                <div class="pl-bar-fill" id="pl-bar-fill"></div>
            </div>
        </div>
    </div>

    <div class="control-bar">
        <div class="planner-aligned">
            <button class="btn-fill-max" onclick="generateMaxPlan()">
                ⚡ 填充最大收益
            </button>
            <div class="prediction-box">
                <div class="pred-main">
                    <span class="pred-label">预计满级</span>
                    <span class="pred-val" id="rt-weeks">--</span>
                    <span class="pred-unit">周</span>
                </div>
            </div>
        </div>

        <div class="actions-aligned">
            <div id="save-msg" class="save-status">✓ 数据已保存</div>
            <button id="btn-undo" class="btn-action btn-prev" onclick="undoLastWeek()" disabled>
                撤销 ⬅
            </button>
            <button class="btn-action btn-next" onclick="settleCurrentWeek()">
                结算 ➡
            </button>
            <button class="btn-reset-mini" onclick="fullReset()">重置</button>
        </div>
    </div>

    <div id="app" class="grid"></div>

    <div style="text-align: center; font-size: 12px; color: #666; margin-top: 20px; user-select: none; opacity: 0.8;">—— by colg胖狗不再胖 | v1.23 </div>

</div>

<div id="progress-modal" class="modal-overlay">
    <div class="modal-box">
        <div class="modal-title">设定当前进度 (覆盖历史)</div>
        <div class="modal-row">
            <label>当前是第几周:</label>
            <input type="number" id="modal-week" class="modal-input" value="1" min="1">
        </div>
        <div class="modal-row">
            <label>当前等级 (1-30):</label>
            <input type="number" id="modal-lvl" class="modal-input" value="1" min="1" max="30">
        </div>
        <div class="modal-row">
            <label>当前级经验 (数值):</label>
            <input type="number" id="modal-xp" class="modal-input" value="0" min="0">
        </div>
        <div style="font-size:0.8em; color:#d32f2f; margin-top:10px;">⚠️ 注意：此操作将清除之前所有周次的刷图记录，直接从设定点开始计算。</div>
        <div class="modal-actions">
            <button class="btn-modal btn-cancel" onclick="closeProgressModal()">取消</button>
            <button class="btn-modal btn-confirm" onclick="applyProgress()">确认同步</button>
        </div>
    </div>
</div>

<script>
    document.onkeydown = function(e) {
        if (event.keyCode == 123) return false;
        if (e.ctrlKey && e.shiftKey && (e.keyCode == 'I'.charCodeAt(0) || e.keyCode == 'C'.charCodeAt(0) || e.keyCode == 'J'.charCodeAt(0))) return false;
        if (e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) return false;
    }

    const levelTable = [
        { lvl: 1,  need: 0,      buff: 2400, skill: 10.0, fame: 1000, stats: 0, total: 0 },
        { lvl: 2,  need: 5000,   buff: 2450, skill: 10.5, fame: 1050, stats: 0, total: 5000 },
        { lvl: 3,  need: 5500,   buff: 2500, skill: 11.0, fame: 1100, stats: 0, total: 10500 },
        { lvl: 4,  need: 6000,   buff: 2550, skill: 11.5, fame: 1150, stats: 0, total: 16500 },
        { lvl: 5,  need: 7000,   buff: 2650, skill: 12.5, fame: 1250, stats: 30, total: 23500 },
        { lvl: 6,  need: 7500,   buff: 2700, skill: 13.0, fame: 1300, stats: 30, total: 31000 },
        { lvl: 7,  need: 8000,   buff: 2750, skill: 13.5, fame: 1350, stats: 30, total: 39000 },
        { lvl: 8,  need: 8500,   buff: 2800, skill: 14.0, fame: 1400, stats: 30, total: 47500 },
        { lvl: 9,  need: 9000,   buff: 2850, skill: 14.5, fame: 1450, stats: 30, total: 56500 },
        { lvl: 10, need: 11500,  buff: 3000, skill: 16.0, fame: 1600, stats: 80, total: 68000 },
        { lvl: 11, need: 12100,  buff: 3050, skill: 16.5, fame: 1650, stats: 80, total: 80100 },
        { lvl: 12, need: 12700,  buff: 3100, skill: 17.0, fame: 1700, stats: 80, total: 92800 },
        { lvl: 13, need: 13300,  buff: 3150, skill: 17.5, fame: 1750, stats: 80, total: 106100 },
        { lvl: 14, need: 14000,  buff: 3200, skill: 18.0, fame: 1800, stats: 80, total: 120100 },
        { lvl: 15, need: 18400,  buff: 3300, skill: 19.0, fame: 1900, stats: 110, total: 138500 }, 
        { lvl: 16, need: 20200,  buff: 3350, skill: 19.5, fame: 1950, stats: 110, total: 158700 },
        { lvl: 17, need: 22200,  buff: 3400, skill: 20.0, fame: 2000, stats: 110, total: 180900 },
        { lvl: 18, need: 24400,  buff: 3450, skill: 20.5, fame: 2050, stats: 110, total: 205300 },
        { lvl: 19, need: 26800,  buff: 3500, skill: 21.0, fame: 2100, stats: 110, total: 232100 },
        { lvl: 20, need: 33600,  buff: 3650, skill: 22.5, fame: 2250, stats: 160, total: 265700 }, 
        { lvl: 21, need: 37000,  buff: 3700, skill: 23.0, fame: 2300, stats: 160, total: 302700 },
        { lvl: 22, need: 40700,  buff: 3750, skill: 23.5, fame: 2350, stats: 160, total: 343400 },
        { lvl: 23, need: 44800,  buff: 3800, skill: 24.0, fame: 2400, stats: 160, total: 388200 },
        { lvl: 24, need: 49300,  buff: 3850, skill: 24.5, fame: 2450, stats: 160, total: 437500 },
        { lvl: 25, need: 59100,  buff: 3950, skill: 25.5, fame: 2550, stats: 190, total: 496600 }, 
        { lvl: 26, need: 65000,  buff: 4000, skill: 26.0, fame: 2600, stats: 190, total: 561600 },
        { lvl: 27, need: 71500,  buff: 4050, skill: 26.5, fame: 2650, stats: 190, total: 633100 },
        { lvl: 28, need: 78700,  buff: 4100, skill: 27.0, fame: 2700, stats: 190, total: 711800 },
        { lvl: 29, need: 86600,  buff: 4150, skill: 27.5, fame: 2750, stats: 190, total: 798400 },
        { lvl: 30, need: 100100, buff: 4400, skill: 30.0, fame: 3000, stats: 250, total: 898500 } 
    ];

    const dungeonsData = [
        {
            id: 'normal', name: '普通图 (深渊)', color: '#2e7d32', 
            maps: [
                { name: '妖怪歼灭', xp: 2, cost: 8 }, 
                { name: '白图 (噩梦)', xp: 10, cost: 16 },
                { name: '小深渊', xp: 20, cost: 8, isSmallHell: true }, 
                { name: '大深渊', xp: 150, cost: 30, isBigHell: true },          
                { name: '1+1 图', xp: 30, cost: 8, limit: 14, limitType: 'per_char', is1p1: true, charCap: 20 }, 
                { name: '新深渊 (神器)', xp: 85, cost: 8, isUnique: true },
                { name: '新深渊 (传说)', xp: 350, cost: 8, isLegend: true }, 
                { name: '新深渊 (史诗)', xp: 750, cost: 8, isEpic: true }
            ],
            thresholds: [
                { limit: 22360, rate: 1.0, label: '100% 收益' }, { limit: 27450, rate: 0.5, label: '50% 收益' },
                { limit: 29485, rate: 0.2, label: '20% 收益' }, { limit: 999999, rate: 0.01, label: '1% 收益' }
            ]
        },
        {
            id: 'expedition', name: '征讨图', color: '#1565c0', 
            maps: [
                { name: '白云溪谷', xp: 200, cost: 30, limitGroup: 'ex_share', limit: 2 }, 
                { name: '索利达里斯', xp: 300, cost: 30, limitGroup: 'ex_share', limit: 2 },
                { name: '沉月湖', xp: 500, cost: 30 }, 
                { name: '蔚蓝号', xp: 610, cost: 30, limitGroup: 'ex_share', limit: 2, isHighXP: true },
                { name: '女神殿', xp: 680, cost: 30, limitGroup: 'ex_share', limit: 2, isMaxXP: true }, 
                { name: '噩梦循环', xp: 810, cost: 30, limit: 4, limitType: 'account', isNightmare: true }
            ],
            thresholds: [
                { limit: 16280, rate: 1.0, label: '100%' }, { limit: 18345, rate: 0.2, label: '20%' }, 
                { limit: 999999, rate: 0.01, label: '1%' }
            ]
        },
        {
            id: 'legion', name: '军团 (维纳斯)', color: '#ef6c00', 
            maps: [
                { name: '一阶段/匹配', xp: 600, cost: 30, limitGroup: 'venus_share', limit: 1 }, 
                { name: '维纳斯 (二阶段)', xp: 900, cost: 30, limitGroup: 'venus_share', limit: 1, isTarget: true }, 
                { name: '维纳斯 (降临)', xp: 900, cost: 30, limitGroup: 'venus_share', limit: 1 }
            ],
            thresholds: [
                { limit: 10800, rate: 1.0, label: '100%' }, { limit: 12240, rate: 0.2, label: '20%' }, { limit: 999999, rate: 0.01, label: '1%' }
            ]
        },
        {
            id: 'raid', name: '团本 (雾神/狄瑞吉)', color: '#7b1fa2', 
            maps: [
                { name: '人造神 (单人/匹配)', xp: 600, cost: 0, limitGroup: 'god_share', limit: 1 }, 
                { name: '人造神 (普通/困难)', xp: 1020, cost: 0, limitGroup: 'god_share', limit: 1, isTarget: true }, 
                
                { name: '雾岚黄昏战', xp: 1530, cost: 0, limit: 8, limitType: 'account', isAsrahan: true }, 
                
                { name: '狄瑞吉 (单人/匹配)', xp: 1180, cost: 0, limitGroup: 'diregie_share', limit: 1 }, 
                { name: '狄瑞吉 (普通/英雄)', xp: 2030, cost: 0, limitGroup: 'diregie_share', limit: 1, isTarget: true }
            ],
            thresholds: [
                { limit: 48840, rate: 1.0, label: '100%' }, { limit: 53720, rate: 0.2, label: '20%' }, { limit: 999999, rate: 0.01, label: '1%' }
            ]
        }
    ];

    const PL_PER_CHAR = 188 * 7; 

    // === 核心数据结构 ===
    const app = document.getElementById('app');
    
    // globalBaseXP: 记录通过“设定进度”产生的历史总经验
    let globalBaseXP = 0;
    
    let weeksData = []; 
    let currentWeekIndex = 0; 
    let currentWeekValidXP = [0, 0, 0, 0]; 
    let saveTimeout;
    let charCount = 1;
    let undoStack = [];

    // 初始化界面
    dungeonsData.forEach((category, catIndex) => {
        const card = document.createElement('div');
        card.className = 'card';
        const errorContainerId = `error-box-${catIndex}`;
        const plStatHtml = (category.id !== 'raid') ? `<span id="group-pl-${catIndex}" class="cat-pl-tag">0 PL</span>` : '';

        let inputsHtml = category.maps.map((map, mapIndex) => {
            const plTag = map.cost > 0 ? `<span class="pl-tag">${map.cost}PL</span>` : '';
            const limitTagId = `limit-${catIndex}-${mapIndex}`;
            const limitTag = `<span class="limit-tag-char" id="${limitTagId}"></span><span class="limit-tag-acc" id="acc-${limitTagId}"></span>`;
            
            return `
            <div class="map-row">
                <div class="map-info">
                    <span class="map-name">${map.name} ${plTag} ${limitTag}</span>
                    <span class="map-meta">XP: ${map.xp}</span>
                </div>
                <input type="number" min="0" placeholder="本周次" class="week-in" 
                    id="in-${catIndex}-${mapIndex}" oninput="calculate(true)">
            </div>
            `;
        }).join('');

        let optionsHtml = category.maps.map((m, i) => `<option value="${m.xp}">${m.name}</option>`).join('');
        
        card.innerHTML = `
            <div class="card-header" style="color:${category.color}">
                <span>${category.name}</span>
                ${plStatHtml}
            </div>
            <div id="${errorContainerId}" class="error-container"></div>
            <div class="inputs-container">
                ${inputsHtml}
            </div>
            <div class="result-box">
                <div class="dashboard-stats">
                    <div class="stat-item"><span class="stat-label">本周有效</span><span class="stat-val" id="val-curr-${catIndex}">0</span></div>
                    <div class="stat-item"><span class="stat-label">阶段上限</span><span class="stat-val" id="val-limit-${catIndex}">0</span></div>
                    <div class="stat-item"><span class="stat-label" id="label-gap-${catIndex}">本阶段余量</span><span class="stat-val" id="val-gap-${catIndex}" style="color:#d32f2f">0</span></div>
                </div>
                <div class="progress-container" id="bar-container-${catIndex}"></div>
                <div id="breakdown-${catIndex}" class="breakdown-list"></div>
                <div class="next-step" id="advice-${catIndex}">
                    <div style="margin-bottom:5px;">填满本周当前阶段：</div>
                    <select id="bench-${catIndex}" onchange="calculate(true)" style="width:100%; padding:5px; margin-bottom:5px;">${optionsHtml}</select>
                    <div id="advice-text-${catIndex}">暂无数据</div>
                </div>
            </div>
        `;
        app.appendChild(card);
        document.getElementById(`bench-${catIndex}`).selectedIndex = category.maps.length - 1;
    });

    // === 弹窗逻辑 ===
    function openProgressModal() {
        document.getElementById('progress-modal').style.display = 'flex';
        // 预填当前周次
        document.getElementById('modal-week').value = currentWeekIndex + 1;
    }
    
    function closeProgressModal() {
        document.getElementById('progress-modal').style.display = 'none';
    }
    
    function applyProgress() {
        const week = parseInt(document.getElementById('modal-week').value) || 1;
        const lvl = parseInt(document.getElementById('modal-lvl').value) || 1;
        const xp = parseInt(document.getElementById('modal-xp').value) || 0;
        
        if (lvl < 1 || lvl > 30) return alert("等级必须在 1-30 之间");
        
        // 计算目标基础经验
        let base = 0;
        if (lvl > 1) {
            base = levelTable[lvl - 2].total + levelTable[lvl-1].need; // LevelTable index logic check: lvl 1 is index 0. total is accum from prev. 
            // Level table structure: lvl 2 total is 5000. So lvl 1 total is 0. 
            // Correct way: total XP to reach Level N is levelTable[N-1].total ? No.
            // levelTable[i].total is cumulative XP to reach NEXT level end? No.
            // Let's check table: 
            // lvl 1 total = 0. 
            // lvl 2 total = 5000 (XP needed to finish lvl 1 and become lvl 2? or reach lvl 2?)
            // Usually sim logic: current XP = total accumulated.
            // If I am Level 4, I have passed Level 1, 2, 3. 
            // levelTable[2].total = 10500. This is total XP for Level 3.
            // So for Level L, base is levelTable[L-2].total if L > 1.
            // Wait, levelTable is defined as:
            // { lvl: 1, total: 0 }, { lvl: 2, total: 5000 }.
            // Meaning to BECOME level 2, you need 5000 total XP.
            // So if I am Level 4, I have at least levelTable[3].total (16500) ? No.
            // Level 4 entry means I have completed Level 3.
            // levelTable[0] is Lvl 1. levelTable[1] is Lvl 2.
            // To be at start of Lvl 4: I need to have finished Lvl 3.
            // levelTable[2] (Lvl 3) .total = 10500.
            // So Base = levelTable[lvl-2].total.
        }
        
        // Correct logic based on array:
        // levelTable[i].total is the cumulative XP required to REACH that level from scratch? 
        // No, look at array: lvl 1 total 0. lvl 2 total 5000. 
        // So to be Lvl 2 with 0 XP, you have 5000 total XP.
        // To be Lvl 1 with 0 XP, you have 0.
        
        if (lvl === 1) {
            base = 0;
        } else {
            base = levelTable[lvl - 1].total; // levelTable[lvl-1] corresponds to the row for current level?
            // index 0: lvl 1. index 1: lvl 2.
            // If I am lvl 2, index is 1. total is 5000. Correct.
        }
        
        globalBaseXP = base + xp;
        
        // 重置所有数据
        weeksData = [];
        // 创建历史占位符
        // 我们不直接操作 weeksData[0...N]，而是设 currentWeekIndex
        // 把 weeksData 设为当前周（空）
        // 实际上，为了兼容“上一周”逻辑，我们应该把 weeksData 清空，然后建立一个新的起始点
        
        // 让当前周成为第 week 周
        // 为了简便，我们把 weeksData 设为空，然后 push 一个空的当前周
        // 历史 XP 由 getHistoricXP 函数处理，加上 globalBaseXP
        
        // 为了让 week index 正常显示，我们需要填充空数据到 weeksData 吗？
        // 不，直接修改 currentWeekIndex 偏移量即可？或者填充空对象。
        // 填充空对象比较安全，能让下拉菜单正常生成。
        
        weeksData = [];
        for(let i=0; i < week - 1; i++) {
            weeksData.push({ inputs: {}, xp: 0, isSkipped: true }); // 填充前面的周次
        }
        // 添加当前周
        weeksData.push({ inputs: {}, xp: 0 });
        currentWeekIndex = week - 1;
        
        closeProgressModal();
        renderWeekSelector();
        switchWeek(currentWeekIndex); // 刷新
        alert(`进度已同步！\n当前设定：第 ${week} 周, Lv.${lvl}, 当前经验 ${xp}\n历史总经验底数：${globalBaseXP}`);
    }

    function renderWeekSelector() {
        const select = document.getElementById('week-select');
        select.innerHTML = '';
        weeksData.forEach((_, idx) => {
            const opt = document.createElement('option');
            opt.value = idx;
            opt.text = `第 ${idx + 1} 周`;
            select.appendChild(opt);
        });
        select.value = currentWeekIndex;
    }

    function switchWeek(indexStr) {
        saveCurrentInputsToMemory();
        currentWeekIndex = parseInt(indexStr);
        undoStack = []; 
        updateUndoButtonState();
        loadInputsFromMemory();
        calculate(true); 
    }

    function saveCurrentInputsToMemory() {
        if (!weeksData[currentWeekIndex]) weeksData[currentWeekIndex] = { inputs: {}, xp: 0 };
        const inputs = {};
        document.querySelectorAll('.week-in').forEach(el => {
            if(el.value) inputs[el.id] = el.value;
        });
        weeksData[currentWeekIndex].inputs = inputs;
    }

    function loadInputsFromMemory() {
        document.querySelectorAll('.week-in').forEach(el => el.value = '');
        const data = weeksData[currentWeekIndex];
        if (data && data.inputs) {
            for (const id in data.inputs) {
                const el = document.getElementById(id);
                if (el) el.value = data.inputs[id];
            }
        }
    }

    function generateMaxPlan() {
        if(!confirm(`⚠️ 确定要生成【本周理论最大收益方案】吗？\n此操作将直接填入所有高收益副本的上限次数。\n当前周的输入将被覆盖。`)) return;
        document.querySelectorAll('.week-in').forEach(el => el.value = '');
        let totalPL = charCount * PL_PER_CHAR;
        let currentPL = 0;
        function tryFillMax(el, map, maxCount) {
            let existingVal = parseInt(el.value || 0);
            let remain = maxCount - existingVal;
            let count = 0;
            for(let i=0; i<remain; i++) {
                if (map.cost > 0 && currentPL + map.cost > totalPL) break; 
                count++;
                currentPL += map.cost;
            }
            if (count > 0) el.value = existingVal + count; 
        }
        dungeonsData.forEach((cat, cIdx) => {
            cat.maps.forEach((map, mIdx) => {
                const el = document.getElementById(`in-${cIdx}-${mIdx}`);
                let limit = 0;
                if (map.isAsrahan) limit = Math.min(8, charCount); 
                if (map.isNightmare) limit = Math.min(4, charCount); 
                if (map.isTarget && cat.id === 'raid') limit = 1 * charCount; 
                if (limit > 0) tryFillMax(el, map, limit);
            });
        });
        dungeonsData.forEach((cat, cIdx) => {
            cat.maps.forEach((map, mIdx) => {
                const el = document.getElementById(`in-${cIdx}-${mIdx}`);
                if (map.isTarget && cat.id === 'legion') tryFillMax(el, map, 1 * charCount);
            });
        });
        dungeonsData.forEach((cat, cIdx) => {
            cat.maps.forEach((map, mIdx) => {
                const el = document.getElementById(`in-${cIdx}-${mIdx}`);
                if (map.isMaxXP) tryFillMax(el, map, 1 * charCount); 
            });
        });
        let nightmareFilled = 0;
        dungeonsData.forEach((cat, cIdx) => {
            cat.maps.forEach((map, mIdx) => {
                if(map.isNightmare) nightmareFilled = parseInt(document.getElementById(`in-${cIdx}-${mIdx}`).value || 0);
            });
        });
        let blueHawkLimit = Math.max(0, (1 * charCount) - nightmareFilled);
        dungeonsData.forEach((cat, cIdx) => {
            cat.maps.forEach((map, mIdx) => {
                const el = document.getElementById(`in-${cIdx}-${mIdx}`);
                if (map.isHighXP) tryFillMax(el, map, blueHawkLimit);
            });
        });
        dungeonsData.forEach((cat, cIdx) => {
            cat.maps.forEach((map, mIdx) => {
                if (map.is1p1) {
                    const el = document.getElementById(`in-${cIdx}-${mIdx}`);
                    let effectiveN = charCount;
                    if(map.charCap) effectiveN = Math.min(charCount, map.charCap);
                    tryFillMax(el, map, 14 * effectiveN);
                }
            });
        });
        if (currentPL < totalPL) {
            let epicEl, legEl, uniEl;
            dungeonsData.forEach((cat, cIdx) => {
                cat.maps.forEach((map, mIdx) => {
                    if (map.isEpic) epicEl = document.getElementById(`in-${cIdx}-${mIdx}`);
                    if (map.isLegend) legEl = document.getElementById(`in-${cIdx}-${mIdx}`);
                    if (map.isUnique) uniEl = document.getElementById(`in-${cIdx}-${mIdx}`);
                });
            });
            let poolEpic=2, poolLegend=10, poolUnique=40; 
            let canRun = true;
            while(canRun && currentPL + 8 <= totalPL) {
                canRun = false;
                if(poolEpic > 0 && currentPL+8 <= totalPL) { 
                    epicEl.value = (parseInt(epicEl.value)||0)+1; currentPL+=8; poolEpic--; canRun=true; 
                }
                for(let k=0; k<5; k++) {
                    if(poolLegend > 0 && currentPL+8 <= totalPL) { 
                        legEl.value = (parseInt(legEl.value)||0)+1; currentPL+=8; poolLegend--; canRun=true; 
                    }
                }
                for(let k=0; k<20; k++) {
                    if(poolUnique > 0 && currentPL+8 <= totalPL) { 
                        uniEl.value = (parseInt(uniEl.value)||0)+1; currentPL+=8; poolUnique--; canRun=true; 
                    }
                }
            }
        }
        if (currentPL < totalPL) {
            dungeonsData.forEach((cat, cIdx) => {
                cat.maps.forEach((map, mIdx) => {
                    if (map.isBigHell) {
                        const el = document.getElementById(`in-${cIdx}-${mIdx}`);
                        tryFillMax(el, map, 1 * charCount);
                    }
                });
            });
        }
        if (currentPL < totalPL) {
            dungeonsData.forEach((cat, cIdx) => {
                cat.maps.forEach((map, mIdx) => {
                    if (map.isSmallHell) {
                        const el = document.getElementById(`in-${cIdx}-${mIdx}`);
                        tryFillMax(el, map, 9999); 
                    }
                });
            });
        }
        calculate(true); 
    }

    function updateLimitsAndCalculate() {
        const val = document.getElementById('char-count').value;
        charCount = parseInt(val) || 1;
        if(charCount < 1) charCount = 1;
        if(charCount > 100) charCount = 100;
        dungeonsData.forEach((cat, cIdx) => {
            cat.maps.forEach((map, mIdx) => {
                const limitElChar = document.getElementById(`limit-${cIdx}-${mIdx}`);
                const limitElAcc = document.getElementById(`acc-limit-${cIdx}-${mIdx}`);
                const realAccEl = document.getElementById(`acc-limit-${cIdx}-${mIdx}`);
                if (!limitElChar) return;
                limitElChar.style.display = 'none';
                if(realAccEl) realAccEl.style.display = 'none';
                if (map.limitType === 'account') {
                    const accEl = document.getElementById(`acc-limit-${cIdx}-${mIdx}`);
                    if(accEl) { accEl.innerText = `[账号${map.limit}次]`; accEl.style.display = 'inline'; }
                }
                if (map.accountLimit) {
                    const accEl = document.getElementById(`acc-limit-${cIdx}-${mIdx}`);
                    if(accEl) { accEl.innerText = `[账号${map.accountLimit}次]`; accEl.style.display = 'inline'; }
                }
                if(map.charCap && charCount > map.charCap) {
                     limitElChar.style.display = 'inline';
                     limitElChar.innerText = `[封顶: ${map.limit * map.charCap}]`;
                     limitElChar.style.color = '#e65100';
                }
            });
        });
        const totalMaxPL = PL_PER_CHAR * charCount;
        document.getElementById('pl-max-display').innerText = totalMaxPL;
        calculate(true);
    }

    function getColorConfig(rate) {
        if (rate >= 0.9) return { textClass: 'text-green', bgClass: 'bg-green' };
        if (rate >= 0.5) return { textClass: 'text-yellow', bgClass: 'bg-yellow' };
        if (rate >= 0.1) return { textClass: 'text-red', bgClass: 'bg-red' };
        return { textClass: 'text-black', bgClass: 'bg-black' };
    }

    function calculate(shouldSave = false) {
        let currentTotalPL = 0;
        const totalMaxPL = PL_PER_CHAR * charCount;
        const isOptimalSort = document.getElementById('sort-toggle').checked;

        dungeonsData.forEach((catData, catIndex) => {
            let groupSums = {}; 
            let groupInputs = {}; 
            let allRunsInCat = [];
            let catTotalPL = 0; 

            catData.maps.forEach((map, mapIndex) => {
                const el = document.getElementById(`in-${catIndex}-${mapIndex}`);
                const val = parseInt(el.value) || 0;
                
                if (map.limitGroup) {
                    if (!groupSums[map.limitGroup]) {
                        groupSums[map.limitGroup] = 0;
                        groupInputs[map.limitGroup] = [];
                    }
                    groupSums[map.limitGroup] += val;
                    groupInputs[map.limitGroup].push(el);
                }
                
                let isOverLimit = false;
                if (map.limitType === 'account' || map.accountLimit) {
                    const accMax = map.accountLimit || map.limit;
                    if (val > accMax) isOverLimit = true;
                }
                if (map.limitType === 'per_char') {
                    let effectiveN = charCount;
                    if(map.charCap) effectiveN = Math.min(charCount, map.charCap);
                    const charMax = map.limit * effectiveN;
                    if (val > charMax) isOverLimit = true;
                }
                if (map.limitGroup) {
                    const max = map.limit * charCount;
                    if (groupSums[map.limitGroup] > max) isOverLimit = true;
                }
                
                if(isOverLimit) el.classList.add('error'); else el.classList.remove('error');

                const runsPL = val * map.cost;
                currentTotalPL += runsPL;
                catTotalPL += runsPL;

                if (val > 0) {
                    allRunsInCat.push({ xp: map.xp, count: val, name: map.name });
                }
            });

            if (isOptimalSort) {
                allRunsInCat.sort((a, b) => b.xp - a.xp);
            }

            let actualXP = 0;
            let currentTierIdx = 0;
            let currentTierSpent = 0; 

            for (let runObj of allRunsInCat) {
                let runsLeft = runObj.count;
                while (runsLeft > 0) {
                    if (currentTierIdx >= catData.thresholds.length) break;

                    let tier = catData.thresholds[currentTierIdx];
                    let prevLimit = (currentTierIdx === 0) ? 0 : catData.thresholds[currentTierIdx - 1].limit;
                    let tierCapXP = tier.limit - prevLimit; 
                    
                    let tierRemainingCap = tierCapXP - currentTierSpent;
                    
                    let gainPerRun = Math.max(1, Math.floor(runObj.xp * tier.rate));

                    let runsToFit = Infinity;
                    if (tier.limit < 999999) { 
                         if (gainPerRun <= 0) runsToFit = Infinity; 
                         else runsToFit = tierRemainingCap / gainPerRun;
                    }

                    let runsTaking = Math.min(runsLeft, runsToFit);
                    
                    let xpGained = runsTaking * gainPerRun;
                    actualXP += xpGained;
                    currentTierSpent += xpGained;
                    runsLeft -= runsTaking;

                    if (currentTierSpent >= tierCapXP - 0.01 && tier.limit < 999999) {
                        currentTierIdx++;
                        currentTierSpent = 0;
                    }
                }
            }

            document.getElementById(`val-curr-${catIndex}`).innerText = Math.round(actualXP);
            
            let displayTier = catData.thresholds[catData.thresholds.length - 1];
            let nextLimit = 0;
            let breakdownHtml = '';
            let progressBarHtml = '';
            const visualMax = catData.thresholds[catData.thresholds.length - 2].limit * 1.25;
            
            let tempTotal = actualXP;
            let prevLim = 0;
            for(let t of catData.thresholds) {
                let cap = t.limit - prevLim;
                let filled = Math.min(tempTotal, cap);
                
                const colorCfg = getColorConfig(t.rate);
                let pct = (filled / visualMax) * 100;
                progressBarHtml += `<div class="progress-segment ${colorCfg.bgClass}" style="width:${pct}%"></div>`;
                
                if (tempTotal > 0 && filled > 0) {
                     let isFull = (filled >= cap - 0.1) && (t.limit < 999999);
                     let label = t.label + (isFull ? ' (满)' : '');
                     let style = isFull ? 'opacity:0.7' : '';
                     breakdownHtml += `<div class="breakdown-item ${colorCfg.textClass}" style="${style}"><span>${label}</span> <span>+${Math.round(filled)}</span></div>`;
                }
                
                tempTotal -= filled;
                prevLim = t.limit;
                
                if (actualXP < t.limit) {
                    displayTier = t;
                    nextLimit = t.limit;
                    break;
                }
            }
            
            document.getElementById(`val-limit-${catIndex}`).innerText = nextLimit;
            let gapEffective = Math.max(0, nextLimit - actualXP);
            document.getElementById(`val-gap-${catIndex}`).innerText = Math.round(gapEffective);
            
            let tierText = `本阶段余量 (${Math.round(displayTier.rate * 100)}%)`;
            if(displayTier.rate <= 0.01) tierText = "本阶段余量 (1%)";
            document.getElementById(`label-gap-${catIndex}`).innerText = tierText;

            document.getElementById(`breakdown-${catIndex}`).innerHTML = breakdownHtml;
            document.getElementById(`bar-container-${catIndex}`).innerHTML = progressBarHtml;
            
            const adviceDiv = document.getElementById(`advice-text-${catIndex}`);
            const adviceColorCfg = getColorConfig(displayTier.rate);
            if (displayTier.rate <= 0.01) {
                 adviceDiv.innerHTML = `<span class="text-black">收益已递减至 1% (单次最少 +1)</span>`;
            } else {
                let benchSelect = document.getElementById(`bench-${catIndex}`);
                let benchXP = parseInt(benchSelect.options[benchSelect.selectedIndex].value);
                let benchName = benchSelect.options[benchSelect.selectedIndex].text;
                let runsNeeded = Math.ceil(gapEffective / (Math.floor(benchXP * displayTier.rate)));
                adviceDiv.innerHTML = `距离下一阶段 (<span class="${adviceColorCfg.textClass}">${displayTier.label}</span>) 约刷 <b>${runsNeeded}</b> 次 [${benchName}]`;
            }

            currentWeekValidXP[catIndex] = actualXP;
            
            const plTag = document.getElementById(`group-pl-${catIndex}`);
            if (plTag) plTag.innerText = `${catTotalPL} PL`;
        });

        if (weeksData[currentWeekIndex]) {
            let totalThisWeek = currentWeekValidXP.reduce((a,b)=>a+b, 0);
            weeksData[currentWeekIndex].xp = totalThisWeek;
        }

        updatePLUI(currentTotalPL, totalMaxPL);
        updateGrandTotal();
        updateDynamicPrediction(); 
        if (shouldSave) triggerAutoSave();
    }
    
    function updateDynamicPrediction() {
        let weeklyXP = currentWeekValidXP.reduce((a,b)=>a+b, 0);
        const totalAccumulated = getHistoricXP(currentWeekIndex) + weeklyXP + globalBaseXP;
        
        const rtWeeks = document.getElementById('rt-weeks');
        if (weeklyXP > 0) {
            const maxLvlXP = levelTable[29].total; 
            const gapToMax = Math.max(0, maxLvlXP - totalAccumulated);
            let gradWeeks = (gapToMax / weeklyXP).toFixed(1);
            rtWeeks.innerText = gradWeeks;
        } else {
            rtWeeks.innerText = "--";
        }
    }

    function updatePLUI(used, max) {
        const fill = document.getElementById('pl-bar-fill');
        const plUsedSpan = document.getElementById('pl-used');
        const warn = document.getElementById('pl-warning');
        
        plUsedSpan.innerText = used;
        const pct = Math.min((used / max) * 100, 100);
        fill.style.width = pct + '%';

        if (used > max) {
            fill.style.backgroundColor = '#c62828'; // Red
            warn.style.display = 'inline';
        } else {
            fill.style.backgroundColor = '#00bcd4'; // Blue
            warn.style.display = 'none';
        }
    }
    
    function getHistoricXP(targetWeekIdx) {
        let sum = 0;
        for(let i=0; i<targetWeekIdx; i++) {
            sum += (weeksData[i] ? weeksData[i].xp : 0);
        }
        return sum;
    }

    function updateGrandTotal() {
        const pastXP = getHistoricXP(currentWeekIndex);
        const thisWeekXP = currentWeekValidXP.reduce((a, b) => a + b, 0);
        // 总经验 = 基础底数 + 历史周经验 + 本周经验
        const totalXP = globalBaseXP + pastXP + thisWeekXP;

        document.getElementById('grand-total-display').innerText = Math.floor(totalXP);

        let currentLevelInfo = levelTable[0];
        let xpAccumulated = 0; 
        let xpForNextLevel = 0;
        let isMaxLevel = false;

        for (let i = 0; i < levelTable.length; i++) {
            const lvlData = levelTable[i];
            const nextLvlData = levelTable[i+1];

            if (!nextLvlData) {
                currentLevelInfo = lvlData;
                isMaxLevel = true;
                break;
            }
            if (totalXP < xpAccumulated + nextLvlData.need) {
                currentLevelInfo = lvlData;
                xpForNextLevel = nextLvlData.need;
                break;
            }
            xpAccumulated += nextLvlData.need;
            currentLevelInfo = nextLvlData;
        }

        document.getElementById('display-lvl').innerText = currentLevelInfo.lvl;
        document.getElementById('display-skill').innerText = currentLevelInfo.skill + "%";
        document.getElementById('display-buff').innerText = currentLevelInfo.buff;
        document.getElementById('display-fame').innerText = currentLevelInfo.fame;
        document.getElementById('display-stats').innerText = currentLevelInfo.stats;

        const barFill = document.getElementById('lvl-bar-fill');
        const progressText = document.getElementById('lvl-progress-text');
        const nextInfoText = document.getElementById('lvl-next-info');

        if (isMaxLevel) {
            barFill.style.width = '100%';
            progressText.innerText = "已达最高等级";
            nextInfoText.innerText = "MAX";
        } else {
            const currentProgress = totalXP - xpAccumulated; 
            const target = xpForNextLevel; 
            const pct = Math.min((currentProgress / target) * 100, 100);
            barFill.style.width = pct + '%';
            
            const pctText = ((currentProgress / target) * 100).toFixed(2);
            progressText.innerText = `${Math.floor(currentProgress)} / ${target} (${pctText}%)`;
            
            const nextStat = levelTable[currentLevelInfo.lvl]; 
            if(nextStat) {
                const skillDiff = (nextStat.skill - currentLevelInfo.skill).toFixed(1);
                const buffDiff = nextStat.buff - currentLevelInfo.buff;
                const fameDiff = nextStat.fame - currentLevelInfo.fame;
                const statsDiff = nextStat.stats - currentLevelInfo.stats;

                nextInfoText.innerHTML = `
                    下级提升: 
                    技攻 <span class="lvl-next-highlight">+${skillDiff}%</span> | 
                    增益 <span class="lvl-next-highlight">+${buffDiff}</span> | 
                    名望 <span class="lvl-next-highlight">+${fameDiff}</span> |
                    四维 <span class="lvl-next-highlight">+${statsDiff}</span>
                `;
            }
        }
    }

    function settleCurrentWeek() {
        const thisWeekTotal = currentWeekValidXP.reduce((a, b) => a + b, 0);
        if (thisWeekTotal === 0 && !confirm("本周经验为 0，确定要直接跳过进入下一周吗？")) return;
        
        const plUsed = parseInt(document.getElementById('pl-used').innerText);
        const plMax = parseInt(document.getElementById('pl-max-display').innerText); 
        if (plUsed > plMax && !confirm(`⚠️ 本周 PL 消耗 (${plUsed}) 已超过上限 (${plMax})！\n确定要按此结算吗？`)) return;

        if (currentWeekIndex === weeksData.length - 1) {
            saveCurrentInputsToMemory();
            weeksData.push({ inputs: {}, xp: 0 }); 
            currentWeekIndex++;
        } else {
            saveCurrentInputsToMemory();
            currentWeekIndex++;
        }
        
        renderWeekSelector();
        switchWeek(currentWeekIndex); 
        
        alert("已结算并跳转至下一周！");
    }

    function saveStateToUndoStack() {
        const currentInputs = {};
        document.querySelectorAll('.week-in').forEach(el => {
            currentInputs[el.id] = el.value;
        });
        undoStack.push(JSON.stringify(currentInputs));
        if (undoStack.length > 50) undoStack.shift(); 
    }

    function undoLastWeek() {
        if (undoStack.length === 0) return alert("当前编辑会话没有可撤销的操作！");
        const prevInputsJSON = undoStack.pop();
        const prevInputs = JSON.parse(prevInputsJSON);
        
        document.querySelectorAll('.week-in').forEach(el => el.value = ''); 
        for (const id in prevInputs) {
            const el = document.getElementById(id);
            if(el) el.value = prevInputs[id];
        }
        calculate(true);
        updateUndoButtonState();
    }

    function updateUndoButtonState() {
        const btn = document.getElementById('btn-undo');
        btn.disabled = undoStack.length === 0;
        btn.style.opacity = undoStack.length === 0 ? '0.5' : '1';
    }

    function fullReset() {
        if(!confirm("⚠️ 警告：这将清除所有周次的历史数据和当前输入！\n\n确定要从零开始吗？")) return;
        localStorage.removeItem(STORAGE_KEY);
        location.reload();
    }

    const STORAGE_KEY = 'dnf_mist_xp_v13_0_progress_jump';

    function triggerAutoSave() {
        const msg = document.getElementById('save-msg');
        msg.classList.add('show');
        clearTimeout(saveTimeout);
        saveTimeout = setTimeout(() => msg.classList.remove('show'), 2000);
        
        saveCurrentInputsToMemory();

        const saveData = {
            weeksData: weeksData,
            currentWeekIndex: currentWeekIndex,
            charCount: charCount,
            globalBaseXP: globalBaseXP, // 保存底数
            benchmarks: {} 
        };
        
        dungeonsData.forEach((cat, cIdx) => {
            saveData.benchmarks[`bench-${cIdx}`] = document.getElementById(`bench-${cIdx}`).selectedIndex;
        });
        
        localStorage.setItem(STORAGE_KEY, JSON.stringify(saveData));
    }

    function loadSavedData() {
        const saved = localStorage.getItem(STORAGE_KEY);
        
        if (saved) {
            try {
                const data = JSON.parse(saved);
                if (data.weeksData) {
                    weeksData = data.weeksData;
                    currentWeekIndex = data.currentWeekIndex || 0;
                } else {
                    weeksData = [{ inputs: {}, xp: 0 }];
                    currentWeekIndex = 0;
                }

                charCount = data.charCount || 1;
                document.getElementById('char-count').value = charCount;
                globalBaseXP = data.globalBaseXP || 0; // 加载底数
                
                if (data.benchmarks) {
                    for (const key in data.benchmarks) {
                        const el = document.getElementById(key);
                        if (el) el.selectedIndex = data.benchmarks[key];
                    }
                }
            } catch(e) { 
                console.error("读取存档失败", e); 
                weeksData = [{ inputs: {}, xp: 0 }];
            }
        } else {
            weeksData = [{ inputs: {}, xp: 0 }];
        }
        
        renderWeekSelector();
        loadInputsFromMemory();
        calculate(false); 
    }
    
    const inputs = document.querySelectorAll('input');
    inputs.forEach(input => {
        input.addEventListener('focus', function() {
             saveStateToUndoStack();
             updateUndoButtonState();
        });
    });
    
    loadSavedData();
</script>
<script src="https://beacon.cdn.qq.com/sdk/4.5.1/beacon_web.min.js"></script>
<script src="//tools.bbs.colg.cn/common/js/colgdata.js?t=20240701"></script>
</body>
</html>