.hero .carousel-caption{ background: rgba(0,0,0,.35); border-radius: 16px; padding: 14px; }
.thumb { width: 108px; height: 72px; border-radius: 14px; overflow:hidden; background:#f2f2f2; flex: 0 0 auto; }
.thumb img { width: 100%; height: 100%; object-fit: cover; display:block; }
.clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.mobile-bottom-nav{ position: fixed; left:0; right:0; bottom:0; height: 62px; background:#fff; border-top:1px solid rgba(0,0,0,.08); display:flex; justify-content:space-around; align-items:center; z-index: 50; }
.mobile-bottom-nav .nav-item{ text-decoration:none; color:#111; font-size: 12px; }
.mobile-bottom-nav .nav-live{ color: var(--color-primary); font-weight:700; }
.content img { max-width: 100%; height: auto; border-radius: 12px; }
.content p { line-height: 1.75; }

.badge-primary{ background: var(--color-primary); color:#fff; }