/* 隐藏滚动条 */
.scroll-w-0::-webkit-scrollbar {
  display: none;
  /* 对于 Chrome, Safari, Opera */
}

.scroll-w-0 {
  -ms-overflow-style: none;
  /* 对于 Internet Explorer 和 Edge */
  scrollbar-width: none;
  /* 对于 Firefox */
  overflow: auto;
}

/* ==========================================================================
   万能多页导航：begin
   ========================================================================== */
.page-navigator {
  display: flex;
  justify-content: center;
  padding: 1rem;
}

.page-navigator li {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2px 2px;
  font-weight: 700;
}

.page-navigator li a {
  display: flex;
  border-radius: 4px;
  background-color: gainsboro;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
}

.page-navigator li a:where(.dark, .dark *) {
  background-color: grey;
}

.page-navigator li a:hover {
  background-color: grey;
}

.page-navigator .current a {
  background-color: grey;
}

.page-navigator li a:hover:where(.dark, .dark *),
.page-navigator .current a:where(.dark, .dark *) {
  background-color: gainsboro;
}

/* ==========================================================================
   万能多页导航：end
   ========================================================================== */


/* 评论：begin */
.comment-parent {
  /* padding-bottom: 2rem; */
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d0d5d0;
  ;
}

.comment-parent:where(.dark, .dark *) {
  border-bottom: 1px solid rgb(100 110 120);
}

.comment-parent>ol {
  margin-left: 2.5rem;
  margin-bottom: 0.5rem;
}


/* 文字闪烁效果 */
@keyframes blink {
  50% {
    background-color: rgb(162, 168, 175);
    color: rgb(67, 70, 73);
  }
}

.blink-text {
  animation: blink .75s ease-in-out 2;
}

/* 评论：end */


/* hr特效 */
.hr-solid-content {
  color: rgba(119, 194, 7, 0.795);
  border: 0;
  padding: 1rem 0;
  -webkit-mask-image: linear-gradient(to right,
      transparent,
      black,
      black,
      transparent);
  mask-image: linear-gradient(to right, transparent, black, black, transparent);
  position: relative;
}

.hr-solid-content::before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: attr(data-content);
  font-size: medium;
  line-height: 1px;
  border: 1 solid #d0d5d0;
  border-width: 0 100vw;
  width: fit-content;
  white-space: nowrap;
}

/* 懒加载：开始 */
.lazy-load {
  /*  默认背景图 */
  /* background-image: url(./images/bgdemo/ad_2.jpg); */
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  transition: .5s ease-in-out opacity;
  -webkit-transition: .5s ease-in-out opacity;
  filter: blur(35px);
  mask: radial-gradient(circle at center, white 100%, transparent 100%);
  -webkit-mask: radial-gradient(circle at center, white 100%, transparent 100%);
}

.loaded {
  filter: blur(0px);
  opacity: 1;
  transition: .5s filter linear, .5s -webkit-filter linear;
}
/* 懒加载：结束 */

/* ----------------手风琴效果：开始----------------- */
.accordion {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.accordion-title {
  /* font-weight: 700; */
  font-size: 1.25rem;
  cursor: pointer;
  /* border-radius: 0.4rem; */
}

.dark .accordion-title {
  border: 1px solid gray;
}

.accordion-body {
  box-sizing: border-box;
  display: grid;
  grid-template-rows: 0fr;
  transition: 250ms grid-template-rows ease;
}

.accordion-body * {
  /* margin: 0.25rem 0.25rem; */
  overflow: hidden;
}

.accord-open+.accordion-body {
  grid-template-rows: 1fr;
}

.ri-open:before {
  content: "\EADB\ ";
}

.ri-close:before {
  content: "\EAD4\ ";
}

.al_post_day:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 6px;
  width: 2px;
  background-color:gray;
}

.al_post_day:where(.dark, .dark *):before {
  background-color: gray;
}

.al_post_day:after {
  content: '';
  position: absolute;
  left: 2px;
  top: calc(50% - 5px);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: gray;
  transition: all .5s ease;
}

.al_post_day:where(.dark, .dark *):after {
  background-color: gray;
}

.al_post_day:hover:after {
  margin-left: -1px;
  margin-top: -1px;
  width: 12px;
  height: 12px;
  background-color: blue;
}

.al_post_day:where(.dark, .dark *):hover:after {
  background-color: dodgerblue;
}

/* ----------------手风琴效果：结束----------------- */

/* 角标 */
.r_t_label {
  font-size: 13px;
  line-height: 32px;
  background: red;
  position: absolute;
  right: 0;
  top: 0;
  z-Index: 2;
  padding: 0 2em;
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: translate(29.29%, -100%) rotate(45deg);
  -moz-transform: translate(29.29%, -100%) rotate(45deg);
  transform: translate(29.29%, -100%) rotate(45deg);
  text-indent: 0;
}

/* 图底白字背景 */
.infoback{
  background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));
  background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));
}