/* 蓝色主题美化样式 - 保留原有结构基础上添加 */
:root {
  --primary-blue: #1976D2;       /* 主蓝 */
  --primary-dark: #0D47A1;       /* 深蓝 */
  --primary-light: #64B5F6;      /* 浅蓝 */
  --accent-blue: #2196F3;        /* 强调蓝 */
  --text-on-blue: #FFFFFF;       /* 蓝底白字 */
}

/* 导航栏美化 */
.navbar {
  background-color: var(--primary-blue) !important;
  box-shadow: 0 2px 10px rgba(25, 118, 210, 0.2);
}

.navbar-brand img {
/*  filter: brightness(0) invert(1);  白色logo */
}

.navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.9) !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: var(--text-on-blue) !important;
  font-weight: 500;
}

.navbar-nav .nav-link.active::after {
  background-color: var(--text-on-blue);
}

/* 按钮美化 */
.btn-primary {
  background-color: var(--accent-blue);
  border-color: var(--accent-blue);
}

.btn-primary:hover {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
}

.btn-outline-primary {
  color: var(--accent-blue);
  border-color: var(--accent-blue);
}

.btn-outline-primary:hover {
  background-color: var(--accent-blue);
  color: var(--text-on-blue);
}

/* 页面标题区 */
.page-header {
  background: linear-gradient(135deg, var(--primary-blue), var(--primary-dark));
}

/* 卡片美化 */
.card {
  border-top: 3px solid var(--primary-light);
}

.card:hover {
  box-shadow: 0 10px 20px rgba(25, 118, 210, 0.15);
}

.card-title {
  color: var(--primary-blue);
}

/* 服务图标 */
.service-icon {
  background-color: rgba(25, 118, 210, 0.1);
  color: var(--primary-blue);
}

.service-card:hover .service-icon {
  background-color: var(--primary-blue);
}

/* 分节标题 */
.section-title:after {
  background-color: var(--primary-blue);
}

/* 背景色区块 */
.bg-primary {
  background-color: var(--primary-blue) !important;
}

/* 页脚美化 */
footer {
  background-color: var(--primary-dark);
}

footer a:hover {
  color: var(--primary-light);
}

footer .social-icons a:hover {
  background-color: var(--primary-blue);
}

/* 滚动条 */
::-webkit-scrollbar-thumb {
  background: var(--primary-blue);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary-dark);
}

/* 新增蓝色主题元素 */
.blue-divider {
  height: 4px;
  background: linear-gradient(to right, var(--primary-light), var(--primary-blue), var(--primary-light));
  margin: 2rem 0;
  border: none;
}

.blue-highlight {
  background-color: rgba(25, 118, 210, 0.1);
  border-left: 3px solid var(--primary-blue);
  padding: 1rem;
  margin: 1rem 0;
}

/* 响应式调整 - 仅在蓝色主题下生效 */
@media (max-width: 768px) {
  .navbar {
    background-color: var(--primary-dark) !important;
  }
}