.rd-article-sidebar{
  position:sticky;
  top:70px;
  display:grid;
  gap:18px;
  align-self:start;
}
.rd-author-box p{
  margin:0 0 22px;
  color:#667085;
  line-height:1.75;
  font-size:.95rem;
}
.rd-author-actions{
  display:grid;
  gap:12px;
}
.rd-author-actions .zb-btn{
  width:100%;
  justify-content:center;
}

.rd-sidebar-box{
  padding:24px;
  border:1px solid rgba(15, 23, 42, .08);
  border-radius:26px;
  background:#fff;
}

.rd-sidebar-box h2{
  margin:0 0 16px;
  color:#0f172a;
  font-size:1.08rem;
  line-height:1.35;
  font-weight:900;
}
.rd-toc,
.rd-sidebar-links{
  display:grid;
  gap:12px;
}

.rd-toc a,
.rd-sidebar-links a{
  color:#667085;
  line-height:1.6;
  font-size:.95rem;
}

.rd-toc a:hover,
.rd-sidebar-links a:hover{
  color:#0f172a;
}
.rd-sidebar-links a::after {
    content: "";
    position: absolute;
    left: 21px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #b28734;
    box-shadow: 0 0 0 5px rgba(196, 147, 47, .12);
}
.rd-toc-layout {
  display: flex;
  gap: 14px;
  align-items: stretch;
}

.rd-toc-progress {
  width: 3px;
  background: #e8e8e8;
  border-radius: 99px;
  flex-shrink: 0;
  overflow: hidden;
}

.rd-toc-progress span {
  display: block;
  width: 100%;
  height: 0%;
  background: #b28734;
  border-radius: 99px;
  transition: height 0.15s ease;
}
.rd-post-content h2{
  position:relative;
  margin:56px 0 22px;
  padding-left:24px;
  color:var(--zb-color-primary);
  font-size:clamp(1.7rem,2.5vw,2.5rem);
  line-height:1.18;
  font-weight:900;
  letter-spacing:-.02em;
}
.rd-toc-box{
    position: sticky;
    top:100px;
}

.rd-author-box{
    margin-top:25px;
}
/* 让 sticky 的父级不限制它 */
.blogs-section,
.blogs-section .container,
.blogs-section .row,
.rd-article-sidebar {
    overflow: visible;
}

.rd-article-sidebar {
    align-self: flex-start;
}

.rd-sidebar-box.rd-toc-box {
    position: sticky;
    top: 100px;
    z-index: 20;
}
@supports (overflow: clip) {
    html,
    body {
        overflow-x: clip;
    }
}

.zb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 20px;
    border-radius: 999px;
    border: 1px solid #0f172a;
    background: #0f172a;
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    transition: .18s ease;
}
.zb-btn:hover{background: #046da4;border-color:#046da4;color:#fff !important}