:root{--bg:#f4f6f5;--ink:#1c2b2a;--send:#1f6f63;--mid:#7a6a55;--recv:#2f5d8c;--card:#fff;--line:#d9e0de;--muted:#5d6b69;--soft:#ebf0ee;--flag:#fbf3e4;--flag-line:#e4d3ae;--pipe:#c6d0cd;--radius:10px;--maxw:1040px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}img,svg{max-width:100%;height:auto}a{color:var(--send)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 16px}.top{background:var(--card);border-bottom:1px solid var(--line)}.top .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;min-height:60px;padding-top:10px;padding-bottom:10px;display:flex}.brand{color:var(--ink);align-items:center;gap:8px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.pipe-dot{align-items:center;gap:3px;display:inline-flex}.pipe-dot i{border-radius:50%;width:9px;height:9px;display:block}.pipe-dot i:first-child{background:var(--send)}.pipe-dot i:nth-child(2){background:var(--mid)}.pipe-dot i:nth-child(3){background:var(--recv)}nav{flex-wrap:wrap;gap:6px 16px;font-size:15px;display:flex}nav a{color:var(--muted);text-decoration:none}nav a:hover{color:var(--send)}footer{background:var(--card);border-top:1px solid var(--line);color:var(--muted);margin-top:48px;padding:22px 0;font-size:13px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:8px 20px;display:flex}main{padding:28px 0 8px}h1{margin:0 0 10px;font-size:27px;line-height:1.35}h2{border-left:4px solid var(--send);margin:34px 0 12px;padding-left:11px;font-size:20px}h3{margin:20px 0 8px;font-size:16px}p{margin:0 0 12px}.lede{color:var(--muted);max-width:64ch;margin:0 0 18px;font-size:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.stack{gap:16px;display:grid}.note{color:var(--muted);font-size:13.5px}ul,ol{margin:0 0 12px;padding-left:20px}li{margin:4px 0}code{background:var(--soft);border-radius:4px;padding:1px 5px;font-size:.92em}.boundary{background:var(--flag);border:1px solid var(--flag-line);border-radius:var(--radius);margin:0 0 20px;padding:14px 16px;font-size:14px}.boundary b{color:#7a5a20;margin-bottom:4px;display:block}.boundary ul{margin:6px 0 0;padding-left:19px}form{margin:0}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}label{color:var(--muted);margin-bottom:5px;font-size:13.5px;display:block}input[type=number],input[type=text],select{width:100%;min-width:0;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:7px;padding:9px 10px;font-family:inherit;font-size:15px}input:focus,select:focus{outline:2px solid var(--send);outline-offset:-1px}.modes{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:4px 0 0;display:grid}.mode-pick{cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:11px 12px;display:block}.mode-pick input{margin:0 7px 0 0}.mode-pick b{font-size:15px}.mode-pick span{color:var(--muted);margin-top:3px;font-size:12.5px;line-height:1.55;display:block}.mode-pick.on{border-color:var(--send);box-shadow:inset 0 0 0 1px var(--send)}.pipeline{align-items:stretch;gap:0;margin:6px 0 0;display:flex;overflow:visible}.node{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--pipe);border-radius:8px;flex:1 1 0;min-width:0;padding:11px 12px}.node.out{border-top-color:var(--send)}.node.mid{border-top-color:var(--mid)}.node.in{border-top-color:var(--recv)}.node .who{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11.5px}.node .nm{word-break:break-word;margin:2px 0 4px;font-size:14.5px;font-weight:600}.node .amt{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.node.out .amt{color:var(--send)}.node.mid .amt{color:var(--mid)}.node.in .amt{color:var(--recv)}.node .how{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5}.node .tag{background:var(--soft);color:var(--muted);border-radius:4px;margin-top:6px;padding:1px 6px;font-size:11.5px;display:inline-block}.node .tag.cut{color:#8a4a38;background:#f2e4e0}.link{background:var(--pipe);flex:0 0 22px;align-self:center;min-width:0;height:3px}.results{grid-template-columns:1fr 1fr;gap:14px;display:grid}.big{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.big .k{color:var(--muted);font-size:13px}.big .v{font-variant-numeric:tabular-nums;word-break:break-all;font-size:27px;font-weight:700;line-height:1.3}.big.recv{border-left:4px solid var(--recv)}.big.recv .v{color:var(--recv)}.big.send{border-left:4px solid var(--send)}.big.send .v{color:var(--send)}.big .sub{color:var(--muted);margin-top:5px;font-size:12.5px}.compare{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.col{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:14px}.col.on{border-color:var(--send);box-shadow:inset 0 0 0 1px var(--send)}.col h4{letter-spacing:.04em;margin:0 0 2px;font-size:17px}.col .def{color:var(--muted);min-height:0;margin:0 0 10px;font-size:12.5px;line-height:1.55}.col dl{grid-template-columns:1fr auto;align-items:baseline;gap:5px 8px;margin:0;display:grid}.col dt{color:var(--muted);margin:0;font-size:12.5px}.col dd{font-variant-numeric:tabular-nums;text-align:right;word-break:break-all;margin:0;font-size:15px;font-weight:700}.col .r{color:var(--recv)}.col .s{color:var(--send)}.col .range{color:var(--mid);margin-top:8px;font-size:12px;line-height:1.5}.errors{border-radius:var(--radius);color:#7a3a26;background:#f7e9e5;border:1px solid #e2bfb4;padding:14px 16px;font-size:14px}.errors ul{margin:6px 0 0;padding-left:19px}.keypoint{border-left:4px solid var(--mid);background:var(--card);border-radius:var(--radius);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 16px;font-size:14.5px}.keypoint b{color:var(--mid)}.src{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 14px;padding:16px}.src h3{margin:0 0 4px;font-size:16px}.src .meta{color:var(--muted);word-break:break-all;margin:0 0 10px;font-size:12.5px}.src blockquote{background:var(--soft);border-left:3px solid var(--mid);border-radius:0 6px 6px 0;margin:0 0 8px;padding:9px 12px;font-size:14px}.src blockquote p{margin:0 0 6px}.src blockquote p:last-child{margin:0}.legend{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:10px 0 0;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:11px;height:11px;display:block}.big404{text-align:center;padding:40px 0 20px}.big404 .n{color:var(--send);font-size:58px;font-weight:700;line-height:1}@media (width<=860px){.compare{grid-template-columns:1fr}.col .def{min-height:0}}@media (width<=720px){.pipeline{flex-direction:column;gap:0}.node{flex:none;width:100%}.link{flex:none;align-self:flex-start;width:3px;height:16px;margin-left:22px}.results{grid-template-columns:1fr}}@media (width<=480px){body{font-size:15.5px}h1{font-size:23px}h2{font-size:18.5px}.big .v{font-size:23px}.wrap{padding:0 14px}}