:root {
  --primary-color: #ff6b00;
  --secondary-color: #ff8534;
  --dark-color: #1a1a1a;
  --text-color: #ffffff;
}

/* 背景色修改 */
body {
  background-color: var(--dark-color);
  color: var(--text-color);
}

/* 导航栏样式 */
.navbar-area {
  background-color: rgba(26, 26, 26, 0.9);
}

.navbar-area .navbar .navbar-nav .nav-item a {
  color: var(--text-color);
}

.navbar-area .navbar .navbar-nav .nav-item a:hover,
.navbar-area .navbar .navbar-nav .nav-item a.active {
  color: var(--primary-color);
}

/* 主要标题和文字颜色 */
h1, h2, h3, h4, h5, h6 {
  color: var(--text-color);
}

/* 特性卡片样式 */
.single-feature {
  background-color: #2a2a2a;
  border: 1px solid #3a3a3a;
}

.single-feature:hover {
  border-color: var(--primary-color);
}

.single-feature .icon {
  background-color: var(--primary-color);
  color: var(--text-color);
}

/* 按钮样式 */
.main-btn {
  background-color: var(--primary-color);
  color: var(--text-color);
}

.main-btn:hover {
  background-color: var(--secondary-color);
}

/* 页脚样式 */
.footer {
  background-color: #2a2a2a;
}

/* 滚动到顶部按钮 */
.scroll-top {
  background-color: var(--primary-color);
  color: var(--text-color);
}

.scroll-top:hover {
  background-color: var(--secondary-color);
}

/* 预加载器颜色 */
.preloader {
  background-color: var(--dark-color);
}

/* 链接颜色 */
a {
  color: var(--primary-color);
}

a:hover {
  color: var(--secondary-color);
}

/* 列表样式 */
ul li {
  color: var(--text-color);
}

/* 分隔线颜色 */
hr {
  border-color: #3a3a3a;
}

/* 导航栏折叠按钮 */
.navbar-toggler .toggler-icon {
  background-color: var(--text-color);
}

/* 内容区块背景 */
.about-section, 
.feature-section {
  background-color: var(--dark-color);
}