.side-box {
  position: sticky;
  top: 10px;
  padding: 0;
  /* max-height: calc(100vh - 10px); */
}

.side-box .side {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 10px);
}

.side-box .info-title-big {
  margin-top: 15rem;
  padding-left: 15rem;
  padding-right: 15rem;
  margin-bottom: 5rem;
}

.side-box .info-title-big::before {
  border-radius: 6rem;
}

.side-box .info-title-big.message-unread::after {
  content: '';
  width: 10px;
  height: 10px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  top: 24px;
  position: absolute;
}

.side-menu {
  overflow-y: auto;
  padding: 2rem 15rem;
  flex: 1;
  height: 0;
}

.article-detail-box {
  padding-top: 20rem;
  border-bottom: 1px solid var(--border-color-light);
}

.article-detail-box .article-detail-title {
  font-weight: bold;
}

.article-detail-box .related-tagged {
  margin: 20rem 0 30rem;
}

.article-detail-box .tagged-title {
  font-size: var(--font-size-small);
}

.back-top {
  bottom: 130px;
}

.menu-btn {
  display: none !important;
}

.menu-btn .icon-list {
  font-size: 24rem;
}

/* 隐藏投票列表导航 */
.poll-show-btn {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .side-box {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
    height: 100vh;
    width: 100vw;
    left: 0;
    top: auto;
    display: none;
  }

  .side-box .side {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80%;
    background: white;
    border-radius: 10rem 10rem 0 0;
  }

  .menu-btn {
    display: block !important;
    bottom: 70px;
  }

  .menu-btn .fixed-btn {
    background: rgb(7, 157, 80, 0.9);
  }

  .article-detail-box .article-detail-title {
    font-size: 30rem;
  }
}