.blog-detail{margin-left:auto;margin-right:auto;max-width:var(--container-width);padding:var(--space-24) var(--space-24) var(--space-section-desktop)}.blog-detail__breadcrumb{color:var(--color-muted);font-family:var(--font-family-primary);font-size:var(--font-body16-size);line-height:var(--font-body16-line-height);margin-bottom:var(--space-24)}.blog-detail__breadcrumb a{color:var(--color-primary);text-decoration:none}.blog-detail__breadcrumb a:hover{text-decoration:underline}.blog-detail__breadcrumb-sep{margin:0 var(--space-4)}.blog-detail__breadcrumb-current{color:var(--color-muted);display:inline-block;max-width:280px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.blog-detail__layout{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-32)}.blog-detail__sidebar{background:var(--color-background);border-radius:var(--radius-8);flex:0 0 300px;min-width:0;padding:var(--space-24);position:sticky;top:var(--space-24)}.blog-detail__sidebar-block{margin-bottom:var(--space-24)}.blog-detail__sidebar-block:last-child{margin-bottom:0}.blog-detail__sidebar-title{color:var(--color-primary);line-height:1.5;margin:0 0 var(--space-12)}.blog-detail__btn,.blog-detail__sidebar-title{font-family:var(--font-family-primary);font-size:var(--font-body16-size);font-weight:600}.blog-detail__btn{align-items:center;border-radius:var(--radius-4);display:inline-flex;gap:var(--space-8);padding:var(--space-12) var(--space-20);text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}.blog-detail__btn--outline{background:#fff;border:2px solid var(--color-action);color:var(--color-action);margin-bottom:var(--space-16)}.blog-detail__btn--outline:hover,.blog-detail__btn--solid{background:var(--color-action);color:#fff}.blog-detail__btn--solid{border:2px solid var(--color-action)}.blog-detail__btn--solid:hover{opacity:.9}.blog-detail__expert{align-items:center;display:flex;gap:var(--space-12)}.blog-detail__expert-avatar-wrap{flex-shrink:0}.blog-detail__expert-avatar,.blog-detail__expert-avatar-placeholder{border-radius:50%;height:56px;object-fit:cover;width:56px}.blog-detail__expert-avatar-placeholder{background:var(--color-border);display:block}.blog-detail__expert-name{color:var(--color-primary);display:block;font-weight:700;margin-bottom:2px;text-decoration:none}.blog-detail__expert-name:hover{text-decoration:underline}.blog-detail__expert-role{color:var(--color-muted);font-size:var(--font-body16-size)}.blog-toc{font-family:var(--font-family-primary)}.blog-toc__details{margin:0}.blog-toc__summary{cursor:default;list-style:none;margin:0 0 var(--space-12);padding:0}.blog-toc__summary::-webkit-details-marker{display:none}.blog-toc__title{color:var(--color-primary);font-size:var(--font-body16-size);font-weight:600;line-height:1.5;margin:0}.blog-toc__list{list-style:none;margin:0;padding:0}.blog-toc__item{margin-bottom:var(--space-8)}.blog-toc__item:last-child{margin-bottom:0}.blog-toc__link{border-left:3px solid transparent;color:var(--color-primary);display:block;font-size:var(--font-body16-size);line-height:1.4;padding:var(--space-4) 0 var(--space-4) var(--space-12);text-decoration:none;transition:color .2s ease,border-color .2s ease}.blog-toc__link:hover{color:var(--color-action)}.blog-toc__item--active .blog-toc__link{border-left-color:var(--color-action);color:var(--color-action);font-weight:600}.blog-detail__sidebar-cta-title{color:var(--color-action);font-family:var(--font-family-primary);font-size:var(--font-body16-size);font-weight:600;line-height:1.4;margin:0 0 var(--space-12)}.blog-detail__main{flex:1 1 480px;min-width:0}.blog-detail__title{color:var(--color-primary);font-family:var(--font-family-primary);font-size:var(--font-size-h1);font-weight:700;line-height:var(--line-height-h1);margin:0 0 var(--space-16)}.blog-detail__meta{border-bottom:1px solid var(--color-border);gap:var(--space-16);justify-content:space-between;margin-bottom:var(--space-24);padding-bottom:var(--space-16)}.blog-detail__meta,.blog-detail__meta-left{align-items:center;display:flex;flex-wrap:wrap}.blog-detail__meta-left{gap:var(--space-12)}.blog-detail__author-avatar,.blog-detail__author-avatar-placeholder{border-radius:50%;height:32px;object-fit:cover;width:32px}.blog-detail__author-avatar-placeholder{background:var(--color-border);display:block}.blog-detail__meta-text{color:var(--color-muted);font-size:var(--font-body16-size)}.blog-detail__author-link{color:var(--color-primary);font-weight:600;text-decoration:none}.blog-detail__author-link:hover{text-decoration:underline}.blog-detail__meta-date,.blog-detail__meta-read{color:var(--color-muted);font-size:var(--font-body16-size)}.blog-detail__share{display:flex;gap:var(--space-8)}.blog-detail__share-icon{align-items:center;background:var(--color-border);border-radius:50%;color:var(--color-primary);display:inline-flex;font-size:12px;font-weight:600;height:36px;justify-content:center;text-decoration:none;width:36px}.blog-detail__share-icon:hover{background:var(--color-accent);color:#fff}.blog-detail__featured{background:var(--color-border);border-radius:var(--radius-8);margin-bottom:var(--space-32);overflow:hidden}.blog-detail__featured-img{display:block;height:auto;vertical-align:top;width:100%}.blog-detail__body{color:var(--color-text);font-family:var(--font-family-primary);font-size:var(--font-body-size);line-height:var(--font-body-line-height)}.blog-detail__body p{margin:0 0 1em}.blog-detail__body p:last-child{margin-bottom:0}.blog-detail__body h2,.blog-detail__body h3{margin:1.5em 0 .5em;scroll-margin-top:1.5rem}@media (max-width:1024px){.blog-detail__layout{flex-direction:column}.blog-detail__sidebar{flex:1 1 auto;position:static;width:100%}.blog-toc__details{border:1px solid var(--color-border);border-radius:var(--radius-8);overflow:hidden}.blog-toc__summary{cursor:pointer;margin:0;padding:var(--space-12) var(--space-16);padding-right:2.5rem;position:relative}.blog-toc__summary:after{border-bottom:2px solid var(--color-primary);border-right:2px solid var(--color-primary);content:"";height:10px;position:absolute;right:var(--space-16);top:50%;transform:translateY(-50%) rotate(0deg);transform:translateY(-60%) rotate(45deg);transition:transform .2s ease;width:10px}.blog-toc__details[open] .blog-toc__summary:after{transform:translateY(-40%) rotate(-135deg)}.blog-toc__list{border-top:1px solid var(--color-border);padding:var(--space-8) var(--space-16) var(--space-16)}}@media (max-width:767px){.blog-detail{padding:var(--space-16) var(--space-16) var(--space-section-mobile)}.blog-detail__title{font-size:var(--font-size-h2);line-height:var(--line-height-h2)}}