.blog-pagination{display:flex;gap:8px;justify-content:center;align-items:center;margin:24px 0;flex-wrap:wrap}.blog-page-button{min-width:38px;height:38px;border:1px solid #dce2e8;border-radius:10px;background:#fff;cursor:pointer;font:inherit}.blog-page-button.active{background:#19232d;color:#fff;border-color:#19232d}.blog-empty{display:grid;place-items:center;gap:8px;text-align:center;padding:48px 20px;border:1px dashed #d8dee5;border-radius:18px;background:#fff}.blog-empty i{font-size:30px}.is-loading{opacity:.55;pointer-events:none;transition:opacity .15s ease}.article-hero-image{width:min(420px,100%);max-height:320px;object-fit:cover;border-radius:18px}.toc-sub{padding-right:14px;font-size:.92em}.checkbox-grid{display:flex;flex-wrap:wrap;gap:10px 18px}.checkbox-grid label{display:flex;gap:6px;align-items:center}
.article-toc-dock[hidden]{display:none!important}.article-toc-dock{position:fixed;z-index:55;top:var(--article-header-offset,150px);inset-inline: max(12px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #d8e2e8;border-radius:13px;background:rgba(255,255,255,.98);box-shadow:0 8px 28px #1e293b26;max-width:calc(100vw - 24px)}.article-toc-dock>strong{flex:0 0 auto;font-size:16px;color:#334155}.article-toc-dock nav{display:flex;align-items:center;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;min-width:0;max-width:100%;padding:2px;scrollbar-width:thin}.article-toc-dock a{flex:0 0 auto;white-space:nowrap;display:block;padding:7px 11px;border-radius:8px;background:#f1f5f9;color:#334155;text-decoration:none;font-size:15px}.article-toc-dock a:hover,.article-toc-dock a.active{background:#334155;color:#fff}.article-content h2,.article-content h3,.article-content h4{scroll-margin-top:var(--article-anchor-offset,150px)}@media(min-width:901px){.article-toc{top:var(--article-header-offset,150px);max-height:max(96px,calc(100vh - var(--article-header-offset,150px) - 12px));overflow-y:auto;scrollbar-width:thin}}@media(max-width:620px){.article-toc-dock{inset-inline:8px;max-width:calc(100vw - 16px);padding:8px;gap:8px}.article-toc-dock>strong{font-size:14px}.article-toc-dock a{font-size:15px;padding:8px 10px}}
.blog-shell{width:min(1180px,calc(100% - 28px));margin-inline:auto;min-width:0}.article-layout,.article-layout>*{min-width:0;max-width:100%}.article-toc nav{min-width:0;max-width:100%}.article-content{max-width:100%}@media(max-width:900px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-toc a{flex:0 0 auto}}@media(max-width:620px){.blog-shell{width:calc(100% - 20px)}}