body {
  font-family: "Microsoft YaHei", Arial, sans-serif;
  line-height: 1.6;
  color: #333;
  margin: 0 auto;
  background-color: #f9f9f9;
}
.page-container {
  background-image: url("../imgs/head-background.png");
  background-repeat: no-repeat;
  background-size: cover;       /* 让图片缩放以完全覆盖容器 */
  background-position: center;  /* （推荐）让图片从中心开始缩放，效果最好 */
}
.wrap-container {
  max-width: 1280px;
  min-width: 1280px;
  margin: 0 auto;
}

.header .title-block {
  padding: 78px 0;
  font-weight: bold;
  font-size: 64px;
}
.header .title-block .subtitle {
  text-align: center;
  color: #000;
  font-size: 24px;
  font-weight: 400;
}

.header .left-section {
  width: 624px;
  height: 332px;
  background-image: url("../imgs/head-left-background.png");
  background-size: 624px 332px; /* 固定背景图尺寸 */
  background-repeat: no-repeat;
  background-origin: content-box; /* 背景从内容框开始绘制 */
  background-clip: content-box; /* 背景只在内容框显示 */
  box-sizing: border-box; /* 确保padding包含在总尺寸内 */
}
.header .right-section {
  width: 624px;
  height: 332px;
  background-image: url("../imgs/head-right-background.png");
  background-size: 624px 332px; /* 固定背景图尺寸 */
  background-repeat: no-repeat;
  background-origin: content-box; /* 背景从内容框开始绘制 */
  background-clip: content-box; /* 背景只在内容框显示 */
  box-sizing: border-box; /* 确保padding包含在总尺寸内 */
}

.header .title-section .title {
  font-weight: bold;
  font-size: 32px;
  line-height: 32px;
  font-style: normal;
  text-transform: none;
}

.safety-tips {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
}

/* 隐藏滚动条 */
.scroller-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: hidden;
}
.scroller-container::-webkit-scrollbar {
  display: none;
}

/* 慢速滚动动画 */
.scroller {
  animation: scroll 60s linear infinite;
  width: max-content;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* 悬停暂停 */
.scroller-container:hover .scroller {
  animation-play-state: paused;
}