/* 工具提示与图表附加样式 */

#chart-tooltip, .chart-tooltip {
  position: absolute; top: 12px; left: 12px; z-index: 12;
  min-width: 158px; padding: 10px 12px; border-radius: 9px;
  background: rgba(11, 15, 20, .95); border: 1px solid var(--border-2);
  box-shadow: var(--shadow-sm); font-size: 12px; pointer-events: none;
  backdrop-filter: blur(8px);
}
#chart-tooltip .ct-head {
  display: flex; justify-content: space-between; gap: 12px;
  padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px solid var(--border);
  font-size: 12px;
}
#chart-tooltip .ct-head b { color: var(--text); font-weight: 600; }
#chart-tooltip .ct-grid {
  display: grid; grid-template-columns: auto 1fr auto 1fr; gap: 3px 9px; align-items: baseline;
}
#chart-tooltip .ct-grid span { color: var(--text-4); font-size: 11.5px; }
#chart-tooltip .ct-grid b { color: var(--text-2); font-family: var(--mono); font-size: 11.5px; text-align: right; }
#chart-tooltip .ct-sig {
  margin-top: 8px; padding: 5px 8px; border-radius: 6px; font-size: 11.5px;
  background: rgba(255, 77, 94, .14); color: #ff9aa4; border: 1px solid rgba(255, 77, 94, .35);
}
#chart-tooltip .ct-sig.sell {
  background: rgba(34, 192, 125, .13); color: #7ee0b4; border-color: rgba(34, 192, 125, .35);
}
#chart-tooltip .ct-sig b { color: inherit; }