html,body{touch-action:manipulation;/* 允许点击和滑动，但禁止双击缩放 */background-color:#000;overscroll-behavior-y:none}*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;padding:0px;background-color:#000;padding-bottom:40px}/* 添加页面锁定样式 */body.no-scroll{overflow:hidden;position:fixed;width:100%;height:100%}@media (max-width: 1200px){body{padding:0px 0px}}.checkbox-container{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px;color:#fff;padding:0px 25px}.checkbox-item{display:flex;align-items:center}input[type="checkbox"]{margin-right:5px;accent-color:#4caf50}#reset-btn{margin-top:0px;padding:5px 10px;background-color:#4caf50;color:white;border:none;border-radius:4px;cursor:pointer;font-size:12px}#reset-btn:hover{background-color:#45a049}.container{display:flex;flex-direction:column;/* max-width: 1200px; */width:100%;margin:0 auto;background-color:#000;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);position:relative;padding-top:0px}@media (max-width: 1200px){.container{padding:10px 0px;padding-top:50px}}#chart{width:calc(100% - 20px);height:600px;background-color:#000000}@media (max-width: 1200px){#chart{width:calc(100% - 30px);height:450px}}.controls{display:flex;justify-content:flex-start;margin-top:0px;border-radius:5px;border-top-left-radius:0;border-top-right-radius:0;padding:15px;background-color:#000000}button{padding:10px 20px;font-size:16px;cursor:pointer;background-color:#4caf50;color:white;border:none;border-radius:4px;margin-right:20px;max-width:90px;transition:background-color 0.3s}button:hover{background-color:#45a049}button.next{background-color:#409eff}button.sell,button.sellLimit,button.sellStop{background-color:#f44336}button.sell:hover,button.sellLimit:hover,button.sellStop:hover{background-color:#d32f2f}button.close{background-color:#ff9800}button.close:hover{background-color:#e68a00}button.delete{background-color:#409eff}button.delete:hover{background-color:#0167d6}.info-panel{margin-top:20px;padding:15px;background-color:#f9f9f9;border-radius:5px}.position{font-weight:bold;color:#2196f3}.profit{font-weight:bold}.take-profit-panel{position:absolute;background:transparent;border:0px solid #ccc;padding:0px;border-radius:2px;z-index:1000}.tpButton{padding:5px 5px;margin:0px;background-color:#2b3037;color:white;border:none;border-radius:2px;cursor:pointer;font-size:10px;display:flex;justify-content:center;align-items:center;margin:3px 5px;width:50px;transform:translateX(-50px)}.tpButton.buy{background-color:#4caf51}.tpButton.sell{background-color:#f44436}.tpButton:hover{opacity:0.9}.candles{position:relative}/* 简化滑块设计 */.zoom-control{position:absolute;top:0;right:0;width:20px;/* 减小宽度 */height:100%;background:#1a1a1a;cursor:pointer;border-left:1px solid #333}@media (max-width: 1200px){.zoom-control{right:0px;-webkit-overflow-scrolling:touch}}.zoom-track{position:absolute;top:30px;left:50%;transform:translateX(-50%);width:3px;height:calc(100% - 60px);background:#333}.zoom-indicator{position:absolute;left:4px;width:12px;height:30px;background:#3a9fff;border-radius:2px;pointer-events:none;z-index:10}.instructions,.history{color:#fff}.instructions{padding:0px 10px}.instructions ul{padding:0px 0px 0px 20px}.instructions ul li{list-style-type:decimal}table{border-collapse:collapse;width:100%;margin-top:20px}th,td{border:1px solid #444;padding:8px;text-align:center}th{background-color:#222}.profit-row{background-color:rgba(0, 255, 0, 0.05)}.loss-row{background-color:rgba(255, 0, 0, 0.05)}.take-profit{background-color:rgba(0, 255, 0, 0.15)}.stop-loss{background-color:rgba(255, 0, 0, 0.15)}.profit{color:#00ff00}.loss{color:#f4576c}#scrollToTopBtn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#007bff;color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);transition:all 0.3s ease;opacity:0;visibility:hidden}#scrollToTopBtn:hover{background:#0056b3;transform:translateY(-3px);box-shadow:0 4px 15px rgba(0, 0, 0, 0.3)}#scrollToTopBtn.show{opacity:1;visibility:visible}.arrow-up{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid white}header{display:flex;justify-content:space-between;background-color:#24292f;height:40px;padding:0px 30px;@media (max-width: 1200px) {
    padding:0 10px}}

header .menus{height:40px;display:flex;justify-content:flex-start;flex:1}header .menus a{color:#fff;height:40px;display:flex;justify-content:flex-start;align-items:center;margin-right:20px;text-decoration:none}header .menus a:hover{color:#2196f3}.balance{z-index:100;color:#ffd866;display:flex;justify-content:flex-end;align-items:center;height:40px;flex:1}.balanceWrapper,.profitWrapper{margin-left:0px}.profitWrapper.show{opacity:1}.profitWrapper.hide{opacity:0}.space.show{display:block}.space.hide{display:none}#profit,#balance{padding:0px 5px}.balance #balance,.balance #profit{font-weight:bold}.win{color:#85e89d}.lose{color:#f4576c}#toolbar{display:flex;padding:10px 15px;border-bottom:1px solid #1a2634;justify-content:center;align-items:center;flex:1;@media (max-width: 1200px) {
    position:absolute;top:40px;left:0px;z-index:20;width:100%}}

.tool-item{width:30px;height:30px;background:transparent;color:#589ef8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;padding:5px;border-radius:0;user-select:none}.tool-item#showHistoryGraphics{margin-right:20px}#eye.show{display:inline-block}#eye.hide{display:none}#eyeClose.show{display:inline-block}#eyeClose.hide{display:none}.tool-item.clearAll:hover{background:rgba(255, 255, 255, 0.3)}.tool-item:hover{background:rgba(255, 255, 255, 0.3)}@media (hover: none){.tool-item:hover{background:transparent !important}}.tool-item.active{background:rgba(255, 255, 255, 0.3) !important}