.blog-details-page .blog-details-hero{max-width:920px;margin-bottom:34px}.blog-details-page .blog-category-list{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.blog-details-page .blog-category-pill{background:color-mix(in srgb,var(--accent-color),transparent 82%);color:var(--accent-color);border:1px solid color-mix(in srgb,var(--accent-color),transparent 65%);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 14px;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.blog-details-page .blog-hero-title{letter-spacing:-.04em;color:var(--heading-color);max-width:900px;margin-bottom:14px;font-size:3rem;font-weight:800;line-height:1.08}.blog-details-page .blog-hero-brief{color:color-mix(in srgb,var(--default-color),transparent 12%);max-width:760px;margin-bottom:22px;font-size:1.08rem;line-height:1.85}.blog-details-page .blog-hero-meta{color:color-mix(in srgb,var(--default-color),transparent 25%);flex-wrap:wrap;align-items:center;gap:12px;font-size:.92rem;display:flex}.blog-details-page .blog-author-meta,.blog-details-page .blog-meta-item{align-items:center;gap:10px;display:inline-flex}.blog-details-page .blog-author-avatar{object-fit:cover;border:2px solid color-mix(in srgb,var(--accent-color),transparent 72%);border-radius:50%;flex-shrink:0;width:36px;height:36px}.blog-details-page .blog-author-avatar.placeholder{background:color-mix(in srgb,var(--accent-color),transparent 82%);color:var(--accent-color);justify-content:center;align-items:center;display:inline-flex}.blog-details-page .blog-meta-item i{color:var(--accent-color);font-size:.95rem}.blog-details-page .blog-meta-sep{color:color-mix(in srgb,var(--default-color),transparent 55%)}.blog-details-page .blog-left-sidebar{position:sticky;top:110px}.blog-details-page .blog-share-card,.blog-details-page .blog-toc-card,.blog-details-page .blog-tags-card{background:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-top:4px solid var(--accent-color);box-shadow:0 10px 30px color-mix(in srgb,var(--default-color),transparent 95%);border-radius:14px;margin-bottom:24px;padding:22px 18px}.blog-details-page .blog-share-card h3,.blog-details-page .blog-toc-card h3,.blog-details-page .blog-tags-card h3{color:var(--heading-color);margin-bottom:18px;font-size:1rem;font-weight:700}.blog-details-page .blog-share-icons{flex-direction:column;gap:12px;display:flex}.blog-details-page .blog-toc-list{margin:0;padding:0;list-style:none}.blog-details-page .blog-toc-list li+li{margin-top:12px}.blog-details-page .blog-toc-list li a{color:color-mix(in srgb,var(--default-color),transparent 10%);align-items:flex-start;gap:8px;font-size:.93rem;line-height:1.65;text-decoration:none;transition:all .3s;display:flex}.blog-details-page .blog-toc-list li a:hover{color:var(--accent-color);transform:translate(2px)}.blog-details-page .blog-toc-list .toc-number{color:var(--accent-color);min-width:20px;font-weight:700}.blog-details-page .blog-toc-list li.level-3 a{padding-left:14px;font-size:.88rem}.blog-details-page .blog-toc-more{color:var(--accent-color);margin-top:14px;font-size:.88rem;font-weight:600}.blog-details-page .blog-tag-list{flex-wrap:wrap;gap:8px;display:flex}.blog-details-page .blog-tag-pill{border:1px solid color-mix(in srgb,var(--accent-color),transparent 65%);color:var(--accent-color);border-radius:999px;justify-content:center;align-items:center;padding:6px 14px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.blog-details-page .blog-tag-pill:hover{background:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px)}.blog-details-page .blog-main-content{min-width:0}.blog-details-page .blog-cover-wrap{background:color-mix(in srgb,var(--surface-color),transparent 0%);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);box-shadow:0 18px 40px color-mix(in srgb,var(--accent-color),transparent 92%);border-radius:18px;margin-bottom:34px;overflow:hidden}.blog-details-page .blog-cover{width:100%;height:auto;display:block}.blog-details-page .blog-article-body{color:color-mix(in srgb,var(--default-color),transparent 10%);font-size:1.04rem;line-height:1.9}.blog-details-page .blog-article-body>:first-child{margin-top:0}.blog-details-page .blog-article-body p{margin-bottom:1.25rem}.blog-details-page .blog-article-body .blog-md-h2{color:var(--heading-color);margin-top:3rem;margin-bottom:1.25rem;scroll-margin-top:120px;font-size:2rem;font-weight:800;line-height:1.25}.blog-details-page .blog-article-body .blog-md-h3{color:var(--heading-color);margin-top:2.2rem;margin-bottom:1rem;scroll-margin-top:120px;font-size:1.4rem;font-weight:700;line-height:1.35}.blog-details-page .blog-article-body ul,.blog-details-page .blog-article-body ol{margin-bottom:1.4rem;padding-left:1.4rem}.blog-details-page .blog-article-body li{margin-bottom:.6rem}.blog-details-page .blog-article-body blockquote{border-left:4px solid var(--accent-color);background:color-mix(in srgb,var(--accent-color),transparent 94%);color:color-mix(in srgb,var(--default-color),transparent 8%);border-radius:14px;margin:2rem 0;padding:1.5rem 1.6rem}.blog-details-page .blog-inline-image{border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-radius:18px;width:100%;height:auto;margin:2rem 0;display:block}.blog-details-page .blog-inline-link{color:var(--accent-color);text-underline-offset:3px;text-decoration:underline}.blog-details-page .blog-inline-link:hover{color:color-mix(in srgb,var(--accent-color),white 8%)}@media (max-width:1199px){.blog-details-page .blog-hero-title{font-size:2.55rem}}@media (max-width:991px){.blog-details-page .blog-left-sidebar{position:static}.blog-details-page .blog-share-icons{flex-flow:wrap}.blog-details-page .blog-hero-title{font-size:2.2rem}.blog-details-page .blog-article-body .blog-md-h2{font-size:1.7rem}}@media (max-width:767px){.blog-details-page .blog-details-hero{margin-bottom:26px}.blog-details-page .blog-hero-title{font-size:1.8rem}.blog-details-page .blog-hero-brief{font-size:.98rem;line-height:1.8}.blog-details-page .blog-hero-meta{gap:10px;font-size:.85rem}.blog-details-page .blog-share-card,.blog-details-page .blog-toc-card,.blog-details-page .blog-tags-card{padding:18px 16px}.blog-details-page .blog-cover-wrap{border-radius:12px}.blog-details-page .blog-article-body{font-size:.98rem;line-height:1.85}.blog-details-page .blog-article-body .blog-md-h2{font-size:1.45rem}.blog-details-page .blog-article-body .blog-md-h3{font-size:1.2rem}}