.article-shell{padding:0 0 32px}.article-nav{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 8px;gap:8px;position:sticky;top:0;background:var(--bg);z-index:50}.reading-progress{height:2px;background:var(--border);flex:0 0 auto;position:sticky;top:calc(env(safe-area-inset-top,0px) + 54px);overflow:hidden;z-index:50}.reading-progress span{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--primary),#7c3aed);width:0%;border-radius:1px;transition:width .15s linear;display:block}.article-body{padding:8px 22px 32px;max-width:720px;margin:0 auto}.toc-mask{position:fixed;inset:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .25s;z-index:400}.toc-mask.show{opacity:1;pointer-events:auto}.toc-drawer{position:fixed;top:0;right:0;bottom:0;width:78%;max-width:340px;background:var(--bg);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:401;padding:calc(env(safe-area-inset-top,0px) + 40px) 20px 20px;overflow-y:auto;box-shadow:-20px 0 40px #00000026}.toc-drawer.show{transform:translate(0)}.toc-drawer h4{font-size:13px;color:var(--text-muted);margin-bottom:12px;font-weight:500}.toc-drawer a{display:block;padding:9px 10px;border-radius:8px;color:var(--text-sub);text-decoration:none;font-size:13.5px;line-height:1.5;transition:all .15s;cursor:pointer}.toc-drawer a.on,.toc-drawer a:hover{background:var(--primary-soft);color:var(--primary)}.prose-kb h1{font-size:24px;font-weight:700;line-height:1.32;letter-spacing:-.02em;margin-bottom:14px;color:var(--text)}.article-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);margin-bottom:22px;flex-wrap:wrap}.prose-kb h2{font-size:18px;font-weight:650;line-height:1.4;margin:28px 0 12px;letter-spacing:-.01em;color:var(--text);scroll-margin-top:80px}.prose-kb h3{font-size:15.5px;font-weight:600;margin:22px 0 10px;color:var(--text);scroll-margin-top:80px}.prose-kb h2>a.anchor,.prose-kb h3>a.anchor{color:inherit;text-decoration:none;opacity:.6;margin-left:6px;font-weight:400}.prose-kb p{font-size:var(--font-base);line-height:var(--lh-base);color:var(--text);margin-bottom:16px}.prose-kb p strong{font-weight:650}.prose-kb ul,.prose-kb ol{margin:0 0 16px;padding-left:22px}.prose-kb li{font-size:var(--font-base);line-height:var(--lh-base);margin-bottom:6px;color:var(--text)}.prose-kb a{color:var(--primary)}.prose-kb blockquote{border-left:3px solid var(--primary);background:var(--primary-soft);padding:12px 16px;border-radius:0 12px 12px 0;margin:0 0 18px;font-size:14.5px;line-height:1.7;color:var(--text-sub)}.prose-kb blockquote p{margin-bottom:0;font-size:inherit}.prose-kb hr{border:none;border-top:1px solid var(--border);margin:28px 0}.prose-kb table{width:100%;border-collapse:collapse;margin-bottom:18px;font-size:13px;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:block;overflow-x:auto}.prose-kb th,.prose-kb td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:left;line-height:1.55;white-space:nowrap}.prose-kb th{background:var(--bg-sub);font-weight:600;color:var(--text)}.prose-kb tr:last-child td{border-bottom:none}.prose-kb img{border-radius:12px;margin-bottom:18px}.prose-kb code:not(pre code){background:var(--bg-sub);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:.86em;font-family:var(--font-family-mono);color:var(--text);word-break:break-all}.codeblock{background:var(--code-bg);border:1px solid var(--code-border);border-radius:12px;margin-bottom:18px;overflow:hidden;font-family:var(--font-family-mono);position:relative}.codeblock-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--code-border);font-size:11px;color:var(--text-muted)}.codeblock-head .lang{font-weight:600;letter-spacing:.03em;text-transform:uppercase}.copy-btn{background:none;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px;font-family:inherit;transition:color .2s;padding:2px 4px}.copy-btn.copied{color:var(--accent)}.codeblock pre{padding:14px 12px;overflow-x:auto;font-size:12.5px;line-height:1.7;scrollbar-width:none;margin:0}.codeblock pre::-webkit-scrollbar{display:none}.codeblock pre.astro-code,.codeblock pre.shiki{background:var(--code-bg)!important;border:none;padding:14px 12px}.codeblock pre.astro-code span{color:var(--shiki-light)!important}:root[data-theme=dark] .codeblock pre.astro-code span{color:var(--shiki-dark)!important}.callout{display:flex;gap:10px;padding:12px 14px;border-radius:12px;margin-bottom:18px;font-size:13.5px;line-height:1.65;border:1px solid}.callout.tip{background:var(--primary-soft);border-color:transparent;color:var(--text)}.callout.info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}.callout.warn{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-text)}.callout.danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.callout .co-icon{flex:0 0 auto;font-size:15px;line-height:1.4}.callout .co-body{min-width:0}.callout .co-body strong{font-weight:650;display:block;margin-bottom:2px}.callout .co-body p{margin-bottom:0;font-size:inherit;color:inherit;line-height:inherit}.chart-box{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 14px;margin-bottom:18px;position:relative;transition:border-color .2s}.chart-title{font-size:12.5px;font-weight:600;color:var(--text-sub);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.chart-title .badge{font-size:10px;font-weight:500;padding:2px 7px;border-radius:5px;background:var(--bg-sub);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;flex:0 0 auto}.chart-actions{position:absolute;top:10px;right:10px;display:flex;gap:4px}.chart-actions button{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--text-sub);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px}.chart-actions button:active{color:var(--primary);border-color:var(--primary)}.chart-lazy{min-height:120px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted)}.chart-loading{background:linear-gradient(90deg,var(--bg-sub) 0%,var(--border) 50%,var(--bg-sub) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;width:100%;height:120px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tabs{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:18px;overflow:hidden}.tabs-head{display:flex;border-bottom:1px solid var(--border);background:var(--bg-sub);overflow-x:auto;scrollbar-width:none}.tabs-head::-webkit-scrollbar{display:none}.tabs-head button{flex:1;border:none;background:transparent;padding:10px 12px;font-size:12.5px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-weight:500;position:relative;transition:color .2s;white-space:nowrap}.tabs-head button.on{color:var(--primary);font-weight:600}.tabs-head button.on:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:var(--primary);border-radius:1px}.tabs-body{padding:14px;font-size:13px;line-height:1.7;color:var(--text-sub)}.tabs-body>div{display:none}.tabs-body>div.on{display:block;animation:fadeIn .25s ease}.tabs-body p{margin-bottom:0;font-size:inherit;color:inherit;line-height:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.codegroup{margin-bottom:18px}.codegroup .tabs-body{padding:0}.codegroup .tabs-body>div{padding:12px}.codegroup pre{margin:0}.steps{counter-reset:step;margin-bottom:18px}.step-item{position:relative;padding:0 0 18px 44px}.step-item:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.step-item:after{content:"";position:absolute;left:13.5px;top:30px;bottom:0;width:1.5px;background:var(--border)}.step-item:last-child{padding-bottom:0}.step-item:last-child:after{display:none}.step-item .step-title{font-size:14.5px;font-weight:600;color:var(--text);margin-bottom:6px}.step-item .step-body{font-size:13.5px;line-height:1.7;color:var(--text-sub)}.step-item .step-body p{margin-bottom:8px;font-size:inherit;color:inherit}.step-item .step-body pre{margin-bottom:10px}.timeline{position:relative;padding-left:22px;margin-bottom:18px}.timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1.5px;background:var(--border)}.tl-item{position:relative;margin-bottom:18px}.tl-item:last-child{margin-bottom:0}.tl-dot{position:absolute;left:-22px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--primary);border:2.5px solid var(--bg);box-shadow:0 0 0 1.5px var(--primary)}.tl-date{font-size:11px;color:var(--text-muted);margin-bottom:3px}.tl-title{font-size:14px;font-weight:600;margin-bottom:3px;color:var(--text)}.tl-desc{font-size:12.5px;color:var(--text-sub);line-height:1.6}.related{margin-top:32px}.related h3{font-size:14px;font-weight:650;margin-bottom:4px;color:var(--text-sub)}.related-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);cursor:pointer;text-decoration:none;color:var(--text)}.related-item:last-child{border-bottom:none}.ri-num{width:26px;height:26px;border-radius:8px;background:var(--bg-sub);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex:0 0 auto}.ri-title{font-size:13.5px;line-height:1.45;font-weight:500}.pager{display:flex;gap:10px;margin-top:24px}.pager a{flex:1;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;text-decoration:none;min-width:0}.pager a.next{text-align:right}.pager .pg-label{font-size:10.5px;color:var(--text-muted);margin-bottom:4px}.pager .pg-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.45}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.chart-box.diagram-mode{background:var(--bg-sub)}.chart-box .mermaid-box svg{max-width:100%;height:auto;margin:0 auto}[data-layout=diagram] .chart-box{background:var(--bg-sub);padding:18px 12px}[data-layout=diagram] .chart-box .chart-title{font-size:13.5px}[data-layout=dashboard]{display:block}[data-layout=timeline] .timeline:before{background:linear-gradient(180deg,var(--primary),var(--accent))}[data-layout=graph] .chart-box{background:var(--bg-sub)}[data-layout=gallery] img{border-radius:14px;box-shadow:var(--shadow)}.kg-node{cursor:grab}.kg-node circle{transition:r .15s,filter .15s}.kg-node text{fill:#fff;font-size:10px;font-weight:600;pointer-events:none}.kg-link{stroke:var(--text-muted);stroke-width:1.2;opacity:.4}