终末地发电最优化计算器

        <div style="margin-bottom: 20px;">
            <label class="bc-label" for="bc-power">发电机类型</label>
            <select id="bc-power" class="bc-select">
                <option value="220">小电 (220W)</option>
                <option value="420">中电 (420W)</option>
                <option value="1100" selected>大电 (1100W)</option>
                <option value="1600">紫电 (1600W)</option>
            </select>
        </div>

        <div style="margin-bottom: 20px;">
            <label class="bc-label">计算精度 (二进制位数)</label>
            <div class="bc-range-wrap">
                <input type="range" id="bc-precision" class="bc-range" min="4" max="20" value="12">
                <span id="bc-precision-val" class="bc-range-val">12</span>
            </div>
            <div style="font-size: 12px; color: #666; margin-top: 4px;">精度越高控制越稳，但传送带结构越长</div>
        </div>

        <button id="bc-calc-btn" class="bc-btn">开始计算</button>
    </div>

    <div class="bc-card">
        <div id="bc-result-area" class="bc-result-area">
            <div class="bc-result-row">
                <label class="bc-label">所需发电机数量</label>
                <div id="bc-res-count" class="bc-big-num">0</div>
            </div>

            <div class="bc-result-row">
                <label class="bc-label">传送带排布序列 (从左至右)</label>
                <div id="bc-res-bits" class="bc-bit-container">
                    </div>
            </div>
        </div>
        
        <div id="bc-placeholder" style="height: 100%; display: flex; align-items: center; justify-content: center; color: var(--bc-text-sub); opacity: 0.5;">
            <p>请配置参数并点击计算</p>
        </div>
    </div>
</div>

<div class="bc-guide">
    <h4 style="margin-bottom: 10px; color: var(--bc-text-main);">使用指南</h4>
    <ul>
        <li><strong>计算逻辑：</strong> 基于电池燃烧时间(40s)与传输速度(0.5/s)计算供需比率。</li>
        <li><strong>如何建造：</strong> 观察右侧生成的方块序列。
            <ul>
                <li><span style="color:var(--bc-primary); font-weight:bold;">1 (蓝色)</span>：在此位置放置<strong>汇聚器/分流器</strong>，让电池进入发电机。</li>
                <li><span style="color:#777; font-weight:bold;">0 (灰色)</span>：在此位置放置<strong>跨线桥/直连</strong>，让电池跳过此节点。</li>
            </ul>
        </li>
        <li><strong>精度建议：</strong> 推荐使用 10-14 位。位数过低会造成能量浪费，位数过高可能因游戏帧率导致断电。</li>
    </ul>
</div>