/*  ============================= 目录 =============================== */

.cataLog-container {
  position: absolute;

  top: 300px;
}


.cataLog {
  position: sticky;
  width: 90%;
  /* height: 540px; */
  top: 100px;
  /* float: left; */
  left: -30px;
  background-color: rgba(252, 210, 148, 0.2);
  padding: 20px;
  border-radius: 20px;
  text-align: center;
  box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.3),
    inset -4px -4px 4px rgba(255, 255, 255, 0.7),
    -5px -5px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.3s;
}

.cataLog:hover {
  transform: translateY(-8px) scale(1.01, 1.01);
  box-shadow: inset 8px 8px 8px rgba(0, 0, 0, 0.3),
    inset -8px -8px 8px rgba(255, 255, 255, 0.7),
    -10px -10px 10px rgba(0, 0, 0, 0.4);
}


.cataLog ul {
  padding: 0;
}

.cataLog li {
  list-style: none;
  font-size: 20px;
  border-bottom: #b37b4a 1px solid;
}

.cataLog a {
  text-decoration: none;
  color: rgb(236, 163, 79);
}

#article {
  /* background-color: red; */
  /* margin-left: 100px; */
  /* padding: 100px; */
}

/* 添加一些样式来表示高亮 */
.highlight {
  color: #fff !important;
  text-shadow: 1.5px 1.5px 1.5px #754113;
  /* color: rgb(255, 60, 0) !important; */
}

/*  =========================== END 目录 =============================== */


/* =========================== 正文边框 ================================= */
/* 重写 bootstrap的bd-callout 并重命名为article-border  */
/* CALLOUT */
.article-border {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid rgb(230, 192, 123);
  border-left-width: .25rem;
  border-radius: 1.25rem;
  box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.3),
    inset -4px -4px 4px rgba(255, 255, 255, 0.7),
    -5px -5px 5px rgba(0, 0, 0, 0.4);
}

.article-border h4 {
  margin-bottom: .25rem
}

.article-border p:last-child {
  margin-bottom: 0
}

.article-border code {
  border-radius: .25rem
}

.article-border+.article-border {
  margin-top: -.25rem
}

.article-border-info {
  border-left-color: #935A29
}

.article-border-warning {
  border-left-color: #f0ad4e
}

.article-border-danger {
  border-left-color: #d9534f
}

/* =========================== END 正文边框 ================================= */


/* ================= 正文 ================ */

.article-img {
  display: flex;
  justify-content: center;
  align-items: center;
}

.article-img img {
  margin: 0 auto;
  width: 80%;
  /* width: 80%; */
}

.article-container {
  display: flex;
}

.article-container p {
  font-family: Arial, sans-serif;
  /* font-family: Georgia, serif; */
  /* font-size: 16px; */
  line-height: 1.5;
  text-align: left;
  margin-bottom: 10px;
  text-indent: 2em;
  /*padding-left: 1em; /* 使用padding代替text-indent来实现缩进 */
  /* 可根据需要调整缩进大小 */
  word-wrap: break-word; /* 只对英文起作用，以单词作为换行依据*/
  text-align:justify;  /*css英文语句的两端对齐：*/
}

/* 自适应字体大小段落 */
.article-container .auto-p {
  font-family: Arial, sans-serif;
  /* font-family: Georgia, serif; */
  /* font-size: 16px; */
  line-height: 1.5;
  text-align: left;
  margin-bottom: 10px;
  text-indent: 1em;
}

@media (max-width: 1199px) {
  .auto-p {
    font-size: 18px !important;
  }
}

@media (max-width: 992px) {
  .auto-p {
    font-size: 15px !important;
  }

}


.article-container .p-list {
  font-family: Georgia, serif;
  font-size: 30px;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 10px;
  text-indent: 1em;
}

.article-container .p-list-2 {
  font-family: Georgia, serif;
  font-size: 22px;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 10px;
  text-indent: 1em;
  color: #c07534;
}

li {
  font-size: 20px;
}

.left-side {
  width: 15%;
}

