body { background:#f8f9fa; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; }
        .article-content { font-size:1.1rem; line-height:1.9; color:#2c3e50;    word-wrap: break-word;    word-break: break-all;    overflow-wrap: break-word; }
        .article-content h2 { margin:3rem 0 1.5rem; padding-bottom:.6rem; border-bottom:2px solid #e9ecef; color:#198754; font-weight:700; }
        .article-content h3 { margin:2rem 0 1rem; color:#2c3e50; font-weight:600; }
        .article-content img,.article-content video { border-radius:.6rem; box-shadow:0 4px 15px rgba(0,0,0,.1); transition:all .3s; cursor:zoom-in; max-width: 100%!important;height: inherit !important;}
        .article-content img:hover { transform:scale(1.02); box-shadow:0 10px 25px rgba(0,0,0,.18); }
        .toc a { display:block; padding:.4rem .8rem; color:#495057; text-decoration:none; border-radius:.4rem; border-left:3px solid transparent; }
        .toc a:hover, .toc .is-active-link { background:#d4edda; color:#198754; border-left-color:#198754; font-weight:600; }
        .progress { height:3px; background:#e9ecef; position:fixed; top:0; left:0; right:0; z-index:1050; }
        .reward-qrcode { width:180px; height:180px; padding:10px; background:#fff; border:1px solid #e9ecef; border-radius:.6rem; }
        .list-group-item:hover { background:#f8f9fa; transition:all .2s; }
        @media (max-width:991px) { .sticky-sidebar { position:static; } }
.prev-next a {
   color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
   text-decoration: none;
}
.prev-next a:hover {
    color: #0a58ca;
    text-decoration: underline;
}
.article-content h2,
.article-content h3 {
    scroll-margin-top: 80px;
}
.tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.tags a {
    color: #495057;
text-decoration: none;
}


.breadcrumb-nav {
    font-size: 0.9rem;
    color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.breadcrumb-nav a {
    color: #198754;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumb-nav a:hover {
    color: #0f5132;
    text-decoration: underline;
}

/* 评论淡入动画 */
.comment-fade {
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.4s ease;
}

.comment-fade.show {
  opacity: 1;
  transform: translateY(0);
}

/* 提交按钮 loading 样式 */
.btn-loading {
  pointer-events: none;
  opacity: 0.7;
}