/* 自定义分隔线样式 */

/* 方案1: 完全隐藏分隔线 */
/* hr {
  display: none;
} */

/* 方案2: 改为实线 */
/* hr {
  border: none;
  border-top: 1px solid #e0e0e0;
  margin: 2rem 0;
} */

/* 方案3: 改为细线 */
hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 2rem 0;
  opacity: 0.5;
}

/* 方案4: 改为渐变线 */
/* hr {
  border: none;
  height: 1px;
  background: linear-gradient(to right, transparent, #ccc, transparent);
  margin: 2rem 0;
} */

/* 方案5: 改为点状线 */
/* hr {
  border: none;
  border-top: 2px dotted #ccc;
  margin: 2rem 0;
} */

/* 优化顶部图片加载 - 设置占位背景 */
#page-header {
  /* 使用与你的图片相近的颜色作为占位背景 */
  background-color: #2c3e50;
  /* 或者使用渐变作为占位 */
  /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
  /* 确保有最小高度，防止加载时闪烁 */
  min-height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 确保图片加载后平滑过渡 */
#page-header.not-top-img {
  transition: background-image 0.3s ease-in-out;
}

/* 优化首页顶部图片容器 */
#page-header.full_page {
  height: 100vh;
  min-height: 100vh;
}