.reading-progress-bar{z-index:9999;pointer-events:none;background:#00000014;height:3px;position:fixed;top:0;left:0;right:0}.reading-progress-bar__fill{background:#2563eb;border-radius:0 2px 2px 0;height:100%;transition:width .1s linear}
.blog-toc{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem 1.5rem}.blog-toc__title{text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin:0 0 1rem;font-size:.75rem;font-weight:700}.blog-toc__list{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.blog-toc__item{display:flex}.blog-toc__item--sub{padding-left:.875rem}.blog-toc__link{text-align:left;cursor:pointer;color:#475569;background:0 0;border:none;border-radius:4px;width:100%;padding:.3rem .5rem;font-size:.8125rem;line-height:1.45;transition:color .15s,background .15s;display:block}.blog-toc__link:hover{color:#2563eb;background:#eff6ff}.blog-toc__link--active{color:#2563eb;background:#eff6ff;font-weight:600}
.blog-share{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:.5rem;margin:2rem 0 0;padding:1.25rem 0;display:flex}.blog-share__label{color:#64748b;margin-right:.25rem;font-size:.8125rem;font-weight:600}.blog-share__btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.375rem;padding:.4rem .875rem;font-size:.8125rem;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.blog-share__btn:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.blog-share__btn--copy.blog-share__btn--copied{color:#16a34a;background:#f0fdf4;border-color:#16a34a}
.blog-next-prev{border-top:1px solid #f1f5f9;margin-top:2.5rem;padding-top:2rem}.blog-next-prev__inner{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.blog-next-prev__card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;gap:.625rem;padding:1rem 1.25rem;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.blog-next-prev__card:hover{background:#eff6ff;border-color:#2563eb;box-shadow:0 2px 8px #2563eb1a}.blog-next-prev__card--next{align-items:flex-end}.blog-next-prev__direction{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.blog-next-prev__content{align-items:center;gap:.75rem;display:flex}.blog-next-prev__card--next .blog-next-prev__content{flex-direction:row-reverse}.blog-next-prev__thumb{background:#e2e8f0;border-radius:6px;flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden}.blog-next-prev__title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}@media (max-width:600px){.blog-next-prev__inner{grid-template-columns:1fr}.blog-next-prev__card--next{align-items:flex-start}.blog-next-prev__card--next .blog-next-prev__content{flex-direction:row}}