/* ================================================================
   5. 第二屏 — 内容区域
   ================================================================ */

/* ── 第二屏容器 ── */
#page2 {
  display: flex;
  justify-content: flex-start; /* 内容靠左 */
  align-items: center;
}

/* ── 内容区块 ── */
.page-content {
  position: relative;
  z-index: 1;
  text-align: left;
  color: #fff;
  width: 100%;
  max-width: 1000px;
  /* 响应式左边距：最小 30px，首选 10vw，最大 600px */
  padding-left: clamp(30px, 10vw, 600px);
  padding-right: 20px; /* 右侧安全边距 */
  left: auto;
  top: -100px; /* 向上偏移 */
}

/* ── 标题（响应式字号） ── */
.page-content h1 {
  font-size: clamp(24px, 4vw, 48px);
  margin-bottom: 20px;
  line-height: 1.3;
}

/* ── 段落文字 ── */
.page-content p {
  font-size: clamp(14px, 1.8vw, 20px);
  line-height: 1.6;
  margin: 8px 0;
  transform: translateX(15px);
}
/* ================================================================
   3. 背景图层
   ================================================================ */

.fixed-background_2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; /* 置于内容层之下 */
  overflow: hidden; /* 裁剪超出部分 */
}

/* ── 第二屏背景层：半透明效果 ── */
.fixed-background_2 {
  opacity: 0.2;
}

.fixed-background_2 img {
  width: 100%;
  height: 100%;
  object-fit: fill; /* 强制拉伸填满（等效 background-size: 100% 100%） */
  display: block; /* 消除图片底部间隙 */

  /* ===== 新增：禁止图片被选中 ===== */
  -webkit-user-select: none; /* Safari/Chrome */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none; /* 标准语法 */
}