.calc-remove{background:none;border:1px solid #ccc;color:#999;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;transition:all .2s}
.calc-remove:hover{border-color:#e74c3c;color:#e74c3c}















.formula-block{background:#f8f8f8;border-left:3px solid #0d8059;padding:15px 20px;margin:15px 0;border-radius:0 6px 6px 0}
.formula-block .formula{font-size:16px;color:#0d8059;margin:8px 0;font-family:'Courier New',monospace}


.tf-tabs {
    display: flex;
    gap: 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #ddd;
}

.tf-tab {
    padding: 10px 24px;
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    color: #666;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.tf-tab:hover {
    color: #0d8059;
}

.tf-tab-active {
    color: #0d8059;
    border-bottom-color: #0d8059;
}

.tf-result-win {
    background: #f0faf5;
    border: 2px solid #2ecc71;
}
.tf-result-win .calc-summary-value {
    color: #1a9a5a;
}

.tf-result-lose {
    background: #fdf0f0;
    border: 2px solid #e74c3c;
}
.tf-result-lose .calc-summary-value {
    color: #c0392b;
}

.tf-result-push {
    background: #fdf8ef;
    border: 2px solid #e6951e;
}
.tf-result-push .calc-summary-value {
    color: #c07b10;
}

.tf-profit-win {
    color: #1a9a5a;
    font-weight: 600;
}

.tf-profit-lose {
    color: #c0392b;
    font-weight: 600;
}

.tf-profit-push {
    color: #888;
}

@media (max-width: 600px) {
    
    
    
    
    .bk-table th,
    .bk-table td {
        padding: 6px 4px;
    }
    .tf-tab {
        padding: 8px 16px;
        font-size: 14px;
    }
}