\u5c08\u696d\u4ea4\u6613\u54e1\u98a8\u63a7\u8a08\u7b97\u5668 (MNQ\/NQ\/MGC)<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n \n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=JetBrains+Mono:wght@400;700&display=swap');\n \n \/* WordPress \u5d4c\u5165\u5c08\u7528\u6a23\u5f0f\u4fee\u6b63 *\/\n #trader-calc-app { \n font-family: 'Noto Sans TC', sans-serif; \n background-color: #0f172a; \/* Slate 900 *\/\n color: #e2e8f0;\n padding: 2rem;\n border-radius: 1rem;\n max-width: 100%;\n margin: 20px auto;\n }\n \n #trader-calc-app .font-mono { font-family: 'JetBrains Mono', monospace; }\n \n \/* \u8f38\u5165\u6846\u6a23\u5f0f *\/\n #trader-calc-app .input-dark {\n background-color: #1e293b;\n border: 1px solid #334155;\n color: #f8fafc;\n width: 100%;\n }\n #trader-calc-app .input-dark:focus {\n outline: none;\n border-color: #60a5fa;\n background-color: #334155;\n }\n\n \/* \u5361\u7247\u6a23\u5f0f *\/\n #trader-calc-app .card {\n background-color: #1e293b;\n border: 1px solid #334155;\n border-radius: 0.75rem;\n }\n\n \/* \u907f\u514d Tailwind \u5728 WordPress \u5168\u57df\u885d\u7a81 *\/\n #trader-calc-app h1, #trader-calc-app h2, #trader-calc-app h3, #trader-calc-app h4 {\n margin: 0;\n line-height: 1.4;\n }\n #trader-calc-app ul {\n margin: 0;\n padding-left: 1rem;\n list-style-type: disc;\n }\n <\/style>\n<\/head>\n\n<body class=\"bg-gray-100 p-4\">\n\n \n <div id=\"trader-calc-app\" class=\"w-full max-w-4xl mx-auto shadow-2xl\">\n \n \n <div class=\"text-center mb-8\">\n <h1 class=\"text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-cyan-300\">\n <i class=\"fas fa-chart-line mr-2\"><\/i>\u5c08\u696d\u4ea4\u6613\u54e1\u98a8\u63a7\u8a08\u7b97\u5668\n <\/h1>\n <p class=\"text-slate-400 text-sm mt-2\">MNQ \/ NQ \/ MGC \u671f\u8ca8\u90e8\u4f4d\u898f\u6a21\u904b\u7b97<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n \n \n <div class=\"lg:col-span-1 space-y-4\">\n \n \n <div class=\"card p-5 space-y-4 shadow-lg\">\n <h2 class=\"text-blue-400 font-bold text-sm uppercase tracking-wider border-b border-slate-700 pb-2\">\n <i class=\"fas fa-sliders-h mr-1\"><\/i> \u57fa\u790e\u53c3\u6578\u8a2d\u5b9a\n <\/h2>\n \n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u5e33\u6236\u7e3d\u8cc7\u91d1\/\u98a8\u63a7\u7e3d\u984d ($)<\/label>\n <input type=\"number\" id=\"F2\" value=\"2000\" class=\"input-dark px-3 py-2 rounded font-mono text-lg font-bold text-green-400\">\n <\/div>\n\n <div class=\"grid grid-cols-2 gap-3\">\n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u8cfa\u8ce0\u6bd4 (1:R)<\/label>\n <input type=\"number\" id=\"C2\" value=\"3\" class=\"input-dark px-3 py-2 rounded font-mono text-center\">\n <\/div>\n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u6bcf\u7b46\u98a8\u63a7\u4f54\u7e3d\u8cc7\u91d1 (%)\uff08\u4e0d\u52d5\u614b\u8abf\u6574\uff09<\/label>\n <input type=\"number\" id=\"C8\" value=\"2\" class=\"input-dark px-3 py-2 rounded font-mono text-center text-orange-400\">\n <p class=\"text-[10px] text-slate-500 mt-1\">* \u6bcf\u7b46\u4ea4\u6613\u98a8\u96aa%<\/p>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-2 gap-3\">\n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u60f3\u6700\u591a\u9023\u8f38\u6b21\u6578\u5c31\u505c\u624b<\/label>\n <input type=\"number\" id=\"C9\" value=\"3\" class=\"input-dark px-3 py-2 rounded font-mono text-center text-red-300\">\n <\/div>\n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u6bcf\u65e5\u7372\u5229\u5e7e\u6b21\u5c31\u505c\u624b<\/label>\n <input type=\"number\" id=\"C10\" value=\"2\" class=\"input-dark px-3 py-2 rounded font-mono text-center\">\n <\/div>\n <\/div>\n\n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u60f3\u8981\u56fa\u5b9a\u505c\u640d\u5e7e\u9ede\uff08NQ\u70ba\u4f8b\uff09\uff08\u5efa\u8b70\u642d\u914d\u76e4\u52e2\u6ce2\u52d5\u8abf\u6574\uff09 (Pts)<\/label>\n <input type=\"number\" id=\"C11\" value=\"20\" class=\"input-dark px-3 py-2 rounded font-mono text-center text-red-400\">\n <p class=\"text-[10px] text-slate-500 mt-1\">* \u7528\u65bc\u8a08\u7b97\u53e3\u6578<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"card p-5 space-y-4 shadow-lg border-t-4 border-yellow-500\">\n <h2 class=\"text-yellow-500 font-bold text-sm uppercase tracking-wider border-b border-slate-700 pb-2 flex justify-between\">\n <span><i class=\"fas fa-trophy mr-1\"><\/i> \u76ee\u6a19\u8a2d\u5b9a<\/span>\n <\/h2>\n \n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u7e3d\u7372\u5229\u76ee\u6a19\u91d1\u984d ($)<\/label>\n <input type=\"number\" id=\"H2\" value=\"3000\" class=\"input-dark px-3 py-2 rounded font-mono text-lg font-bold text-yellow-400\">\n <\/div>\n <\/div>\n\n \n <div class=\"card p-4 bg-indigo-900\/40 border border-indigo-500\/30\">\n <h4 class=\"text-indigo-300 font-bold mb-2 text-sm flex items-center\">\n <i class=\"fas fa-lightbulb mr-2 text-yellow-400\"><\/i>\u7d66\u52dd\u7387\u8ff7\u60d1\u7684\u5925\u4f34\uff01\n <\/h4>\n <ul class=\"text-xs text-slate-300 space-y-2 list-disc list-inside\">\n <li class=\"leading-relaxed\">\n \u55ae\u7b46\u4ea4\u6613\u98a8\u96aa%\u4e26\u4e0d\u5f71\u97ff\u52dd\u7387\uff0c\u4f46\u5efa\u8b70\u55ae\u7b46\u98a8\u96aa\u4f54\u7e3d\u8cc7\u91d1 <span class=\"text-orange-400 font-bold\">10% \u4ee5\u5167<\/span>\uff0c\u81f3\u5c11\u53ef\u4ee5\u8f38 10 \u6b21\u4ea4\u6613\u3002\n <\/li>\n <li class=\"leading-relaxed\">\n <span class=\"text-green-400 font-bold\">\u6e1b\u5c11\u51fa\u624b\u6b21\u6578<\/span> \u5373\u53ef\u63d0\u9ad8\u52dd\u7387\u8207\u8abf\u964d\u8cfa\u8ce0\u6bd4\u7684\u53ef\u80fd\u6027\uff01\n <\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n\n \n <div class=\"lg:col-span-2 space-y-4\">\n \n \n <div class=\"card p-6 bg-gradient-to-br from-slate-800 to-slate-900 border-blue-500\/30\">\n <div class=\"flex justify-between items-start mb-4\">\n <div>\n <h3 class=\"text-slate-400 text-sm\">\u5efa\u8b70\u4e0b\u55ae\u53e3\u6578 (Lots)<\/h3>\n <p class=\"text-[10px] text-slate-500 font-mono\">Based on Risk Limit<\/p>\n <\/div>\n <div class=\"bg-blue-900\/50 px-3 py-1 rounded text-xs text-blue-300 border border-blue-700\/50\">\n Risk Mode\n <\/div>\n <\/div>\n \n <div class=\"grid grid-cols-3 gap-4 text-center divide-x divide-slate-700\">\n \n <div class=\"px-2\">\n <div class=\"text-3xl lg:text-4xl font-bold font-mono text-cyan-400\" id=\"F10_display\">0<\/div>\n <div class=\"text-xs text-slate-400 mt-1\">MNQ (\u5fae\u90a3)<\/div>\n <\/div>\n \n <div class=\"px-2\">\n <div class=\"text-3xl lg:text-4xl font-bold font-mono text-blue-400\" id=\"F11_display\">0<\/div>\n <div class=\"text-xs text-slate-400 mt-1\">NQ (Mini)<\/div>\n <\/div>\n \n <div class=\"px-2\">\n <div class=\"text-3xl lg:text-4xl font-bold font-mono text-yellow-400\" id=\"F12_display\">0<\/div>\n <div class=\"text-xs text-slate-400 mt-1\">MGC (\u5fae\u91d1)<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-2 sm:grid-cols-3 gap-4\">\n \n \n <div class=\"card p-4\">\n <label class=\"block text-[10px] text-slate-500 uppercase\">\u65e5\u98a8\u63a7\u984d\u5ea6<\/label>\n <div class=\"text-xl font-mono font-bold text-red-400\" id=\"F3_display\">$0<\/div>\n <div class=\"text-[10px] text-slate-600 mt-1\">\u6bcf\u7b46\u98a8\u96aa * \u9023\u8f38\u6b21\u6578<\/div>\n <\/div>\n\n \n <div class=\"card p-4\">\n <label class=\"block text-[10px] text-slate-500 uppercase\">\u6bcf\u7b46\u4ea4\u6613\u98a8\u96aa<\/label>\n <div class=\"text-xl font-mono font-bold text-orange-400\" id=\"F4_display\">$0<\/div>\n <div class=\"text-[10px] text-slate-600 mt-1\">\u7e3d\u8cc7\u91d1 * \u98a8\u63a7\u4f54\u6bd4<\/div>\n <\/div>\n\n \n <div class=\"card p-4\">\n <label class=\"block text-[10px] text-slate-500 uppercase\">\u6bcf\u7b46\u9810\u671f\u7372\u5229<\/label>\n <div class=\"text-xl font-mono font-bold text-green-400\" id=\"F5_display\">$0<\/div>\n <\/div>\n\n \n <div class=\"card p-4 border border-purple-500\/30 bg-purple-900\/10\">\n <label class=\"block text-[10px] text-purple-300 uppercase font-bold\">\u6b63\u671f\u671b\u503c\u9580\u6abb (\u6700\u4f4e\u52dd\u7387)<\/label>\n <div class=\"text-xl font-mono font-bold text-purple-400\" id=\"C3_display\">0%<\/div>\n <div class=\"text-[10px] text-purple-400\/70 mt-1\">1 \/ (1 + \u8cfa\u8ce0\u6bd4)<\/div>\n <\/div>\n\n \n <div class=\"card p-4\">\n <label class=\"block text-[10px] text-slate-500 uppercase\">\u9700\u8981 NQ\u5e7eTicks<\/label>\n <div class=\"text-xl font-mono font-bold text-slate-300\" id=\"F9_display\">0<\/div>\n <div class=\"text-[10px] text-slate-600 mt-1\">\u505c\u640d\u9ede\u6578 * 4<\/div>\n <\/div>\n\n \n <div class=\"card p-4\">\n <label class=\"block text-[10px] text-slate-500 uppercase\">\u6bcf\u65e5\u7372\u5229\u76ee\u6a19<\/label>\n <div class=\"text-xl font-mono font-bold text-yellow-400\" id=\"F6_display\">$0<\/div>\n <div class=\"text-[10px] text-slate-600 mt-1\">\u6bcf\u7b46\u7372\u5229 * \u7372\u5229\u6b21\u6578<\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n \n <div class=\"card p-4 flex justify-between items-center bg-red-900\/10 border-red-900\/30\">\n <div>\n <h4 class=\"text-red-400 text-sm font-bold\"><i class=\"fas fa-skull mr-2\"><\/i>\u751f\u5b58\u5206\u6790<\/h4>\n <p class=\"text-xs text-slate-500\">\u9023\u7e8c\u8667\u640d\u591a\u5c11\u5929\u6703\u7206\u5009\uff1f<\/p>\n <\/div>\n <div class=\"text-2xl font-mono font-bold text-red-500\" id=\"F7_display\">\n 0 \u5929\n <\/div>\n <\/div>\n\n \n <div class=\"card p-4 flex justify-between items-center bg-yellow-900\/10 border-yellow-900\/30\">\n <div>\n <h4 class=\"text-yellow-400 text-sm font-bold\"><i class=\"fas fa-calendar-check mr-2\"><\/i>\u9054\u6210\u5929\u6578<\/h4>\n <p class=\"text-xs text-slate-500\">\u4f9d\u6b64\u7bc0\u594f\u5e7e\u5929\u9054\u6a19\uff1f<\/p>\n <\/div>\n <div class=\"text-2xl font-mono font-bold text-yellow-500\" id=\"H3_display\">\n 0 \u5929\n <\/div>\n <\/div>\n <\/div>\n\n \n <button onclick=\"copyResults()\" class=\"w-full bg-blue-600 hover:bg-blue-500 text-white font-bold py-3 rounded-lg shadow-lg shadow-blue-500\/30 transition transform active:scale-95 flex justify-center items-center gap-2\">\n <i class=\"fas fa-copy\"><\/i> \u8907\u88fd\u8a08\u7b97\u7d50\u679c (\u6587\u5b57)\n <\/button>\n\n <\/div>\n <\/div>\n \n <div class=\"mt-8 text-center text-xs text-slate-600\">\n <p>Designed for Fans | Based on Custom Excel Strategy<\/p>\n <\/div>\n\n <\/div>\n \n\n <script>\n \/\/ Inputs\n const inputs = ['F2', 'C2', 'C8', 'C9', 'C10', 'C11', 'H2'];\n \n \/\/ Add event listeners\n inputs.forEach(id => {\n document.getElementById(id).addEventListener('input', calculate);\n });\n\n function calculate() {\n \/\/ Get Values\n const F2 = parseFloat(document.getElementById('F2').value) || 0; \/\/ \u5e33\u6236\u7e3d\u98a8\u63a7\n const C2 = parseFloat(document.getElementById('C2').value) || 1; \/\/ \u8cfa\u8ce0\u6bd4\n const C8 = parseFloat(document.getElementById('C8').value) || 0; \/\/ \u6bcf\u7b46\u98a8\u63a7\u4f54\u6bd4 %\n const C9 = parseFloat(document.getElementById('C9').value) || 1; \/\/ \u6700\u591a\u9023\u8f38\u6b21\u6578\n const C10 = parseFloat(document.getElementById('C10').value) || 1; \/\/ \u6bcf\u65e5\u7372\u5229\u6b21\u6578\n const H2 = parseFloat(document.getElementById('H2').value) || 0; \/\/ \u7372\u5229\u76ee\u6a19\n \n \/\/ Special parameters\n const C11 = parseFloat(document.getElementById('C11').value) || 1; \n const F8 = C11; \/\/ Stop Loss Pts\n\n \/\/ --- Formulas ---\n \n \/\/ C3 = 1 \/ (C2 + 1) -> \u6b63\u671f\u671b\u503c\u6700\u4f4e\u52dd\u7387 (Break Even Win Rate)\n const C3 = 1 \/ (C2 + 1);\n\n \/\/ F4 = F2 * C8% (\u6bcf\u7b46\u4ea4\u6613\u98a8\u96aa)\n const F4 = F2 * (C8 \/ 100);\n\n \/\/ F3 = F4 * C9 (\u65e5\u98a8\u63a7 = \u6bcf\u7b46\u98a8\u96aa * \u9023\u8f38\u6b21\u6578)\n const F3 = F4 * C9;\n\n \/\/ F5 = F4 * C2 (\u6bcf\u7b46\u7372\u5229)\n const F5 = F4 * C2;\n\n \/\/ F6 = F5 * C10 (\u6bcf\u65e5\u76ee\u6a19)\n const F6 = F5 * C10;\n\n \/\/ F7 = F2 \/ F3 (\u591a\u5c11\u5929\u6703\u7206)\n const F7 = F3 > 0 ? F2 \/ F3 : 0;\n\n \/\/ F9 = F8 * 4 (\u9700\u8981\u7684 Ticks)\n const F9 = F8 * 4;\n\n \/\/ F10 = F4 \/ C11 \/ 2 (MNQ \u53e3\u6578)\n let F10 = 0;\n if (C11 !== 0) {\n F10 = F4 \/ C11 \/ 2;\n }\n\n \/\/ F11 = F10 \/ 10 (NQ \u53e3\u6578)\n const F11 = F10 \/ 10;\n\n \/\/ F12 = F4 \/ F8 \/ 10 (MGC \u53e3\u6578)\n let F12 = 0;\n if (F8 !== 0) {\n F12 = F4 \/ F8 \/ 10;\n }\n\n \/\/ H3 = H2 \/ F6 (\u9054\u6210\u76ee\u6a19\u5929\u6578)\n const H3 = F6 > 0 ? H2 \/ F6 : 0;\n\n \/\/ --- Update UI ---\n \n const fmtMoney = (num) => `$${num.toFixed(1)}`;\n const fmtNum = (num) => parseFloat(num.toFixed(2));\n\n document.getElementById('C3_display').innerText = `${(C3 * 100).toFixed(1)}%`;\n document.getElementById('F3_display').innerText = fmtMoney(F3);\n document.getElementById('F4_display').innerText = fmtMoney(F4);\n document.getElementById('F5_display').innerText = fmtMoney(F5);\n document.getElementById('F6_display').innerText = fmtMoney(F6);\n document.getElementById('F7_display').innerText = `${F7.toFixed(1)} \u5929`;\n document.getElementById('F9_display').innerText = fmtNum(F9);\n document.getElementById('H3_display').innerText = `${H3.toFixed(1)} \u5929`;\n \n document.getElementById('F10_display').innerText = fmtNum(F10); \/\/ MNQ\n document.getElementById('F11_display').innerText = fmtNum(F11); \/\/ NQ\n document.getElementById('F12_display').innerText = fmtNum(F12); \/\/ MGC\n }\n\n function copyResults() {\n const F10 = document.getElementById('F10_display').innerText;\n const F11 = document.getElementById('F11_display').innerText;\n const F12 = document.getElementById('F12_display').innerText;\n const F4 = document.getElementById('F4_display').innerText;\n const F6 = document.getElementById('F6_display').innerText;\n const H3 = document.getElementById('H3_display').innerText;\n const C3 = document.getElementById('C3_display').innerText;\n \n const text = `\ud83d\udcca \u4ea4\u6613\u98a8\u63a7\u8a08\u756b\uff1a\\n\\n\ud83d\udd39 MNQ \u53e3\u6578\uff1a${F10}\\n\ud83d\udd39 NQ \u53e3\u6578\uff1a${F11}\\n\ud83d\udd39 MGC \u53e3\u6578\uff1a${F12}\\n\\n\ud83d\udd38 \u55ae\u7b46\u6700\u5927\u98a8\u96aa\uff1a${F4}\\n\ud83d\udd38 \u6700\u4f4e\u52dd\u7387\u9580\u6abb\uff1a${C3}\\n\ud83d\udd38 \u6bcf\u65e5\u7372\u5229\u76ee\u6a19\uff1a${F6}\\n\ud83d\udd38 \u9810\u8a08\u9054\u6a19\u5929\u6578\uff1a${H3}\\n\\n\ud83d\udca1 \u55ae\u7b46\u98a8\u96aa%\u4e26\u4e0d\u5f71\u97ff\u52dd\u7387\uff0c\u4f46\u5efa\u8b70\u4f54\u7e3d\u8cc7\u91d110%\u4ee5\u5167\uff01\\n\u6e1b\u5c11\u51fa\u624b\u6b21\u6578\u5373\u53ef\u63d0\u9ad8\u52dd\u7387\u8207\u8abf\u964d\u8cfa\u8ce0\u6bd4\u7684\u53ef\u80fd\u6027\uff01\ud83d\ude80`;\n \n navigator.clipboard.writeText(text).then(() => {\n alert('\u7d50\u679c\u5df2\u8907\u88fd\uff01');\n });\n }\n\n \/\/ Initialize\n calculate();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<div id=\"lucid-calculator-container\" style=\"background-color: #121212; color: #ffffff; padding: 25px; border-radius: 15px; font-family: 'Segoe UI', 'Microsoft JhengHei', sans-serif; max-width: 850px; margin: auto; border: 2px solid #333; box-shadow: 0 10px 30px rgba(0,0,0,0.5);\">\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; flex-wrap: wrap; gap: 10px;\">\n <h2 style=\"color: #ffffff; margin: 0; font-size: 22px; font-weight: bold; border-left: 5px solid #ffcc00; padding-left: 15px;\">EOD\u56de\u64a4\u898f\u5247\u5b78\u7fd2\u6a5f\uff08Lucid 50K Flex\u70ba\u4f8b\uff09<\/h2>\n <div id=\"mll-status\" style=\"background: #332200; color: #ffcc00; padding: 5px 15px; border-radius: 20px; font-size: 13px; border: 1px solid #ffcc00; font-weight: bold;\">\n \u72c0\u614b\uff1aMLL \u96a8\u7d50\u7b97\u9ad8\u9ede\u79fb\u52d5\n <\/div>\n <\/div>\n\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 25px;\">\n <div style=\"background: #1e1e1e; padding: 18px; border-radius: 12px; text-align: center; border: 1px solid #333;\">\n <div style=\"color: #ffcc00; font-size: 14px; margin-bottom: 8px;\">\u7576\u524d\u5e33\u6236\u9918\u984d (Balance)<\/div>\n <div id=\"display-balance\" style=\"color: #00ff88; font-size: 28px; font-weight: bold;\">$50,000<\/div>\n <\/div>\n <div style=\"background: #1e1e1e; padding: 18px; border-radius: 12px; text-align: center; border: 1px solid #333;\">\n <div style=\"color: #ffcc00; font-size: 14px; margin-bottom: 8px;\">\u6700\u5927\u8667\u640d\u7dda (MLL)<\/div>\n <div id=\"display-mll\" style=\"color: #ff4444; font-size: 28px; font-weight: bold;\">$48,000<\/div>\n <\/div>\n <div style=\"background: #1e1e1e; padding: 18px; border-radius: 12px; text-align: center; border: 1px solid #333;\">\n <div style=\"color: #ffcc00; font-size: 14px; margin-bottom: 8px;\">\u5b89\u5168\u7de9\u885d\u5340 (Buffer)<\/div>\n <div id=\"display-buffer\" style=\"color: #44aaff; font-size: 28px; font-weight: bold;\">$2,000<\/div>\n <\/div>\n <\/div>\n\n <div id=\"mll-info-box\" style=\"background: #1a1a1a; padding: 15px; border-radius: 10px; margin-bottom: 25px; border: 1px dashed #444; font-size: 14px; line-height: 1.6;\">\n <div style=\"color: #aaa; margin-bottom: 5px;\">\ud83d\udcca <strong style=\"color: #eee;\">MLL \u79fb\u52d5\u8207\u9396\u5b9a\u898f\u5247\uff1a<\/strong><\/div>\n <div id=\"mll-logic-text\" style=\"color: #00ff88;\">\u7576\u524d\u6b77\u53f2\u6700\u9ad8\u7d50\u7b97\u9918\u984d\uff1a$50,000\u3002MLL \u5c07\u8ddf\u96a8\u300c\u6bcf\u65e5\u7d50\u7b97\u5f8c\u300d\u7684\u6700\u9ad8\u9ede\u79fb\u52d5\u3002<\/div>\n <\/div>\n\n <div style=\"background: #1e1e1e; padding: 20px; border-radius: 12px; display: flex; align-items: center; gap: 12px; margin-bottom: 25px; border: 1px solid #333;\">\n <input type=\"number\" id=\"daily-pnl\" placeholder=\"\u8f38\u5165\u4eca\u65e5\u640d\u76ca (\u4f8b\u5982: 1200)\" style=\"flex: 1; padding: 12px; border-radius: 8px; border: 1px solid #444; background: #2a2a2a; color: white; outline: none; font-size: 16px;\">\n <button onclick=\"addDay()\" style=\"background: #ffcc00; color: #000; border: none; padding: 12px 25px; border-radius: 8px; font-weight: bold; cursor: pointer; transition: 0.2s;\">+ \u65b0\u589e\u4e00\u5929<\/button>\n <button onclick=\"resetCalc()\" style=\"background: transparent; border: 1px solid #888; color: #ccc; padding: 12px 20px; border-radius: 8px; cursor: pointer;\">\u91cd\u7f6e<\/button>\n <\/div>\n\n <div style=\"background: #1a1a1a; padding: 20px; border-radius: 12px; border: 1px solid #333;\">\n <div style=\"display: flex; gap: 20px; justify-content: center; margin-bottom: 15px; font-size: 12px; color: #aaa; flex-wrap: wrap;\">\n <span><span style=\"color:#00ff88;\">\u2501<\/span> \u5e33\u6236\u9918\u984d<\/span>\n <span><span style=\"color:#ff4444; border-bottom: 2px dashed #ff4444; padding-bottom: 2px;\">—<\/span> \u6700\u5927\u8667\u640d\u7dda (MLL)<\/span>\n <span><span style=\"color:#666; border-bottom: 1px dotted #666; padding-bottom: 2px;\">……<\/span> \u9396\u5b9a\u7dda ($50,100)<\/span>\n <\/div>\n <div style=\"height: 300px; position: relative;\">\n <canvas id=\"tradingChart\"><\/canvas>\n <\/div>\n <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n<script>\n const lockLineValue = 50100;\n const initialBalance = 50000;\n const initialMLL = 48000;\n const mllDistance = 2000;\n\n let balances = [initialBalance];\n let mlls = [initialMLL];\n let labels = [\"Day 0\"];\n let historicalMax = initialBalance;\n\n const ctx = document.getElementById('tradingChart').getContext('2d');\n let chart = new Chart(ctx, {\n type: 'line',\n data: {\n labels: labels,\n datasets: [\n {\n label: '\u5e33\u6236\u9918\u984d',\n data: balances,\n borderColor: '#00ff88',\n backgroundColor: 'rgba(0, 255, 136, 0.05)',\n fill: true,\n tension: 0.3,\n pointRadius: 4\n },\n {\n label: '\u6700\u5927\u8667\u640d\u7dda (MLL)',\n data: mlls,\n borderColor: '#ff4444',\n borderDash: [5, 5],\n fill: false,\n pointRadius: 4\n },\n {\n label: '\u9396\u5b9a\u7dda',\n data: Array(1).fill(lockLineValue),\n borderColor: '#555',\n borderDash: [2, 4],\n borderWidth: 1,\n pointRadius: 0\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: { grid: { color: '#222' }, ticks: { color: '#888' } },\n x: { grid: { display: false }, ticks: { color: '#888' } }\n },\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n afterBody: (context) => {\n const i = context[0].dataIndex;\n return `\u5b89\u5168\u7a7a\u9593: $${(balances[i] - mlls[i]).toLocaleString()}`;\n }\n }\n }\n }\n }\n });\n\n function updateDisplay() {\n const curBal = balances[balances.length - 1];\n const curMLL = mlls[mlls.length - 1];\n \n document.getElementById('display-balance').innerText = `$${curBal.toLocaleString()}`;\n document.getElementById('display-mll').innerText = `$${curMLL.toLocaleString()}`;\n document.getElementById('display-buffer').innerText = `$${(curBal - curMLL).toLocaleString()}`;\n \n const statusEl = document.getElementById('mll-status');\n const logicEl = document.getElementById('mll-logic-text');\n \n if (curMLL >= lockLineValue) {\n statusEl.innerText = \"\u72c0\u614b\uff1aMLL \u5df2\u6c38\u4e45\u9396\u5b9a\";\n statusEl.style.color = \"#00ff88\";\n statusEl.style.borderColor = \"#00ff88\";\n statusEl.style.background = \"#002211\";\n logicEl.innerText = `\u5e33\u6236\u5df2\u9054\u5230\u9396\u5b9a\u689d\u4ef6\uff01\u76ee\u524d\u6700\u9ad8\u9918\u984d\uff1a$${historicalMax.toLocaleString()}\uff0cMLL \u5c07\u6c38\u4e45\u56fa\u5b9a\u5728 $${lockLineValue.toLocaleString()}\uff0c\u4e0d\u518d\u96a8\u7372\u5229\u4e0a\u79fb\u3002`;\n logicEl.style.color = \"#44aaff\";\n } else {\n statusEl.innerText = \"\u72c0\u614b\uff1aMLL \u96a8\u7d50\u7b97\u9ad8\u9ede\u79fb\u52d5\";\n statusEl.style.color = \"#ffcc00\";\n statusEl.style.borderColor = \"#ffcc00\";\n statusEl.style.background = \"#332200\";\n logicEl.innerText = `\u76ee\u524d\u6700\u9ad8\u7d50\u7b97\u9ede\uff1a$${historicalMax.toLocaleString()}\u3002MLL \u6703\u4fdd\u6301 $${mllDistance.toLocaleString()} \u8ddd\u96e2\u8ddf\u96a8\u79fb\u52d5\uff0c\u76f4\u5230\u89f8\u53ca\u9396\u5b9a\u7dda $${lockLineValue.toLocaleString()}\u3002`;\n logicEl.style.color = \"#00ff88\";\n }\n }\n\n function addDay() {\n const input = document.getElementById('daily-pnl');\n const pnl = parseFloat(input.value);\n if (isNaN(pnl)) return;\n\n const lastBal = balances[balances.length - 1];\n const newBal = lastBal + pnl;\n \n if (newBal > historicalMax) historicalMax = newBal;\n\n let newMLL;\n if (historicalMax - mllDistance >= lockLineValue) {\n newMLL = lockLineValue;\n } else {\n newMLL = historicalMax - mllDistance;\n }\n\n balances.push(newBal);\n mlls.push(newMLL);\n labels.push(`Day ${labels.length}`);\n chart.data.datasets[2].data = Array(balances.length).fill(lockLineValue);\n \n chart.update();\n updateDisplay();\n input.value = '';\n }\n\n function resetCalc() {\n balances = [initialBalance];\n mlls = [initialMLL];\n labels = [\"Day 0\"];\n historicalMax = initialBalance;\n chart.data.labels = labels;\n chart.data.datasets[0].data = balances;\n chart.data.datasets[1].data = mlls;\n chart.data.datasets[2].data = [lockLineValue];\n chart.update();\n updateDisplay();\n }\n\n updateDisplay();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<style>\n .tradeify-calc-container {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: #1e2532;\n color: #ffffff;\n padding: 30px;\n border-radius: 12px;\n max-width: 450px;\n margin: 0 auto;\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n box-sizing: border-box;\n }\n .tradeify-calc-container h2 {\n margin-top: 0;\n font-size: 22px;\n color: #ffffff;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .tradeify-calc-container p.subtitle {\n color: #8b95a5;\n font-size: 14px;\n margin-bottom: 20px;\n }\n .tradeify-calc-container label {\n display: block;\n margin-bottom: 8px;\n font-size: 14px;\n color: #b0b8c6;\n }\n .tradeify-calc-container input {\n width: 100%;\n padding: 12px;\n margin-bottom: 20px;\n border-radius: 6px;\n border: 1px solid #3a4454;\n background-color: #ffffff;\n font-size: 16px;\n color: #333;\n box-sizing: border-box;\n }\n .tradeify-calc-container button {\n width: 100%;\n background-color: #4285f4;\n color: white;\n border: none;\n padding: 14px;\n font-size: 16px;\n font-weight: bold;\n border-radius: 6px;\n cursor: pointer;\n transition: background-color 0.3s;\n }\n .tradeify-calc-container button:hover {\n background-color: #3367d6;\n }\n .result-section {\n margin-top: 30px;\n display: none; \/* \u521d\u59cb\u96b1\u85cf *\/\n }\n .bar-wrapper {\n background-color: #2a3441;\n border-radius: 6px;\n margin-bottom: 20px;\n height: 36px;\n position: relative;\n overflow: hidden;\n }\n .bar {\n height: 100%;\n display: flex;\n align-items: center;\n padding-left: 10px;\n font-weight: bold;\n color: white;\n transition: width 0.5s ease-in-out;\n white-space: nowrap;\n }\n .bar-green { background-color: #34a853; }\n .bar-red { background-color: #ea4335; justify-content: flex-end; padding-right:10px; padding-left:0;}\n .formula-box {\n background-color: #2a3441;\n padding: 15px;\n border-radius: 8px;\n text-align: center;\n margin-top: 10px;\n }\n .formula-text {\n font-size: 18px;\n color: #66b2ff;\n font-weight: bold;\n }\n<\/style>\n\n<div class=\"tradeify-calc-container\">\n <h2>\ud83d\udcca \u4e00\u81f4\u6027\u76ee\u6a19\u8a08\u7b97\u6a5f<\/h2>\n <p class=\"subtitle\">\u8f38\u5165\u55ae\u65e5\u6700\u5927\u7372\u5229\uff0c\u81ea\u52d5\u8a08\u7b97\u51fa\u91d1\u9580\u6abb<\/p>\n\n <label>\u55ae\u65e5\u6700\u5927\u7372\u5229 ($)<\/label>\n <input type=\"number\" id=\"tc-daily-profit\" value=\"1200\" placeholder=\"\u4f8b\u5982: 1200\">\n\n <label>\u4e00\u81f4\u6027\u898f\u5247 (%)<\/label>\n <input type=\"number\" id=\"tc-rule-percent\" value=\"20\" placeholder=\"\u4f8b\u5982: 20\">\n\n <button onclick=\"calculateTradeify()\">\u958b\u59cb\u8a08\u7b97<\/button>\n\n <div class=\"result-section\" id=\"tc-result\">\n \n <label>\u55ae\u65e5\u6700\u5927\u7372\u5229<\/label>\n <div class=\"bar-wrapper\">\n <div class=\"bar bar-green\" id=\"bar-daily\" style=\"width: 0%;\">$0<\/div>\n <\/div>\n\n <label>\u9700\u9054\u6210\u7684\u7e3d\u7372\u5229\u76ee\u6a19<\/label>\n <div class=\"bar-wrapper\">\n <div class=\"bar bar-red\" id=\"bar-total\" style=\"width: 0%;\">$0<\/div>\n <\/div>\n\n <div class=\"formula-box\">\n <div class=\"formula-text\">\n $<span id=\"form-daily\">0<\/span> \u00f7 <span id=\"form-rule\">0<\/span>% = $<span id=\"form-total\">0<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\nfunction calculateTradeify() {\n \/\/ \u7372\u53d6\u8f38\u5165\u503c\n const dailyProfit = parseFloat(document.getElementById('tc-daily-profit').value);\n const rulePercent = parseFloat(document.getElementById('tc-rule-percent').value);\n\n \/\/ \u7c21\u55ae\u7684\u9632\u5446\n if (!dailyProfit || !rulePercent || dailyProfit <= 0 || rulePercent <= 0) {\n alert(\"\u8acb\u8f38\u5165\u6709\u6548\u7684\u6b63\u6578\u5b57\");\n return;\n }\n\n \/\/ \u8a08\u7b97\u7e3d\u76ee\u6a19\n const requiredTotal = dailyProfit \/ (rulePercent \/ 100);\n\n \/\/ \u66f4\u65b0\u516c\u5f0f\u986f\u793a\u6587\u5b57\n document.getElementById('form-daily').innerText = dailyProfit.toLocaleString(undefined, {maximumFractionDigits: 2});\n document.getElementById('form-rule').innerText = rulePercent;\n document.getElementById('form-total').innerText = requiredTotal.toLocaleString(undefined, {maximumFractionDigits: 2});\n\n \/\/ \u8a08\u7b97\u9577\u689d\u5716\u7684\u5bec\u5ea6\u6bd4\u4f8b\n \/\/ \u7e3d\u76ee\u6a19\u56fa\u5b9a\u70ba 100%\uff0c\u55ae\u65e5\u7372\u5229\u5247\u70ba\u898f\u5247\u7684\u767e\u5206\u6bd4\n const dailyWidth = Math.min(rulePercent, 100); \/\/ \u78ba\u4fdd\u4e0d\u8d85\u904e 100%\n\n \/\/ \u66f4\u65b0\u9577\u689d\u5716\n const barDaily = document.getElementById('bar-daily');\n const barTotal = document.getElementById('bar-total');\n \n barDaily.style.width = dailyWidth + '%';\n barDaily.innerText = '$' + dailyProfit.toLocaleString(undefined, {maximumFractionDigits: 2});\n \n barTotal.style.width = '100%';\n barTotal.innerText = '$' + requiredTotal.toLocaleString(undefined, {maximumFractionDigits: 2});\n\n \/\/ \u986f\u793a\u7d50\u679c\u5340\u584a\n document.getElementById('tc-result').style.display = 'block';\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u5c08\u696d\u4ea4\u6613\u54e1\u98a8\u63a7\u8a08\u7b97\u5668 (MNQ\/NQ\/MGC) \u5c08\u696d\u4ea4\u6613\u54e1\u98a8…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"class_list":["post-502","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tradingbrother.com\/site-upgrade\/wp-json\/wp\/v2\/pages\/502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tradingbrother.com\/site-upgrade\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tradingbrother.com\/site-upgrade\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tradingbrother.com\/site-upgrade\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tradingbrother.com\/site-upgrade\/wp-json\/wp\/v2\/comments?post=502"}],"version-history":[{"count":18,"href":"https:\/\/tradingbrother.com\/site-upgrade\/wp-json\/wp\/v2\/pages\/502\/revisions"}],"predecessor-version":[{"id":1825,"href":"https:\/\/tradingbrother.com\/site-upgrade\/wp-json\/wp\/v2\/pages\/502\/revisions\/1825"}],"wp:attachment":[{"href":"https:\/\/tradingbrother.com\/site-upgrade\/wp-json\/wp\/v2\/media?parent=502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":502,"date":"2026-01-13T14:52:12","date_gmt":"2026-01-13T14:52:12","guid":{"rendered":"https:\/\/tradingbrother.com\/%e9%a2%a8%e9%9a%aa%e8%a8%88%e7%ae%97%e5%99%a8\/"},"modified":"2026-02-25T16:07:53","modified_gmt":"2026-02-25T16:07:53","slug":"tool","status":"publish","type":"page","link":"https:\/\/tradingbrother.com\/site-upgrade\/tool\/","title":{"rendered":"\u8d85\u5be6\u7528\u5de5\u5177"},"content":{"rendered":"\n\n\n\n \n \n \u5c08\u696d\u4ea4\u6613\u54e1\u98a8\u63a7\u8a08\u7b97\u5668 (MNQ\/NQ\/MGC)<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n \n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=JetBrains+Mono:wght@400;700&display=swap');\n \n \/* WordPress \u5d4c\u5165\u5c08\u7528\u6a23\u5f0f\u4fee\u6b63 *\/\n #trader-calc-app { \n font-family: 'Noto Sans TC', sans-serif; \n background-color: #0f172a; \/* Slate 900 *\/\n color: #e2e8f0;\n padding: 2rem;\n border-radius: 1rem;\n max-width: 100%;\n margin: 20px auto;\n }\n \n #trader-calc-app .font-mono { font-family: 'JetBrains Mono', monospace; }\n \n \/* \u8f38\u5165\u6846\u6a23\u5f0f *\/\n #trader-calc-app .input-dark {\n background-color: #1e293b;\n border: 1px solid #334155;\n color: #f8fafc;\n width: 100%;\n }\n #trader-calc-app .input-dark:focus {\n outline: none;\n border-color: #60a5fa;\n background-color: #334155;\n }\n\n \/* \u5361\u7247\u6a23\u5f0f *\/\n #trader-calc-app .card {\n background-color: #1e293b;\n border: 1px solid #334155;\n border-radius: 0.75rem;\n }\n\n \/* \u907f\u514d Tailwind \u5728 WordPress \u5168\u57df\u885d\u7a81 *\/\n #trader-calc-app h1, #trader-calc-app h2, #trader-calc-app h3, #trader-calc-app h4 {\n margin: 0;\n line-height: 1.4;\n }\n #trader-calc-app ul {\n margin: 0;\n padding-left: 1rem;\n list-style-type: disc;\n }\n <\/style>\n<\/head>\n\n<body class=\"bg-gray-100 p-4\">\n\n \n <div id=\"trader-calc-app\" class=\"w-full max-w-4xl mx-auto shadow-2xl\">\n \n \n <div class=\"text-center mb-8\">\n <h1 class=\"text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-cyan-300\">\n <i class=\"fas fa-chart-line mr-2\"><\/i>\u5c08\u696d\u4ea4\u6613\u54e1\u98a8\u63a7\u8a08\u7b97\u5668\n <\/h1>\n <p class=\"text-slate-400 text-sm mt-2\">MNQ \/ NQ \/ MGC \u671f\u8ca8\u90e8\u4f4d\u898f\u6a21\u904b\u7b97<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n \n \n <div class=\"lg:col-span-1 space-y-4\">\n \n \n <div class=\"card p-5 space-y-4 shadow-lg\">\n <h2 class=\"text-blue-400 font-bold text-sm uppercase tracking-wider border-b border-slate-700 pb-2\">\n <i class=\"fas fa-sliders-h mr-1\"><\/i> \u57fa\u790e\u53c3\u6578\u8a2d\u5b9a\n <\/h2>\n \n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u5e33\u6236\u7e3d\u8cc7\u91d1\/\u98a8\u63a7\u7e3d\u984d ($)<\/label>\n <input type=\"number\" id=\"F2\" value=\"2000\" class=\"input-dark px-3 py-2 rounded font-mono text-lg font-bold text-green-400\">\n <\/div>\n\n <div class=\"grid grid-cols-2 gap-3\">\n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u8cfa\u8ce0\u6bd4 (1:R)<\/label>\n <input type=\"number\" id=\"C2\" value=\"3\" class=\"input-dark px-3 py-2 rounded font-mono text-center\">\n <\/div>\n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u6bcf\u7b46\u98a8\u63a7\u4f54\u7e3d\u8cc7\u91d1 (%)\uff08\u4e0d\u52d5\u614b\u8abf\u6574\uff09<\/label>\n <input type=\"number\" id=\"C8\" value=\"2\" class=\"input-dark px-3 py-2 rounded font-mono text-center text-orange-400\">\n <p class=\"text-[10px] text-slate-500 mt-1\">* \u6bcf\u7b46\u4ea4\u6613\u98a8\u96aa%<\/p>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-2 gap-3\">\n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u60f3\u6700\u591a\u9023\u8f38\u6b21\u6578\u5c31\u505c\u624b<\/label>\n <input type=\"number\" id=\"C9\" value=\"3\" class=\"input-dark px-3 py-2 rounded font-mono text-center text-red-300\">\n <\/div>\n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u6bcf\u65e5\u7372\u5229\u5e7e\u6b21\u5c31\u505c\u624b<\/label>\n <input type=\"number\" id=\"C10\" value=\"2\" class=\"input-dark px-3 py-2 rounded font-mono text-center\">\n <\/div>\n <\/div>\n\n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u60f3\u8981\u56fa\u5b9a\u505c\u640d\u5e7e\u9ede\uff08NQ\u70ba\u4f8b\uff09\uff08\u5efa\u8b70\u642d\u914d\u76e4\u52e2\u6ce2\u52d5\u8abf\u6574\uff09 (Pts)<\/label>\n <input type=\"number\" id=\"C11\" value=\"20\" class=\"input-dark px-3 py-2 rounded font-mono text-center text-red-400\">\n <p class=\"text-[10px] text-slate-500 mt-1\">* \u7528\u65bc\u8a08\u7b97\u53e3\u6578<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"card p-5 space-y-4 shadow-lg border-t-4 border-yellow-500\">\n <h2 class=\"text-yellow-500 font-bold text-sm uppercase tracking-wider border-b border-slate-700 pb-2 flex justify-between\">\n <span><i class=\"fas fa-trophy mr-1\"><\/i> \u76ee\u6a19\u8a2d\u5b9a<\/span>\n <\/h2>\n \n <div>\n <label class=\"block text-xs text-slate-400 mb-1\">\u7e3d\u7372\u5229\u76ee\u6a19\u91d1\u984d ($)<\/label>\n <input type=\"number\" id=\"H2\" value=\"3000\" class=\"input-dark px-3 py-2 rounded font-mono text-lg font-bold text-yellow-400\">\n <\/div>\n <\/div>\n\n \n <div class=\"card p-4 bg-indigo-900\/40 border border-indigo-500\/30\">\n <h4 class=\"text-indigo-300 font-bold mb-2 text-sm flex items-center\">\n <i class=\"fas fa-lightbulb mr-2 text-yellow-400\"><\/i>\u7d66\u52dd\u7387\u8ff7\u60d1\u7684\u5925\u4f34\uff01\n <\/h4>\n <ul class=\"text-xs text-slate-300 space-y-2 list-disc list-inside\">\n <li class=\"leading-relaxed\">\n \u55ae\u7b46\u4ea4\u6613\u98a8\u96aa%\u4e26\u4e0d\u5f71\u97ff\u52dd\u7387\uff0c\u4f46\u5efa\u8b70\u55ae\u7b46\u98a8\u96aa\u4f54\u7e3d\u8cc7\u91d1 <span class=\"text-orange-400 font-bold\">10% \u4ee5\u5167<\/span>\uff0c\u81f3\u5c11\u53ef\u4ee5\u8f38 10 \u6b21\u4ea4\u6613\u3002\n <\/li>\n <li class=\"leading-relaxed\">\n <span class=\"text-green-400 font-bold\">\u6e1b\u5c11\u51fa\u624b\u6b21\u6578<\/span> \u5373\u53ef\u63d0\u9ad8\u52dd\u7387\u8207\u8abf\u964d\u8cfa\u8ce0\u6bd4\u7684\u53ef\u80fd\u6027\uff01\n <\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n\n \n <div class=\"lg:col-span-2 space-y-4\">\n \n \n <div class=\"card p-6 bg-gradient-to-br from-slate-800 to-slate-900 border-blue-500\/30\">\n <div class=\"flex justify-between items-start mb-4\">\n <div>\n <h3 class=\"text-slate-400 text-sm\">\u5efa\u8b70\u4e0b\u55ae\u53e3\u6578 (Lots)<\/h3>\n <p class=\"text-[10px] text-slate-500 font-mono\">Based on Risk Limit<\/p>\n <\/div>\n <div class=\"bg-blue-900\/50 px-3 py-1 rounded text-xs text-blue-300 border border-blue-700\/50\">\n Risk Mode\n <\/div>\n <\/div>\n \n <div class=\"grid grid-cols-3 gap-4 text-center divide-x divide-slate-700\">\n \n <div class=\"px-2\">\n <div class=\"text-3xl lg:text-4xl font-bold font-mono text-cyan-400\" id=\"F10_display\">0<\/div>\n <div class=\"text-xs text-slate-400 mt-1\">MNQ (\u5fae\u90a3)<\/div>\n <\/div>\n \n <div class=\"px-2\">\n <div class=\"text-3xl lg:text-4xl font-bold font-mono text-blue-400\" id=\"F11_display\">0<\/div>\n <div class=\"text-xs text-slate-400 mt-1\">NQ (Mini)<\/div>\n <\/div>\n \n <div class=\"px-2\">\n <div class=\"text-3xl lg:text-4xl font-bold font-mono text-yellow-400\" id=\"F12_display\">0<\/div>\n <div class=\"text-xs text-slate-400 mt-1\">MGC (\u5fae\u91d1)<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-2 sm:grid-cols-3 gap-4\">\n \n \n <div class=\"card p-4\">\n <label class=\"block text-[10px] text-slate-500 uppercase\">\u65e5\u98a8\u63a7\u984d\u5ea6<\/label>\n <div class=\"text-xl font-mono font-bold text-red-400\" id=\"F3_display\">$0<\/div>\n <div class=\"text-[10px] text-slate-600 mt-1\">\u6bcf\u7b46\u98a8\u96aa * \u9023\u8f38\u6b21\u6578<\/div>\n <\/div>\n\n \n <div class=\"card p-4\">\n <label class=\"block text-[10px] text-slate-500 uppercase\">\u6bcf\u7b46\u4ea4\u6613\u98a8\u96aa<\/label>\n <div class=\"text-xl font-mono font-bold text-orange-400\" id=\"F4_display\">$0<\/div>\n <div class=\"text-[10px] text-slate-600 mt-1\">\u7e3d\u8cc7\u91d1 * \u98a8\u63a7\u4f54\u6bd4<\/div>\n <\/div>\n\n \n <div class=\"card p-4\">\n <label class=\"block text-[10px] text-slate-500 uppercase\">\u6bcf\u7b46\u9810\u671f\u7372\u5229<\/label>\n <div class=\"text-xl font-mono font-bold text-green-400\" id=\"F5_display\">$0<\/div>\n <\/div>\n\n \n <div class=\"card p-4 border border-purple-500\/30 bg-purple-900\/10\">\n <label class=\"block text-[10px] text-purple-300 uppercase font-bold\">\u6b63\u671f\u671b\u503c\u9580\u6abb (\u6700\u4f4e\u52dd\u7387)<\/label>\n <div class=\"text-xl font-mono font-bold text-purple-400\" id=\"C3_display\">0%<\/div>\n <div class=\"text-[10px] text-purple-400\/70 mt-1\">1 \/ (1 + \u8cfa\u8ce0\u6bd4)<\/div>\n <\/div>\n\n \n <div class=\"card p-4\">\n <label class=\"block text-[10px] text-slate-500 uppercase\">\u9700\u8981 NQ\u5e7eTicks<\/label>\n <div class=\"text-xl font-mono font-bold text-slate-300\" id=\"F9_display\">0<\/div>\n <div class=\"text-[10px] text-slate-600 mt-1\">\u505c\u640d\u9ede\u6578 * 4<\/div>\n <\/div>\n\n \n <div class=\"card p-4\">\n <label class=\"block text-[10px] text-slate-500 uppercase\">\u6bcf\u65e5\u7372\u5229\u76ee\u6a19<\/label>\n <div class=\"text-xl font-mono font-bold text-yellow-400\" id=\"F6_display\">$0<\/div>\n <div class=\"text-[10px] text-slate-600 mt-1\">\u6bcf\u7b46\u7372\u5229 * \u7372\u5229\u6b21\u6578<\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n \n <div class=\"card p-4 flex justify-between items-center bg-red-900\/10 border-red-900\/30\">\n <div>\n <h4 class=\"text-red-400 text-sm font-bold\"><i class=\"fas fa-skull mr-2\"><\/i>\u751f\u5b58\u5206\u6790<\/h4>\n <p class=\"text-xs text-slate-500\">\u9023\u7e8c\u8667\u640d\u591a\u5c11\u5929\u6703\u7206\u5009\uff1f<\/p>\n <\/div>\n <div class=\"text-2xl font-mono font-bold text-red-500\" id=\"F7_display\">\n 0 \u5929\n <\/div>\n <\/div>\n\n \n <div class=\"card p-4 flex justify-between items-center bg-yellow-900\/10 border-yellow-900\/30\">\n <div>\n <h4 class=\"text-yellow-400 text-sm font-bold\"><i class=\"fas fa-calendar-check mr-2\"><\/i>\u9054\u6210\u5929\u6578<\/h4>\n <p class=\"text-xs text-slate-500\">\u4f9d\u6b64\u7bc0\u594f\u5e7e\u5929\u9054\u6a19\uff1f<\/p>\n <\/div>\n <div class=\"text-2xl font-mono font-bold text-yellow-500\" id=\"H3_display\">\n 0 \u5929\n <\/div>\n <\/div>\n <\/div>\n\n \n <button onclick=\"copyResults()\" class=\"w-full bg-blue-600 hover:bg-blue-500 text-white font-bold py-3 rounded-lg shadow-lg shadow-blue-500\/30 transition transform active:scale-95 flex justify-center items-center gap-2\">\n <i class=\"fas fa-copy\"><\/i> \u8907\u88fd\u8a08\u7b97\u7d50\u679c (\u6587\u5b57)\n <\/button>\n\n <\/div>\n <\/div>\n \n <div class=\"mt-8 text-center text-xs text-slate-600\">\n <p>Designed for Fans | Based on Custom Excel Strategy<\/p>\n <\/div>\n\n <\/div>\n \n\n <script>\n \/\/ Inputs\n const inputs = ['F2', 'C2', 'C8', 'C9', 'C10', 'C11', 'H2'];\n \n \/\/ Add event listeners\n inputs.forEach(id => {\n document.getElementById(id).addEventListener('input', calculate);\n });\n\n function calculate() {\n \/\/ Get Values\n const F2 = parseFloat(document.getElementById('F2').value) || 0; \/\/ \u5e33\u6236\u7e3d\u98a8\u63a7\n const C2 = parseFloat(document.getElementById('C2').value) || 1; \/\/ \u8cfa\u8ce0\u6bd4\n const C8 = parseFloat(document.getElementById('C8').value) || 0; \/\/ \u6bcf\u7b46\u98a8\u63a7\u4f54\u6bd4 %\n const C9 = parseFloat(document.getElementById('C9').value) || 1; \/\/ \u6700\u591a\u9023\u8f38\u6b21\u6578\n const C10 = parseFloat(document.getElementById('C10').value) || 1; \/\/ \u6bcf\u65e5\u7372\u5229\u6b21\u6578\n const H2 = parseFloat(document.getElementById('H2').value) || 0; \/\/ \u7372\u5229\u76ee\u6a19\n \n \/\/ Special parameters\n const C11 = parseFloat(document.getElementById('C11').value) || 1; \n const F8 = C11; \/\/ Stop Loss Pts\n\n \/\/ --- Formulas ---\n \n \/\/ C3 = 1 \/ (C2 + 1) -> \u6b63\u671f\u671b\u503c\u6700\u4f4e\u52dd\u7387 (Break Even Win Rate)\n const C3 = 1 \/ (C2 + 1);\n\n \/\/ F4 = F2 * C8% (\u6bcf\u7b46\u4ea4\u6613\u98a8\u96aa)\n const F4 = F2 * (C8 \/ 100);\n\n \/\/ F3 = F4 * C9 (\u65e5\u98a8\u63a7 = \u6bcf\u7b46\u98a8\u96aa * \u9023\u8f38\u6b21\u6578)\n const F3 = F4 * C9;\n\n \/\/ F5 = F4 * C2 (\u6bcf\u7b46\u7372\u5229)\n const F5 = F4 * C2;\n\n \/\/ F6 = F5 * C10 (\u6bcf\u65e5\u76ee\u6a19)\n const F6 = F5 * C10;\n\n \/\/ F7 = F2 \/ F3 (\u591a\u5c11\u5929\u6703\u7206)\n const F7 = F3 > 0 ? F2 \/ F3 : 0;\n\n \/\/ F9 = F8 * 4 (\u9700\u8981\u7684 Ticks)\n const F9 = F8 * 4;\n\n \/\/ F10 = F4 \/ C11 \/ 2 (MNQ \u53e3\u6578)\n let F10 = 0;\n if (C11 !== 0) {\n F10 = F4 \/ C11 \/ 2;\n }\n\n \/\/ F11 = F10 \/ 10 (NQ \u53e3\u6578)\n const F11 = F10 \/ 10;\n\n \/\/ F12 = F4 \/ F8 \/ 10 (MGC \u53e3\u6578)\n let F12 = 0;\n if (F8 !== 0) {\n F12 = F4 \/ F8 \/ 10;\n }\n\n \/\/ H3 = H2 \/ F6 (\u9054\u6210\u76ee\u6a19\u5929\u6578)\n const H3 = F6 > 0 ? H2 \/ F6 : 0;\n\n \/\/ --- Update UI ---\n \n const fmtMoney = (num) => `$${num.toFixed(1)}`;\n const fmtNum = (num) => parseFloat(num.toFixed(2));\n\n document.getElementById('C3_display').innerText = `${(C3 * 100).toFixed(1)}%`;\n document.getElementById('F3_display').innerText = fmtMoney(F3);\n document.getElementById('F4_display').innerText = fmtMoney(F4);\n document.getElementById('F5_display').innerText = fmtMoney(F5);\n document.getElementById('F6_display').innerText = fmtMoney(F6);\n document.getElementById('F7_display').innerText = `${F7.toFixed(1)} \u5929`;\n document.getElementById('F9_display').innerText = fmtNum(F9);\n document.getElementById('H3_display').innerText = `${H3.toFixed(1)} \u5929`;\n \n document.getElementById('F10_display').innerText = fmtNum(F10); \/\/ MNQ\n document.getElementById('F11_display').innerText = fmtNum(F11); \/\/ NQ\n document.getElementById('F12_display').innerText = fmtNum(F12); \/\/ MGC\n }\n\n function copyResults() {\n const F10 = document.getElementById('F10_display').innerText;\n const F11 = document.getElementById('F11_display').innerText;\n const F12 = document.getElementById('F12_display').innerText;\n const F4 = document.getElementById('F4_display').innerText;\n const F6 = document.getElementById('F6_display').innerText;\n const H3 = document.getElementById('H3_display').innerText;\n const C3 = document.getElementById('C3_display').innerText;\n \n const text = `\ud83d\udcca \u4ea4\u6613\u98a8\u63a7\u8a08\u756b\uff1a\\n\\n\ud83d\udd39 MNQ \u53e3\u6578\uff1a${F10}\\n\ud83d\udd39 NQ \u53e3\u6578\uff1a${F11}\\n\ud83d\udd39 MGC \u53e3\u6578\uff1a${F12}\\n\\n\ud83d\udd38 \u55ae\u7b46\u6700\u5927\u98a8\u96aa\uff1a${F4}\\n\ud83d\udd38 \u6700\u4f4e\u52dd\u7387\u9580\u6abb\uff1a${C3}\\n\ud83d\udd38 \u6bcf\u65e5\u7372\u5229\u76ee\u6a19\uff1a${F6}\\n\ud83d\udd38 \u9810\u8a08\u9054\u6a19\u5929\u6578\uff1a${H3}\\n\\n\ud83d\udca1 \u55ae\u7b46\u98a8\u96aa%\u4e26\u4e0d\u5f71\u97ff\u52dd\u7387\uff0c\u4f46\u5efa\u8b70\u4f54\u7e3d\u8cc7\u91d110%\u4ee5\u5167\uff01\\n\u6e1b\u5c11\u51fa\u624b\u6b21\u6578\u5373\u53ef\u63d0\u9ad8\u52dd\u7387\u8207\u8abf\u964d\u8cfa\u8ce0\u6bd4\u7684\u53ef\u80fd\u6027\uff01\ud83d\ude80`;\n \n navigator.clipboard.writeText(text).then(() => {\n alert('\u7d50\u679c\u5df2\u8907\u88fd\uff01');\n });\n }\n\n \/\/ Initialize\n calculate();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<div id=\"lucid-calculator-container\" style=\"background-color: #121212; color: #ffffff; padding: 25px; border-radius: 15px; font-family: 'Segoe UI', 'Microsoft JhengHei', sans-serif; max-width: 850px; margin: auto; border: 2px solid #333; box-shadow: 0 10px 30px rgba(0,0,0,0.5);\">\n \n <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; flex-wrap: wrap; gap: 10px;\">\n <h2 style=\"color: #ffffff; margin: 0; font-size: 22px; font-weight: bold; border-left: 5px solid #ffcc00; padding-left: 15px;\">EOD\u56de\u64a4\u898f\u5247\u5b78\u7fd2\u6a5f\uff08Lucid 50K Flex\u70ba\u4f8b\uff09<\/h2>\n <div id=\"mll-status\" style=\"background: #332200; color: #ffcc00; padding: 5px 15px; border-radius: 20px; font-size: 13px; border: 1px solid #ffcc00; font-weight: bold;\">\n \u72c0\u614b\uff1aMLL \u96a8\u7d50\u7b97\u9ad8\u9ede\u79fb\u52d5\n <\/div>\n <\/div>\n\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 25px;\">\n <div style=\"background: #1e1e1e; padding: 18px; border-radius: 12px; text-align: center; border: 1px solid #333;\">\n <div style=\"color: #ffcc00; font-size: 14px; margin-bottom: 8px;\">\u7576\u524d\u5e33\u6236\u9918\u984d (Balance)<\/div>\n <div id=\"display-balance\" style=\"color: #00ff88; font-size: 28px; font-weight: bold;\">$50,000<\/div>\n <\/div>\n <div style=\"background: #1e1e1e; padding: 18px; border-radius: 12px; text-align: center; border: 1px solid #333;\">\n <div style=\"color: #ffcc00; font-size: 14px; margin-bottom: 8px;\">\u6700\u5927\u8667\u640d\u7dda (MLL)<\/div>\n <div id=\"display-mll\" style=\"color: #ff4444; font-size: 28px; font-weight: bold;\">$48,000<\/div>\n <\/div>\n <div style=\"background: #1e1e1e; padding: 18px; border-radius: 12px; text-align: center; border: 1px solid #333;\">\n <div style=\"color: #ffcc00; font-size: 14px; margin-bottom: 8px;\">\u5b89\u5168\u7de9\u885d\u5340 (Buffer)<\/div>\n <div id=\"display-buffer\" style=\"color: #44aaff; font-size: 28px; font-weight: bold;\">$2,000<\/div>\n <\/div>\n <\/div>\n\n <div id=\"mll-info-box\" style=\"background: #1a1a1a; padding: 15px; border-radius: 10px; margin-bottom: 25px; border: 1px dashed #444; font-size: 14px; line-height: 1.6;\">\n <div style=\"color: #aaa; margin-bottom: 5px;\">\ud83d\udcca <strong style=\"color: #eee;\">MLL \u79fb\u52d5\u8207\u9396\u5b9a\u898f\u5247\uff1a<\/strong><\/div>\n <div id=\"mll-logic-text\" style=\"color: #00ff88;\">\u7576\u524d\u6b77\u53f2\u6700\u9ad8\u7d50\u7b97\u9918\u984d\uff1a$50,000\u3002MLL \u5c07\u8ddf\u96a8\u300c\u6bcf\u65e5\u7d50\u7b97\u5f8c\u300d\u7684\u6700\u9ad8\u9ede\u79fb\u52d5\u3002<\/div>\n <\/div>\n\n <div style=\"background: #1e1e1e; padding: 20px; border-radius: 12px; display: flex; align-items: center; gap: 12px; margin-bottom: 25px; border: 1px solid #333;\">\n <input type=\"number\" id=\"daily-pnl\" placeholder=\"\u8f38\u5165\u4eca\u65e5\u640d\u76ca (\u4f8b\u5982: 1200)\" style=\"flex: 1; padding: 12px; border-radius: 8px; border: 1px solid #444; background: #2a2a2a; color: white; outline: none; font-size: 16px;\">\n <button onclick=\"addDay()\" style=\"background: #ffcc00; color: #000; border: none; padding: 12px 25px; border-radius: 8px; font-weight: bold; cursor: pointer; transition: 0.2s;\">+ \u65b0\u589e\u4e00\u5929<\/button>\n <button onclick=\"resetCalc()\" style=\"background: transparent; border: 1px solid #888; color: #ccc; padding: 12px 20px; border-radius: 8px; cursor: pointer;\">\u91cd\u7f6e<\/button>\n <\/div>\n\n <div style=\"background: #1a1a1a; padding: 20px; border-radius: 12px; border: 1px solid #333;\">\n <div style=\"display: flex; gap: 20px; justify-content: center; margin-bottom: 15px; font-size: 12px; color: #aaa; flex-wrap: wrap;\">\n <span><span style=\"color:#00ff88;\">\u2501<\/span> \u5e33\u6236\u9918\u984d<\/span>\n <span><span style=\"color:#ff4444; border-bottom: 2px dashed #ff4444; padding-bottom: 2px;\">—<\/span> \u6700\u5927\u8667\u640d\u7dda (MLL)<\/span>\n <span><span style=\"color:#666; border-bottom: 1px dotted #666; padding-bottom: 2px;\">……<\/span> \u9396\u5b9a\u7dda ($50,100)<\/span>\n <\/div>\n <div style=\"height: 300px; position: relative;\">\n <canvas id=\"tradingChart\"><\/canvas>\n <\/div>\n <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n<script>\n const lockLineValue = 50100;\n const initialBalance = 50000;\n const initialMLL = 48000;\n const mllDistance = 2000;\n\n let balances = [initialBalance];\n let mlls = [initialMLL];\n let labels = [\"Day 0\"];\n let historicalMax = initialBalance;\n\n const ctx = document.getElementById('tradingChart').getContext('2d');\n let chart = new Chart(ctx, {\n type: 'line',\n data: {\n labels: labels,\n datasets: [\n {\n label: '\u5e33\u6236\u9918\u984d',\n data: balances,\n borderColor: '#00ff88',\n backgroundColor: 'rgba(0, 255, 136, 0.05)',\n fill: true,\n tension: 0.3,\n pointRadius: 4\n },\n {\n label: '\u6700\u5927\u8667\u640d\u7dda (MLL)',\n data: mlls,\n borderColor: '#ff4444',\n borderDash: [5, 5],\n fill: false,\n pointRadius: 4\n },\n {\n label: '\u9396\u5b9a\u7dda',\n data: Array(1).fill(lockLineValue),\n borderColor: '#555',\n borderDash: [2, 4],\n borderWidth: 1,\n pointRadius: 0\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: { grid: { color: '#222' }, ticks: { color: '#888' } },\n x: { grid: { display: false }, ticks: { color: '#888' } }\n },\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n afterBody: (context) => {\n const i = context[0].dataIndex;\n return `\u5b89\u5168\u7a7a\u9593: $${(balances[i] - mlls[i]).toLocaleString()}`;\n }\n }\n }\n }\n }\n });\n\n function updateDisplay() {\n const curBal = balances[balances.length - 1];\n const curMLL = mlls[mlls.length - 1];\n \n document.getElementById('display-balance').innerText = `$${curBal.toLocaleString()}`;\n document.getElementById('display-mll').innerText = `$${curMLL.toLocaleString()}`;\n document.getElementById('display-buffer').innerText = `$${(curBal - curMLL).toLocaleString()}`;\n \n const statusEl = document.getElementById('mll-status');\n const logicEl = document.getElementById('mll-logic-text');\n \n if (curMLL >= lockLineValue) {\n statusEl.innerText = \"\u72c0\u614b\uff1aMLL \u5df2\u6c38\u4e45\u9396\u5b9a\";\n statusEl.style.color = \"#00ff88\";\n statusEl.style.borderColor = \"#00ff88\";\n statusEl.style.background = \"#002211\";\n logicEl.innerText = `\u5e33\u6236\u5df2\u9054\u5230\u9396\u5b9a\u689d\u4ef6\uff01\u76ee\u524d\u6700\u9ad8\u9918\u984d\uff1a$${historicalMax.toLocaleString()}\uff0cMLL \u5c07\u6c38\u4e45\u56fa\u5b9a\u5728 $${lockLineValue.toLocaleString()}\uff0c\u4e0d\u518d\u96a8\u7372\u5229\u4e0a\u79fb\u3002`;\n logicEl.style.color = \"#44aaff\";\n } else {\n statusEl.innerText = \"\u72c0\u614b\uff1aMLL \u96a8\u7d50\u7b97\u9ad8\u9ede\u79fb\u52d5\";\n statusEl.style.color = \"#ffcc00\";\n statusEl.style.borderColor = \"#ffcc00\";\n statusEl.style.background = \"#332200\";\n logicEl.innerText = `\u76ee\u524d\u6700\u9ad8\u7d50\u7b97\u9ede\uff1a$${historicalMax.toLocaleString()}\u3002MLL \u6703\u4fdd\u6301 $${mllDistance.toLocaleString()} \u8ddd\u96e2\u8ddf\u96a8\u79fb\u52d5\uff0c\u76f4\u5230\u89f8\u53ca\u9396\u5b9a\u7dda $${lockLineValue.toLocaleString()}\u3002`;\n logicEl.style.color = \"#00ff88\";\n }\n }\n\n function addDay() {\n const input = document.getElementById('daily-pnl');\n const pnl = parseFloat(input.value);\n if (isNaN(pnl)) return;\n\n const lastBal = balances[balances.length - 1];\n const newBal = lastBal + pnl;\n \n if (newBal > historicalMax) historicalMax = newBal;\n\n let newMLL;\n if (historicalMax - mllDistance >= lockLineValue) {\n newMLL = lockLineValue;\n } else {\n newMLL = historicalMax - mllDistance;\n }\n\n balances.push(newBal);\n mlls.push(newMLL);\n labels.push(`Day ${labels.length}`);\n chart.data.datasets[2].data = Array(balances.length).fill(lockLineValue);\n \n chart.update();\n updateDisplay();\n input.value = '';\n }\n\n function resetCalc() {\n balances = [initialBalance];\n mlls = [initialMLL];\n labels = [\"Day 0\"];\n historicalMax = initialBalance;\n chart.data.labels = labels;\n chart.data.datasets[0].data = balances;\n chart.data.datasets[1].data = mlls;\n chart.data.datasets[2].data = [lockLineValue];\n chart.update();\n updateDisplay();\n }\n\n updateDisplay();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<style>\n .tradeify-calc-container {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: #1e2532;\n color: #ffffff;\n padding: 30px;\n border-radius: 12px;\n max-width: 450px;\n margin: 0 auto;\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n box-sizing: border-box;\n }\n .tradeify-calc-container h2 {\n margin-top: 0;\n font-size: 22px;\n color: #ffffff;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .tradeify-calc-container p.subtitle {\n color: #8b95a5;\n font-size: 14px;\n margin-bottom: 20px;\n }\n .tradeify-calc-container label {\n display: block;\n margin-bottom: 8px;\n font-size: 14px;\n color: #b0b8c6;\n }\n .tradeify-calc-container input {\n width: 100%;\n padding: 12px;\n margin-bottom: 20px;\n border-radius: 6px;\n border: 1px solid #3a4454;\n background-color: #ffffff;\n font-size: 16px;\n color: #333;\n box-sizing: border-box;\n }\n .tradeify-calc-container button {\n width: 100%;\n background-color: #4285f4;\n color: white;\n border: none;\n padding: 14px;\n font-size: 16px;\n font-weight: bold;\n border-radius: 6px;\n cursor: pointer;\n transition: background-color 0.3s;\n }\n .tradeify-calc-container button:hover {\n background-color: #3367d6;\n }\n .result-section {\n margin-top: 30px;\n display: none; \/* \u521d\u59cb\u96b1\u85cf *\/\n }\n .bar-wrapper {\n background-color: #2a3441;\n border-radius: 6px;\n margin-bottom: 20px;\n height: 36px;\n position: relative;\n overflow: hidden;\n }\n .bar {\n height: 100%;\n display: flex;\n align-items: center;\n padding-left: 10px;\n font-weight: bold;\n color: white;\n transition: width 0.5s ease-in-out;\n white-space: nowrap;\n }\n .bar-green { background-color: #34a853; }\n .bar-red { background-color: #ea4335; justify-content: flex-end; padding-right:10px; padding-left:0;}\n .formula-box {\n background-color: #2a3441;\n padding: 15px;\n border-radius: 8px;\n text-align: center;\n margin-top: 10px;\n }\n .formula-text {\n font-size: 18px;\n color: #66b2ff;\n font-weight: bold;\n }\n<\/style>\n\n<div class=\"tradeify-calc-container\">\n <h2>\ud83d\udcca \u4e00\u81f4\u6027\u76ee\u6a19\u8a08\u7b97\u6a5f<\/h2>\n <p class=\"subtitle\">\u8f38\u5165\u55ae\u65e5\u6700\u5927\u7372\u5229\uff0c\u81ea\u52d5\u8a08\u7b97\u51fa\u91d1\u9580\u6abb<\/p>\n\n <label>\u55ae\u65e5\u6700\u5927\u7372\u5229 ($)<\/label>\n <input type=\"number\" id=\"tc-daily-profit\" value=\"1200\" placeholder=\"\u4f8b\u5982: 1200\">\n\n <label>\u4e00\u81f4\u6027\u898f\u5247 (%)<\/label>\n <input type=\"number\" id=\"tc-rule-percent\" value=\"20\" placeholder=\"\u4f8b\u5982: 20\">\n\n <button onclick=\"calculateTradeify()\">\u958b\u59cb\u8a08\u7b97<\/button>\n\n <div class=\"result-section\" id=\"tc-result\">\n \n <label>\u55ae\u65e5\u6700\u5927\u7372\u5229<\/label>\n <div class=\"bar-wrapper\">\n <div class=\"bar bar-green\" id=\"bar-daily\" style=\"width: 0%;\">$0<\/div>\n <\/div>\n\n <label>\u9700\u9054\u6210\u7684\u7e3d\u7372\u5229\u76ee\u6a19<\/label>\n <div class=\"bar-wrapper\">\n <div class=\"bar bar-red\" id=\"bar-total\" style=\"width: 0%;\">$0<\/div>\n <\/div>\n\n <div class=\"formula-box\">\n <div class=\"formula-text\">\n $<span id=\"form-daily\">0<\/span> \u00f7 <span id=\"form-rule\">0<\/span>% = $<span id=\"form-total\">0<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\nfunction calculateTradeify() {\n \/\/ \u7372\u53d6\u8f38\u5165\u503c\n const dailyProfit = parseFloat(document.getElementById('tc-daily-profit').value);\n const rulePercent = parseFloat(document.getElementById('tc-rule-percent').value);\n\n \/\/ \u7c21\u55ae\u7684\u9632\u5446\n if (!dailyProfit || !rulePercent || dailyProfit <= 0 || rulePercent <= 0) {\n alert(\"\u8acb\u8f38\u5165\u6709\u6548\u7684\u6b63\u6578\u5b57\");\n return;\n }\n\n \/\/ \u8a08\u7b97\u7e3d\u76ee\u6a19\n const requiredTotal = dailyProfit \/ (rulePercent \/ 100);\n\n \/\/ \u66f4\u65b0\u516c\u5f0f\u986f\u793a\u6587\u5b57\n document.getElementById('form-daily').innerText = dailyProfit.toLocaleString(undefined, {maximumFractionDigits: 2});\n document.getElementById('form-rule').innerText = rulePercent;\n document.getElementById('form-total').innerText = requiredTotal.toLocaleString(undefined, {maximumFractionDigits: 2});\n\n \/\/ \u8a08\u7b97\u9577\u689d\u5716\u7684\u5bec\u5ea6\u6bd4\u4f8b\n \/\/ \u7e3d\u76ee\u6a19\u56fa\u5b9a\u70ba 100%\uff0c\u55ae\u65e5\u7372\u5229\u5247\u70ba\u898f\u5247\u7684\u767e\u5206\u6bd4\n const dailyWidth = Math.min(rulePercent, 100); \/\/ \u78ba\u4fdd\u4e0d\u8d85\u904e 100%\n\n \/\/ \u66f4\u65b0\u9577\u689d\u5716\n const barDaily = document.getElementById('bar-daily');\n const barTotal = document.getElementById('bar-total');\n \n barDaily.style.width = dailyWidth + '%';\n barDaily.innerText = '$' + dailyProfit.toLocaleString(undefined, {maximumFractionDigits: 2});\n \n barTotal.style.width = '100%';\n barTotal.innerText = '$' + requiredTotal.toLocaleString(undefined, {maximumFractionDigits: 2});\n\n \/\/ \u986f\u793a\u7d50\u679c\u5340\u584a\n document.getElementById('tc-result').style.display = 'block';\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u5c08\u696d\u4ea4\u6613\u54e1\u98a8\u63a7\u8a08\u7b97\u5668 (MNQ\/NQ\/MGC) \u5c08\u696d\u4ea4\u6613\u54e1\u98a8…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"class_list":["post-502","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tradingbrother.com\/site-upgrade\/wp-json\/wp\/v2\/pages\/502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tradingbrother.com\/site-upgrade\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tradingbrother.com\/site-upgrade\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tradingbrother.com\/site-upgrade\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tradingbrother.com\/site-upgrade\/wp-json\/wp\/v2\/comments?post=502"}],"version-history":[{"count":18,"href":"https:\/\/tradingbrother.com\/site-upgrade\/wp-json\/wp\/v2\/pages\/502\/revisions"}],"predecessor-version":[{"id":1825,"href":"https:\/\/tradingbrother.com\/site-upgrade\/wp-json\/wp\/v2\/pages\/502\/revisions\/1825"}],"wp:attachment":[{"href":"https:\/\/tradingbrother.com\/site-upgrade\/wp-json\/wp\/v2\/media?parent=502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}