/** * NegotiationProgress 组件样式 * 协商沟通进度点线式展示 */ .negotiation-progress { background: #f8f9fa; border-radius: 8px; padding: 12px 16px; border-top: 3px solid #1a6fb8; } .negotiation-header { margin-bottom: 8px; } .negotiation-title { font-size: 0.85rem; color: #6c757d; font-weight: 500; } .negotiation-round { margin-bottom: 12px; } .round-text { font-size: 1.3rem; font-weight: 700; color: #212529; } /* 进度点容器 */ .negotiation-dots { display: flex; align-items: center; } /* 单个进度点+线 */ .progress-dot-wrapper { display: flex; align-items: center; flex: 1; } .progress-dot-wrapper.last { flex: 0; } /* 进度点 */ .progress-dot { width: 10px; height: 10px; border-radius: 50%; background: #d9d9d9; flex-shrink: 0; transition: background 0.3s; } .progress-dot.active { background: #1a6fb8; } /* 连接线 */ .progress-line { flex: 1; height: 3px; background: #d9d9d9; margin: 0 2px; transition: background 0.3s; } .progress-line.active { background: #1a6fb8; }