.blog-page{--blog-bg:#f5f7fa;--blog-surface:#fff;--blog-text:#1f2937;--blog-text-muted:#4b5563;--blog-border:#e5e7eb;--blog-accent:#00bebe;--blog-link:#0f766e;--blog-chip-bg:#e8edf2;--blog-chip-text:#374151;--blog-chip-active-bg:#1a1a1a;--blog-code-bg:#f6f8fa;--blog-code-text:#24292f;--blog-hljs-keyword:#cf222e;--blog-hljs-string:#0a3069;--blog-hljs-comment:#59636e;--blog-hljs-number:#0550ae;--blog-hljs-title:#8250df;--blog-hljs-attr:#0550ae;--blog-hljs-variable:#953800;--blog-preview-bg:#fef3c7;--blog-preview-border:#fcd34d;--blog-preview-text:#7c2d12;--blog-draft-bg:#fef3c7;--blog-draft-text:#7c2d12;--font-mono:"SF Mono", "Cascadia Code", "SFMono-Regular", Consolas, monospace;background:var(--blog-bg);width:100%;min-height:100vh;color:var(--blog-text);box-sizing:border-box;padding:0 16px 64px}.blog-container{max-width:1000px;margin:0 auto}.blog-list-header{padding:40px 0 8px}.blog-list-title{margin:0 0 8px;font-size:32px;font-weight:700;line-height:1.25}.blog-list-subtitle{color:var(--blog-text-muted);margin:0;font-size:15px}.blog-filter{flex-wrap:wrap;gap:8px;padding:16px 0 24px;display:flex}.blog-filter-chip{appearance:none;border:1px solid var(--blog-border);background:var(--blog-surface);color:var(--blog-chip-text);cursor:pointer;border-radius:999px;padding:9px 16px;font-size:14px;line-height:1;transition:background-color .15s,color .15s,border-color .15s}.blog-filter-chip:hover,.blog-filter-chip[aria-pressed=true]{background:var(--blog-chip-active-bg);border-color:var(--blog-chip-active-bg);color:#fff}.blog-post-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.blog-post-card{background:var(--blog-surface);border-radius:8px;align-items:flex-start;gap:20px;padding:16px;display:flex;position:relative}.blog-post-card:focus-within{outline:2px solid var(--blog-accent);outline-offset:2px}.blog-post-card-cover{aspect-ratio:16/9;border-radius:8px;flex:0 0 340px;width:340px;overflow:hidden}.blog-post-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.blog-post-card:hover .blog-post-card-cover img{transform:scale(1.03)}@media (prefers-reduced-motion:reduce){.blog-post-card-cover img{transition:none}}.blog-post-card-body{flex-direction:column;flex:auto;align-self:stretch;min-width:0;padding-top:4px;display:flex}.blog-post-card-title{margin:0 0 6px;font-size:20px;font-weight:600;line-height:1.45}.blog-post-card-title a{color:var(--blog-text);text-decoration:none}.blog-post-card-title a:after{content:"";position:absolute;inset:0}.blog-post-card .blog-post-card-title a:focus,.blog-post-card .blog-post-card-title a:focus-visible{outline:none}.blog-post-card-title a:hover{color:var(--blog-link)}.blog-post-card-desc{color:var(--blog-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:51px;margin:0 0 12px;font-size:15px;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-post-card-meta{color:var(--blog-text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;font-size:13px;display:flex}.blog-chip{background:var(--blog-chip-bg);color:var(--blog-chip-text);border-radius:999px;padding:3px 10px;font-size:12px;line-height:1.5;display:inline-block}.blog-draft-badge{background:var(--blog-draft-bg);color:var(--blog-draft-text);border-radius:999px;padding:3px 10px;font-size:12px;line-height:1.5;display:inline-block}.blog-empty{color:var(--blog-text-muted);padding:24px 0 48px}.blog-breadcrumb{color:var(--blog-text-muted);align-items:center;gap:8px;padding:24px 0 0;font-size:13px;display:flex}.blog-breadcrumb a{color:var(--blog-text-muted);text-decoration:none}.blog-breadcrumb a:hover{color:var(--blog-link)}.blog-breadcrumb-current{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.blog-article-header{padding:40px 0 0}.blog-article-title{margin:0 0 12px;font-size:32px;font-weight:700;line-height:1.3}.blog-article-meta{color:var(--blog-text-muted);border-bottom:1px solid var(--blog-border);flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:20px;font-size:13px;display:flex}.blog-article-content{padding:24px 0 8px;font-size:16px;line-height:1.85}.blog-article-content h2{margin:32px 0 12px;font-size:24px;font-weight:600;line-height:1.4}.blog-article-content h3{margin:24px 0 10px;font-size:19px;font-weight:600;line-height:1.4}.blog-article-content a{color:var(--blog-link);text-decoration:underline;-webkit-text-decoration-color:var(--blog-accent);text-decoration-color:var(--blog-accent);text-underline-offset:3px}.blog-article-content blockquote{border-left:3px solid var(--blog-accent);background:var(--blog-surface);color:var(--blog-text-muted);border-radius:0 8px 8px 0;margin:16px 0;padding:8px 16px}.blog-article-content ul,.blog-article-content ol{margin:12px 0;padding-left:24px}.blog-article-content li{margin:4px 0}.blog-article-content table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px}.blog-article-content th,.blog-article-content td{border:1px solid var(--blog-border);text-align:left;padding:8px 12px}.blog-article-content th{background:var(--blog-chip-bg);font-weight:600}.blog-article-content img{border-radius:8px;max-width:100%;height:auto}.blog-article-content code{font-family:var(--font-mono);background:var(--blog-code-bg);color:var(--blog-code-text);border-radius:6px;padding:2px 6px;font-size:.875em}.blog-article-content pre{background:var(--blog-code-bg);border:1px solid var(--blog-border);border-radius:8px;margin:16px 0;padding:16px;overflow-x:auto}.blog-article-content pre code{background:0 0;padding:0;font-size:14px;line-height:1.7;display:block}.blog-article-content .hljs-keyword,.blog-article-content .hljs-selector-tag{color:var(--blog-hljs-keyword)}.blog-article-content .hljs-string,.blog-article-content .hljs-regexp,.blog-article-content .hljs-addition{color:var(--blog-hljs-string)}.blog-article-content .hljs-comment,.blog-article-content .hljs-quote{color:var(--blog-hljs-comment);font-style:italic}.blog-article-content .hljs-number,.blog-article-content .hljs-literal,.blog-article-content .hljs-symbol,.blog-article-content .hljs-bullet,.blog-article-content .hljs-meta,.blog-article-content .hljs-built_in,.blog-article-content .hljs-attr,.blog-article-content .hljs-attribute,.blog-article-content .hljs-name{color:var(--blog-hljs-attr)}.blog-article-content .hljs-title,.blog-article-content .hljs-title.function_,.blog-article-content .hljs-title.class_,.blog-article-content .hljs-section,.blog-article-content .hljs-selector-id,.blog-article-content .hljs-selector-class{color:var(--blog-hljs-title)}.blog-article-content .hljs-variable,.blog-article-content .hljs-template-variable,.blog-article-content .hljs-type{color:var(--blog-hljs-variable)}.blog-article-content .hljs-emphasis{font-style:italic}.blog-article-content .hljs-strong{font-weight:600}.blog-article-content .hljs-link{text-decoration:underline}.blog-model-cards{border-top:1px solid var(--blog-border);margin:32px 0 8px;padding-top:24px}.blog-model-cards-title{margin:0 0 16px;font-size:18px;font-weight:600}.blog-model-cards-list{grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.blog-model-card{background:var(--blog-surface);border:1px solid var(--blog-border);color:var(--blog-text);border-radius:8px;flex-direction:column;gap:8px;padding:16px;text-decoration:none;display:flex}.blog-model-card:hover{border-color:var(--blog-accent)}.blog-model-card-head{align-items:center;gap:8px;display:flex}.blog-model-card-name{word-break:break-all;font-size:15px;font-weight:600}.blog-model-card-desc{color:var(--blog-text-muted);margin:0;font-size:13px;line-height:1.6}.blog-model-card-link{color:var(--blog-link);margin-top:auto;font-size:13px}.blog-post-nav{grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 32px;display:grid}.blog-post-nav-item{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:8px;flex-direction:column;grid-column:1;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.blog-post-nav-item:hover{border-color:var(--blog-accent)}.blog-post-nav-item.next{text-align:right;grid-column:2}.blog-post-nav-label{color:var(--blog-text-muted);font-size:12px}.blog-post-nav-title{color:var(--blog-text);font-size:14px;font-weight:600;line-height:1.5}.blog-preview-banner{background:var(--blog-preview-bg);border:1px solid var(--blog-preview-border);color:var(--blog-preview-text);border-radius:8px;margin-top:24px;padding:12px 16px;font-size:14px;line-height:1.7}@media (max-width:767.98px){.blog-page{padding-top:96px}.blog-list-title,.blog-article-title{font-size:26px}.blog-post-nav{grid-template-columns:1fr}.blog-post-nav-item,.blog-post-nav-item.next{text-align:left;grid-column:auto}.blog-post-card{flex-direction:column;gap:12px}.blog-post-card-cover{flex:none;width:100%}.blog-post-card-body{padding-top:0}}