UI/UX优化: CSS变量化 + 错误反馈增强 + 按钮type属性
- CSS: 全部硬编码hex颜色替换为CSS变量(base/scan/pages/responsive/admin) - CSS: 硬编码字体提取为--font-sans/--font-mono变量 - CSS: 新增打印色/渐变色/辅助色等20+变量定义 - CSS: 修复scan.css lint警告(line-clamp标准属性+空规则集) - app.js: 16处用户可感知catch块补充showToast错误反馈 - app.js: 全部console.log降级为console.debug - index.html: 76个button补充type属性 - index.html: 内联hex颜色/SVG stroke/Vue :style替换为CSS变量 - admin.html: 残留hex替换为CSS变量 - 全部CSS版本号更新用于缓存刷新
This commit is contained in:
selfrelease
@@ -30,6 +30,44 @@
|
||||
/* 涨跌色（红涨绿跌） */
|
||||
--up: #ff4444;
|
||||
--down: #00c853;
|
||||
/* 辅助语义色 */
|
||||
--watch: #6495ed;
|
||||
--gold: #ffd700;
|
||||
--hold: #ffd93d;
|
||||
--hot: #ff6b35;
|
||||
--card-bg: #1e1e2e;
|
||||
--bg-input: #1a1a1a;
|
||||
--font-mono: 'Courier New', monospace;
|
||||
--font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'PingFang SC', sans-serif;
|
||||
/* 深度分析辅助色 */
|
||||
--up-soft: #ef9a9a;
|
||||
--down-soft: #a5d6a7;
|
||||
--info-light: #64b5f6;
|
||||
--info-bg: #2196F3;
|
||||
--score-low: #78909c;
|
||||
--sig-name: #ff9800;
|
||||
--sig-strength: #ffb74d;
|
||||
--step-watch: #748ffc;
|
||||
/* 打印色（深色版本，用于@print） */
|
||||
--print-up: #c0392b;
|
||||
--print-down: #27ae60;
|
||||
--print-mid: #e67e22;
|
||||
--print-low: #7f8c8d;
|
||||
/* 牛股/推荐标签辅助色 */
|
||||
--teal: #00ce9e;
|
||||
--purple-light: #ce93d8;
|
||||
--gray-mid: #9E9E9E;
|
||||
/* 渐变色 */
|
||||
--grad-strategy: linear-gradient(135deg, #ff6b6b, #ffd93d);
|
||||
--grad-strategy-text: #1a1a2e;
|
||||
--grad-auto: linear-gradient(135deg, #00ff88, #00ccff);
|
||||
--grad-rank2: linear-gradient(135deg, var(--success), #00b4d8);
|
||||
--grad-rank3: linear-gradient(135deg, #748ffc, #9775fa);
|
||||
--grad-algo: linear-gradient(135deg, #667eea, #764ba2);
|
||||
--grad-progress: linear-gradient(90deg, #2196F3, #4CAF50);
|
||||
/* 内联样式辅助色 */
|
||||
--accent-cyan: #4ecdc4;
|
||||
--text-dim: #555;
|
||||
}
|
||||
|
||||
[v-cloak] {
|
||||
@@ -43,7 +81,7 @@
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'PingFang SC', sans-serif;
|
||||
font-family: var(--font-sans);
|
||||
background: var(--bg-dark);
|
||||
min-height: 100vh;
|
||||
color: var(--text-primary);
|
||||
@@ -564,7 +602,7 @@
|
||||
top: calc(100% + 4px);
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: #1a1a1a;
|
||||
background: var(--bg-input);
|
||||
border: none;
|
||||
border-radius: 12px;
|
||||
z-index: 100;
|
||||
|
||||
@@ -28,7 +28,7 @@
|
||||
}
|
||||
.tech-btn.batch { background: var(--warning); color: #333; }
|
||||
.tech-btn.fullscan { background: var(--primary); color: #fff; }
|
||||
.tech-btn.strategy { background: linear-gradient(135deg, #ff6b6b, #ffd93d); color: #1a1a2e; font-weight: 700; }
|
||||
.tech-btn.strategy { background: var(--grad-strategy); color: var(--grad-strategy-text); font-weight: 700; }
|
||||
.tech-btn.rescan {
|
||||
background: transparent; border: 1px solid rgba(255,255,255,0.15);
|
||||
color: var(--text-muted); font-size: 11px;
|
||||
@@ -189,7 +189,7 @@
|
||||
}
|
||||
|
||||
.sim-btn.auto {
|
||||
background: linear-gradient(135deg, #00ff88, #00ccff);
|
||||
background: var(--grad-auto);
|
||||
color: #000;
|
||||
}
|
||||
|
||||
@@ -701,12 +701,12 @@
|
||||
background: #555;
|
||||
}
|
||||
.rank-1 .rank-badge { background: linear-gradient(135deg, var(--danger), var(--warning)); }
|
||||
.rank-2 .rank-badge { background: linear-gradient(135deg, var(--success), #00b4d8); }
|
||||
.rank-3 .rank-badge { background: linear-gradient(135deg, #748ffc, #9775fa); }
|
||||
.rank-2 .rank-badge { background: var(--grad-rank2); }
|
||||
.rank-3 .rank-badge { background: var(--grad-rank3); }
|
||||
.rank-name { font-weight: 600; color: var(--text-primary); }
|
||||
.rank-1 .rank-name { color: var(--warning); }
|
||||
.rank-2 .rank-name { color: var(--success); }
|
||||
.rank-3 .rank-name { color: #748ffc; }
|
||||
.rank-3 .rank-name { color: var(--step-watch); }
|
||||
.rank-rate {
|
||||
font-weight: 700;
|
||||
color: var(--success);
|
||||
@@ -842,7 +842,7 @@
|
||||
font-size: 12px;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
.step-watch .step-action { color: #748ffc; }
|
||||
.step-watch .step-action { color: var(--step-watch); }
|
||||
.step-buy .step-action { color: var(--danger); }
|
||||
.step-add .step-action { color: var(--success); }
|
||||
.step-hold .step-action { color: var(--warning); }
|
||||
@@ -1383,7 +1383,7 @@
|
||||
}
|
||||
|
||||
.algo-badge {
|
||||
background: linear-gradient(135deg, #667eea, #764ba2);
|
||||
background: var(--grad-algo);
|
||||
color: #fff;
|
||||
padding: 3px 10px;
|
||||
border-radius: 6px;
|
||||
@@ -1564,7 +1564,7 @@
|
||||
padding: 10px 16px;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
background: #2196F3;
|
||||
background: var(--info-bg);
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
@@ -1684,11 +1684,11 @@
|
||||
border-radius: 6px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.deep-sig-name { font-weight: 600; color: #ff9800; font-size: 13px; }
|
||||
.deep-sig-name { font-weight: 600; color: var(--sig-name); font-size: 13px; }
|
||||
.deep-sig-strength {
|
||||
font-size: 11px;
|
||||
background: rgba(255,152,0,0.2);
|
||||
color: #ffb74d;
|
||||
color: var(--sig-strength);
|
||||
padding: 1px 6px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
@@ -1707,26 +1707,26 @@
|
||||
.pos-bar-wrap { display: flex; align-items: center; gap: 4px; }
|
||||
.pos-bar-bg { flex: 1; height: 6px; background: rgba(255,255,255,0.08); border-radius: 3px; overflow: hidden; }
|
||||
.pos-bar-fill { height: 100%; border-radius: 3px; transition: width 0.5s; }
|
||||
.pos-bar-fill.high { background: #f44336; }
|
||||
.pos-bar-fill.mid { background: #ff9800; }
|
||||
.pos-bar-fill.low { background: #4caf50; }
|
||||
.pos-bar-fill.high { background: var(--up); }
|
||||
.pos-bar-fill.mid { background: var(--warning); }
|
||||
.pos-bar-fill.low { background: var(--down); }
|
||||
.pos-pct { font-size: 11px; color: rgba(255,255,255,0.5); min-width: 28px; }
|
||||
.pos-space { display: flex; gap: 6px; font-size: 11px; }
|
||||
.space-up { color: #f44336; }
|
||||
.space-down { color: #4caf50; }
|
||||
.space-up { color: var(--up); }
|
||||
.space-down { color: var(--down); }
|
||||
|
||||
.deep-sr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
|
||||
.sr-col-title { font-size: 12px; font-weight: 600; margin-bottom: 6px; padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,0.08); }
|
||||
.support-title { color: #4caf50; }
|
||||
.resist-title { color: #f44336; }
|
||||
.support-title { color: var(--down); }
|
||||
.resist-title { color: var(--up); }
|
||||
.sr-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 4px 0;
|
||||
font-size: 13px;
|
||||
}
|
||||
.sr-item.support .sr-level { color: #4caf50; font-weight: 600; }
|
||||
.sr-item.resist .sr-level { color: #f44336; font-weight: 600; }
|
||||
.sr-item.support .sr-level { color: var(--down); font-weight: 600; }
|
||||
.sr-item.resist .sr-level { color: var(--up); font-weight: 600; }
|
||||
.sr-name { color: rgba(255,255,255,0.5); }
|
||||
.sr-empty { color: rgba(255,255,255,0.2); font-size: 12px; text-align: center; padding: 8px; }
|
||||
|
||||
@@ -1737,8 +1737,8 @@
|
||||
background: rgba(255,255,255,0.08);
|
||||
color: rgba(255,255,255,0.7);
|
||||
}
|
||||
.vol-tag.vol-up { background: rgba(244,67,54,0.15); color: #f44336; }
|
||||
.vol-tag.vol-dn { background: rgba(76,175,80,0.15); color: #4caf50; }
|
||||
.vol-tag.vol-up { background: rgba(244,67,54,0.15); color: var(--up); }
|
||||
.vol-tag.vol-dn { background: rgba(76,175,80,0.15); color: var(--down); }
|
||||
.vol-detail { font-size: 12px; color: rgba(255,255,255,0.4); }
|
||||
|
||||
.deep-patterns { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
@@ -1749,8 +1749,8 @@
|
||||
background: rgba(255,255,255,0.06);
|
||||
color: rgba(255,255,255,0.6);
|
||||
}
|
||||
.pattern-tag.bullish { background: rgba(244,67,54,0.12); color: #ef9a9a; }
|
||||
.pattern-tag.bearish { background: rgba(76,175,80,0.12); color: #a5d6a7; }
|
||||
.pattern-tag.bullish { background: rgba(244,67,54,0.12); color: var(--up-soft); }
|
||||
.pattern-tag.bearish { background: rgba(76,175,80,0.12); color: var(--down-soft); }
|
||||
.pattern-tag small { opacity: 0.7; }
|
||||
|
||||
.deep-ma-info {
|
||||
@@ -1764,9 +1764,9 @@
|
||||
font-size: 12px; font-weight: 600;
|
||||
padding: 2px 8px; border-radius: 4px;
|
||||
}
|
||||
.ma-trend-tag.bullish { background: rgba(244,67,54,0.15); color: #f44336; }
|
||||
.ma-trend-tag.bearish { background: rgba(76,175,80,0.15); color: #4caf50; }
|
||||
.ma-trend-tag.mixed { background: rgba(255,152,0,0.15); color: #ff9800; }
|
||||
.ma-trend-tag.bullish { background: rgba(244,67,54,0.15); color: var(--up); }
|
||||
.ma-trend-tag.bearish { background: rgba(76,175,80,0.15); color: var(--down); }
|
||||
.ma-trend-tag.mixed { background: rgba(255,152,0,0.15); color: var(--warning); }
|
||||
.ma-val { font-size: 12px; color: rgba(255,255,255,0.4); }
|
||||
|
||||
.deep-fundamental {
|
||||
@@ -1782,15 +1782,15 @@
|
||||
padding: 3px 8px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.score-reason-tag.positive { background: rgba(244,67,54,0.12); color: #ef9a9a; }
|
||||
.score-reason-tag.negative { background: rgba(76,175,80,0.12); color: #a5d6a7; }
|
||||
.score-reason-tag.positive { background: rgba(244,67,54,0.12); color: var(--up-soft); }
|
||||
.score-reason-tag.negative { background: rgba(76,175,80,0.12); color: var(--down-soft); }
|
||||
|
||||
/* AI通俗解说 */
|
||||
.deep-ai-summary {
|
||||
background: linear-gradient(135deg, rgba(33,150,243,0.08), rgba(156,39,176,0.06));
|
||||
border-radius: 12px;
|
||||
padding: 14px 16px;
|
||||
border-left: 3px solid #2196F3;
|
||||
border-left: 3px solid var(--info-bg);
|
||||
}
|
||||
.deep-ai-title {
|
||||
display: flex;
|
||||
@@ -1798,7 +1798,7 @@
|
||||
gap: 6px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #64b5f6;
|
||||
color: var(--info-light);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.deep-ai-text {
|
||||
@@ -1820,7 +1820,7 @@
|
||||
}
|
||||
.ai-action-label {
|
||||
font-weight: 600;
|
||||
color: #ff9800;
|
||||
color: var(--warning);
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
@@ -1876,17 +1876,17 @@
|
||||
.buy-card-center { text-align: center; min-width: 70px; }
|
||||
.buy-card-price { font-size: 14px; font-weight: 600; color: #fff; }
|
||||
.buy-card-change { font-size: 12px; display: block; }
|
||||
.buy-card-change.up { color: #f44336; }
|
||||
.buy-card-change.down { color: #4caf50; }
|
||||
.buy-card-change.up { color: var(--up); }
|
||||
.buy-card-change.down { color: var(--down); }
|
||||
.buy-card-right { text-align: center; min-width: 50px; }
|
||||
.buy-card-score {
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
display: block;
|
||||
}
|
||||
.buy-card-score.score-high { color: #f44336; }
|
||||
.buy-card-score.score-mid { color: #ff9800; }
|
||||
.buy-card-score.score-low { color: #78909c; }
|
||||
.buy-card-score.score-high { color: var(--up); }
|
||||
.buy-card-score.score-mid { color: var(--warning); }
|
||||
.buy-card-score.score-low { color: var(--score-low); }
|
||||
.buy-card-verdict { font-size: 11px; color: rgba(255,255,255,0.5); }
|
||||
.buy-card-arrow {
|
||||
font-size: 14px;
|
||||
|
||||
@@ -369,17 +369,17 @@
|
||||
/* 涨跌色保持可区分（改为深色） */
|
||||
.deep-change.up, .batch-change.up, .alert-change.up,
|
||||
.positive, .trade-profit.profit, .holding-profit.profit {
|
||||
color: #c0392b !important;
|
||||
color: var(--print-up) !important;
|
||||
}
|
||||
.deep-change.down, .batch-change.down, .alert-change.down,
|
||||
.negative, .trade-profit.loss, .holding-profit.loss {
|
||||
color: #27ae60 !important;
|
||||
color: var(--print-down) !important;
|
||||
}
|
||||
|
||||
/* 评分圆环保持色差 */
|
||||
.deep-score-circle.score-high { background: #c0392b !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
|
||||
.deep-score-circle.score-mid { background: #e67e22 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
|
||||
.deep-score-circle.score-low { background: #7f8c8d !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
|
||||
.deep-score-circle.score-high { background: var(--print-up) !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
|
||||
.deep-score-circle.score-mid { background: var(--print-mid) !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
|
||||
.deep-score-circle.score-low { background: var(--print-low) !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
|
||||
.score-num { color: #fff !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
|
||||
|
||||
/* SVG 保色 */
|
||||
|
||||
@@ -93,16 +93,16 @@
|
||||
text-align: center;
|
||||
padding: 2px 10px;
|
||||
border-radius: 10px;
|
||||
color: #4fc3f7;
|
||||
color: var(--info);
|
||||
background: rgba(79,195,247,0.10);
|
||||
}
|
||||
.batch-count-badge small { font-size: 10px; font-weight: 400; opacity: 0.6; }
|
||||
.batch-count-badge.warm {
|
||||
color: #00c853;
|
||||
color: var(--down);
|
||||
background: rgba(0,200,83,0.12);
|
||||
}
|
||||
.batch-count-badge.hot {
|
||||
color: #ff6b35;
|
||||
color: var(--hot);
|
||||
background: rgba(255,107,53,0.14);
|
||||
}
|
||||
.batch-count-badge.empty {
|
||||
@@ -175,6 +175,7 @@
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
@@ -207,7 +208,7 @@
|
||||
.batch-rec-tag.rec-watch,
|
||||
.batch-rec-tag.rec-hold {
|
||||
background: rgba(100,149,237,0.18);
|
||||
color: #6495ed;
|
||||
color: var(--watch);
|
||||
}
|
||||
.batch-rec-reason {
|
||||
font-size: 12px;
|
||||
@@ -303,7 +304,7 @@
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 2px solid rgba(108, 92, 231, 0.3);
|
||||
border-top-color: #6c5ce7;
|
||||
border-top-color: var(--primary);
|
||||
border-radius: 50%;
|
||||
animation: spin 0.8s linear infinite;
|
||||
}
|
||||
@@ -352,14 +353,14 @@
|
||||
}
|
||||
.progress-fill {
|
||||
height: 100%;
|
||||
background: linear-gradient(90deg, #6c5ce7, #00ce9e);
|
||||
background: linear-gradient(90deg, var(--primary), var(--success));
|
||||
border-radius: 3px;
|
||||
transition: width 0.5s ease;
|
||||
}
|
||||
.progress-done {
|
||||
margin-top: 8px;
|
||||
font-size: 13px;
|
||||
color: #00ce9e;
|
||||
color: var(--success);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@@ -401,7 +402,7 @@
|
||||
}
|
||||
.section-close:hover {
|
||||
background: rgba(255, 107, 107, 0.2);
|
||||
color: #ff6b6b;
|
||||
color: var(--danger);
|
||||
}
|
||||
.section-close.inline {
|
||||
display: inline-flex;
|
||||
@@ -449,7 +450,7 @@
|
||||
font-size: 12px;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
.scan-summary-text .highlight { color: #ffd93d; }
|
||||
.scan-summary-text .highlight { color: var(--hold); }
|
||||
.scan-summary-toggle {
|
||||
font-size: 10px;
|
||||
color: var(--text-muted);
|
||||
@@ -484,7 +485,7 @@
|
||||
background: rgba(108, 92, 231, 0.3);
|
||||
color: #fff;
|
||||
}
|
||||
.dist-tag b { margin-left: 4px; color: #ffd93d; }
|
||||
.dist-tag b { margin-left: 4px; color: var(--hold); }
|
||||
|
||||
.scan-filters {
|
||||
display: flex;
|
||||
@@ -522,10 +523,10 @@
|
||||
color: #fff;
|
||||
}
|
||||
.filter-tag.rec-all.active { background: var(--primary, #6c5ce7); color: #fff; }
|
||||
.filter-tag.rec-buy.active { background: rgba(0, 206, 158, 0.35); color: #00ce9e; }
|
||||
.filter-tag.rec-sell.active { background: rgba(255, 68, 68, 0.35); color: #ff4444; }
|
||||
.filter-tag.rec-hold.active { background: rgba(255, 217, 61, 0.35); color: #ffd93d; }
|
||||
.filter-tag.rec-watch.active { background: rgba(100, 149, 237, 0.35); color: #6495ed; }
|
||||
.filter-tag.rec-buy.active { background: rgba(0, 206, 158, 0.35); color: var(--success); }
|
||||
.filter-tag.rec-sell.active { background: rgba(255, 68, 68, 0.35); color: var(--danger); }
|
||||
.filter-tag.rec-hold.active { background: rgba(255, 217, 61, 0.35); color: var(--hold); }
|
||||
.filter-tag.rec-watch.active { background: rgba(100, 149, 237, 0.35); color: var(--watch); }
|
||||
|
||||
.full-scan-list {
|
||||
display: flex;
|
||||
@@ -551,10 +552,11 @@
|
||||
}
|
||||
.scan-result-card.is-watched {
|
||||
/* 不再使用左边线颜色，仅保留星标等标识 */
|
||||
border-color: var(--border);
|
||||
}
|
||||
.scan-result-card:hover { background: rgba(255,255,255,0.06); }
|
||||
.scan-watched-icon {
|
||||
color: #f59e0b;
|
||||
color: var(--warning);
|
||||
font-size: 16px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
@@ -566,7 +568,7 @@
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.scan-code {
|
||||
font-family: 'Courier New', monospace;
|
||||
font-family: var(--font-mono);
|
||||
font-size: 13px;
|
||||
color: var(--primary, #6c5ce7);
|
||||
font-weight: 600;
|
||||
@@ -574,15 +576,15 @@
|
||||
.scan-name { font-size: 13px; color: var(--text-primary); }
|
||||
.scan-price {
|
||||
font-size: 12px;
|
||||
color: #ffd700;
|
||||
color: var(--gold);
|
||||
}
|
||||
.scan-change {
|
||||
font-size: 11px;
|
||||
margin-left: 4px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.scan-change.up { color: #ff4757; }
|
||||
.scan-change.down { color: #00ce9e; }
|
||||
.scan-change.up { color: var(--up); }
|
||||
.scan-change.down { color: var(--down); }
|
||||
.scan-recommend {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
@@ -590,10 +592,10 @@
|
||||
border-radius: 3px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.scan-recommend.buy { background: rgba(0, 206, 158, 0.2); color: #00ce9e; }
|
||||
.scan-recommend.sell { background: rgba(255, 68, 68, 0.2); color: #ff4444; }
|
||||
.scan-recommend.hold { background: rgba(255, 217, 61, 0.2); color: #ffd93d; }
|
||||
.scan-recommend.watch-active { background: rgba(100, 149, 237, 0.2); color: #6495ed; }
|
||||
.scan-recommend.buy { background: rgba(0, 206, 158, 0.2); color: var(--success); }
|
||||
.scan-recommend.sell { background: rgba(255, 68, 68, 0.2); color: var(--danger); }
|
||||
.scan-recommend.hold { background: rgba(255, 217, 61, 0.2); color: var(--hold); }
|
||||
.scan-recommend.watch-active { background: rgba(100, 149, 237, 0.2); color: var(--watch); }
|
||||
.scan-recommend.watch { background: rgba(255, 255, 255, 0.08); color: var(--text-muted); }
|
||||
.scan-card-info {
|
||||
display: flex;
|
||||
@@ -605,7 +607,7 @@
|
||||
.scan-info-left { display: flex; align-items: center; gap: 6px; }
|
||||
.scan-triggered {
|
||||
font-size: 12px;
|
||||
color: #ffd93d;
|
||||
color: var(--hold);
|
||||
font-weight: 600;
|
||||
}
|
||||
.scan-no-signal {
|
||||
@@ -625,7 +627,7 @@
|
||||
}
|
||||
.scan-signal-tag.active {
|
||||
background: rgba(0, 206, 158, 0.15);
|
||||
color: #00ce9e;
|
||||
color: var(--success);
|
||||
}
|
||||
.scan-signal-tag.inactive {
|
||||
background: rgba(255,255,255,0.03);
|
||||
@@ -737,13 +739,13 @@
|
||||
padding: 1px 8px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.step-divergence .step-action { background: rgba(100, 149, 237, 0.25); color: #6495ed; }
|
||||
.step-divergence .step-action { background: rgba(100, 149, 237, 0.25); color: var(--watch); }
|
||||
.step-divergence.active { border-color: rgba(100, 149, 237, 0.4); }
|
||||
.step-dragon .step-action { background: rgba(0, 206, 158, 0.25); color: #00ce9e; }
|
||||
.step-dragon .step-action { background: rgba(0, 206, 158, 0.25); color: var(--teal); }
|
||||
.step-dragon.active { border-color: rgba(0, 206, 158, 0.4); }
|
||||
.step-true-dragon .step-action { background: rgba(0, 200, 83, 0.25); color: #00c853; }
|
||||
.step-true-dragon .step-action { background: rgba(0, 200, 83, 0.25); color: var(--down); }
|
||||
.step-true-dragon.active { border-color: rgba(0, 200, 83, 0.4); }
|
||||
.step-main-wave .step-action { background: rgba(255, 68, 68, 0.25); color: #ff6b6b; }
|
||||
.step-main-wave .step-action { background: rgba(255, 68, 68, 0.25); color: var(--up); }
|
||||
.step-main-wave.active { border-color: rgba(255, 68, 68, 0.4); }
|
||||
.bull-flow-arrow {
|
||||
color: var(--text-muted);
|
||||
@@ -928,7 +930,7 @@
|
||||
.bull-stock-card.stage-s5 { border-left: 3px solid rgba(156, 39, 176, 0.5); }
|
||||
|
||||
/* 回调补涨阶段样式 */
|
||||
.step-rebound .step-action { background: rgba(156, 39, 176, 0.25); color: #ce93d8; }
|
||||
.step-rebound .step-action { background: rgba(156, 39, 176, 0.25); color: var(--purple-light); }
|
||||
.step-rebound.active { border-color: rgba(156, 39, 176, 0.4); }
|
||||
|
||||
/* 信号标签列表 */
|
||||
@@ -943,7 +945,7 @@
|
||||
padding: 1px 6px;
|
||||
border-radius: 6px;
|
||||
background: rgba(0, 206, 158, 0.12);
|
||||
color: #00ce9e;
|
||||
color: var(--success);
|
||||
white-space: nowrap;
|
||||
}
|
||||
/* 推荐标签 + 下一信号 */
|
||||
@@ -960,12 +962,12 @@
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.rec-buy { background: rgba(244, 67, 54, 0.15); color: #f44336; }
|
||||
.rec-sell { background: rgba(33, 150, 243, 0.15); color: #2196F3; }
|
||||
.rec-add { background: rgba(255, 152, 0, 0.15); color: #FF9800; }
|
||||
.rec-hold { background: rgba(76, 175, 80, 0.15); color: #4CAF50; }
|
||||
.rec-watch { background: rgba(156, 39, 176, 0.15); color: #ce93d8; }
|
||||
.rec-observe { background: rgba(158, 158, 158, 0.15); color: #9E9E9E; }
|
||||
.rec-buy { background: rgba(244, 67, 54, 0.15); color: var(--up); }
|
||||
.rec-sell { background: rgba(33, 150, 243, 0.15); color: var(--info-bg); }
|
||||
.rec-add { background: rgba(255, 152, 0, 0.15); color: var(--sig-name); }
|
||||
.rec-hold { background: rgba(76, 175, 80, 0.15); color: var(--sig-75); }
|
||||
.rec-watch { background: rgba(156, 39, 176, 0.15); color: var(--purple-light); }
|
||||
.rec-observe { background: rgba(158, 158, 158, 0.15); color: var(--gray-mid); }
|
||||
.rec-reason {
|
||||
font-size: 10px;
|
||||
color: var(--text-muted);
|
||||
@@ -987,8 +989,8 @@
|
||||
text-align: right;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.bull-card-change.up { color: #ff4444; }
|
||||
.bull-card-change.down { color: #00c853; }
|
||||
.bull-card-change.up { color: var(--up); }
|
||||
.bull-card-change.down { color: var(--down); }
|
||||
/* 迷你进度条 */
|
||||
.bull-card-progress {
|
||||
display: flex;
|
||||
@@ -1007,7 +1009,7 @@
|
||||
.mini-progress-fill {
|
||||
height: 100%;
|
||||
border-radius: 2px;
|
||||
background: linear-gradient(90deg, #2196F3, #4CAF50);
|
||||
background: var(--grad-progress);
|
||||
transition: width 0.3s;
|
||||
}
|
||||
.bull-card-progress .progress-label {
|
||||
|
||||
Reference in New Issue
Block a user