@charset "UTF-8";
/* ====== Header 样式（支持图床和本地） ====== */
header {
  background: url("https://cdn.eo.r2.tungchiahui.cn/tungwebsite/assets/images/header-bg.jpg") no-repeat center center;
  background-size: cover; /* 背景铺满 */
  width: 100%;
  padding: 60px 20px;
  text-align: center;
  color: #fff;
  position: relative;
  box-sizing: border-box;
}

/* 半透明遮罩层，提高文字可读性 */
header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35); /* 半透明黑色 */
  z-index: 0;
}

/* header 内部内容层 */
header * {
  position: relative;
  z-index: 1;
}

/* 标题样式 */
header h1 {
  margin: 0;
  font-size: 2.8em; /* 更大更醒目 */
  font-weight: 700; /* 加粗 */
  letter-spacing: -1px; /* 微调字间距 */
  line-height: 1.2;
}

/* 去掉默认 a 下划线 */
header h1 a {
  text-decoration: none;
  color: inherit;
}

/* 导航栏容器 */
header nav {
  margin-top: 20px;
}

/* 导航列表样式 */
nav ul {
  list-style: none; /* 去掉列表点 */
  display: flex;
  justify-content: flex-end; /* 靠右 */
  gap: 30px; /* 菜单间距更宽松 */
  padding: 0;
  margin: 0;
}

/* 导航链接 */
nav a {
  text-decoration: none; /* 去掉下划线 */
  color: #fff; /* 白色文字 */
  font-weight: 500;
  padding: 6px 10px; /* 增加点击区域 */
  border-radius: 4px; /* 圆角 */
}

/* 导航悬停效果 */
nav a:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #ffd700; /* 悬停变金色 */
}

/* 响应式调整（小屏幕导航垂直排列） */
@media (max-width: 768px) {
  nav ul {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
}

/*# sourceMappingURL=header.css.map */