body {
  font-family: 'Roboto', sans-serif;
  color: #222;
}

/* ===== Topbar 更窄 ===== */
.topbar {
  background: #1f2933;  /* 深灰蓝 */
  color: #fff;
  font-size: 12px;
  padding: 4px 0;
}

.topbar a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

/* ===== Navbar ===== */
.navbar-brand {
  letter-spacing: 1px;
  font-size: 20px;
}

.nav-link {
  font-weight: 500;
  color: #333 !important;
}

.nav-link:hover {
  color: #0d6efd !important;
}

/* 按钮工业风 */
.btn-primary {
  background-color: #0d3b66;
  border-color: #0d3b66;
}

.btn-primary:hover {
  background-color: #0b2f52;
  border-color: #0b2f52;
}

/* ===== Footer ===== */
.footer {
  background: #f8f9fa;
  border-top: 1px solid #eaeaea;
  padding: 30px 0;
  color: #666;
}
mark {
  background: #fff3cd;
  padding: 0 2px;
  border-radius: 3px;
}

/* ===== 首页：导航覆盖在轮播图上 ===== */
.page-home .navbar{
  position: absolute;
  top: 24px; /* 顶部有 topbar，所以从 24px 开始；不对就调 22~32 */
  left: 0;
  right: 0;
  z-index: 999;
  background: rgba(0,0,0,0.25) !important;
  backdrop-filter: blur(6px);
  box-shadow: none !important;
}

.page-home .navbar .navbar-brand,
.page-home .navbar .nav-link{
  color: rgba(255,255,255,0.95) !important;
}

.page-home .navbar .nav-link:hover{
  color: #fff !important;
}

/* navbar-toggler 图标在深色背景上更清晰 */
.page-home .navbar .navbar-toggler{
  border-color: rgba(255,255,255,0.35);
}
.page-home .navbar .navbar-toggler-icon{
  filter: invert(1);
}
.navbar-overlay{
  position: absolute;
  top: 24px;   /* 你 topbar padding 更改后可能是 22~28，按实际微调 */
  left: 0;
  right: 0;
  z-index: 999;
  background: rgba(0,0,0,0.25);
  backdrop-filter: blur(6px);
}
/* ===== Quick Intro ===== */

.bg-light-subtle{
  background: #f8fafc;
}

.feature-badge{
  background: #fff;
  border: 1px solid #e5e7eb;
  padding: 6px 14px;
  font-size: 13px;
  border-radius: 20px;
  font-weight: 500;
}

.business-card{
  background: #ffffff;
  border: 1px solid #eef2f6;
}

/* ===== Advantages ===== */

.adv-card{
  background: #ffffff;
  border: 1px solid #eef2f6;
  transition: all 0.3s ease;
}

.adv-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

.adv-icon{
  font-size: 28px;
}