.right-side {
  width: 85%;
}

.article-title {
  text-align: center;
  color: #935A29;
}


.article-content h2 {
  color: #9e6f45;
  text-align: center;
  font-size: 37px;
  font-weight: bold;
  /*标题居中*/
}

.article-content h3 {
  font-size: 1.9rem;
  color: #9b7758;
  font-family: Georgia, serif;
}

.article-content h4 {
  font-size: 30px;
  color: #d67842;
  font-family: Georgia, serif;
}

.article-content h5 {
  font-size: 23px;
  color: #d67842;
  font-family: Georgia, serif;
}

.article-content i {
  text-align: center;
}

.anno {
  text-align: center;
}


/* 参考文献 */

.references-border {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid rgb(230, 192, 123);
  border-left-width: .25rem;
  border-radius: 1.25rem;
  box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.3),
    inset -4px -4px 4px rgba(255, 255, 255, 0.7),
    -5px -5px 5px rgba(0, 0, 0, 0.4);
}

.references-border li{
  border-bottom: #754113 1px solid;
} 

.references-border button {
  background: #754113;
}

.references-border-info {
  border-left-color: #e98e44e1
}

.references-button {
  width: 100%;
}

#references ul {
  transition: 0.5s;
}


/* 重写.dropdown-menu */
.dropdown-menu {
  max-height: 600px;
  overflow: auto;
  background-color: #FDF0D8;
}

.dropdown-menu li {
  margin-top: 6px;
}

/* 表格 */

table th,td {
  text-align: center;
}

/*# sourceMappingURL=index.css.map */




@media (max-width: 991px) {
  .left-side {
    display: none;
  }

  .right-side {
    width: 100vw;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;

    /* position: absolute;
    left: 0;
    top: 0;
    width: 100%; */

  }
  .container {
    max-width: 100vw;
  }
}


/* 下划线 */
/* 有下划线着重显示，点击可跳转 */
.underTo {
  text-decoration: underline;
  text-indent: 0;
  cursor: pointer;
  color: #754113;
  text-shadow: 1px 1px 2px #df8582;
}

.underTo a {
  color: #754113;
  text-decoration: none;
  /* 去掉下划线 */
}

.underTo:hover {
  color: #fff;
  text-shadow: 1px 1px 2px #754113;
}

.underTo:hover a {
  color: #fff;
  text-shadow: 1px 1px 2px #754113;
  text-decoration: none;
  /* 去掉下划线 */
}

/* 仅有下划线着重显示 */
.underL {
  color: #754113;
  text-shadow: 1px 1px 2px #df8582;
}

/* 亮黄色色块高亮 */
.blok-highlight {
  background-color: #FFFF00;
  /* 亮黄色的十六进制表示 */
  color: #000000;
  /* 黑色文本，以确保可读性 */
}

/* 发光字体效果 */
.neon {
  color: #cce7f8;
  font-size: 2.5rem;
  -webkit-animation: shining 0.5s alternate infinite;
  animation: shining 0.5s alternate infinite;
}

@-webkit-keyframes shining {
  from {
    text-shadow: 0 0 10px lightblue, 0 0 20px lightblue, 0 0 30px lightblue, 0 0 40px skyblue, 0 0 50px skyblue, 0 0 60px skyblue;
  }

  to {
    text-shadow: 0 0 5px lightblue, 0 0 10px lightblue, 0 0 15px lightblue, 0 0 20px skyblue, 0 0 25px skyblue, 0 0 30px skyblue;
  }
}

/* 文字背景流动效果 */
.flow-text {
  font-size: 6em;
  font-family: Georgia, serif;
  color: rgba(255, 255, 255, 0.3) !important;
  /* text-shadow: 1px 1px 1px #be1e12; */
  background-image: url(/static/pic/water.png);
  text-transform: uppercase;
  letter-spacing: 8px;
  /* 注意添加私有前缀 */
  -webkit-background-clip: text;
  font-weight: 500;
  animation: wave 30s linear infinite;
}

@keyframes wave {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 1000px 0;
  }
}