.article-page-main{width:100%!important;padding:0!important;margin:0!important}.article-layout{max-width:1140px;margin:0 auto;padding:32px 24px 80px;display:grid;grid-template-columns:236px minmax(0,1fr);gap:28px;align-items:start}.article-layout.article-layout--single{grid-template-columns:minmax(0,820px);justify-content:center}.article-shell{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm);margin:0;padding:0}.article-head{padding:36px 40px 0}.article-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;padding:0;list-style:none}.detail-tags--meta{margin-left:auto;margin-bottom:0}.post-tag{display:inline-flex;align-items:center;padding:2px 10px;background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:600;border-radius:var(--radius);text-decoration:none;border:1px solid var(--border)}.post-tag.blue,.post-tag.green,.post-tag.purple,.post-tag.amber,.post-tag.cyan,.post-tag.red{background:var(--surface-2);color:var(--primary);border:1px solid var(--border)}.article-meta-item{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted)}.article-title{font-size:26px;font-weight:700;line-height:1.35;color:var(--text-primary);margin-bottom:14px;letter-spacing:-.3px}.article-summary{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:18px}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:0}.tag-pill{background:var(--tag-bg);color:var(--tag-text);font-size:12px;padding:3px 10px;border-radius:var(--radius);cursor:pointer;transition:background .15s;text-decoration:none}.tag-pill:hover{background:var(--primary-light);color:var(--primary)}.article-content{padding:0 40px 36px}.article-content h2{font-size:18px;font-weight:700;color:var(--text-primary);margin:28px 0 12px;display:flex;align-items:center;gap:10px}.article-content h2:before{content:"";display:block;width:4px;height:20px;background:var(--primary);border-radius:2px;flex-shrink:0}.article-content h3{font-size:16px;font-weight:700;color:var(--text-secondary);margin:24px 0 10px;letter-spacing:.02em}.article-content h3:before{content:"# ";color:var(--primary);opacity:.6;font-weight:500}.article-content p{font-size:14.5px;color:var(--text-secondary);line-height:1.8;margin-bottom:14px}.article-content a{color:var(--primary);text-decoration:underline}.article-content ul{list-style:none;margin:10px 0 18px 4px;padding:0}.article-content ul li{position:relative;padding-left:18px;font-size:14.5px;color:var(--text-secondary);margin-bottom:8px;line-height:1.7}.article-content ul li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:var(--primary);border-radius:0}.article-content ol{margin:10px 0 18px;list-style:none;counter-reset:ol-counter;padding:0}.article-content ol li{counter-increment:ol-counter;position:relative;padding-left:28px;font-size:14.5px;color:var(--text-secondary);margin-bottom:8px;line-height:1.7}.article-content ol li:before{content:counter(ol-counter);position:absolute;left:0;top:1px;width:20px;height:20px;background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.article-content blockquote{border-left:3px solid var(--primary);background:var(--blockquote-bg);padding:14px 20px;border-radius:0 var(--radius) var(--radius) 0;margin:24px 0;font-size:14.5px;color:var(--text-secondary)}.article-content blockquote p{margin:0}.article-content blockquote[data-alert-type]{border-left-width:4px}.article-content blockquote[data-alert-type=note]{border-left-color:#60a5fa;background:#60a5fa14}.article-content blockquote[data-alert-type=tip]{border-left-color:#4ade80;background:#4ade8014}.article-content blockquote[data-alert-type=warning]{border-left-color:var(--primary);background:#ffd7001f}.article-content blockquote[data-alert-type=important]{border-left-color:#a78bfa;background:#a78bfa14}.article-content blockquote[data-alert-type=caution]{border-left-color:#f87171;background:#f8717114}.article-content pre{overflow:auto;padding:44px 18px 16px;border-radius:10px;background:#f8fafc;color:#1f2937;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7;margin:12px 0 18px;border:1px solid #e2e8f0;position:relative;box-shadow:inset 0 32px #f1f5f9}.article-content pre.astro-code,.article-content pre.astro-code.github-light,.article-content pre.astro-code.github-dark{background:#f8fafc!important;color:#1f2937!important;border:1px solid #e2e8f0}.article-content pre.astro-code span{color:inherit!important}.article-content pre.astro-code:after{content:"";position:absolute;top:32px;left:0;right:0;height:1px;background:#e2e8f0}.article-content pre.astro-code[data-language]:before{content:attr(data-language);position:absolute;top:9px;left:14px;z-index:1;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.article-content pre.astro-code .copy-btn{position:absolute;top:6px;right:8px;z-index:2;border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.article-content pre.astro-code .copy-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}.article-content code{background:var(--primary-light);color:var(--primary);padding:1px 5px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:13px}.article-content pre code{display:block;background:none;color:inherit;padding:0;min-width:max-content}.article-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px}.article-content th,.article-content td{border:1px solid var(--border);padding:8px 12px;text-align:left}.article-content th{background:var(--bg);font-weight:600;color:var(--text-primary)}.article-content td{color:var(--text-secondary)}.article-content hr{border:none;border-top:1px solid var(--border);margin:28px 0}.article-content strong{color:var(--text-primary);font-weight:600}.article-content img{max-width:100%;height:auto;border-radius:var(--radius);margin:8px 0}.about-author-card{margin-top:18px;padding:20px;border:1px solid var(--border);background:var(--surface-2)}.about-author-top{display:flex;gap:14px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--border)}.about-author-avatar{width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6a5510,gold);color:#111;font-weight:900;font-size:14px;font-family:JetBrains Mono,monospace}.about-author-title{min-width:0}.about-author-name{display:flex;align-items:center;gap:10px;line-height:1.2}.about-author-name strong{font-size:18px;letter-spacing:-.2px}.about-author-tag{padding:2px 10px}.about-author-role{margin-top:6px;font-size:13px;color:var(--text-secondary)}.about-author-spec{margin-top:4px;font-size:12.5px;color:var(--text-muted)}.about-author-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:14px}.about-stat{border:1px solid var(--border);background:var(--surface);padding:12px 12px 10px}.about-stat-value{font-size:18px;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.about-stat-label{margin-top:2px;font-size:11.5px;color:var(--text-muted)}.article-nav{display:flex;justify-content:space-between;gap:16px;padding:20px 40px;border-top:1px solid var(--border);background:var(--surface-2);border:none;margin:0}.article-nav a{font-size:13px;color:var(--primary);text-decoration:none;transition:opacity .15s}.article-nav a:hover{opacity:.7}.engagement-shell{margin-top:0}.engagement-summary{display:flex;align-items:center;gap:0;padding:20px 40px;border-top:1px solid var(--border);background:var(--surface-2);border-left:3px solid var(--primary)}.engagement-stat{display:flex;align-items:center;gap:10px;flex:1}.engagement-stat-icon{color:#666;display:flex}.engagement-stat-icon svg{width:20px;height:20px}.engagement-stat:hover .engagement-stat-icon{color:var(--primary)}.engagement-label{font-size:12px;color:var(--text-muted);display:block;line-height:1.2}.engagement-stat strong{font-size:1.1rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;display:block;line-height:1.2}.engagement-like{background:var(--primary);color:#000;border:1px solid var(--primary);border-radius:var(--radius);padding:10px 22px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s,transform .1s;flex-shrink:0}.engagement-like svg{width:15px;height:15px}.engagement-like:hover{background:#000;color:var(--primary);border:1px solid var(--primary);transform:translateY(-1px)}.engagement-like:active{transform:none}.comment-shell{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);margin-top:16px;overflow:hidden;box-shadow:var(--shadow-sm)}.comment-header{padding:22px 40px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center}.comments-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;border-left:3px solid var(--primary);padding-left:12px;letter-spacing:.05em}.comment-meta{display:none}.comment-empty-state{padding:28px 40px 22px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-bottom:1px solid var(--border)}.comment-empty-state:before{content:"// no comments yet.";font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--primary)}.comment-empty-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#2b2408,#4a3d10);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.comment-empty-icon svg{width:28px;height:28px;stroke:var(--primary);fill:none;stroke-width:2}.comment-empty-icon{display:none}.comment-empty-state strong{font-size:13px;font-weight:600;color:var(--text-secondary)}.comment-empty-state p{font-size:12.5px;color:var(--text-muted)}.comment-empty-state strong{font-size:15px;font-weight:600;margin-bottom:6px}.comment-empty-state p{font-size:13px;color:var(--text-muted);margin:0}.comment-form{padding:0 40px 28px;border-top:1px solid var(--border)}.comment-author-row{display:flex;align-items:center;gap:12px;padding:16px 0 12px}.comment-avatar{width:36px;height:36px;border-radius:var(--radius);background:linear-gradient(135deg,#6a5510,gold);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700;flex-shrink:0}.comment-field{display:block;width:100%}.comment-field-inline{flex:1}.comment-field input,.comment-field textarea{width:100%;border:none;border-bottom:1px solid #444;border-radius:0;padding:12px 2px;font-size:14px;font-family:inherit;color:var(--text-primary);outline:none;background:transparent;transition:border-color .15s}.comment-field input{padding:8px 2px}.comment-field textarea{min-height:80px;resize:vertical;margin-top:0}.comment-field input:focus,.comment-field textarea:focus{border-bottom-color:var(--primary);background:transparent}.comment-field input::placeholder,.comment-field textarea::placeholder{color:var(--text-muted)}.comment-actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.comment-tools{display:flex;gap:4px}.comment-tool{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:background .15s,color .15s}.comment-tool svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.comment-tool:hover{background:var(--bg);color:var(--primary)}.comment-action-right{display:flex;align-items:center;gap:8px}.comment-feedback{font-size:13px;color:var(--text-muted)}.comment-submit{background:var(--primary);color:#000;border:1px solid var(--primary);border-radius:var(--radius);padding:8px 20px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s}.comment-submit:hover{background:#000;color:var(--primary);border:1px solid var(--primary)}.comment-list{padding:0 40px}.comment-item{padding:16px 0;border-bottom:1px solid var(--border)}.comment-item:last-child{border-bottom:none}.comment-item-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.comment-item-head strong{font-size:14px;color:var(--text-primary)}.comment-item-head span{font-size:12px;color:var(--text-muted)}.comment-item p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin:0}.toc{display:flex;flex-direction:column;gap:4px;padding:10px 16px 16px}.toc-item{color:var(--text-secondary);text-decoration:none;font-size:13px;border-radius:6px;padding:6px 8px;transition:background .15s,color .15s}.toc-item.depth-3{padding-left:20px;font-size:12.5px}.toc-item:hover,.toc-item.active{background:var(--primary-light);color:var(--primary)}.article-related{margin:8px 40px 24px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.article-related-title{margin:0 0 10px;font-size:15px;color:var(--text-primary)}.article-related-list{margin:0;padding-left:18px}.article-related-item a{color:var(--text-secondary);text-decoration:none}.article-related-item a:hover{color:var(--primary)}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-head{padding:24px 20px 0}.article-content{padding:0 20px 24px}.article-nav{padding:16px 20px}.engagement-summary{padding:16px 20px;flex-wrap:wrap;gap:16px}.comment-header{padding:16px 20px}.comment-form{padding:0 20px 20px}.comment-list{padding:0 20px}.about-author-top{align-items:flex-start}.about-author-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-tags--meta{margin-left:0;width:100%}.article-related{margin:8px 20px 20px}}.article-page-main{min-height:calc(100vh - var(--header-height));background:var(--page-bg)}.article-layout{max-width:var(--content-max-width);padding:20px 24px 64px;grid-template-columns:236px minmax(0,1fr);gap:16px}.article-layout.article-layout--single{grid-template-columns:minmax(0,900px)}.article-shell{border-radius:var(--radius-lg);border-color:var(--border);box-shadow:var(--shadow-sm)}.article-layout>*,.article-shell,.article-head,.article-meta,.article-content{min-width:0;max-width:100%}.article-head{padding:38px 44px 0}.article-meta{margin-bottom:18px;gap:10px 14px}.post-tag,.post-tag.blue,.post-tag.green,.post-tag.purple,.post-tag.amber,.post-tag.cyan,.post-tag.red{border:0;border-radius:4px;background:var(--brand-soft);color:var(--brand)}.article-title{margin-bottom:15px;font-size:clamp(28px,3vw,36px);line-height:1.35;letter-spacing:-.5px}.article-title,.article-summary,.article-content{overflow-wrap:anywhere}.article-summary{margin-bottom:24px;padding:14px 16px;border-left:3px solid var(--brand);background:var(--surface-2);color:var(--text-secondary)}.article-content{padding:0 44px 40px}.article-content h2{margin-top:34px;font-size:22px}.article-content h2:before{width:3px;background:var(--brand)}.article-content h3{margin-top:28px;font-size:18px;color:var(--text-primary)}.article-content p,.article-content ul li,.article-content ol li{font-size:15.5px;line-height:1.9}.article-content a{color:var(--brand);text-underline-offset:3px}.article-content blockquote{border-left-color:var(--brand);background:var(--blockquote-bg)}.article-content pre{max-width:100%}.article-content img{border-radius:var(--radius-lg)}.article-content table{display:block;max-width:100%;overflow-x:auto}.article-main-column{min-width:0}.article-inline-toc{margin:0 0 24px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.article-inline-toc summary{padding:11px 14px;color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer}.article-inline-toc .toc{max-height:280px;overflow-y:auto;padding:0 12px 12px}.toc-item{border-radius:4px}.toc-item:hover,.toc-item.active{background:var(--brand-soft);color:var(--brand)}.article-related{border-color:var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.engagement-summary{border-top-color:var(--border);background:var(--surface)}.engagement-like,.comment-submit{border-radius:18px;background:var(--brand)}.engagement-like:hover,.comment-submit:hover{background:var(--brand-hover)}.comment-shell{border-top-color:var(--border)}.comment-field input,.comment-field textarea{border-color:var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.comment-field input:focus,.comment-field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.about-author-card{border-color:var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.about-author-avatar{border-radius:10px;background:linear-gradient(145deg,#ff795d,#e64023)}@media(max-width:900px){.article-layout{grid-template-columns:1fr;padding:14px 12px 48px}.article-head{padding:28px 24px 0}.article-content{padding:0 24px 30px}.article-title{font-size:27px}.article-related{margin-left:24px;margin-right:24px}}@media(min-width:901px)and (max-width:1180px){.article-layout{grid-template-columns:216px minmax(0,1fr);padding-left:20px;padding-right:20px}}@media(max-width:560px){.article-layout{padding-left:8px;padding-right:8px}.article-head{padding:22px 16px 0}.article-content{padding:0 16px 24px}.article-title{font-size:23px}.article-summary{padding:12px 13px;font-size:13.5px}.article-content h2{font-size:19px}.article-content p,.article-content ul li,.article-content ol li{font-size:15px;line-height:1.85}.article-related{margin-left:16px;margin-right:16px}}