/* ═══════════════════════════════════════ scan.css - Scan cards, full scan, bull stocks Lines: 940 ═══════════════════════════════════════ */ /* 批量扫描结果卡片 */ /* ── 批量扫描卡片 ── */ .batch-results-header { display: flex; align-items: center; justify-content: space-between; } .tech-batch-card { position: relative; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); border-radius: 14px; margin-bottom: 12px; overflow: hidden; transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s; } .tech-batch-card:hover { border-color: rgba(255,255,255,0.14); transform: translateY(-1px); box-shadow: 0 4px 20px rgba(0,0,0,0.25); } .tech-batch-card.batch-has-signal { background: rgba(255,255,255,0.045); } /* 顶部渐变色条 */ .batch-accent { height: 3px; width: 100%; opacity: 0.85; } /* 卡片头部 */ .batch-card-header { display: flex; align-items: center; padding: 12px 16px 6px; cursor: pointer; gap: 10px; transition: background 0.15s; } .batch-card-header:hover { background: rgba(255,255,255,0.03); } .batch-header-left { display: flex; align-items: baseline; gap: 8px; flex: 1; min-width: 0; } .batch-card-header .batch-code { font-weight: 700; color: #fff; font-size: 15px; letter-spacing: 0.5px; font-variant-numeric: tabular-nums; } .batch-card-header .batch-name { color: var(--text-secondary); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 价格涨幅 */ .batch-price { font-size: 13px; font-weight: 600; color: var(--text-primary); font-variant-numeric: tabular-nums; } .batch-change { font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; } .batch-change.up { color: var(--up); } .batch-change.down { color: var(--down); } /* 信号计数徽章 */ .batch-count-badge { flex-shrink: 0; font-size: 13px; font-weight: 700; min-width: 36px; text-align: center; padding: 2px 10px; border-radius: 10px; 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: var(--down); background: rgba(0,200,83,0.12); } .batch-count-badge.hot { color: var(--hot); background: rgba(255,107,53,0.14); } .batch-count-badge.empty { color: var(--text-muted); background: rgba(255,255,255,0.04); font-weight: 400; } /* 已触发信号标签行 */ .batch-tags-row { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 16px 2px; } .batch-sig-pill { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: 14px; letter-spacing: 0.2px; transition: opacity 0.15s; } .batch-sig-pill .pill-icon { font-style: normal; font-size: 10px; opacity: 0.9; } .pill-s85 { color: var(--sig-85); background: rgba(255,68,68,0.12); } .pill-s80 { color: var(--sig-80); background: rgba(255,107,53,0.12); } .pill-s75 { color: var(--sig-75); background: rgba(76,175,80,0.12); } .pill-s70 { color: var(--sig-70); background: rgba(33,150,243,0.12); } .pill-s65 { color: var(--sig-65); background: rgba(156,39,176,0.10); } .pill-s60 { color: var(--sig-60); background: rgba(255,152,0,0.12); } .pill-s55 { color: var(--sig-55); background: rgba(96,125,139,0.12); } /* 描述区域 */ .batch-desc-area { padding: 6px 16px 4px; } .batch-desc-row { display: flex; align-items: flex-start; gap: 6px; padding: 2px 0; line-height: 1.45; } .desc-dot { width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0; margin-top: 6px; } .dot-s85 { background: var(--sig-85); } .dot-s80 { background: var(--sig-80); } .dot-s75 { background: var(--sig-75); } .dot-s70 { background: var(--sig-70); } .dot-s65 { background: var(--sig-65); } .dot-s60 { background: var(--sig-60); } .dot-s55 { background: var(--sig-55); } .desc-text { font-size: 11.5px; color: var(--text-secondary); line-height: 1.45; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } /* 批量扫描 - 综合推荐 */ .batch-rec-bar { display: flex; align-items: center; gap: 8px; padding: 8px 16px; margin-top: 2px; border-top: 1px solid rgba(255,255,255,0.04); } .batch-rec-tag { font-size: 12px; font-weight: 700; padding: 2px 10px; border-radius: 10px; flex-shrink: 0; letter-spacing: 0.5px; } .batch-rec-tag.rec-buy, .batch-rec-tag.rec-add { background: rgba(0,206,158,0.18); color: var(--success); } .batch-rec-tag.rec-sell { background: rgba(255,68,68,0.18); color: var(--danger); } .batch-rec-tag.rec-watch, .batch-rec-tag.rec-hold { background: rgba(100,149,237,0.18); color: var(--watch); } .batch-rec-reason { font-size: 12px; color: rgba(255,255,255,0.55); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .batch-rec-rate { font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.4); flex-shrink: 0; } /* 持仓说明 */ .batch-holding-note, .scan-holding-note, .strategy-holding-note { font-size: 11.5px; color: var(--warning); background: rgba(255,170,0,0.08); padding: 4px 12px; margin: 4px 16px 0; border-radius: 6px; line-height: 1.4; } .scan-holding-note { margin: 4px 10px 6px; } .strategy-holding-note { margin: 2px 0 4px 0; padding: 3px 10px; font-size: 11px; } /* 未触发行 */ .batch-muted-row { display: flex; flex-wrap: wrap; gap: 2px 10px; padding: 6px 16px 12px; border-top: 1px solid rgba(255,255,255,0.04); margin-top: 6px; } .batch-muted-name { font-size: 11px; color: rgba(255,255,255,0.22); letter-spacing: 0.2px; } .batch-muted-name + .batch-muted-name::before { content: '·'; margin-right: 10px; color: rgba(255,255,255,0.12); } /* 兼容旧类名 */ .ss-dot-sm { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; } .ss-dot-sm.s85 { background: var(--sig-85); } .ss-dot-sm.s80 { background: var(--sig-80); } .ss-dot-sm.s75 { background: var(--sig-75); } .ss-dot-sm.s70 { background: var(--sig-70); } .ss-dot-sm.s65 { background: var(--sig-65); } .ss-dot-sm.s60 { background: var(--sig-60); } .ss-dot-sm.s55 { background: var(--sig-55); } /* 全量扫描触发区域 */ .full-scan-trigger-section { margin-top: 16px; padding: 14px; background: var(--card-bg, #1e1e2e); border-radius: 12px; border: 1px solid rgba(108, 92, 231, 0.2); } .scan-loading-hint { text-align: center; padding: 20px 0; color: var(--text-muted); font-size: 13px; display: flex; align-items: center; justify-content: center; gap: 8px; } .loading-spinner { display: inline-block; width: 16px; height: 16px; border: 2px solid rgba(108, 92, 231, 0.3); border-top-color: var(--primary); border-radius: 50%; animation: spin 0.8s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .scan-trigger-header { display: flex; align-items: center; margin-bottom: 12px; gap: 8px; } .scan-action-btn { flex: 1; padding: 8px 0; border: 1px solid rgba(108, 92, 231, 0.4); border-radius: 8px; background: rgba(108, 92, 231, 0.15); color: #fff; font-size: 13px; cursor: pointer; transition: all 0.2s; text-align: center; } .scan-action-btn:hover { background: rgba(108, 92, 231, 0.35); } .scan-action-btn:disabled { opacity: 0.5; cursor: not-allowed; } .scan-progress-bar { margin-bottom: 12px; } .progress-info { display: flex; justify-content: space-between; font-size: 12px; color: var(--text-secondary); margin-bottom: 6px; } .progress-track { height: 6px; background: rgba(255,255,255,0.06); border-radius: 3px; overflow: hidden; } .progress-fill { height: 100%; 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: var(--success); font-weight: 600; } .scan-quick-actions { display: flex; gap: 8px; margin-bottom: 12px; } .quick-btn { padding: 6px 14px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.04); color: var(--text-secondary); font-size: 12px; cursor: pointer; transition: all 0.2s; } .quick-btn:hover { background: rgba(255,255,255,0.08); color: var(--text-primary); } /* 策略建议CSS已移除(功能合并到全景扫描) */ .section-close { width: 24px; height: 24px; border-radius: 50%; border: none; background: rgba(255,255,255,0.08); color: var(--text-muted); font-size: 12px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; flex-shrink: 0; } .section-close:hover { background: rgba(255, 107, 107, 0.2); color: var(--danger); } .section-close.inline { display: inline-flex; } /* 全量扫描样式 */ .full-scan-section { margin-top: 16px; padding: 16px; background: var(--card-bg, #1e1e2e); border-radius: 12px; border: 1px solid rgba(108, 92, 231, 0.3); } .full-scan-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; } .full-scan-trigger-section > .scan-summary-section { margin-top: 12px; } .scan-summary-section { margin-bottom: 8px; } .scan-summary-header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 6px 0; user-select: none; } .scan-summary-actions { display: flex; align-items: center; gap: 6px; } .section-close.inline { padding: 2px 8px; font-size: 12px; min-width: auto; } .scan-summary-text { font-size: 12px; color: var(--text-secondary); } .scan-summary-text .highlight { color: var(--hold); } .scan-summary-toggle { font-size: 10px; color: var(--text-muted); transition: transform 0.2s; } .scan-summary-body { padding-top: 4px; } .scan-time-info { font-size: 11px; color: var(--text-muted); opacity: 0.7; margin-bottom: 8px; } .signal-dist-bar { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; } .dist-tag { padding: 4px 10px; border-radius: 12px; font-size: 12px; background: rgba(255,255,255,0.05); color: var(--text-secondary); cursor: pointer; transition: all 0.2s; } .dist-tag:hover, .dist-tag.active { background: rgba(108, 92, 231, 0.3); color: #fff; } .dist-tag b { margin-left: 4px; color: var(--hold); } .scan-filters { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; } .scan-filter-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .scan-filter-label { font-size: 11px; color: var(--text-muted); min-width: 28px; margin-right: 2px; } .filter-tag { padding: 6px 12px; border-radius: 10px; font-size: 12px; background: rgba(255,255,255,0.05); color: var(--text-muted); cursor: pointer; transition: background 0.2s, color 0.2s; } .filter-tag:hover { background: rgba(255,255,255,0.1); color: var(--text-secondary); } .filter-tag.active { background: var(--primary, #6c5ce7); 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: 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; flex-direction: column; gap: 6px; max-height: 500px; overflow-y: auto; } .scan-empty-hint { text-align: center; color: var(--text-muted); padding: 24px 16px; font-size: 13px; } .scan-result-card { padding: 10px 12px; background: rgba(255,255,255,0.03); border-radius: 8px; transition: all 0.2s; } .scan-result-card.has-signal { background: rgba(255, 217, 61, 0.05); } .scan-result-card.is-watched { /* 不再使用左边线颜色,仅保留星标等标识 */ border-color: var(--border); } .scan-result-card:hover { background: rgba(255,255,255,0.06); } .scan-watched-icon { color: var(--warning); font-size: 16px; flex-shrink: 0; } .scan-card-header { display: flex; align-items: center; gap: 8px; cursor: pointer; margin-bottom: 4px; } .scan-code { font-family: var(--font-mono); font-size: 13px; color: var(--primary, #6c5ce7); font-weight: 600; } .scan-name { font-size: 13px; color: var(--text-primary); } .scan-price { font-size: 12px; color: var(--gold); } .scan-change { font-size: 11px; margin-left: 4px; font-weight: 500; } .scan-change.up { color: var(--up); } .scan-change.down { color: var(--down); } .scan-recommend { font-size: 11px; font-weight: 600; padding: 1px 6px; border-radius: 3px; margin-left: 4px; } .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; justify-content: space-between; align-items: center; cursor: pointer; margin-bottom: 4px; } .scan-info-left { display: flex; align-items: center; gap: 6px; } .scan-triggered { font-size: 12px; color: var(--hold); font-weight: 600; } .scan-no-signal { font-size: 12px; color: var(--text-muted); } .scan-signals { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; } .scan-signal-tag { padding: 2px 8px; border-radius: 8px; font-size: 11px; } .scan-signal-tag.active { background: rgba(0, 206, 158, 0.15); color: var(--success); } .scan-signal-tag.inactive { background: rgba(255,255,255,0.03); color: var(--text-muted); } .scan-pagination { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,0.05); } .scan-pagination button { padding: 6px 16px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.05); color: var(--text-primary); cursor: pointer; font-size: 12px; } .scan-pagination button:disabled { opacity: 0.3; cursor: not-allowed; } .scan-pagination span { font-size: 13px; color: var(--text-secondary); } .admin-link-btn { display: block; text-align: center; margin-top: 12px; padding: 12px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 8px; color: rgba(255, 255, 255, 0.7); text-decoration: none; font-size: 14px; font-weight: 500; transition: all 0.2s; } .admin-link-btn:hover { background: rgba(255, 255, 255, 0.1); color: #fff; } /* ══════════ 找牛股页面 ══════════ */ .bull-stocks-page { padding: 12px 0; } .bull-flow-card { background: var(--bg-glass); border: 1px solid var(--border-glass); border-radius: 14px; padding: 16px; margin-bottom: 16px; } .bull-flow-title { font-size: 14px; font-weight: 600; color: var(--text-primary); text-align: center; margin-bottom: 14px; } .bull-flow-steps { display: flex; align-items: center; justify-content: center; gap: 4px; flex-wrap: wrap; } .bull-step { display: flex; flex-direction: column; align-items: center; padding: 10px 12px; border-radius: 12px; cursor: pointer; transition: all 0.25s; background: rgba(255,255,255,0.04); border: 1px solid transparent; min-width: 64px; } .bull-step:hover { background: rgba(255,255,255,0.08); } .bull-step.active { border-color: rgba(255,255,255,0.2); background: rgba(255,255,255,0.1); transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.3); } .bull-step .step-icon { font-size: 22px; margin-bottom: 4px; } .bull-step .step-label { font-size: 12px; font-weight: 600; color: var(--text-primary); white-space: nowrap; } .bull-step .step-action { font-size: 10px; padding: 1px 6px; border-radius: 8px; margin-top: 3px; } .bull-step .step-count { font-size: 11px; font-weight: 700; margin-top: 4px; color: var(--text-primary); background: rgba(255,255,255,0.1); padding: 1px 8px; border-radius: 10px; } .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: 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: 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: var(--up); } .step-main-wave.active { border-color: rgba(255, 68, 68, 0.4); } .bull-flow-arrow { color: var(--text-muted); font-size: 16px; margin: 0 2px; } .bull-flow-hint { text-align: center; font-size: 11px; color: var(--text-muted); margin-top: 12px; } /* 找牛股流程 - 手机端防溢出 */ @media (max-width: 520px) { .bull-flow-card { overflow-x: hidden; } .bull-flow-steps { overflow-x: auto; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; justify-content: flex-start; padding: 4px 0; margin: 0 -4px; } .bull-flow-steps .bull-step { flex: 0 0 auto; min-width: 56px; padding: 8px 6px; } .bull-flow-steps .bull-step .step-label { font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 48px; } .bull-flow-steps .bull-flow-arrow { flex-shrink: 0; } } .bull-loading { text-align: center; padding: 40px 16px; color: var(--text-secondary); font-size: 14px; } .bull-loading .loading-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--text-secondary); animation: pulse 1.5s infinite; margin-right: 6px; } .bull-stage-section { margin-bottom: 16px; } .bull-stage-header { display: flex; align-items: center; gap: 8px; padding: 12px 14px; background: var(--bg-glass); border: 1px solid var(--border-glass); border-radius: 12px 12px 0 0; } .bull-stage-icon { font-size: 20px; } .bull-stage-name { font-size: 13px; font-weight: 600; color: var(--text-primary); flex: 1; } .bull-stage-count { font-size: 12px; color: var(--text-muted); background: rgba(255,255,255,0.08); padding: 3px 10px; border-radius: 10px; } .bull-stock-list { display: flex; flex-direction: column; max-height: 500px; overflow-y: auto; background: var(--bg-glass); border: 1px solid var(--border-glass); border-top: none; border-radius: 0 0 12px 12px; } .bull-stock-card { display: flex; align-items: center; padding: 12px 14px; cursor: pointer; transition: all 0.2s; border-bottom: 1px solid rgba(255,255,255,0.04); } .bull-stock-card:last-child { border-bottom: none; } .bull-stock-card:hover { background: rgba(255,255,255,0.06); } .bull-stock-card.stage-bottom_divergence { border-left: 3px solid rgba(100, 149, 237, 0.5); } .bull-stock-card.stage-dragon_head { border-left: 3px solid rgba(0, 206, 158, 0.5); } .bull-stock-card.stage-true_dragon { border-left: 3px solid rgba(0, 200, 83, 0.5); } .bull-stock-card.stage-main_rising_wave { border-left: 3px solid rgba(255, 68, 68, 0.5); } .bull-stock-card.stage-other_signals { border-left: 3px solid rgba(255,255,255,0.15); } .bull-card-left { min-width: 90px; } .bull-card-code { font-size: 13px; font-weight: 700; color: var(--text-primary); } .bull-card-name { font-size: 11px; color: var(--text-muted); margin-top: 2px; } .bull-card-center { flex: 1; min-width: 0; padding: 0 12px; } .bull-card-desc { font-size: 12px; color: var(--text-secondary); line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bull-card-right { text-align: right; flex-shrink: 0; } .bull-card-rate { display: flex; align-items: baseline; gap: 1px; } .rate-value { font-size: 18px; font-weight: 700; color: var(--success); } .rate-unit { font-size: 11px; color: var(--text-muted); } .bull-other-section { margin-top: 12px; } .bull-other-header { padding: 10px 14px; background: var(--bg-glass); border: 1px solid var(--border-glass); border-radius: 10px; cursor: pointer; font-size: 12px; color: var(--text-muted); transition: all 0.2s; } .bull-other-header:hover { background: rgba(255,255,255,0.06); color: var(--text-secondary); } .bull-empty { text-align: center; padding: 30px 16px; color: var(--text-muted); font-size: 13px; background: var(--bg-glass); border: 1px solid var(--border-glass); border-top: none; border-radius: 0 0 12px 12px; } .bull-empty-tip { text-align: center; padding: 40px 16px; } .bull-empty-tip .empty-icon { font-size: 48px; margin-bottom: 12px; } .bull-empty-tip p { color: var(--text-secondary); font-size: 14px; margin: 4px 0; } .bull-empty-tip .sub-tip { font-size: 12px; color: var(--text-muted); } .bull-empty-tip .scan-action-btn { margin-top: 16px; } /* 阶段左侧装饰(数字阶段) */ .bull-stock-card.stage-s1 { border-left: 3px solid rgba(33, 150, 243, 0.5); } .bull-stock-card.stage-s2 { border-left: 3px solid rgba(76, 175, 80, 0.5); } .bull-stock-card.stage-s3 { border-left: 3px solid rgba(255, 152, 0, 0.5); } .bull-stock-card.stage-s4 { border-left: 3px solid rgba(244, 67, 54, 0.5); } .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: var(--purple-light); } .step-rebound.active { border-color: rgba(156, 39, 176, 0.4); } /* 信号标签列表 */ .bull-card-signals { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 4px; } .bull-signal-tag { font-size: 10px; padding: 1px 6px; border-radius: 6px; background: rgba(0, 206, 158, 0.12); color: var(--success); white-space: nowrap; } /* 推荐标签 + 下一信号 */ .bull-card-recommend { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; } .rec-tag { font-size: 10px; padding: 1px 6px; border-radius: 6px; font-weight: 600; white-space: nowrap; } .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); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 价格和涨跌幅 */ .bull-card-price { font-size: 13px; font-weight: 600; color: var(--text-primary); text-align: right; } .bull-card-change { font-size: 11px; text-align: right; margin-top: 2px; } .bull-card-change.up { color: var(--up); } .bull-card-change.down { color: var(--down); } /* 迷你进度条 */ .bull-card-progress { display: flex; align-items: center; gap: 4px; margin-top: 4px; justify-content: flex-end; } .mini-progress-bar { width: 40px; height: 3px; background: rgba(255,255,255,0.1); border-radius: 2px; overflow: hidden; } .mini-progress-fill { height: 100%; border-radius: 2px; background: var(--grad-progress); transition: width 0.3s; } .bull-card-progress .progress-label { font-size: 10px; color: var(--text-muted); min-width: 28px; text-align: right; } /* 扫描卡片综合得分胶囊 */ .scan-score-pill { flex-shrink: 0; font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 10px; font-variant-numeric: tabular-nums; cursor: help; } .scan-score-pill.score-high { color: var(--danger); background: rgba(255,68,68,0.12); } .scan-score-pill.score-mid { color: var(--warning); background: rgba(255,170,0,0.12); } .scan-score-pill.score-low { color: var(--text-muted); background: rgba(255,255,255,0.06); }