::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background-color: #EFF1F9;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background-color: #D7DFE9;
  border-radius: 4px;
}

body {
  font-size: 16px !important;
  font-weight: 400 !important;
}

ul,
li,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
table,
pre,
div,
span {
  color: #000;
  font-family: PingFang SC, PingFang SC-400 !important;
}
 
.book-body a {
  color:#275EFF;
}

h1 {
  font-size: 36px !important;
  font-weight: 600 !important;
}

h2 {
  font-size: 24px !important;
  font-weight: 600 !important;
}

.book .book-summary .book-logo {
  text-align: left;
}

#book-search-input {
  width: 15%;
  position: fixed;
  top: 20px;
  right: 50px;
  height: 40px;
  background: #f6f6fd;
  border: 1px solid #f2f2f2;
  border-radius: 48px;
  padding: 8px 0px 8px 35px;
}

#book-search-input::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 13px;
  width: 16px;
  height: 16px;
  background: url('../Pictures/icon_zhishi_search.png') no-repeat center;
  background-size: 100%;
}

#book-search-input>input,
#book-search-input>input:hover,
#book-search-input>input:focus {
  line-height: 0;
  padding: 0;
}

#anchorNavigationExGoTop {
  height: 50px;
  padding: 12px;
  border-radius: 4px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
}

#anchorNavigationExGoTop .fa-arrow-up::before {
  content: '';
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url('../Pictures/btn_top.png') no-repeat center;
  background-size: 100%;
}

.navigation-next {
  left: calc(80% - 120px) !important;
}

.page-inner {
  max-width: 1920px;
  width: 80%;
  margin: 0;
  padding: 20px 100px 40px 100px;
}

#anchor-navigation-ex-navbar {
  font-family: PingFang SC, PingFang SC-400 !important;
  width: 255px;
  padding: 20px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
  height: 100%;
  top: 100px;
}

#anchor-navigation-ex-navbar ul {
  display: block;
}

#anchor-navigation-ex-navbar .fa-navicon {
  display: none;
}

.copyright {
  display: none !important;
}

a {
  text-decoration: none !important;
}

.articles li.expanded.chapter a {
  margin-bottom: 5px;
  border: 1px solid transparent;
  border-radius: 0px 4px 4px 0px;
}

.articles li.expanded.chapter a:hover,
.articles li.expanded.chapter.active>a {
  color: #275EFF;
  font-weight: 600;
  background: #e6eeff;
  border: 1px solid #e2e8ff;
}

.articles li.expanded.chapter a:hover {
  text-decoration: none;
}

.footer-modification {
  font-family: PingFang SC, PingFang SC-400 !important;
}

.gitbook-link {
  display: none !important;
}

.book-header:hover h1 {
  display: none !important;
}

.dropdown-menu {
  background: #ffffff;
  border-radius: 11px;
  box-shadow: 0px 4px 32.3px 0px rgba(0, 0, 0, 0.10);
}

.buttons {
  display: flex;
}

.buttons .size-3:first-child:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../Pictures/Group 104.png') no-repeat center;
  background-size: 100%;
}

.buttons .size-3:nth-child(2):after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../Pictures/Group 106.png') no-repeat center;
  background-size: 100%;
}

.buttons .size-3:last-child:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../Pictures/Group 105.png') no-repeat center;
  background-size: 100%;
}

.color-theme-1 .book-summary,
.color-theme-1 .book-body,
.color-theme-1 .page-wrapper,
.color-theme-1 section {
  background: #14171c !important;
}

.color-theme-1 .articles li.expanded.chapter a:hover,
.color-theme-1 .articles li.expanded.chapter.active a {
  color: #000 !important;
  font-weight: 600 !important;
  background: #fff !important;
  border: 1px solid #e2e8ff !important;
}

.book.color-theme-2 .book-body .page-wrapper .page-inner section.normal ul,
.book.color-theme-2 .book-body .page-wrapper .page-inner section.normal li,
.book.color-theme-2 .book-body .page-wrapper .page-inner section.normal a,
.book.color-theme-2 .book-body .page-wrapper .page-inner section.normal p,
.book.color-theme-2 .book-body .page-wrapper .page-inner section.normal table,
.book.color-theme-2 .book-body .page-wrapper .page-inner section.normal pre,
.book.color-theme-2 .book-body .page-wrapper .page-inner section.normal span {
  color: #fffffa;
}

.book.color-theme-1 .book-body .page-wrapper .page-inner section.normal ul,
.book.color-theme-1 .book-body .page-wrapper .page-inner section.normal li,
.book.color-theme-1 .book-body .page-wrapper .page-inner section.normal a,
.book.color-theme-1 .book-body .page-wrapper .page-inner section.normal p,
.book.color-theme-1 .book-body .page-wrapper .page-inner section.normal pre,
.book.color-theme-1 .book-body .page-wrapper .page-inner section.normal span {
  color: #fffffa;
}

.book.color-theme-2 .book-body .page-wrapper .page-inner section.normal .note-light,
.book.color-theme-2 .book-body .page-wrapper .page-inner section.normal .note-deep,
.book.color-theme-1 .book-body .page-wrapper .page-inner section.normal .note-light,
.book.color-theme-1 .book-body .page-wrapper .page-inner section.normal .note-deep{
  color: rgba(0,0,0,.8);
}

.book.color-theme-1 .search-results *,.book.color-theme-2 .search-results *{
  color: #fffffa;
}

.book.color-theme-1 .search-results .search-highlight-keyword,.book.color-theme-2 .search-results .search-highlight-keyword {
  color: rgba(0,0,0,.8);
}

.book.color-theme-2 .book-body .page-wrapper .page-inner section.normal .note-light a,
.book.color-theme-2 .book-body .page-wrapper .page-inner section.normal .note-deep a,
.book.color-theme-1 .book-body .page-wrapper .page-inner section.normal .note-light a,
.book.color-theme-1 .book-body .page-wrapper .page-inner section.normal .note-deep a {
  color:#275EFF;
}

.info.alert {
  border: none;
  background: #e6eeff;
  border-radius: 4px;
}

.info.alert p {
  margin-top: 0;
  text-align: center;
}

.info.alert .title {
  text-align: left;
}

.note-deep {
  padding: 27px 0;
  text-align: center;
  background: #e6eeff;
  border-radius: 4px;
}

.note-light {
  padding: 15px 22px;
  background: #f0f4ff;
  border-radius: 4px;
}

.image-container {
  display: flex;
  align-items: center;
  gap: 64px;
}

 .image-container-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.image-container .image-container-item .image-container-desc {
  color: rgba(0, 0, 0, 0.50);
}

.catalog {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.catalog .catalog-item {
  padding: 18px 24px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.catalog .catalog-item >img {
  width: 25px;
  height: 12px;
}