.baoi-qw-page{max-width:1320px;margin:0 auto;padding:32px 20px 64px}
.baoi-qw-wrap{max-width:1080px;margin:0 auto}
.baoi-qw-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.92rem;margin-bottom:20px}
.baoi-qw-breadcrumb a{text-decoration:none}
.baoi-qw-hero{margin-bottom:24px}
.baoi-qw-kicker{display:inline-block;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.baoi-qw-hero h1{margin:.15em 0 .35em;line-height:1.12}
.baoi-qw-hero p,.baoi-qw-intro p{max-width:880px;font-size:1.05rem;line-height:1.65}
.baoi-qw-tool{margin-top:28px;padding:24px;border:1px solid rgba(127,127,127,.28);border-radius:16px;background:rgba(127,127,127,.05)}
.baoi-qw-tool h2{margin-top:0}
.baoi-qw-grid{display:grid;gap:16px;margin:16px 0}
.baoi-qw-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.baoi-qw-field{display:flex;flex-direction:column;gap:7px;font-weight:600}
.baoi-qw-field input,.baoi-qw-field select{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid rgba(127,127,127,.45);border-radius:9px;background:var(--baoi-field-bg,#fff);color:inherit;font:inherit}
.baoi-qw-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border:1px solid rgba(127,127,127,.45);border-radius:9px;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}
.baoi-qw-button:hover,.baoi-qw-button.is-active{background:rgba(127,127,127,.14)}
.baoi-qw-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.baoi-qw-result{padding:14px;border:1px solid rgba(127,127,127,.25);border-radius:10px;min-width:0}
.baoi-qw-result span{display:block;font-size:.82rem;opacity:.72;margin-bottom:5px}
.baoi-qw-result code{display:block;overflow-wrap:anywhere;font-size:.98rem}
.baoi-qw-status{min-height:1.4em;margin:12px 0 0;font-weight:600}
.baoi-qw-note{font-size:.93rem;line-height:1.55;opacity:.82}
.baoi-qw-table-wrap{overflow:auto;margin-top:18px}
.baoi-qw-table{width:100%;border-collapse:collapse}
.baoi-qw-table th,.baoi-qw-table td{text-align:left;padding:9px 10px;border-bottom:1px solid rgba(127,127,127,.22)}
.baoi-qw-import{margin-top:18px;padding:16px;border:1px dashed rgba(127,127,127,.45);border-radius:10px}
.baoi-qw-toggle{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.baoi-qw-rj45{display:grid;grid-template-columns:repeat(8,minmax(72px,1fr));gap:8px;margin:18px 0;overflow-x:auto}
.baoi-qw-pin{min-width:72px;padding:10px 6px;border:1px solid rgba(127,127,127,.25);border-radius:8px;text-align:center}
.baoi-qw-pin strong{display:block;margin-bottom:7px}
.baoi-qw-wire{display:block;height:28px;border-radius:5px;border:1px solid rgba(0,0,0,.25);margin-bottom:7px}
.baoi-qw-wire--white-green{background:linear-gradient(90deg,#fff 0 50%,#299447 50% 100%)}
.baoi-qw-wire--green{background:#299447}
.baoi-qw-wire--white-orange{background:linear-gradient(90deg,#fff 0 50%,#e98024 50% 100%)}
.baoi-qw-wire--orange{background:#e98024}
.baoi-qw-wire--blue{background:#3478c8}
.baoi-qw-wire--white-blue{background:linear-gradient(90deg,#fff 0 50%,#3478c8 50% 100%)}
.baoi-qw-wire--white-brown{background:linear-gradient(90deg,#fff 0 50%,#84533d 50% 100%)}
.baoi-qw-wire--brown{background:#84533d}
.baoi-qw-rj45-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.baoi-qw-rj45-help p{margin:0;padding:12px;border-radius:8px;background:rgba(127,127,127,.08)}
.baoi-qw-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px}
.baoi-qw-links a{font-weight:700}
@media (max-width:760px){
  .baoi-qw-page{padding:24px 14px 48px}
  .baoi-qw-tool{padding:18px}
  .baoi-qw-grid--2,.baoi-qw-results,.baoi-qw-rj45-help{grid-template-columns:1fr}
  .baoi-qw-rj45{grid-template-columns:repeat(8,78px)}
}
@media (prefers-color-scheme:dark){
  .baoi-qw-field input,.baoi-qw-field select{--baoi-field-bg:rgba(255,255,255,.04)}
}