*{box-sizing:border-box}body{margin:0;color:#242e39;background:#f5f7fa;font:15px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}button,summary{cursor:pointer}button{background:#edf4ff;border:0;border-radius:11px;color:#1263ce;padding:9px 15px;font-weight:650}button:disabled{cursor:default;opacity:.58}button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #65a6ff;outline-offset:3px}[hidden]{display:none!important}header{background:white;border-bottom:1px solid #e5eaf0}.nav,main{max-width:690px;margin:auto;padding:0 22px}.nav{height:63px;display:flex;align-items:center;gap:12px;font-weight:650}.brand-logo{display:block;width:clamp(100px,20vw,140px);height:auto}.product .brand-logo{width:100px;max-width:100%;margin-bottom:6px}.divider{height:16px;border-left:1px solid #d8dfe9}.nav small{margin-left:auto;border:1px solid #dce2ea;color:#657080;border-radius:6px;padding:1px 7px;font-weight:500}.intro{padding:35px 0 18px}.kicker{font:700 10px/1.5 Arial,sans-serif;letter-spacing:2px;color:#51738d}.kicker i{display:inline-block;width:20px;height:3px;background:#1677ff;vertical-align:middle;margin-right:5px}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1px;margin:6px 0 2px}h2{font-size:20px}h3{font-size:22px}p{color:#637184;font-size:14px}.panel,dialog{background:#fff;border:1px solid #e1e8f1;border-radius:18px;box-shadow:0 8px 30px #1e3f6910}.scan{padding:20px 24px 26px;text-align:center;background:radial-gradient(ellipse at 50% 40%,#f0f8ff,transparent 62%),white}.strip{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:650}.badge{background:#edf5fb;padding:2px 9px;color:#53718a;border-radius:20px;font-size:12px}.radar{position:relative;width:160px;height:160px;margin:21px auto;border-radius:100%;display:grid;place-items:center;background:repeating-radial-gradient(circle,transparent 0 24px,#b7d9f7 25px,transparent 26px);border:1px dashed #beddf4}.axis{position:absolute;inset:0;border-radius:100%;background:conic-gradient(from 30deg,transparent 75%,#88cdff35 99%,transparent);transform:rotate(-25deg)}.searching .axis{animation:sweep 2s linear infinite}@keyframes sweep{to{transform:rotate(335deg)}}@media(prefers-reduced-motion:reduce){.searching .axis{animation:none}}.disc{position:relative;width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#37c9ee,#116dfa 80%);box-shadow:0 6px 18px #127bfa40}.disc svg{width:23px;fill:none;stroke:white;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.scan p{margin:6px 0 19px}.primary{width:100%;background:#1677ff;color:#fff;padding:13px}.help{margin:14px 0;padding:14px 18px}.help summary{font-weight:650}.help p{margin-top:8px}dialog{width:min(420px,calc(100% - 32px));padding:22px;color:inherit}dialog::backdrop{background:#182a4066}.close{background:#f2f5f8;color:#4d5a67;border-radius:50%;padding:0;width:32px;height:32px}.product{display:flex;align-items:center;gap:14px;padding:17px}.product>img{width:88px;height:88px;object-fit:contain}.product button{margin-left:auto;font-size:12px;color:#bb3939;background:#fff0f0}dialog .product{padding:17px 0}dialog .primary{margin-top:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{background:white;padding:14px;border-radius:12px;border:1px solid #e3e9f1;font-size:12px;color:#69798b}.metric b{display:block;margin-top:4px;color:#243650;font-size:21px}.metric small{font-size:12px;font-weight:500}.settings{margin:12px 0;padding:16px}.settings h2{font-size:16px;margin-bottom:9px}.segments{display:flex;gap:6px}.segments button{flex:1;background:#f4f6f9;color:#556173;font-size:14px}.segments button[aria-pressed=true]{background:#e3efff;color:#1265d3;box-shadow:inset 0 0 0 1px #9dc6ff}label{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px}input{flex:1;min-width:60px;accent-color:#1677ff}output{min-width:40px}.settings p,#actionHint,#live{margin:10px 0}main{padding-bottom:40px}@media(max-width:480px){.nav,main{padding-left:16px;padding-right:16px}.intro{padding-top:24px}.product>img{width:66px;height:70px}.product{gap:9px}}

.connection-guide {
  margin-bottom: 18px;
  padding: 18px 20px;
  border: 1px solid #cadbe8;
  border-left: 4px solid #487693;
  border-radius: 12px;
  background: #edf4f8;
  color: #243b4d;
}
.connection-guide h2 { font-size: 19px; }
.connection-guide dl {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 8px 14px;
  margin: 10px 0 12px;
  font-size: 15px;
}
.connection-guide dt { font-weight: 700; }
.connection-guide dd { margin: 0; }
.connection-guide p {
  border-top: 1px solid #cbdbe6;
  padding-top: 10px;
  color: #354e61;
}