@import url("font.css");

/* 公共样式 */

/* 自定义container宽度 - 更宽 */
.container {
  max-width: 100rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* 主题颜色 - 深绿色 */
:root {
  --primary-color: #015f4d;
  --light-green: #b9ff7a;
  --light-green-transparent: rgba(144, 238, 144, 0.3);
  --border-color: #004b30;
}
.title-style {
  font-size: 3.8rem;
  line-height: 4.4rem;
  font-weight: 400;
  text-transform: uppercase;
}
.bg-primary {
  background-color: var(--primary-color) !important;
}

.text-primary {
  color: var(--primary-color) !important;
}

.bg-light-green {
  background-color: var(--light-green) !important;
}

.text-light-green {
  color: var(--light-green) !important;
}

/* 平滑滚动 */
html {
  scroll-behavior: smooth;
}

/* 确保页面布局 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: "Poppins", sans-serif;
}

/* 确保导航栏下方有足够空间 */
.main-content {
  padding-top: 0;
  padding-bottom: 0;
}
.icon-right{
    width: 2.4rem;
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
}
/* 响应式调整 */
@media (max-width: 768px) {
  h1.display-1 {
    font-size: 3rem !important;
  }
  
  .title-style {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}

@media (max-width: 480px) {
  .title-style {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
}
.title-font {
  font-family: "Anton", sans-serif;
}

.border-top {
  border-color: var(--primary-color) !important;
  padding-top: 3rem !important;
}