/* 静态页统一目标紫主题覆盖 */
:root {
  --hp-primary: #696cff;
  --hp-bg: #f5f5f9;
}
html, body {
  background: var(--hp-bg) !important;
  font-family: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.navbar, .navbar-expand-lg, nav.navbar, #sideNav {
  background: #fff !important;
  box-shadow: 0 2px 6px rgba(67, 89, 113, 0.12) !important;
}
.navbar .nav-link, .navbar-nav .nav-link {
  color: #566a7f !important;
}
.navbar .nav-link:hover, .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link {
  color: var(--hp-primary) !important;
}
.bg-primary, .btn-primary, .navbar-dark.bg-primary,
a.btn-primary, .layui-btn, .layui-btn-normal,
.default-btn, button.btn-primary {
  background-color: var(--hp-primary) !important;
  border-color: var(--hp-primary) !important;
  color: #fff !important;
  border-radius: 0.375rem !important;
}
.btn-outline-primary, .layui-btn-primary {
  color: var(--hp-primary) !important;
  border-color: var(--hp-primary) !important;
  background: transparent !important;
}
.text-primary, .heading, h1, h2.text-primary {
  color: var(--hp-primary) !important;
}
.banner1, .banner, .hero {
  background: linear-gradient(135deg, #696cff 0%, #8592ff 55%, #a5b4fc 100%) !important;
  border-radius: 0 0 1rem 1rem !important;
  box-shadow: 0 8px 24px rgba(105, 108, 255, 0.25) !important;
  padding: 2.5rem 1rem !important;
  margin-bottom: 1.5rem !important;
}
.banner1 h2, .wrapper1 h2,
.banner1 p, .wrapper1 p {
  color: #fff !important;
}
.card, .layui-card, .mod-ct, .layui-elem-quote,
.layui-colla-item, .layui-code, .layui-box {
  border-radius: 0.5rem !important;
  box-shadow: 0 2px 6px rgba(67, 89, 113, 0.1) !important;
  border: 0 !important;
  background: #fff !important;
}
.layui-elem-quote {
  border-left: 4px solid var(--hp-primary) !important;
  background: rgba(105, 108, 255, 0.06) !important;
}
.layui-colla-title {
  color: #566a7f !important;
  background: #f5f5f9 !important;
  font-weight: 600 !important;
}
.layui-code, .layui-code-view, pre.layui-code {
  background: #2b2c40 !important;
  color: #c2c4d5 !important;
  border-radius: 0.5rem !important;
}
.fenge, .wrapper1, .layui-colla-content {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
a { color: var(--hp-primary); }
footer, .footer, .landing-footer {
  background: #233446 !important;
  color: #fff !important;
}
@media (max-width: 768px) {
  .banner1 { padding: 1.75rem 1rem !important; }
  .banner1 h2 { font-size: 1.35rem !important; }
}