/* 侧边文章导航样式 */
 .sidebar-detail {
   flex-shrink: 0;
   position: sticky;
   top: 136px;
   margin-top: 48px;
   padding-top: 62px;
   min-width: 248px;
   border-left: 1px solid #EEE;
   align-self: baseline;
 }

 .sidebar-detail::before {
   content: '';
   display: block;
   width: 14px;
   height: 14px;
   background-image: url('../../image/icon/side-top-icon.png');
   background-size: 100% 100%;
   position: absolute;
   top: -7px;
   left: -7px;
 }

 /* 侧边栏容器 */
 .sidebar-detail .sidebar-content {
   background: #FFF;
 }

 /* 侧边文章导航样式 */
 .sidebar-detail-navigation {
   width: 248px;
   display: flex;
   flex-direction: column;
 }

 .prev-next-detail {
   display: flex;
   flex-direction: column;
   padding: 24px 0 28px 24px;
 }

 .sidebar-detail-nav-section {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }

 .nav-header .nav-link {
   display: block;
   color: #111111;
   font-weight: 500;
   font-size: 14px;
   line-height: 22px;
   text-decoration: none;
 }

 .sidebar-detail-info {
   display: flex;
   flex-direction: column;
   align-self: stretch;
   gap: 6px;
 }

 .sidebar-detail-title .title-link {
   display: block;
   color: #444444;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   text-decoration: none;
 }

 .sidebar-detail-title .title-link:hover {
   color: #1A6BB7;
 }

 .sidebar-detail-date {
   color: #777777;
   font-weight: 700;
   font-size: 14px;
 }

 .nav-divider {
   align-self: stretch;
   height: 0;
   border: none;
   border-top: 1px solid #EEEEEE;
   margin: 20px 0;
 }