按钮样式：编辑绿底、删除红框无底

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

ft-app/app/templates/base.html

@@ -11,8 +11,8 @@
     --bg: #f8fafc; --surface: #fff; --fg: #1e293b; --sub: #64748b;
     --border: #e2e8f0; --accent: #3b82f6; --accent-light: #eff6ff;
     --th-bg: #f1f5f9; --th-fg: #475569;
-    --danger: #10b981; --danger-bg: #ecfdf5; --danger-fg: #059669;
-    --success: #ef4444; --success-bg: #fef2f2; --success-fg: #dc2626;
+    --danger: #ef4444; --danger-bg: #fef2f2; --danger-fg: #dc2626;
+    --success: #10b981; --success-bg: #ecfdf5; --success-fg: #059669;
     --warn: #f59e0b; --warn-bg: #fffbeb; --warn-fg: #d97706;
     --na: #94a3b8;
     --sidebar-w: 220px; --header-h: 56px;
@@ -21,8 +21,8 @@
     --bg: #0f172a; --surface: #1e293b; --fg: #e2e8f0; --sub: #94a3b8;
     --border: #334155; --accent: #60a5fa; --accent-light: #1e3a5f;
     --th-bg: #1e293b; --th-fg: #cbd5e1;
-    --danger: #34d399; --danger-bg: #0a1f17; --danger-fg: #6ee7b7;
-    --success: #f87171; --success-bg: #3b1515; --success-fg: #fca5a5;
+    --danger: #f87171; --danger-bg: #3b1515; --danger-fg: #fca5a5;
+    --success: #34d399; --success-bg: #0a1f17; --success-fg: #6ee7b7;
     --warn: #fbbf24; --warn-bg: #2d2110; --warn-fg: #fcd34d;
     --na: #64748b;
   }
@@ -133,8 +133,8 @@
 
   /* ── Badges ── */
   .badge { display: inline-block; padding: 2px 10px; border-radius: 20px; font-size: 0.78rem; font-weight: 600; }
-  .badge-up { background: var(--success-bg); color: var(--success-fg); }
-  .badge-down { background: var(--danger-bg); color: var(--danger-fg); }
+  .badge-up { background: var(--danger-bg); color: var(--danger-fg); }
+  .badge-down { background: var(--success-bg); color: var(--success-fg); }
   .badge-warn { background: var(--warn-bg); color: var(--warn-fg); }
 
   /* ── Forms ── */

ft-app/app/templates/options.html

