/* === 全站主题色 === */
:root {
  --main-green: #A8D5BA;   /* 高级浅绿色 */
  --main-beige: #F5F5DC;   /* 米色 */
  --main-yellow: #FFF4C2;  /* 高级浅黄色 */
  --main-white: #FFFFFF;   /* 白色 */
  --main-text: #2c3e50;    /* 深色文字 */
}

/* 导航栏 */
.navbar {
  background-color: var(--main-green) !important;
}
.navbar .nav-link,
/* === 导航栏品牌文字（Logo 旁边的 ShineLanguageHouse）=== */
.navbar-brand {
  font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif; /* 高级感字体 */
  font-weight: 700; /* 粗体 */
  font-size: 1.5rem; /* 字体稍微大一点 */
  color: var(--main-text) !important; /* 高级灰 */
  letter-spacing: 1px; /* 字母间距 */
  text-transform: uppercase; /* 全部大写（可选） */
}

/* === 导航栏链接文字 === */
.navbar-nav .nav-link {
  font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600; /* 半粗 */
  letter-spacing: 0.5px;
  color: var(--main-text) !important;
  transition: color 0.3s ease, transform 0.3s ease;
}

/* 鼠标移上去高亮 */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: var(--main-yellow) !important; /* 你的主题绿色 */
  transform: translateY(-2px); /* 微微上移，视觉高级感 */
}


/* 按钮主色 */
.btn-primary {
  background-color: var(--main-green);
  border-color: var(--main-green);
  color: var(--main-text);
}
.btn-primary:hover {
  background-color: var(--main-yellow);
  border-color: var(--main-yellow);
  color: var(--main-text);
}

/* 区块背景色 */
section {
  background-color: var(--main-white); /* 默认白色 */
}
section.bg-light {
  background-color: var(--main-beige) !important;
}

/* 卡片 */
.card {
  border: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  background-color: var(--main-white);
}
.card-title {
  color: var(--main-text);
  font-weight: 600;
}

/* 页脚 */
footer {
  background-color: var(--main-green) !important;
  color: var(--main-text) !important;
}

/* Hero区块 */
.hero {
  background: url('https://picsum.photos/1920/600') center/cover no-repeat;
  color: var(--main-text);
  padding: 100px 0;
  text-align: center;
}
.hero h1 {
  font-size: 3rem;
  font-weight: bold;
  color: var(--main-text);
}
.hero p {
  color: var(--main-text);
}
/* 页脚：和 Contact Us 一样的背景色 */
footer {
  background-color: var(--main-beige) !important; /* 米色 */
  text-align: center;
  padding: 30px 0;
}
/* 页脚文字与链接 */
footer p, footer a {
  color: var(--main-text) !important; /* 深色文字 */
  margin: 0;
  font-size: 14px;
}
/* Contact Us 区块图标：高级灰色 + Hover 浅黄色 */
.contact-icons a {
  color: #7D7D7D; /* 高级灰色 */
  font-size: 28px;
  margin: 0 10px;
  transition: color 0.3s ease;
  text-decoration: none;
}
.contact-icons a:hover {
  color: var(--main-green); /* 鼠标移上去浅黄色 */
}
/* 全站文字统一高级灰色 */
body {
  color: #4A4A4A; /* 高级灰色 */
}

/* 如果有 a 链接要用主题色 */
a {
  color: #4A4A4A;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* 鼠标移上去可以换成主题浅黄色或浅绿色 */
a:hover {
  color: var(--main-yellow); /* 你的主题色 */
}

/* 特别强调标题（可选） */
h1, h2, h3, h4, h5, h6 {
  color: #4A4A4A; /* 高级灰色 */
  font-weight: 600;
}