.live-header-bar{display:flex;align-items:center;gap:15px;background:#f1f1f1;padding:12px;border-radius:6px 6px 0 0;border:1px solid #ddd;border-bottom:none}
.live-badge{background:#e53935;color:#fff;padding:6px 12px;border-radius:5px;font-weight:600;font-size:13px;display:flex;align-items:center;gap:6px}
.live-badge .dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:blink 1s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.live-count{font-size:14px;color:#333}

.live-dot{width:8px;height:8px;background:red;border-radius:50%;display:inline-block;margin-right:6px;animation:blink 1s infinite}

.live-item{padding:15px;border-bottom:1px solid #ddd;border-radius:6px;margin-bottom:10px;transition:.3s}
.live-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.08)}

.live-title{font-weight:700;font-size:25px;margin:8px 0;line-height:1.4;color:#111}

.time{font-size:13px;color:#777}

@media(max-width:600px){
.live-title{font-size:20px;}
}