.interactive-article.article-full-bandwidth-transformer{
  color-scheme: light;
  --surface-0:#f6f5f2;
  --surface-1:#fcfcfb;
  --surface-2:#efeeea;
  --border:#e0dfd9;
  --border-strong:#c9c8c0;
  --text-primary:#0b0b0b;
  --text-secondary:#52514e;
  --text-muted:#7d7c76;
  --s1:#2a78d6;
  --s2:#eb6834;
  --s3:#1baf7a;
  --s4:#eda100;
  --s7:#4a3aa7;
  --s8:#e34948;
  --s1-soft:#cde2fb;
  --s2-soft:#fbdccf;
  --s3-soft:#c7ecdd;
  --accent:#2a78d6;
  --grid:#e6e5e0;
  --shadow:0 1px 2px rgba(0,0,0,.05),0 8px 24px rgba(0,0,0,.05);
}
html[data-bs-theme="dark"] .interactive-article.article-full-bandwidth-transformer{
  color-scheme: dark;
  --surface-0:#141413;
  --surface-1:#1a1a19;
  --surface-2:#232322;
  --border:#33332f;
  --border-strong:#4a4a45;
  --text-primary:#f2f1ec;
  --text-secondary:#c3c2b7;
  --text-muted:#8d8c84;
  --s1:#3987e5;
  --s2:#d95926;
  --s3:#199e70;
  --s4:#c98500;
  --s7:#9085e9;
  --s8:#e66767;
  --s1-soft:#173b63;
  --s2-soft:#5a2a14;
  --s3-soft:#10402f;
  --accent:#3987e5;
  --grid:#2c2c2a;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);
}
.interactive-article.article-full-bandwidth-transformer, .interactive-article.article-full-bandwidth-transformer *{box-sizing:border-box}
.interactive-article.article-full-bandwidth-transformer{scroll-behavior:smooth}
.interactive-article.article-full-bandwidth-transformer{
  margin:0;
  background:var(--surface-0);
  color:var(--text-primary);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",sans-serif;
  font-size:17px;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
  letter-spacing:.01em;
}
.interactive-article.article-full-bandwidth-transformer #progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);width:0;z-index:100;transition:width .1s linear}
.interactive-article.article-full-bandwidth-transformer .wrap{max-width:820px;margin:0 auto;padding:0 22px 120px}
.interactive-article.article-full-bandwidth-transformer header.hero{padding:64px 0 26px;border-bottom:1px solid var(--border)}
.interactive-article.article-full-bandwidth-transformer .kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}
.interactive-article.article-full-bandwidth-transformer h1{font-size:2.45rem;line-height:1.25;margin:0 0 16px;letter-spacing:-.01em;font-weight:750}
.interactive-article.article-full-bandwidth-transformer .sub{font-size:1.12rem;color:var(--text-secondary);margin:0 0 22px;line-height:1.7}
.interactive-article.article-full-bandwidth-transformer .meta{font-size:.86rem;color:var(--text-muted);line-height:1.7}
.interactive-article.article-full-bandwidth-transformer .meta a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}
.interactive-article.article-full-bandwidth-transformer .meta a:hover{border-bottom-color:var(--accent)}
.interactive-article.article-full-bandwidth-transformer h2{font-size:1.6rem;margin:64px 0 8px;line-height:1.35;letter-spacing:-.01em;font-weight:700;scroll-margin-top:24px}
.interactive-article.article-full-bandwidth-transformer h2 .num{color:var(--text-muted);font-weight:500;font-size:1.05rem;display:block;margin-bottom:2px;letter-spacing:.08em}
.interactive-article.article-full-bandwidth-transformer h3{font-size:1.16rem;margin:38px 0 6px;font-weight:680;line-height:1.5}
.interactive-article.article-full-bandwidth-transformer h4{font-size:1rem;margin:26px 0 4px;font-weight:650;color:var(--text-secondary)}
.interactive-article.article-full-bandwidth-transformer p{margin:14px 0}
.interactive-article.article-full-bandwidth-transformer ul,
.interactive-article.article-full-bandwidth-transformer ol{margin:14px 0;padding-left:22px}
.interactive-article.article-full-bandwidth-transformer li{margin:7px 0}
.interactive-article.article-full-bandwidth-transformer strong{font-weight:650}
.interactive-article.article-full-bandwidth-transformer em{font-style:normal;background:linear-gradient(transparent 62%,color-mix(in srgb,var(--s4) 40%,transparent) 62%);padding:0 1px}
.interactive-article.article-full-bandwidth-transformer code{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size:.88em;background:var(--surface-2);padding:1px 5px;border-radius:4px;border:1px solid var(--border)}
.interactive-article.article-full-bandwidth-transformer a{color:var(--accent)}
.interactive-article.article-full-bandwidth-transformer hr{border:none;border-top:1px solid var(--border);margin:44px 0}

