/* ============ 24小时资讯时间轴（/24h） ============ */
.h24-head{ padding:22px 0 6px; }
.h24-head h1{ margin:0; font-size:26px; font-weight:800; letter-spacing:.5px; color:var(--text-dark); }
.h24-head h1 em{ font-style:normal; color:var(--primary); }
.h24-sub{ margin:8px 0 0; color:var(--text-gray); font-size:13.5px; }

.h24-chips{ display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 18px; }
.h24-chip{ display:inline-flex; align-items:center; background:var(--card); border:1px solid var(--border);
	border-radius:20px; padding:5px 13px; font-size:12.5px; color:var(--text-gray); box-shadow:var(--shadow); }
.h24-chip b{ color:var(--primary); font-weight:700; }
.h24-dot{ width:6px; height:6px; border-radius:50%; background:var(--up); margin-right:6px; }

.h24-card{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius);
	box-shadow:var(--shadow); padding:6px 20px 18px; }

/* 日期头 */
.t24-day{ display:flex; align-items:center; gap:10px; margin:14px 0 10px; }
.t24-day-d{ font-size:14px; font-weight:800; color:var(--text-dark); }
.t24-day-w{ font-size:12.5px; color:var(--text-light); }
.t24-cnt{ font-size:12.5px; color:var(--text-light); }
.t24-day::after{ content:""; flex:1; height:1px; background:var(--border); }

/* 时间轴 */
.t24-item{ display:grid; grid-template-columns:56px 20px 1fr; align-items:start; }
.t24-time{ text-align:right; font-size:12.5px; color:var(--text-light); padding-top:1px;
	font-variant-numeric:tabular-nums; white-space:nowrap; }
.t24-item.hb .t24-time{ color:var(--text-dark); font-weight:700; }
.t24-rail{ position:relative; align-self:stretch; display:flex; justify-content:center; }
.t24-rail::before{ content:""; position:absolute; top:0; bottom:0; width:1px; background:var(--border); }
.t24-item:last-child .t24-rail::before{ bottom:auto; height:11px; }
.t24-dot{ position:relative; z-index:1; width:7px; height:7px; border-radius:50%; background:#d5dbe6; margin-top:6px; }
.t24-item.hb .t24-dot{ width:9px; height:9px; background:var(--primary); margin-top:5px;
	box-shadow:0 0 0 3px var(--primary-light); }
.t24-body{ padding:0 0 12px 10px; display:flex; flex-direction:column; gap:3px; min-width:0; }
.t24-title{ font-size:14.5px; line-height:1.5; color:var(--text-dark);
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.t24-item:hover .t24-title{ color:var(--primary); }
.t24-src{ font-size:12px; color:var(--text-light); }
.t24-item:hover{ background:linear-gradient(90deg,transparent,#fbfcff 8%,#fbfcff 92%,transparent); }

.t24-foot{ text-align:center; color:var(--text-light); font-size:12.5px; padding:16px 0 4px; }
.t24-empty{ text-align:center; padding:44px 0; }
.t24-empty p{ margin:0; color:var(--text-gray); font-size:14px; }
.h24-empty-sub{ margin-top:8px !important; font-size:13px !important; color:var(--text-light) !important; }
.h24-empty-sub a{ color:var(--primary); font-weight:600; }

/* 移动端 */
@media(max-width:640px){
	.h24-head h1{ font-size:22px; }
	.h24-card{ padding:4px 12px 14px; }
	.t24-item{ grid-template-columns:48px 16px 1fr; }
	.t24-title{ font-size:14px; }
}