.BlogDetailClient-module__8notQW__blog-detail{padding-top:0}.BlogDetailClient-module__8notQW__blog-detail-hero{border-bottom:1px solid var(--color-border);padding:clamp(40px,6vw,72px) 0 clamp(28px,4vw,48px)}.BlogDetailClient-module__8notQW__blog-detail-hero-inner{max-width:1280px;margin:0 auto;padding:0 clamp(24px,3vw,48px)}.BlogDetailClient-module__8notQW__blog-detail-title{color:var(--color-ink);margin:.5rem 0 .75rem;font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:700;line-height:1.2}.BlogDetailClient-module__8notQW__blog-detail-meta{margin:0 0 1rem;font-size:.875rem}.BlogDetailClient-module__8notQW__blog-detail-tags{flex-wrap:wrap;gap:.5rem;display:flex}.BlogDetailClient-module__8notQW__blog-progress-bar{background:var(--color-secondary);z-index:200;pointer-events:none;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.BlogDetailClient-module__8notQW__blog-layout{grid-template-columns:240px 1fr;align-items:start;gap:3rem;max-width:1280px;margin:0 auto;padding:clamp(32px,4vw,56px) clamp(24px,3vw,48px) clamp(48px,6vw,80px);display:grid}@media (max-width:1024px){.BlogDetailClient-module__8notQW__blog-layout{grid-template-columns:1fr}.BlogDetailClient-module__8notQW__blog-sidebar{display:none}}.BlogDetailClient-module__8notQW__blog-sidebar{flex-direction:column;gap:1rem;display:flex;position:sticky;top:88px}.BlogDetailClient-module__8notQW__blog-toc-card,.BlogDetailClient-module__8notQW__blog-share-card{border:1px solid var(--color-border);background:#fff;border-radius:12px;padding:1.25rem 1rem;box-shadow:0 1px 4px #0000000f}.BlogDetailClient-module__8notQW__blog-sidebar-label{letter-spacing:.1em;text-transform:uppercase;color:#111;margin:0 0 .75rem;font-size:.65rem;font-weight:700}.BlogDetailClient-module__8notQW__blog-toc-list{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex-direction:column;gap:1px;max-height:52vh;display:flex;overflow-y:auto}.BlogDetailClient-module__8notQW__blog-toc-item{text-align:left;cursor:pointer;color:#333;background:0 0;border:none;border-radius:6px;width:100%;padding:.3rem .5rem;font-size:.8rem;line-height:1.4;transition:color .15s,background .15s;display:block}.BlogDetailClient-module__8notQW__blog-toc-item:hover{color:#1a56db;background:#1a56db0f}.BlogDetailClient-module__8notQW__blog-toc-item--active{color:#1a56db;background:#1a56db14;font-weight:600}.BlogDetailClient-module__8notQW__blog-share-row{gap:.5rem;display:flex}.BlogDetailClient-module__8notQW__blog-share-btn{border:1px solid var(--color-border);color:#333;cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:color .15s,border-color .15s,transform .15s;display:flex}.BlogDetailClient-module__8notQW__blog-share-btn:hover{color:#1a56db;border-color:#1a56db;transform:translateY(-2px)}.BlogDetailClient-module__8notQW__blog-detail-cover{object-fit:cover;border-radius:12px;width:100%;max-height:460px;margin-bottom:2rem;display:block}.BlogDetailClient-module__8notQW__blog-content .prose h2{font-size:var(--font-size-h2);color:var(--color-ink);margin:2em 0 .5em;font-weight:600;line-height:66px}.BlogDetailClient-module__8notQW__blog-content .prose h3{font-size:var(--font-size-h3);color:var(--color-ink);margin:1.5em 0 .4em;font-weight:500;line-height:46px}.BlogDetailClient-module__8notQW__blog-back-top{background:var(--color-secondary);color:#fff;cursor:pointer;z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 16px #3a47864d}.BlogDetailClient-module__8notQW__blog-back-top:hover{transform:translateY(-3px);box-shadow:0 8px 24px #3a478666}