.sparkline-cell{cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;justify-content:center;align-items:center;transition:all .3s;display:flex}.sparkline-cell:hover{border-color:#1890ff;box-shadow:0 0 4px #1890ff4d}.sparkline-cell-empty{color:#999;font-size:12px}.sparkline-svg{display:block}.sparkline-line{transition:stroke .3s}.sparkline-dot{transition:r .2s}.sparkline-cell:hover .sparkline-dot{r:2}.sparkline-dot-last{transition:r .2s}.sparkline-cell:hover .sparkline-dot-last{r:3.5}
.chart-detail-modal .ant-modal-content{border-radius:8px;overflow:hidden}.chart-detail-modal .ant-modal-header{border-bottom:1px solid #f0f0f0;padding:16px 24px}.chart-modal-title{color:#333;font-size:16px;font-weight:500}.chart-modal-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.controls-left{flex-wrap:wrap;align-items:center;display:flex}.controls-right{align-items:center;display:flex}.control-label{color:#666;white-space:nowrap;font-size:13px}.control-separator{color:#999;margin:0 4px}.chart-container{background:#fff;border-radius:4px;position:relative}.chart-empty{color:#999;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.chart-empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.chart-empty-text{font-size:14px}@media screen and (max-width:768px){.chart-modal-controls{flex-direction:column}.controls-left,.controls-right{justify-content:flex-start;width:100%}}