refactor: CSS残留hex清理+内联样式提取+console.log降级+错误toast补全

- components.css: 10处hex替换为CSS变量(stoploss/watch/signal/alert-change/toast)
- pages.css: 20+处hex替换(ss-dot信号强度/step操作色/summary-tag/trade-type/reason-item)
- auth.css: 2处hex替换(login-error/login-success)
- base.css: 新增30+公共CSS class(cursor-pointer/flex-center/input-mini/icon-sm等)
- index.html: 41处内联style提取为CSS class(93→52)
- app.js: 14处console.log降级为console.debug(减少生产日志噪音)
- app.js: 5处用户可感知catch块补充showToast错误反馈

stock-html/static/css/pages.css

@@ -89,8 +89,8 @@
 .tech-recommend-reason { font-size: 12px; color: var(--text-secondary); margin-top: 6px; }
 .tech-holding-note {
     margin-top: 8px; padding: 6px 10px;
-    background: rgba(255,152,0,0.08); border-radius: 6px;
-    font-size: 12px; color: #e67e00; line-height: 1.5;
+    background: rgba(255,170,0,0.08); border-radius: 6px;
+    font-size: 12px; color: var(--warning); line-height: 1.5;
 }
 
 .tech-indicators {
@@ -843,9 +843,9 @@
     color: var(--text-secondary);
 }
 .step-watch .step-action { color: #748ffc; }
-.step-buy .step-action { color: #ff6b6b; }
-.step-add .step-action { color: #00ce9e; }
-.step-hold .step-action { color: #ffd93d; }
+.step-buy .step-action { color: var(--danger); }
+.step-add .step-action { color: var(--success); }
+.step-hold .step-action { color: var(--warning); }
 
 /* 核心信号一句话总结 */
 .signal-summary-list {
@@ -869,11 +869,11 @@
 }
 .summary-tag.core {
     background: rgba(255, 107, 107, 0.15);
-    color: #ff6b6b;
+    color: var(--danger);
 }
 .summary-tag.normal {
     background: rgba(0, 206, 158, 0.15);
-    color: #00ce9e;
+    color: var(--success);
 }
 .summary-tag.aux {
     background: rgba(255,255,255,0.08);
@@ -1287,13 +1287,13 @@
     flex-shrink: 0;
 }
 
-.ss-dot.s85 { background: #ff4444; }
-.ss-dot.s80 { background: #ff6b35; }
-.ss-dot.s75 { background: #4CAF50; }
-.ss-dot.s70 { background: #2196F3; }
-.ss-dot.s65 { background: #9C27B0; }
-.ss-dot.s60 { background: #FF9800; }
-.ss-dot.s55 { background: #607D8B; }
+.ss-dot.s85 { background: var(--sig-85); }
+.ss-dot.s80 { background: var(--sig-80); }
+.ss-dot.s75 { background: var(--sig-75); }
+.ss-dot.s70 { background: var(--sig-70); }
+.ss-dot.s65 { background: var(--sig-65); }
+.ss-dot.s60 { background: var(--sig-60); }
+.ss-dot.s55 { background: var(--sig-55); }
 
 .ss-name {
     font-weight: 600;
@@ -1315,7 +1315,7 @@
 
 .ss-badge.active {
     background: rgba(0, 200, 83, 0.2);
-    color: #00c853;
+    color: var(--down);
     border: 1px solid rgba(0, 200, 83, 0.4);
 }
 
@@ -1431,12 +1431,12 @@
 
 .trade-type-tag.buy {
     background: rgba(76, 175, 80, 0.2);
-    color: #4caf50;
+    color: var(--success);
 }
 
 .trade-type-tag.sell, .trade-type-tag.partial_sell {
     background: rgba(244, 67, 54, 0.2);
-    color: #f44336;
+    color: var(--danger);
 }
 
 .trade-stock {
@@ -1451,7 +1451,7 @@
 }
 
 .trade-fee {
-    color: #ff9800;
+    color: var(--warning);
     font-size: 11px;
 }
 
@@ -1474,22 +1474,22 @@
 
 .result-reason-item.reason-limit {
     background: rgba(255, 152, 0, 0.1);
-    border-left: 3px solid #ff9800;
+    border-left: 3px solid var(--warning);
 }
 
 .result-reason-item.reason-cash {
     background: rgba(33, 150, 243, 0.1);
-    border-left: 3px solid #2196f3;
+    border-left: 3px solid var(--info);
 }
 
 .result-reason-item.reason-sell {
     background: rgba(244, 67, 54, 0.08);
-    border-left: 3px solid #f44336;
+    border-left: 3px solid var(--danger);
 }
 
 .result-reason-item.reason-buy {
     background: rgba(76, 175, 80, 0.08);
-    border-left: 3px solid #4caf50;
+    border-left: 3px solid var(--success);
 }
 
 .result-reason-item.reason-info {