/** 布局样式 */
@import 'layouts/_header.css';
@import 'layouts/_nav.css';
@import 'search.css';
@import 'homepage.css';

@font-face {
  font-family: "Alibaba PuHuiTi";
  src: url("../fonts/Alibaba-PuHuiTi-Light\ 2.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Alibaba PuHuiTi";
  src: url("../fonts/Alibaba-PuHuiTi-Regular\ 2.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Alibaba PuHuiTi";
  src: url("../fonts/Alibaba-PuHuiTi-Medium\ 2.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Alibaba PuHuiTi";
  src: url("../fonts//Alibaba-PuHuiTi-Heavy\ 2.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Alibaba PuHuiTi";
  src: url("../fonts/Alibaba-PuHuiTi-Bold\ 2.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

/* 参考：https://squidfunk.github.io/mkdocs-material/setup/changing-the-colors/#custom-colors */
:root  > * {
  /* 这个是为了覆盖默认的强调色，比如滚动条颜色 */
  --md-accent-fg-color: #adadad;
}

.md-container .md-tabs {
  display: none;
}

.md-container .md-main .md-main__inner {
  max-width: 100%;
  margin-top: 0;
  padding-top: 0;
}

.md-container .md-content {
  position: relative;
  min-height: calc(100vh - 60px);
}

.md-container .md-footer {
  display: none;
}

/** 中间区域文档样式 */
.md-container .md-main .md-main__inner h1,
.md-container .md-main .md-main__inner h2,
.md-container .md-main .md-main__inner h3,
.md-container .md-main .md-main__inner h4,
.md-container .md-main .md-main__inner h5,
.md-container .md-main .md-main__inner h6 {
  color: #1f1f1f;
  font-weight: 600;
  font-family: "PingFang SC";
}

/* .md-container .md-main .md-main__inner h1 {
  line-height: 42px;
}

.md-container .md-main .md-main__inner h2 {
  line-height: 28px;
} */

.md-container .md-main .md-main__inner > p {
  color: #1f1f1f;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.md-container .md-main .md-main__inner blockquote {
  border-left: 2px solid #D8DAD9;
}

.md-container .md-main .md-main__inner blockquote p {
  color: var(--md-default-fg-color--light);
}

.md-container .md-main .md-main__inner code {
  /* 和正文字体p标签一致 */
  font-size: .8rem;
}


/* 滚动条样式 */
/* 整个滚动条 */
::-webkit-scrollbar {
  width: 8px;           /* 垂直滚动条宽度 */
  height: 8px;          /* 水平滚动条高度 */
}

/* 滑块轨道 */
::-webkit-scrollbar-track {
  background: #f0f0f0;  /* 背景色 */
  border-radius: 4px;    /* 圆角 */
}

/* 滑块 */
::-webkit-scrollbar-thumb {
  background-color: #adadad;  /* 滑块颜色 */
  border-radius: 4px;
  border: 2px solid #f0f0f0; /* 留出一点空隙，让轨道可见 */
}

/* 鼠标悬停滑块 */
::-webkit-scrollbar-thumb:hover {
  background-color: #919191;
}

/* 可选：隐藏默认两端箭头 */
::-webkit-scrollbar-button {
  display: none;
}