.code-block{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.7;overflow-x:auto;color:var(--text-m);margin:10px 0}.code-block b{color:var(--accent)}.l-card p b{color:var(--text-m)}.l-card p code{font-family:ui-monospace,monospace;font-size:12px;background:var(--hover2);padding:1px 5px;border-radius:4px}.pipe-demo{position:relative;height:340px;padding:0}.pipe-stage{position:absolute;left:12px;right:70px;height:48px;border-radius:10px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 16px;transition:all .25s}.pipe-stage b{font-size:13px;color:var(--text-m)}.pipe-stage span{font-size:11px;color:var(--text-faint)}.pipe-stage.hot{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);transform:translate(6px)}.pipe-stage[data-stage="4"]{bottom:10px}.pipe-stage[data-stage="3"]{bottom:76px}.pipe-stage[data-stage="2"]{bottom:142px}.pipe-stage[data-stage="1"]{bottom:208px}.pipe-stage[data-stage="0"]{bottom:274px}.pipe-token{position:absolute;right:18px;bottom:54px;font-family:ui-monospace,monospace;font-size:11px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);padding:3px 8px;border-radius:6px;transition:bottom .45s cubic-bezier(.4,0,.2,1);opacity:0}.pipe-token.fly{opacity:1}.pipe-ctrl{position:absolute;left:0;right:0;bottom:-16px;display:flex;align-items:center;gap:12px}.pipe-btn{font-family:inherit;font-size:12.5px;font-weight:700;padding:8px 16px;border-radius:8px;border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);cursor:pointer;transition:all .2s}.pipe-btn:hover{background:var(--accent);color:#fff}.pipe-hint{font-size:11.5px;color:var(--text-faint)}.tri-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.tri-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px}.tri-no{font-family:ui-monospace,monospace;font-size:11px;color:var(--text-faint);letter-spacing:1px}.tri-hd{font-size:15px;font-weight:800;color:var(--text-m);margin:6px 0 8px}.tri-card p{font-size:12.5px;color:var(--text-sub);line-height:1.65}.tri-card p b{color:var(--text-m)}.tri-card p code{font-family:ui-monospace,monospace;font-size:11px;background:var(--hover2);padding:1px 4px;border-radius:4px}@media(max-width:768px){.tri-col{grid-template-columns:1fr}.pipe-stage{right:58px}}.pipe-switches{display:flex;gap:10px;flex-wrap:wrap;position:absolute;left:0;right:0;bottom:38px}.p-sw{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text-sub);cursor:pointer}.p-sw input{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.pipe-ctrl{bottom:-46px}.pipe-btn.esc{border-color:var(--danger);background:#dc262614;color:var(--danger)}.pipe-stage.mut{border-style:dashed}.pipe-stage.dimmed{opacity:.38;filter:grayscale(1)}.pipe-token.mut{background:var(--purple-soft);border-color:var(--purple-line);color:var(--purple)}.pipe-token.gone{opacity:0;transform:scale(.4);transition:all .4s}.pipe-inject{position:absolute;right:18px;bottom:220px;font-family:ui-monospace,monospace;font-size:10.5px;color:var(--amber);background:#d9770614;border:1px solid rgba(217,119,6,.3);padding:3px 9px;border-radius:6px;opacity:0;transform:translateY(6px);transition:all .3s}.pipe-inject.show{opacity:1;transform:none}.pipe-demo{position:relative}.pipe-token{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#bfe0ff,var(--accent) 60%,#1e5ba8);border:none;color:transparent;font-size:0;box-shadow:0 0 14px var(--accent-line),0 0 4px #5b8bff99;display:flex;align-items:center;justify-content:center}.pipe-token:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff;opacity:.85}.pipe-stage{background:var(--card);border:1.5px solid var(--border)}.pipe-stage.hot{box-shadow:0 0 0 3px var(--accent-soft),0 0 18px var(--accent-soft);border-color:var(--accent)}.pcl{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);pointer-events:none;opacity:1;transition:transform .55s cubic-bezier(.2,.6,.4,1),opacity .55s;z-index:5}.pcl.burst{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}