.blog-page-container{max-width:var(--max);margin:0 auto;padding:56px 32px 96px;position:relative}.blog-page-container ::selection,.blog-page-container::selection{background:var(--purple);color:var(--bg)}.blog-head{font-family:var(--font-jetbrains-mono), monospace;margin-bottom:36px}.blog-title-line{align-items:center;gap:12px;margin-bottom:8px;display:flex}.blog-arrow-lg{color:var(--green);font-size:28px;font-weight:700;line-height:1}.blog-sub{margin-bottom:14px;padding-left:40px}.blog-comment{color:var(--text3);font-size:13px}.blog-stats{color:var(--text3);border-top:1px dashed var(--border);align-items:center;gap:8px;padding-top:12px;padding-left:40px;font-size:12px;display:flex}.blog-sep{color:var(--border)}.blog-stat-vibe{color:var(--green)}.blog-stat-pm{color:var(--purple)}.blog-stat-agent{color:var(--pink)}.blog-stat-think{color:var(--gold)}.blog-filters{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.blog-filter-tab{font-family:var(--font-jetbrains-mono), monospace;border:1px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;transition:all .15s;display:flex}.blog-filter-tab:hover{border-color:var(--green);color:var(--green)}.blog-filter-tab.active{background:var(--green);color:var(--bg);border-color:var(--green)}.blog-filter-chevron{flex-shrink:0;width:10px;height:10px;transition:transform .15s}.blog-filter-tab.active .blog-filter-chevron{transform:rotate(90deg)}.blog-filter-icon{flex-shrink:0;width:14px;height:14px}.blog-filter-name{white-space:nowrap}.blog-list{flex-direction:column;display:flex}.blog-row{color:var(--text);border-bottom:1px solid var(--border);border-radius:6px;grid-template-columns:20px 80px 1fr auto;align-items:center;gap:16px;padding:13px 12px;text-decoration:none;transition:background .15s,opacity .35s ease-out,transform .35s ease-out;display:grid;position:relative}.blog-row:last-child{border-bottom:none}.blog-row:hover{background:var(--surface)}.blog-row:hover .blog-row-title{color:var(--green);transition:color .15s,transform .15s;transform:translate(4px)}.blog-row-icon{width:16px;height:16px;color:var(--purple);flex-shrink:0}.blog-row:hover .blog-row-icon{color:var(--green);opacity:.8}.blog-row-date{font-family:var(--font-jetbrains-mono), monospace;color:var(--text3);white-space:nowrap;font-size:12px}.blog-row-title{color:var(--text2);font-size:15px;font-weight:500;line-height:1.5;transition:color .15s,transform .15s}.blog-row-tag{font-family:var(--font-jetbrains-mono), monospace;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:11px}.tag-vibe{background:color-mix(in srgb, var(--green) 12%, transparent);color:var(--green)}.tag-pm{background:color-mix(in srgb, var(--purple) 12%, transparent);color:var(--purple)}.tag-agent{background:color-mix(in srgb, var(--pink) 12%, transparent);color:var(--pink)}.tag-think{background:color-mix(in srgb, var(--gold) 12%, transparent);color:var(--gold)}@media (max-width:640px){.blog-row{grid-template-columns:1fr auto;gap:12px}.blog-row-date,.blog-row-icon{display:none}.blog-sub,.blog-stats{padding-left:0}.blog-stats{flex-wrap:wrap;gap:4px 8px}}.blog-page-container:has(.detail-grid){padding-top:28px}.detail-grid{grid-template-columns:1fr 200px;gap:0 48px;display:grid}.detail-sidebar{grid-area:1/2/-1;align-self:start;animation:.4s ease-out .2s both toc-fade-in;position:sticky;top:80px}@keyframes toc-fade-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.detail-main{grid-column:1;min-width:0;max-width:720px}.detail-path{font-family:var(--font-jetbrains-mono), monospace;color:var(--text3);align-items:center;gap:6px;margin-bottom:24px;font-size:12px;display:flex}.detail-path .path-sep{color:var(--border)}.detail-path .path-file{color:var(--green)}.detail-header{margin-bottom:24px}.detail-tag{font-family:var(--font-jetbrains-mono), monospace;border-radius:4px;padding:3px 10px;font-size:12px}.detail-title{letter-spacing:-.3px;margin-bottom:20px;font-size:30px;font-weight:800;line-height:1.35}.detail-meta{font-family:var(--font-jetbrains-mono), monospace;color:var(--text3);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:24px;font-size:13px;display:flex}.detail-meta-sep{color:var(--border)}.detail-sidebar>.detail-toc-btn{margin-bottom:20px}.detail-toc{padding-top:0}.detail-toc-btn{font-family:var(--font-jetbrains-mono), monospace;border:1px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:5px;justify-self:start;align-items:center;gap:4px;width:fit-content;padding:5px 12px;font-size:12px;text-decoration:none;transition:all .15s;display:inline-flex}.detail-toc-btn:hover{border-color:var(--green);color:var(--green)}.blog-back-top{opacity:0;pointer-events:none;margin-top:20px;transition:opacity .25s,color .15s,border-color .15s}.blog-back-top.visible{opacity:1;pointer-events:auto}.detail-toc-title{font-family:var(--font-jetbrains-mono), monospace;color:var(--text2);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;font-size:14px;font-weight:600}.detail-toc-list{flex-direction:column;gap:0;list-style:none;display:flex}.detail-toc-item{font-family:var(--font-jetbrains-mono), monospace;color:var(--text3);border-left:2px solid var(--border);padding:7px 0 7px 14px;font-size:13px;font-weight:500;line-height:1.5;text-decoration:none;transition:all .15s;display:block}.detail-toc-item:hover{color:var(--purple);border-left-color:var(--purple)}.detail-toc-item.active{color:var(--green);border-left-color:var(--green)}.detail-body{color:color-mix(in srgb, var(--text) 82%, transparent);padding-top:20px;font-size:16px;line-height:1.9}.detail-body p{margin-bottom:22px}.detail-body h2{color:var(--text);align-items:baseline;gap:10px;margin:44px 0 16px;scroll-margin-top:80px;font-size:20px;font-weight:700;display:flex}.detail-body h2:before{content:"##";font-family:var(--font-jetbrains-mono), monospace;color:var(--purple);opacity:.5;flex-shrink:0;font-size:14px;font-weight:400}.detail-body strong{color:var(--text);font-weight:600}.detail-body blockquote{border-left:2px solid var(--purple);background:var(--surface);border-radius:0 8px 8px 0;margin:28px 0;padding:16px 20px;position:relative}.detail-body blockquote:before{content:">";font-family:var(--font-jetbrains-mono), monospace;color:var(--purple);opacity:.4;font-size:14px;position:absolute;top:16px;left:-20px}.detail-body blockquote p{color:color-mix(in srgb, var(--text) 75%, transparent);margin-bottom:0;font-style:italic}.detail-body code{font-family:var(--font-jetbrains-mono), monospace;background:var(--surface2);color:var(--green);border-radius:4px;padding:2px 7px;font-size:14px}.blog-code-block{margin:28px 0;position:relative}.blog-code-lang{font-family:var(--font-jetbrains-mono), monospace;color:var(--text3);background:var(--surface2);border-bottom:1px solid var(--border);border-right:1px solid var(--border);z-index:1;border-radius:10px 0 8px;padding:4px 12px;font-size:11px;position:absolute;top:0;left:0}.detail-body pre{background:var(--surface);border:1px solid var(--border);font-size:13px;font-family:var(--font-jetbrains-mono), monospace;color:var(--text2);counter-reset:line;border-radius:10px;padding:36px 20px 20px;line-height:1.7;overflow-x:auto}.detail-body pre code{font-size:inherit;color:inherit;background:0 0;padding:0}.blog-code-line{display:block}.blog-code-line:before{counter-increment:line;content:counter(line);text-align:right;width:24px;color:var(--text3);opacity:.4;-webkit-user-select:none;user-select:none;margin-right:16px;font-size:12px;display:inline-block}.blog-cm{color:var(--text3);font-style:italic}.blog-str{color:var(--green)}.blog-insight-list{font-family:var(--font-jetbrains-mono), monospace;flex-direction:column;gap:2px;margin:24px 0;font-size:14px;display:flex}.blog-insight-item{border-radius:6px;grid-template-columns:24px 1fr;gap:12px;padding:12px 14px;transition:background .15s;display:grid}.blog-insight-item:hover{background:var(--surface)}.blog-insight-idx{color:var(--purple);opacity:.5;text-align:right;-webkit-user-select:none;user-select:none;font-size:13px;line-height:1.7}.blog-insight-content{font-family:var(--font-inter), "Noto Sans SC", sans-serif;color:color-mix(in srgb, var(--text) 78%, transparent);font-size:15px;line-height:1.7}.blog-insight-content strong{color:var(--text);font-weight:600}.detail-footer{border-top:2px solid var(--text3);margin-top:56px;padding-top:28px}.detail-tags{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.detail-bottom-tag{font-family:var(--font-jetbrains-mono), monospace;border-radius:4px;padding:4px 10px;font-size:11px;transition:all .15s}.detail-bottom-tag:hover{opacity:.75}.detail-bottom-tag.t-vibe{background:color-mix(in srgb, var(--green) 12%, transparent);color:var(--green)}.detail-bottom-tag.t-code{background:color-mix(in srgb, var(--blue) 12%, transparent);color:var(--blue)}.detail-bottom-tag.t-saas{background:color-mix(in srgb, var(--purple) 12%, transparent);color:var(--purple)}.detail-bottom-tag.t-pm{background:color-mix(in srgb, var(--pink) 12%, transparent);color:var(--pink)}.detail-nav{grid-template-columns:1fr 1fr;gap:16px;display:grid}.detail-nav-item{border-radius:10px;flex-direction:column;gap:8px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.detail-nav-item:hover{background:var(--surface)}.detail-nav-item:hover .detail-nav-title.purple{color:var(--purple)}.detail-nav-item:hover .detail-nav-title.green{color:var(--green)}.detail-nav-item.next{text-align:right}.detail-nav-label{font-family:var(--font-jetbrains-mono), monospace;font-size:12px}.detail-nav-label.purple{color:var(--purple)}.detail-nav-label.green{color:var(--green)}.detail-nav-title{color:var(--text);font-size:15px;font-weight:500;line-height:1.5;transition:color .15s}@media (max-width:900px){.detail-grid{grid-template-columns:1fr}.detail-sidebar{display:none}}@media (max-width:640px){.detail-title{font-size:26px}.detail-path{display:none}.detail-nav{grid-template-columns:1fr}.detail-nav-item.next{text-align:left}}