.blog-detail-page{padding:58px 24px 80px}.blog-detail-layout{grid-template-columns:220px 1fr;gap:28px;max-width:1020px;margin:0 auto;display:grid}.blog-detail-layout-no-toc{max-width:820px;display:block}.blog-detail-container-unique1{box-sizing:border-box;color:var(--text-color);overflow-wrap:break-word;width:100%;max-width:760px;padding:28px 32px;line-height:1.75}.blog-detail-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.blog-detail-meta-item{color:color-mix(in srgb, var(--text-color) 58%, transparent);font-size:.85rem;font-weight:600}.blog-header-image-unique img{object-fit:cover;background:#0f172ab8;width:100%;height:auto;max-height:460px;margin-bottom:28px}.blog-title-unique{color:var(--text-color);margin:0 0 12px;font-family:Marcellus,serif;font-size:3rem;font-weight:500;line-height:1.08}.blog-date-unique{color:color-mix(in srgb, var(--text-color) 58%, transparent);margin-bottom:32px;font-size:.88rem;font-weight:700}.blog-tags-unique{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.blog-content-unique{color:color-mix(in srgb, var(--text-color) 78%, transparent);overflow-wrap:break-word;word-break:break-word;max-width:100%;font-size:1rem;line-height:1.85;overflow-x:hidden}.blog-content-unique figure{max-width:100%;margin:1.5rem 0}.blog-content-unique p{margin-bottom:1.5rem}.blog-content-unique img,.blog-content-unique video,.blog-content-unique iframe,.blog-content-unique embed,.blog-content-unique object{max-width:100%!important;height:auto!important}.blog-content-unique table{white-space:nowrap;max-width:100%;display:block;overflow-x:auto}.blog-content-unique h2,.blog-content-unique h3{color:var(--text-color);margin:2.2rem 0 1rem;scroll-margin-top:80px;font-family:Marcellus,serif;font-weight:500}.blog-content-unique a{color:var(--accent-primary);text-decoration:none}.blog-content-unique a:hover{color:var(--accent-secondary)}.blog-content-unique img{width:100%;max-width:100%;height:auto;margin:1.5rem 0}.blog-content-unique ul,.blog-content-unique ol{margin:1.5rem 0;padding-left:1.5rem}.blog-content-unique blockquote{background-color:color-mix(in srgb, var(--primary-color) 74%, transparent);border-left:3px solid var(--accent-primary);color:color-mix(in srgb, var(--text-color) 72%, transparent);margin:2rem 0;padding:1rem 1.5rem;font-style:italic}.blog-content-unique pre{background:color-mix(in srgb, var(--text-color) 8%, transparent);border:1px solid color-mix(in srgb, var(--text-color) 10%, transparent);padding:20px;overflow-x:auto}.blog-content-unique code{background:color-mix(in srgb, var(--text-color) 10%, transparent);padding:2px 6px;font-size:.88rem}.blog-content-unique pre code{background:0 0;padding:0}.blog-toc{align-self:start;position:sticky;top:80px}.blog-toc-title{color:var(--text-color);text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px;font-family:Marcellus,serif;font-size:.9rem;font-weight:500}.blog-toc-list{margin:0;padding:0;list-style:none}.blog-toc-item{border-left:2px solid color-mix(in srgb, var(--text-color) 10%, transparent);margin-bottom:2px}.blog-toc-item.blog-toc-active{border-left-color:var(--accent-primary)}.blog-toc-link{color:color-mix(in srgb, var(--text-color) 52%, transparent);padding:6px 14px;font-size:.82rem;line-height:1.4;text-decoration:none;transition:color .18s;display:block}.blog-toc-link:hover,.blog-toc-active .blog-toc-link{color:var(--text-color)}.blog-toc-level-2{padding-left:0}.blog-toc-level-3{padding-left:16px}.blog-detail-footer-unique{border-top:1px solid color-mix(in srgb, var(--text-color) 10%, transparent);margin-top:40px;padding-top:24px}.blog-detail-share{align-items:center;gap:8px;display:flex}.blog-detail-share-label{color:color-mix(in srgb, var(--text-color) 46%, transparent);text-transform:uppercase;margin-right:8px;font-size:.78rem;font-weight:700}.blog-detail-share-btn{background:color-mix(in srgb, var(--primary-color) 78%, transparent);border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent);color:var(--text-color);cursor:pointer;text-transform:uppercase;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:0 12px;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}.blog-detail-share-btn:hover{color:#04111f;background:linear-gradient(135deg,#7dd3fcf2,#9ae6b4e6);border-color:#9ae6b452}.blog-related-section{background:color-mix(in srgb, var(--primary-color) 96%, transparent);margin-top:60px;padding:60px 0}.blog-related-title{color:var(--text-color);margin:0 0 28px;font-family:Marcellus,serif;font-size:2.2rem;font-weight:500}.blog-card-footer-cs1{color:var(--accent-primary);text-transform:uppercase;margin-top:auto;padding-top:12px;font-size:.76rem;font-weight:700}.blog-detail-empty{color:var(--text-color);max-width:900px;margin:80px auto;padding:0 24px}.spinner{border:2px solid #94a3b82e;border-top-color:var(--accent-primary);width:42px;height:42px;margin:120px auto;animation:.8s linear infinite blog-spin}@keyframes blog-spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.blog-detail-layout{grid-template-columns:1fr}.blog-toc{display:none}}@media (max-width:899px){.blog-detail-layout{max-width:820px;display:block}}@media (max-width:768px){.blog-detail-page{padding:44px 18px 64px}.blog-detail-container-unique1{padding:20px}.blog-title-unique{font-size:2.15rem}.blog-related-section{padding:40px 0}.blog-related-title{font-size:1.65rem}}@media (max-width:576px){.blog-detail-page{padding:32px 14px 48px}.blog-detail-container-unique1{padding:16px}.blog-title-unique{word-break:break-word;font-size:1.6rem}.blog-detail-meta{gap:8px;font-size:.78rem}.blog-detail-meta-item{font-size:.78rem}.blog-content-unique{font-size:.92rem;line-height:1.75}.blog-content-unique img{width:100%}.blog-content-unique pre{padding:14px;font-size:.8rem}.blog-content-unique blockquote{margin:1.5rem 0;padding:.8rem 1rem}.blog-tags-unique{gap:6px}.blog-related-section{margin-top:40px;padding:28px 0}.blog-related-title{font-size:1.35rem}.blog-detail-footer-unique{margin-top:28px;padding-top:18px}}