/* ---------- 行业资讯 ---------- */
.news-floor { margin-top: 40px; padding-bottom: 40px; }
.news-head { display: flex; align-items: center; }
.news-head img { width: 28px; height: 28px; }
.news-head h2 { margin-left: 6px; font-size: 24px; font-weight: bold; line-height: 30px; color: #4267B5; }
.news-top { display: flex; margin-top: 16px; }
.news-hot { flex: 1; min-width: 0; }
.news-hot-body { position: relative; margin-top: 28px; padding: 0 20px 20px; }
/* 2 张/屏：slide 宽 = 50% - 10px + 20px 间距（对齐原版 basis-1/2 + pl-5/-ml-5 的可见宽度） */
.news-hot-body .slider-item { width: calc(50% - 10px); }
/* 箭头纵向位置对齐原版 top-[123px]（相对卡片；body 距卡片顶 40+28=68px → 123-68=55） */
.news-hot-body .carousel-arrow { top: 55px; }
.news-hot-card { display: block; }
/* 封面：外层裁剪 + 内层缩放（对齐原版 overflow-hidden 容器内 img group-hover:scale-105） */
.news-hot-cover { position: relative; height: 215px; overflow: hidden; background-color: #fafafa; background-size: cover; background-position: center; border-radius: 6px; }
.news-hot-cover::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: inherit; background-size: cover; background-position: center; transition: transform .3s; }
.news-hot-card:hover .news-hot-cover::before { transform: scale(1.05); }
.news-hot-card h3 { margin-top: 12px; font-size: 18px; font-weight: bold; line-height: 28px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-hot-card:hover h3 { color: #4267B5; }
.news-hot-summary { margin-top: 10px; font-size: 14px; line-height: 22px; color: #666; }
.news-hot-date { margin-top: 16px; font-size: 12px; line-height: 16px; color: #999; }
.news-list { flex: none; width: 590px; margin-left: 20px; padding: 20px 20px 0; }
.news-list-head { display: flex; align-items: center; }
.news-list-tabs-wrap { position: relative; flex: 1; min-width: 0; }
/* 对齐原版 ScrollArea：tab 条可左右滑动（滚轮/触控板/拖拽），滚动条悬停可见（h-1.5） */
.news-list-tabs { overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; }
.news-list-tabs::-webkit-scrollbar { height: 6px; }
.news-list-tabs::-webkit-scrollbar-track { background: transparent; }
.news-list-tabs::-webkit-scrollbar-thumb { background: transparent; border-radius: 3px; }
.news-list-tabs:hover::-webkit-scrollbar-thumb { background: #ddd; }
.news-list-tabs .tabs { flex-wrap: nowrap; }
.news-list-tabs .tabs .tab { flex: none; margin-right: 12px; height: 32px; line-height: 32px; }
/* 右侧渐隐蒙版（对齐原版 w-8 白色渐变） */
.news-list-tabs-mask { position: absolute; right: 0; top: 0; bottom: 0; width: 32px; pointer-events: none; background: linear-gradient(to left, #fff, rgba(255,255,255,0)); }
.news-list-head .more-link { margin-left: 8px; }
.news-headline { display: flex; margin-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #EEEEEE; }
.news-headline-cover { display: block; flex: none; width: 165px; height: 110px; object-fit: cover; border-radius: 4px; }
.news-headline-body { display: flex; flex: 1; min-width: 0; margin-left: 20px; flex-direction: column; }
.news-headline-body h3 { font-size: 16px; font-weight: bold; line-height: 20px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-headline:hover h3 { color: #4267B5; }
.news-headline-body > p { margin-top: 8px; font-size: 14px; line-height: 22px; color: #666; }
.news-headline-more { display: flex; margin-top: auto; align-items: center; font-size: 14px; font-weight: 500; line-height: 20px; color: #4267B5; }
.news-headline-more svg { width: 16px; height: 16px; margin-left: 2px; }
.news-items li { display: flex; padding: 12px 0; align-items: center; border-bottom: 1px solid #EEEEEE; }
.news-items li:last-child { border-bottom: 0; }
.news-items i { flex: none; width: 4px; height: 4px; border-radius: 50%; background: #4267B5; }
.news-items a { flex: 1; min-width: 0; margin-left: 10px; font-size: 14px; font-weight: 500; line-height: 20px; color: #333; }
.news-items a:hover { color: #4267B5; }
.news-items span { flex: none; margin-left: 12px; font-size: 13px; line-height: 20px; color: #999; }
.news-bottom { display: flex; margin-top: 24px; }
.expo-card { flex: none; width: 560px; margin-right: 20px; }
.expo-featured { margin-top: 16px; padding: 0 20px 16px; border-bottom: 1px solid #EEEEEE; }
.expo-cover { display: block; height: 260px; background-size: cover; background-position: center; border-radius: 4px; }
.expo-name { display: block; margin-top: 20px; font-size: 16px; font-weight: bold; line-height: 20px; color: #333; }
.expo-name:hover { color: #4267B5; }
.expo-meta { display: flex; margin-top: 10px; align-items: center; justify-content: space-between; font-size: 14px; line-height: 20px; color: #666; }
.expo-meta p { display: flex; min-width: 0; align-items: center; }
.expo-meta img { flex: none; width: 14px; height: 14px; margin-right: 4px; }
.expo-detail { flex: none; display: flex; align-items: center; font-size: 12px; font-weight: 500; line-height: 14px; color: #4267B5; }
.expo-detail svg { width: 16px; height: 16px; margin-left: 2px; }
.expo-list { padding: 0 20px; }
.video-card-wrap { flex: 1; min-width: 0; }
.video-grid { display: none; margin-top: 20px; padding: 0 20px 20px; }
.video-grid.active { display: block; font-size: 0; }
.video-card { position: relative; display: inline-block; width: 50%; margin-bottom: 20px; vertical-align: top; }
.video-card:nth-child(odd) { padding-right: 10px; }
.video-card:nth-child(even) { padding-left: 10px; }
/* 末行（正好 2 列）不再留行间距，底部留白交给 .video-grid 的 padding（对齐原版 grid gap-5 + pb-5） */
.video-card:nth-last-child(-n+2) { margin-bottom: 0; }
/* 封面：黑底 + 4px 圆角，悬停图片在框内放大（对齐原版 overflow-hidden + group-hover:scale-105） */
.video-card-cover { position: relative; display: block; height: 215px; overflow: hidden; background-color: #000; background-size: cover; background-position: center; border-radius: 4px; }
.video-card-cover::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: inherit; background-size: cover; background-position: center; transition: transform .3s; }
.video-card:hover .video-card-cover::before { transform: scale(1.05); }
/* 播放图标：48px 居中、白色 80% 不透明（对齐原版 left-1/2 top-1/2 h-12 w-12 opacity-80） */
.video-card-play { position: absolute; left: 50%; top: 50%; width: 48px; height: 48px; margin: -24px 0 0 -24px; color: #fff; opacity: .8; }
.video-card-play svg { display: block; width: 48px; height: 48px; }
.video-card-duration { position: absolute; right: 0; bottom: 0; display: flex; padding: 4px 6px; align-items: center; font-size: 12px; line-height: 16px; color: #fff; background: rgba(0,0,0,.6); border-top-left-radius: 4px; }
/* 标题 + 播放量同一行：标题 flex-1 省略，播放量右侧固定（对齐原版 mt-4 flex items-center gap-2） */
.video-card-bottom { display: flex; margin-top: 16px; align-items: center; }
.video-card-title { flex: 1; min-width: 0; font-size: 16px; font-weight: bold; line-height: 20px; color: #333; }
.video-card:hover .video-card-title { color: #4267B5; }
.video-card-views { flex: none; display: flex; margin-left: 8px; align-items: center; font-size: 14px; line-height: 20px; color: #666; }
.video-card-views img { width: 16px; height: 16px; margin-right: 2px; }