:root,
[data-bs-theme="light"] {
  --bd-purple: #4c0bce;
  --bd-violet: #712cf9;
  --bd-accent: #ffe484;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
  --bd-accent-rgb: 255, 228, 132;
  --bd-pink-rgb: 214, 51, 132;
  --bd-teal-rgb: 32, 201, 151;
  --docsearch-primary-color: var(--bd-violet);
  --docsearch-logo-color: var(--bd-violet);
  --bd-violet-bg: var(--bd-violet);
  --bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1)
}

pre {
  border-radius: 9px;
  /* 自定义圆角半径 */
  padding: 15px;
  /* 自定义内边距 */
  background-color: #f0f0f0;
  /* 自定义背景颜色 */
  word-wrap: break-word;
  /* 自动换行 */
  white-space: pre-wrap;
}

.example-1 img {
  max-width: 100%;
  height: auto;
  padding: 10px;
  background: #f0f0f0;
}

.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  background-color: var(--bd-callout-bg, var(--bs-gray-100));
  border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300))
}

.bd-callout h4 {
  margin-bottom: .25rem
}

.bd-callout>:last-child {
  margin-bottom: 0
}

.bd-callout+.bd-callout {
  margin-top: -.25rem
}

.bd-callout .highlight {
  background-color: rgba(0, 0, 0, 0.05)
}

.bd-callout-info {
  --bd-callout-bg: rgba(var(--bs-info-rgb), .075);
  --bd-callout-border: rgba(var(--bs-info-rgb), .5)
}

.bd-callout-warning {
  --bd-callout-bg: rgba(var(--bs-warning-rgb), .075);
  --bd-callout-border: rgba(var(--bs-warning-rgb), .5)
}

.bd-callout-danger {
  --bd-callout-bg: rgba(var(--bs-danger-rgb), .075);
  --bd-callout-border: rgba(var(--bs-danger-rgb), .5)
}

.cus-demo-nav .nav-pills .nav-link {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.4;
}