.daily-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 8px 28px 0; color: #9eb0a8; font-size: 12px; }
.daily-controls label { display: flex; align-items: center; gap: 10px; }
.daily-controls input { min-width: 0; flex: 1; accent-color: var(--mint); cursor: ew-resize; }
.daily-controls output { width: 62px; color: var(--mint); text-align: right; }
.chart-stage { position: relative; }
.crosshair { position: absolute; width: 0; height: 0; pointer-events: none; z-index: 2; }
.crosshair-v,.crosshair-h { position: absolute; display: block; background: rgba(217,185,110,.65); }
.crosshair-v { top: -18px; left: 0; width: 1px; height: 410px; }
.crosshair-h { top: 0; left: -58px; width: 900px; height: 1px; }
.crosshair-price { position: absolute; left: -58px; min-width: 58px; padding: 3px 5px; background: #d9b96e; color: #09120f; font: 700 14px "SimHei", "Microsoft YaHei", sans-serif; text-align: right; }
.crosshair-tip { position: absolute; width: max-content; min-width: 230px; max-width: min(430px, calc(100vw - 48px)); padding: 10px 12px; border: 1px solid rgba(83,104,93,.72); border-radius: 3px; background: transparent; color: #e2ece7; font-size: 14px; line-height: 1.8; white-space: normal; }
.crosshair-tip span { white-space: nowrap; }
.crosshair-tip strong,.crosshair-tip span { display: block; }
.crosshair-tip span { color: #aabbb3; }
.crosshair-tip b { color: #f2f8f5; font: 700 15px "SimHei", "Microsoft YaHei", sans-serif; }
.crosshair-tip .up-text { color: var(--red); }
.crosshair-tip .down-text { color: var(--mint); }
@media(max-width:620px){.daily-controls{grid-template-columns:1fr;gap:8px;padding-left:18px;padding-right:18px}}