diff --git a/ft-app/app/templates/trades.html b/ft-app/app/templates/trades.html
index d98091b..c1bda20 100644
--- a/ft-app/app/templates/trades.html
+++ b/ft-app/app/templates/trades.html
@@ -374,8 +374,8 @@ function showPnlDrawer(title, direction, openPrice, closePrice, openFee, closeFe
   var html = '<tr style="background:var(--th-bg);"><td>项目</td><td>计算</td><td style="text-align:right;">金额</td></tr>';
   html += '<tr><td>价差</td><td>' + (direction === 'short' ? openPrice + ' - ' + closePrice : closePrice + ' - ' + openPrice) + '</td><td style="text-align:right;">' + diff.toFixed(2) + ' 点</td></tr>';
   html += '<tr><td>毛利</td><td>' + diff.toFixed(2) + ' × ' + pointValue + '</td><td style="text-align:right;">' + gross.toFixed(2) + '</td></tr>';
-  html += '<tr><td>开仓手续费</td><td></td><td style="text-align:right;color:var(--danger-fg);">-' + openFee.toFixed(2) + '</td></tr>';
-  html += '<tr><td>平仓手续费</td><td></td><td style="text-align:right;color:var(--danger-fg);">-' + closeFee.toFixed(2) + '</td></tr>';
+  html += '<tr><td>开仓手续费</td><td></td><td style="text-align:right;color:var(--success-fg);">-' + openFee.toFixed(2) + '</td></tr>';
+  html += '<tr><td>平仓手续费</td><td></td><td style="text-align:right;color:var(--success-fg);">-' + closeFee.toFixed(2) + '</td></tr>';
   document.getElementById('pnlTable').innerHTML = html;
   document.getElementById('pnlResult').innerHTML = '<b>收益 = ' + gross.toFixed(2) + ' - ' + openFee.toFixed(2) + ' - ' + closeFee.toFixed(2) + ' = <span style="color:' + (result > 0 ? 'var(--danger-fg)' : result < 0 ? 'var(--success-fg)' : 'var(--sub)') + ';">' + (result > 0 ? '+' : '') + result.toFixed(2) + '</span></b>';
   document.getElementById('pnlOverlay').style.display = 'block';