.frontend-layout[data-theme=inkflow] .blog-detail-container{max-width:var(--container-max);margin:0 auto;background:hsla(35,81%,96%,.85);padding:0 var(--spacing-3xl) var(--spacing-3xl);border:1px solid var(--theme-border-card);border-top:0;border-radius:var(--radius-md);box-shadow:0 6px 22px rgba(26,26,26,.06)}.frontend-layout[data-theme=inkflow] .blog-detail-cover{position:relative;margin:0 0 var(--spacing-xl);overflow:hidden;width:100%;aspect-ratio:16/9;min-height:260px;border-radius:var(--radius-md)}.frontend-layout[data-theme=inkflow] .blog-detail-cover img{width:100%;height:100%;object-fit:cover;display:block}.frontend-layout[data-theme=inkflow] .blog-detail-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--theme-border-card)}.frontend-layout[data-theme=inkflow] .blog-detail-title{font-size:var(--font-size-2xl);color:var(--theme-accent);margin:0 0 var(--spacing-xl);text-align:left;font-weight:var(--font-weight-bold);letter-spacing:.1em}.frontend-layout[data-theme=inkflow] .blog-detail-meta{display:flex;gap:var(--spacing-md);justify-content:flex-start;color:var(--theme-text-muted);font-size:var(--font-size-sm);flex-wrap:wrap}.frontend-layout[data-theme=inkflow] .blog-detail-tags{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-start;margin-top:var(--spacing-md)}.frontend-layout[data-theme=inkflow] .blog-detail-excerpt{margin:var(--spacing-lg) 0 0;font-size:var(--font-size-sm);line-height:var(--line-height-loose);color:var(--theme-text-muted);font-style:italic}.frontend-layout[data-theme=inkflow] .blog-detail-tag{background:#f7f5f1;color:var(--theme-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--theme-border-card);font-size:var(--font-size-xs);letter-spacing:.05em}.frontend-layout[data-theme=inkflow] .blog-detail-share{margin:var(--spacing-lg) 0 var(--spacing-xl);padding:var(--spacing-sm) 0 0}.frontend-layout[data-theme=inkflow] .blog-detail-content{color:var(--theme-text);line-height:var(--line-height-loose);font-size:var(--font-size-base);border-top:1px solid var(--theme-border-card);padding-top:var(--spacing-xl);overflow-x:auto}.frontend-layout[data-theme=inkflow] .blog-detail-content h1{font-size:var(--font-size-2xl);font-family:var(--font-family-hero);color:var(--theme-accent);margin:var(--spacing-xl) 0 var(--spacing-md);font-weight:400}.frontend-layout[data-theme=inkflow] .blog-detail-content h2{font-size:var(--font-size-xl);font-family:var(--font-family-hero);color:var(--theme-secondary);margin:var(--spacing-lg) 0 var(--spacing-md);font-weight:400}.frontend-layout[data-theme=inkflow] .blog-detail-content p{margin-bottom:var(--spacing-md);color:var(--theme-text)}.frontend-layout[data-theme=inkflow] .blog-detail-content iframe{display:block;width:100%;max-width:720px;aspect-ratio:16/9;height:auto;margin:0 0 var(--spacing-md);border:0}.frontend-layout[data-theme=inkflow] .blog-detail-content img{max-width:100%}.frontend-layout[data-theme=inkflow] .blog-detail-content p.blog-kicker{margin:0 0 var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);background:#faf8f4;border:1px solid var(--theme-border-card);border-left:3px solid var(--theme-accent);font-size:var(--font-size-base);line-height:var(--line-height-loose);color:var(--theme-text);font-style:normal}.frontend-layout[data-theme=inkflow] .blog-detail-content p.blog-kicker a{color:var(--theme-accent);font-weight:var(--font-weight-medium);border-bottom:1px solid}.frontend-layout[data-theme=inkflow] .blog-detail-content a{color:var(--theme-text);font-weight:var(--font-weight-medium);text-decoration:none;border-bottom:none}.frontend-layout[data-theme=inkflow] .blog-detail-content a:hover{opacity:.8}.frontend-layout[data-theme=inkflow] .blog-detail-content img{display:block;width:100%;max-width:62rem;height:auto;margin:var(--spacing-lg) auto;border-radius:var(--radius-sm)}.frontend-layout[data-theme=inkflow] .blog-detail-content h3{font-size:var(--font-size-lg);font-family:var(--font-family-hero);color:var(--theme-secondary);margin:var(--spacing-lg) 0 var(--spacing-sm);font-weight:400}.frontend-layout[data-theme=inkflow] .blog-detail-content ol,.frontend-layout[data-theme=inkflow] .blog-detail-content ul{margin:0 0 var(--spacing-md);padding-left:1.35em}.frontend-layout[data-theme=inkflow] .blog-detail-content li{margin-bottom:var(--spacing-xs)}.frontend-layout[data-theme=inkflow] .blog-detail-content blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-lg);border-left:2px solid var(--theme-accent);color:var(--theme-text-muted);font-style:italic}.frontend-layout[data-theme=inkflow] .blog-detail-content figure{width:100%;max-width:62rem;margin:var(--spacing-lg) auto}.frontend-layout[data-theme=inkflow] .blog-detail-content figure img{width:100%;max-width:none;margin:0}.frontend-layout[data-theme=inkflow] .blog-detail-content figcaption{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--theme-text-muted);text-align:center}.frontend-layout[data-theme=inkflow] .blog-detail-content hr{border:0;border-top:1px solid var(--theme-border-card);margin:var(--spacing-xl) 0}.frontend-layout[data-theme=inkflow] .blog-detail-content table{width:100%;border-collapse:collapse;margin:0 0 var(--spacing-lg);font-size:var(--font-size-sm)}.frontend-layout[data-theme=inkflow] .blog-detail-content thead th{text-align:left;font-weight:var(--font-weight-medium);color:var(--theme-secondary);background:#faf8f4;border-bottom:1px solid var(--theme-border-card);padding:var(--spacing-sm) var(--spacing-md)}.frontend-layout[data-theme=inkflow] .blog-detail-content td{border-bottom:1px solid var(--theme-border-card);padding:var(--spacing-sm) var(--spacing-md);vertical-align:top}.frontend-layout[data-theme=inkflow] .blog-detail-content tbody tr:last-child td{border-bottom:none}.frontend-layout[data-theme=inkflow] .blog-detail-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em;background:#f7f5f1;border:1px solid var(--theme-border-card);border-radius:3px;padding:.1em .35em}.frontend-layout[data-theme=inkflow] .blog-detail-content pre{margin:0 0 var(--spacing-lg);padding:var(--spacing-md);background:#f7f5f1;border:1px solid var(--theme-border-card);border-radius:var(--radius-sm);overflow-x:auto}.frontend-layout[data-theme=inkflow] .blog-detail-content pre code{display:block;background:transparent;border:0;padding:0;font-size:var(--font-size-sm);line-height:1.55;white-space:pre}.frontend-layout[data-theme=inkflow] .blog-detail-error,.frontend-layout[data-theme=inkflow] .blog-detail-loading{text-align:center;padding:var(--spacing-3xl);font-size:var(--font-size-sm);color:var(--theme-text-muted)}.frontend-layout[data-theme=inkflow] .blog-detail-container .breadcrumb{display:flex;box-sizing:border-box;width:calc(100% + 2 * var(--spacing-3xl));max-width:none;margin:0 calc(-1 * var(--spacing-3xl)) var(--spacing-lg);padding:.9rem var(--spacing-3xl);background:#faf8f4;border:none;border-radius:0;box-shadow:none;border-bottom:1px solid var(--theme-border-card)}.frontend-layout[data-theme=inkflow] .blog-detail-skeleton-crumb{min-height:2.7rem}.frontend-layout[data-theme=inkflow] .blog-detail-skeleton-fill{position:absolute;inset:0;display:block;border-radius:var(--radius-md)}.frontend-layout[data-theme=inkflow] .blog-detail-skeleton-title{width:82%;height:1.7rem;margin-bottom:var(--spacing-lg)}.frontend-layout[data-theme=inkflow] .blog-detail-skeleton-meta{width:38%;margin-bottom:var(--spacing-md)}.frontend-layout[data-theme=inkflow] .blog-detail-skeleton-excerpt{width:100%;height:.85rem;margin-top:var(--spacing-sm)}.frontend-layout[data-theme=inkflow] .blog-detail-skeleton-excerpt-short{width:72%}.frontend-layout[data-theme=inkflow] .blog-detail-skeleton-share{width:42%;height:1.4rem}.frontend-layout[data-theme=inkflow] .blog-detail-skeleton-body{width:100%;margin-bottom:var(--spacing-sm)}.frontend-layout[data-theme=inkflow] .blog-detail-skeleton-body-mid{width:86%}.frontend-layout[data-theme=inkflow] .blog-detail-skeleton-body-short{width:64%}.frontend-layout[data-theme=inkflow] .blog-detail-skeleton-figure{display:block;width:min(100%,36rem);height:14rem;margin:var(--spacing-lg) auto;border-radius:var(--radius-sm)}@media (min-width:1100px){.frontend-layout[data-theme=inkflow] .blog-detail-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-column-gap:var(--spacing-2xl);column-gap:var(--spacing-2xl);grid-row-gap:var(--spacing-lg);row-gap:var(--spacing-lg);align-items:start}.frontend-layout[data-theme=inkflow] .blog-detail-container .breadcrumb{grid-column:1/-1;grid-row:1;justify-self:stretch;width:calc(100% + 2 * var(--spacing-3xl));margin:0 calc(-1 * var(--spacing-3xl)) 0}.frontend-layout[data-theme=inkflow] .blog-detail-cover{grid-column:1;grid-row:2/span 2;margin:0;aspect-ratio:4/3;min-height:380px}.frontend-layout[data-theme=inkflow] .blog-detail-header{grid-column:2;grid-row:2;margin:0;padding-bottom:var(--spacing-lg);align-self:center}.frontend-layout[data-theme=inkflow] .blog-detail-share{grid-column:2;grid-row:3;margin:0;padding-top:0;align-self:start}.frontend-layout[data-theme=inkflow] .blog-detail-content{grid-column:1/-1;grid-row:4;margin-top:var(--spacing-md)}}@media (max-width:1024px){.frontend-layout[data-theme=inkflow] .blog-detail-container{padding:0 var(--spacing-2xl) var(--spacing-2xl)}.frontend-layout[data-theme=inkflow] .blog-detail-container .breadcrumb{width:calc(100% + 2 * var(--spacing-2xl));margin-left:calc(-1 * var(--spacing-2xl));margin-right:calc(-1 * var(--spacing-2xl));padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.frontend-layout[data-theme=inkflow] .blog-detail-cover{min-height:220px}.frontend-layout[data-theme=inkflow] .blog-detail-title{font-size:var(--font-size-xl)}}@media (max-width:767px){.frontend-layout[data-theme=inkflow] .blog-detail-container{padding:0 var(--spacing-md) var(--spacing-xl)}.frontend-layout[data-theme=inkflow] .blog-detail-container .breadcrumb{width:calc(100% + 2 * var(--spacing-md));margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.frontend-layout[data-theme=inkflow] .blog-detail-cover{min-height:180px;margin-bottom:var(--spacing-lg);border-radius:var(--radius-sm)}.frontend-layout[data-theme=inkflow] .blog-detail-title{font-size:var(--font-size-lg);letter-spacing:.08em}.frontend-layout[data-theme=inkflow] .blog-detail-content{font-size:var(--font-size-sm)}.frontend-layout[data-theme=inkflow] .blog-detail-content h1{font-size:var(--font-size-xl)}.frontend-layout[data-theme=inkflow] .blog-detail-content h2{font-size:var(--font-size-lg)}.frontend-layout[data-theme=inkflow] .blog-detail-content h3{font-size:var(--font-size-md)}.frontend-layout[data-theme=inkflow] .blog-detail-content table{font-size:var(--font-size-xs)}}