.frontend-layout[data-theme=inkflow] .blog-detail-container{max-width:var(--container-max);margin:0 auto;background:var(--surface-solid-body);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-header{margin-bottom:0;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-sm);text-align:left;font-weight:var(--font-weight-bold);letter-spacing:0;line-height:1.25}.frontend-layout[data-theme=inkflow] .blog-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm) var(--spacing-md);flex-wrap:wrap}.frontend-layout[data-theme=inkflow] .blog-detail-meta{display:flex;align-items:center;gap:var(--spacing-sm) var(--spacing-md);justify-content:flex-start;color:var(--theme-text-muted);font-size:var(--font-size-sm);flex-wrap:wrap;min-width:0}.frontend-layout[data-theme=inkflow] .blog-detail-tags{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-start;margin-top:0}.frontend-layout[data-theme=inkflow] .blog-detail-excerpt{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-sm);line-height:1.55;color:var(--theme-text-muted);font-style:normal}.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{padding:0;margin:0 0 0 auto}.frontend-layout[data-theme=inkflow] .blog-detail-share .MuiBox-root{justify-content:flex-end}.frontend-layout[data-theme=inkflow] .blog-detail-share .MuiIconButton-root{width:32px;height:32px}.frontend-layout[data-theme=inkflow] .blog-detail-share .MuiIconButton-root svg{font-size:1.05rem}.frontend-layout[data-theme=inkflow] .blog-detail-content{color:var(--theme-text);line-height:var(--line-height-loose);font-size:var(--font-size-base);padding-top:30px;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-top:0;margin-bottom:var(--spacing-md);color:var(--theme-text)}.frontend-layout[data-theme=inkflow] .blog-detail-content .blog-video{position:relative;width:100%;max-width:720px;aspect-ratio:16/9;margin:var(--spacing-lg) auto var(--spacing-sm);border-radius:var(--radius-sm);overflow:hidden;background:#111318}.frontend-layout[data-theme=inkflow] .blog-detail-content .blog-video iframe,.frontend-layout[data-theme=inkflow] .blog-detail-content iframe{display:block;width:100%;max-width:720px;aspect-ratio:16/9;height:auto;margin:var(--spacing-lg) auto var(--spacing-sm);border:0;border-radius:var(--radius-sm);background:#111318;color-scheme:normal}.frontend-layout[data-theme=inkflow] .blog-detail-content .blog-video iframe{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;aspect-ratio:auto;border-radius:0;background:transparent}.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 p:has(>a[href*="youtu.be"]:only-child),.frontend-layout[data-theme=inkflow] .blog-detail-content p:has(>a[href*="youtube.com"]:only-child){max-width:720px;margin-left:auto;margin-right:auto}.frontend-layout[data-theme=inkflow] .blog-detail-content p:has(>a[href*="youtu.be"]:only-child)>a,.frontend-layout[data-theme=inkflow] .blog-detail-content p:has(>a[href*="youtube.com"]:only-child)>a{display:block}.frontend-layout[data-theme=inkflow] .blog-detail-content img[src*="i.ytimg.com"],.frontend-layout[data-theme=inkflow] .blog-detail-content img[src*="img.youtube.com"]{max-width:720px;aspect-ratio:16/9;object-fit:cover;object-position:center;margin:0 auto;background:#111318}.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-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 (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-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-title{font-size:var(--font-size-lg);letter-spacing:0}.frontend-layout[data-theme=inkflow] .blog-detail-toolbar{align-items:flex-start}.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)}}