/* 核心：使用相对定位，让幻灯片作为页面首屏内容 */
.row.focus-top.blocks {
  position: relative; /* 改为相对定位，回归文档流 */
  width: 100%;
  height: 100vh; /* 高度占满屏 */
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* 内部容器保持满屏 */
#sybg5,
#sybg5 .block#block5,
#sybg5 .panel-body,
#sybg5 #slide5-56,
#sybg5 .carousel-inner {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* 幻灯片项和视频样式 */
#sybg5 .slide60.item.active {
  height: 100% !important;
  background: transparent !important;
}

#sybg5 .carousel-inner {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
}

#sybg5 .carousel-inner img {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  display: block;
}

/* 移除空标签干扰 */
#sybg5 .carousel-caption h2,
#sybg5 .carousel-caption hr,
#sybg5 .carousel-caption h1 {
  display0: block !important;
}

/* 下方内容自然跟随在幻灯片之后（无需额外间距） */
body {
  margin: 0;
  padding: 0;
}

/* 确保下方内容容器正常显示（替换为你实际的内容容器类名） */
.your-content-container { /* 例如 .container、.main 等 */
  position: relative;
  z-index: 1; /* 确保在幻灯片下方 */
  padding: 20px; /* 可选：添加内边距 */
}