.interactive-article.article-full-bandwidth-transformer .tldr{background:var(--surface-1);border:1px solid var(--border);border-radius:14px;padding:22px 24px;margin:32px 0;box-shadow:var(--shadow)}
.interactive-article.article-full-bandwidth-transformer .tldr h3{margin:0 0 10px;font-size:1.02rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-weight:600}
.interactive-article.article-full-bandwidth-transformer .tldr ul{margin:0;padding-left:20px}

.interactive-article.article-full-bandwidth-transformer .callout{border-left:3px solid var(--accent);background:var(--surface-1);padding:14px 18px;border-radius:0 10px 10px 0;margin:24px 0}
.interactive-article.article-full-bandwidth-transformer .callout.warn{border-left-color:var(--s2)}
.interactive-article.article-full-bandwidth-transformer .callout.note{border-left-color:var(--s3)}
.interactive-article.article-full-bandwidth-transformer .callout .tag{display:inline-block;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:650;margin-bottom:2px}
.interactive-article.article-full-bandwidth-transformer .callout p{margin:6px 0}

.interactive-article.article-full-bandwidth-transformer .fig{margin:30px 0}
.interactive-article.article-full-bandwidth-transformer .fig img{width:100%;display:block;border-radius:10px;background:#fff;border:1px solid var(--border)}
.interactive-article.article-full-bandwidth-transformer .cap{font-size:.85rem;color:var(--text-muted);margin-top:9px;line-height:1.65}
.interactive-article.article-full-bandwidth-transformer .cap b{color:var(--text-secondary);font-weight:650}

.interactive-article.article-full-bandwidth-transformer .demo{background:var(--surface-1);border:1px solid var(--border);border-radius:14px;padding:20px 22px 22px;margin:32px 0;box-shadow:var(--shadow)}
.interactive-article.article-full-bandwidth-transformer .demo-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.interactive-article.article-full-bandwidth-transformer .demo-h .badge{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:#fff;padding:2px 8px;border-radius:20px;font-weight:650}
.interactive-article.article-full-bandwidth-transformer .demo-h .t{font-weight:680;font-size:1.02rem}
.interactive-article.article-full-bandwidth-transformer .demo-d{font-size:.88rem;color:var(--text-secondary);margin:0 0 16px;line-height:1.65}
.interactive-article.article-full-bandwidth-transformer .ctrls{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;margin:14px 0}
.interactive-article.article-full-bandwidth-transformer .ctrl{display:flex;flex-direction:column;gap:2px;min-width:150px;flex:1 1 150px}
.interactive-article.article-full-bandwidth-transformer .ctrl label{font-size:.78rem;color:var(--text-muted);display:flex;justify-content:space-between;gap:8px}
.interactive-article.article-full-bandwidth-transformer .ctrl label b{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}
.interactive-article.article-full-bandwidth-transformer input[type=range]{width:100%;accent-color:var(--accent);height:20px}
.interactive-article.article-full-bandwidth-transformer .seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:9px;overflow:hidden;background:var(--surface-2)}
.interactive-article.article-full-bandwidth-transformer .seg button{border:none;background:transparent;color:var(--text-secondary);font:inherit;font-size:.83rem;padding:5px 12px;cursor:pointer;transition:.12s}
.interactive-article.article-full-bandwidth-transformer .seg button+button{border-left:1px solid var(--border-strong)}
.interactive-article.article-full-bandwidth-transformer .seg button.on{background:var(--accent);color:#fff;font-weight:600}
.interactive-article.article-full-bandwidth-transformer .seg button:hover:not(.on){background:var(--border)}
.interactive-article.article-full-bandwidth-transformer .btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);font:inherit;font-size:.83rem;padding:5px 13px;border-radius:9px;cursor:pointer}
.interactive-article.article-full-bandwidth-transformer .btn:hover{background:var(--border)}
.interactive-article.article-full-bandwidth-transformer .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}

