/* ============================================================
   欧易 OKX 主题覆盖
   在原模板（Arkana）基础上覆盖为黑 / 白简洁金融风格
   ============================================================ */

/* 标题与正文主色 */
h1, h2, h3, h4, h5, h6 {
  color: #000000;
}

/* 导航悬停 / 选中 */
.header nav ul li a:hover,
.header nav ul li a.active,
.offcanvas-mainnav ul > li > a.active {
  color: #000000 !important;
}

/* 主色（原靛蓝 #4F46E5）统一替换为 OKX 黑 */
.bg-primary {
  background-color: #000000 !important;
}

.btn-primary {
  background-color: #000000 !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18) !important;
}
.btn-primary:hover {
  background-color: #1a1a1a !important;
}

.btn-light {
  background-color: #ffffff !important;
  color: #000000 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}
.btn-light:hover {
  color: #000000 !important;
  background-color: #f2f2f2 !important;
}

.text-primary {
  color: #000000 !important;
}
.text-dark {
  color: #000000 !important;
}

/* 浅色背景中性化 */
.bg-light {
  background-color: #f7f7f7 !important;
}
.nav-pills-pricing {
  background-color: #f5f5f5;
}

/* 费率切换 / 侧边目录 */
.nav-pills .nav-link {
  color: #000000;
}
.nav-pills .nav-link.active {
  background-color: #000000;
}
.list-group-item.active {
  background-color: #000000;
}
.page-link,
.page-link:hover {
  color: #000000;
}
.dropdown-item:hover,
.dropdown-item.active {
  color: #000000 !important;
  background-color: #f5f5f5 !important;
}

/* 预加载动画 */
#preloader .double-bounce1,
#preloader .double-bounce2 {
  background-color: #000000;
}

/* 卡片阴影改用中性色 */
.card-feature,
.card-benefits,
.card-team,
.card-news,
.card-contact,
.pricing-card,
#faqAccordion .accordion-item,
.list-group-cst {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07) !important;
}
.card-feature > .icon.bg-primary,
#featureAccordion .accordion-button .accordion-icon.bg-primary {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25) !important;
}

.badge-heading {
  background-color: #f0f0f0;
  color: #000000;
}

/* 去掉模板的彩色虚点 / 光晕背景，保持 OKX 简洁白底 */
.hero-banner,
section.testimonials,
section.sc-breadcrumb {
  background-image: none;
}
.hero-banner:before, .hero-banner:after,
section.testimonials:before, section.testimonials:after,
section.sc-breadcrumb:before, section.sc-breadcrumb:after,
.footer:before,
.pricing-card.recomended:before {
  display: none;
}

/* 页脚改为纯黑 */
.footer {
  background-color: #000000;
}
.footer .form-newsletter .input-group-text,
.footer .form-newsletter .form-control {
  background-color: #1f1f1f;
  color: #b6b6b6;
}
.footer .form-newsletter .form-control::placeholder {
  color: #b6b6b6;
}
.footer .form-newsletter .btn {
  background-color: #1f1f1f;
  color: #ffffff;
}

/* 团队社交图标统一为中性黑，去除平台彩色 */
.btn-socmed.btn-fb,
.btn-socmed.btn-x,
.btn-socmed.btn-in {
  background-color: #000000;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.btn-socmed:hover {
  background-color: #333333;
}
