| | |
| | | font-weight: 600; |
| | | } |
| | | |
| | | /* 预计调解成功率 - 新版样式 */ |
| | | .success-rate-section { |
| | | background: #f8f9fa; |
| | | border-radius: 8px; |
| | | padding: 14px 16px; |
| | | margin-bottom: 16px; |
| | | text-align: center; |
| | | } |
| | | |
| | | .success-rate-label { |
| | | font-size: 0.85rem; |
| | | color: #6c757d; |
| | | margin-bottom: 8px; |
| | | } |
| | | |
| | | .success-rate-value { |
| | | font-size: 2.2rem; |
| | | font-weight: 700; |
| | | color: #1a6fb8; |
| | | line-height: 1; |
| | | margin-bottom: 8px; |
| | | } |
| | | |
| | | .success-rate-yoy { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | gap: 6px; |
| | | font-size: 0.8rem; |
| | | } |
| | | |
| | | .yoy-icon { |
| | | color: #52c41a; |
| | | font-size: 0.75rem; |
| | | } |
| | | |
| | | .yoy-rate { |
| | | color: #52c41a; |
| | | font-weight: 600; |
| | | } |
| | | |
| | | .yoy-time { |
| | | color: #999; |
| | | } |
| | | |
| | | /* 调解数据看板 - 左右分栏布局 */ |
| | | .metric-card.left-column { |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | |
| | | .metric-card.right-column { |
| | | display: flex; |
| | | flex-direction: column; |
| | | padding: 0; |
| | | background: transparent; |
| | | gap: 0; |
| | | } |
| | | |
| | | .metric-card.right-column > * { |
| | | margin-bottom: 0; |
| | | } |
| | | |
| | | /* 模态窗口样式 */ |
| | | .modal-overlay { |
| | | display: none; |