.interactive-article.article-full-bandwidth-transformer .readout{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.interactive-article.article-full-bandwidth-transformer .stat{flex:1 1 130px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}
.interactive-article.article-full-bandwidth-transformer .stat .k{font-size:.74rem;color:var(--text-muted);letter-spacing:.03em}
.interactive-article.article-full-bandwidth-transformer .stat .v{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.3}
.interactive-article.article-full-bandwidth-transformer .stat .u{font-size:.74rem;color:var(--text-muted)}

.interactive-article.article-full-bandwidth-transformer .eq{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin:20px 0;overflow-x:auto;font-size:1.02rem;text-align:center;line-height:2.1}
.interactive-article.article-full-bandwidth-transformer .eq .lbl{float:right;color:var(--text-muted);font-size:.8rem}
.interactive-article.article-full-bandwidth-transformer mi{font-family:"Times New Roman",Times,serif;font-style:italic;font-size:1.08em}
.interactive-article.article-full-bandwidth-transformer mb{font-family:"Times New Roman",Times,serif;font-style:italic;font-weight:700;font-size:1.08em}
.interactive-article.article-full-bandwidth-transformer sub,
.interactive-article.article-full-bandwidth-transformer sup{font-size:.68em}
.interactive-article.article-full-bandwidth-transformer .op{padding:0 .28em;color:var(--text-secondary)}

.interactive-article.article-full-bandwidth-transformer table{border-collapse:collapse;width:100%;font-size:.87rem;margin:18px 0;font-variant-numeric:tabular-nums}
.interactive-article.article-full-bandwidth-transformer th,
.interactive-article.article-full-bandwidth-transformer td{padding:7px 9px;text-align:right;border-bottom:1px solid var(--border)}
.interactive-article.article-full-bandwidth-transformer th:first-child,
.interactive-article.article-full-bandwidth-transformer td:first-child{text-align:left}
.interactive-article.article-full-bandwidth-transformer thead th{border-bottom:1.5px solid var(--border-strong);color:var(--text-secondary);font-weight:620;font-size:.8rem}
.interactive-article.article-full-bandwidth-transformer tbody tr:hover{background:var(--surface-2)}
.interactive-article.article-full-bandwidth-transformer td.best{font-weight:700;color:var(--s1)}
.interactive-article.article-full-bandwidth-transformer .tblnote{font-size:.8rem;color:var(--text-muted)}

.interactive-article.article-full-bandwidth-transformer .chip{display:inline-block;font-size:.76rem;padding:1px 8px;border-radius:20px;border:1px solid var(--border-strong);color:var(--text-secondary);background:var(--surface-2);margin-right:5px}

.interactive-article.article-full-bandwidth-transformer .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:680px){.interactive-article.article-full-bandwidth-transformer .grid2{grid-template-columns:1fr}}

.interactive-article.article-full-bandwidth-transformer .qbox{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface-1)}
.interactive-article.article-full-bandwidth-transformer .qbox .qh{padding:8px 14px;font-size:.8rem;font-weight:650;letter-spacing:.03em;border-bottom:1px solid var(--border)}
.interactive-article.article-full-bandwidth-transformer .qbox.std .qh{background:var(--surface-2);color:var(--text-secondary)}
.interactive-article.article-full-bandwidth-transformer .qbox.soft .qh{background:var(--s1-soft);color:var(--text-primary)}
.interactive-article.article-full-bandwidth-transformer .qbox .qb{padding:12px 14px;font-size:.83rem;line-height:1.75;color:var(--text-secondary);max-height:230px;overflow:auto}
.interactive-article.article-full-bandwidth-transformer .qbox .om{color:var(--s1);font-style:italic}

.interactive-article.article-full-bandwidth-transformer details{border:1px solid var(--border);border-radius:10px;padding:0 14px;margin:18px 0;background:var(--surface-1)}
.interactive-article.article-full-bandwidth-transformer details>summary{cursor:pointer;padding:11px 0;font-weight:620;font-size:.94rem;list-style:none}
.interactive-article.article-full-bandwidth-transformer details>summary::-webkit-details-marker{display:none}
.interactive-article.article-full-bandwidth-transformer details>summary::before{content:"▸";display:inline-block;margin-right:8px;color:var(--text-muted);transition:.15s}
.interactive-article.article-full-bandwidth-transformer details[open]>summary::before{transform:rotate(90deg)}
.interactive-article.article-full-bandwidth-transformer details .dc{padding-bottom:6px;font-size:.93rem}