@@ -208,10 +208,10 @@ function hideConfirm() {
     <td>
       <button style="background:var(--accent);color:#fff;border:none;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;"
               onclick="showCloseForm({{ t.id }})">平仓</button>
-      <button style="background:var(--surface);color:var(--fg);border:1px solid var(--border);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;margin-left:8px;"
+      <button style="background:var(--success-bg);color:var(--success-fg);border:1px solid var(--success);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;margin-left:8px;"
               onclick="showEditForm('option', {{ t.id }}, '{{ t.product_code }}', '{{ t.contract_code }}', '{{ t.option_type }}', '{{ t.direction }}', {{ t.strike_price }}, {{ t.open_price }}, {{ t.open_fee or 0 }}, '{{ t.open_date }}', null, null, null, '{{ t.status }}')">编辑</button>
 <form method="post" action="/options/{{ t.id }}/delete" style="display:inline;margin-left:8px;">
-        <button style="background:var(--danger-bg);color:var(--danger-fg);border:1px solid var(--danger);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;" onclick="confirmDelete(event, '确定删除此记录？', this.closest('form').action)">删除</button>
+        <button style="background:transparent;color:#dc2626;border:1px solid #ef4444;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;" onclick="confirmDelete(event, '确定删除此记录？', this.closest('form').action)">删除</button>
       </form>
     </td>
   </tr>
@@ -293,10 +293,10 @@ function hideConfirm() {
       {% endif %}
     </td>
     <td>
-      <button style="background:var(--surface);color:var(--fg);border:1px solid var(--border);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;margin-left:8px;"
+      <button style="background:var(--success-bg);color:var(--success-fg);border:1px solid var(--success);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;margin-left:8px;"
               onclick="showEditForm('option', {{ t.id }}, '{{ t.product_code }}', '{{ t.contract_code }}', '{{ t.option_type }}', '{{ t.direction }}', {{ t.strike_price }}, {{ t.open_price }}, {{ t.open_fee or 0 }}, '{{ t.open_date }}', {{ t.close_price }}, {{ t.close_fee or 0 }}, '{{ t.close_date }}', '{{ t.status }}')">编辑</button>
       <form method="post" action="/options/{{ t.id }}/delete" style="display:inline;margin-left:8px;">
-        <button style="background:var(--danger-bg);color:var(--danger-fg);border:1px solid var(--danger);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;" onclick="confirmDelete(event, '确定删除此记录？', this.closest('form').action)">删除</button>
+        <button style="background:transparent;color:#dc2626;border:1px solid #ef4444;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;" onclick="confirmDelete(event, '确定删除此记录？', this.closest('form').action)">删除</button>
       </form>
     </td>
   </tr>

ft-app/app/templates/positions.html

@@ -72,7 +72,7 @@
         <button class="btn" style="background:var(--danger);color:#fff;font-size:0.78rem;padding:4px 14px;" onclick="confirmDelete(event, '确认 {{ round.contract_code }} 熔断清仓？', this.closest('form').action)">熔断</button>
       </form>
       <form method="post" action="/positions/{{ round.id }}/delete" style="display:inline;">
-        <button style="background:var(--danger-bg);color:var(--danger-fg);border:1px solid var(--danger);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;" onclick="confirmDelete(event, '确定删除 {{ round.contract_code }} 整轮数据？', this.closest('form').action)">删除</button>
+        <button style="background:transparent;color:#dc2626;border:1px solid #ef4444;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;" onclick="confirmDelete(event, '确定删除 {{ round.contract_code }} 整轮数据？', this.closest('form').action)">删除</button>
       </form>
     </span>
   </div>

ft-app/app/templates/trades.html

@@ -188,10 +188,10 @@ function hideConfirm() {
     <td>
       <button style="background:var(--accent);color:#fff;border:none;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;"
               onclick="showCloseForm({{ t.id }})">平仓</button>
-      <button style="background:var(--surface);color:var(--fg);border:1px solid var(--border);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;margin-left:8px;"
+      <button style="background:var(--success-bg);color:var(--success-fg);border:1px solid var(--success);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;margin-left:8px;"
               onclick="showEditForm('trade', {{ t.id }}, '{{ t.product_code }}', '{{ t.contract_code }}', '{{ t.direction }}', {{ t.open_price }}, {{ t.open_fee or 0 }}, '{{ t.open_date }}', null, null, null, '{{ t.status }}')">编辑</button>
 <form method="post" action="/trades/{{ t.id }}/delete" style="display:inline;margin-left:8px;">
-        <button style="background:var(--danger-bg);color:var(--danger-fg);border:1px solid var(--danger);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;" onclick="confirmDelete(event, '确定删除此记录？', this.closest('form').action)">删除</button>
+        <button style="background:transparent;color:#dc2626;border:1px solid #ef4444;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;" onclick="confirmDelete(event, '确定删除此记录？', this.closest('form').action)">删除</button>
       </form>
     </td>
   </tr>
@@ -265,10 +265,10 @@ function hideConfirm() {
       {% endif %}
     </td>
     <td>
-      <button style="background:var(--surface);color:var(--fg);border:1px solid var(--border);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;margin-left:8px;"
+      <button style="background:var(--success-bg);color:var(--success-fg);border:1px solid var(--success);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;margin-left:8px;"
               onclick="showEditForm('trade', {{ t.id }}, '{{ t.product_code }}', '{{ t.contract_code }}', '{{ t.direction }}', {{ t.open_price }}, {{ t.open_fee or 0 }}, '{{ t.open_date }}', {{ t.close_price }}, {{ t.close_fee or 0 }}, '{{ t.close_date }}', '{{ t.status }}')">编辑</button>
       <form method="post" action="/trades/{{ t.id }}/delete" style="display:inline;margin-left:8px;">
-        <button style="background:var(--danger-bg);color:var(--danger-fg);border:1px solid var(--danger);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;" onclick="confirmDelete(event, '确定删除此记录？', this.closest('form').action)">删除</button>
+        <button style="background:transparent;color:#dc2626;border:1px solid #ef4444;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.78rem;" onclick="confirmDelete(event, '确定删除此记录？', this.closest('form').action)">删除</button>
       </form>
     </td>
   </tr>