.hourly-compare-panel{border:1px solid #e7eaf0;border-radius:12px;margin:16px 0;background:#fff;overflow:hidden}.hourly-compare-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #edf0f4}.hourly-compare-panel>header b{font-size:15px;color:#273248}.hourly-compare-panel>header p{margin:5px 0 0;color:#7e8899;font-size:12px}.hourly-legend{display:flex;gap:13px;color:#687287;font-size:12px}.hourly-legend span{display:flex;align-items:center;gap:5px}.hourly-legend i{width:9px;height:9px;border-radius:3px}.hourly-legend .today,.hourly-bars .today{background:#5265e8}.hourly-legend .yesterday,.hourly-bars .yesterday{background:#aeb7ca}.hourly-chart-scroll{overflow-x:auto;padding:18px 14px 6px}.hourly-chart{display:grid;grid-template-columns:repeat(24,minmax(28px,1fr));gap:4px;min-width:760px;height:210px;align-items:end}.hourly-column{height:100%;border:0;background:transparent;border-radius:8px;padding:5px 2px;display:grid;grid-template-rows:1fr 20px;gap:6px;align-items:end}.hourly-column:hover,.hourly-column.active{background:#f0f2ff}.hourly-bars{height:165px;display:flex;align-items:flex-end;justify-content:center;gap:2px}.hourly-bars i{width:8px;min-height:3px;border-radius:4px 4px 1px 1px;transition:height .25s ease}.hourly-column small{color:#8993a4;font-size:10px}.hourly-column.active small{color:#5265e8;font-weight:700}.hourly-click-hint{text-align:center;color:#929baa;font-size:11px;padding:4px 12px 10px}.hourly-detail{margin:0 16px 16px;border:1px dashed #d8deea;border-radius:9px;min-height:46px;padding:11px 13px;color:#8a94a5;font-size:12px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hourly-detail.show{border-style:solid;background:#f8f9ff;color:#536075}.hourly-detail b{color:#273248}.hourly-detail strong.up{color:#22ad7b}.hourly-detail strong.down{color:#ed6573}.hourly-detail strong.flat{color:#7d8798}.hourly-empty{text-align:center;color:#929baa;padding:45px 16px 28px}@media(max-width:760px){.hourly-compare-panel>header{align-items:flex-start;flex-direction:column}.hourly-chart-scroll{padding-inline:10px}.hourly-detail{gap:8px 14px}.hourly-detail b{width:100%}}