.interactive-article.article-full-bandwidth-transformer svg text{font-family:inherit}
.interactive-article.article-full-bandwidth-transformer .tip{position:absolute;pointer-events:none;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:8px;padding:6px 9px;font-size:.78rem;line-height:1.5;box-shadow:var(--shadow);opacity:0;transition:opacity .1s;white-space:nowrap;z-index:20}
.interactive-article.article-full-bandwidth-transformer .legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.79rem;color:var(--text-secondary);margin-top:10px}
.interactive-article.article-full-bandwidth-transformer .legend span{display:inline-flex;align-items:center;gap:6px}
.interactive-article.article-full-bandwidth-transformer .legend i{width:14px;height:3px;border-radius:2px;display:inline-block}
.interactive-article.article-full-bandwidth-transformer .legend i.sq{width:12px;height:12px;border-radius:3px}

.interactive-article.article-full-bandwidth-transformer #themeBtn{position:fixed;top:14px;right:14px;z-index:90;border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:15px;box-shadow:var(--shadow)}
.interactive-article.article-full-bandwidth-transformer nav.toc{position:fixed;left:calc(50% - 660px);top:120px;width:200px;font-size:.8rem;line-height:1.6;z-index:50}
.interactive-article.article-full-bandwidth-transformer nav.toc a{display:block;color:var(--text-muted);text-decoration:none;padding:2px 0 2px 10px;border-left:2px solid var(--border)}
.interactive-article.article-full-bandwidth-transformer nav.toc a.on{color:var(--accent);border-left-color:var(--accent);font-weight:600}
@media(max-width:1340px){.interactive-article.article-full-bandwidth-transformer nav.toc{display:none}}
.interactive-article.article-full-bandwidth-transformer footer{border-top:1px solid var(--border);margin-top:70px;padding-top:22px;font-size:.84rem;color:var(--text-muted)}

.interactive-article.article-full-bandwidth-transformer .tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0}
.interactive-article.article-full-bandwidth-transformer .tscroll table{margin:0;min-width:520px}



.interactive-article.article-full-bandwidth-transformer {
  color-scheme: inherit;
  --surface-0: var(--main-bg);
  --surface-1: var(--card-bg, var(--main-bg));
  --surface-2: var(--bs-tertiary-bg);
  --border: var(--main-border-color);
  --border-strong: var(--tb-border-color, var(--main-border-color));
  --text-primary: var(--heading-color);
  --text-secondary: var(--text-color);
  --text-muted: var(--text-muted-color);
  --grid: var(--main-border-color);
  background: transparent;
  color: var(--text-primary);
  font-family: inherit;
}

.interactive-article.article-full-bandwidth-transformer .wrap {
  max-width: none;
  margin: 0;
  padding: 0;
}

.interactive-article.article-full-bandwidth-transformer .article-intro {
  margin-bottom: 28px;
  padding: 0 0 28px;
  border-bottom: 1px solid var(--border);
}

.interactive-article.article-full-bandwidth-transformer .article-body {
  min-width: 0;
  padding: 0 0 28px;
}

.interactive-article.article-full-bandwidth-transformer .eq .lbl {
  display: block;
  float: none;
  margin-top: 8px;
  color: var(--text-muted);
  font-size: 0.8rem;
  line-height: 1.6;
  text-align: center;
}

.interactive-article.article-full-bandwidth-transformer .eq-multipass mjx-container[display="true"] + .lbl {
  margin-bottom: 14px;
}

.interactive-article.article-full-bandwidth-transformer mjx-container[display="true"] {
  max-width: 100%;
  margin: 0.35em 0 !important;
  overflow-x: auto;
  overflow-y: hidden;
}

.interactive-article.article-full-bandwidth-transformer .article-footer {
  margin-top: 56px;
  padding: 28px 0 8px;
  border-top: 1px solid var(--border);
  color: var(--text-muted);
  font-size: 0.84rem;
  line-height: 1.75;
}