/* ======================================================================
   USB 版本速率对照 · 独立设计（测评榜单主题）
   浅色 = 冷灰实验室 + 电光蓝；深色 = 深夜蓝 + 亮蓝
   ====================================================================== */
.usb{
  --ink:#141a26; --sub:#54617a; --faint:#8f9cb3;
  --bg:#f1f4f9; --card:#ffffff; --card2:#e8edf5; --line:#d4dceb; --line2:#e2e8f2;
  --pri:#1d4ed8; --pri-2:#3b82f6; --pri-soft:#e3ebfd; --pri-ink:#1e40af;
  --gold:#b45309; --gold-soft:#fdf0da;
  --teal:#0d9488;
  --r:14px; --shadow:0 1px 2px rgba(20,26,38,.05),0 12px 28px rgba(29,78,216,.08);
  color:var(--ink);
  font-family:-apple-system,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  font-size:15px; line-height:1.75;
  background:
    linear-gradient(180deg, rgba(29,78,216,.05), transparent 240px),
    var(--bg);
  padding:0 16px 56px;
}
:root[data-theme="dark"] .usb{
  --ink:#e6ebf5; --sub:#9fb0c9; --faint:#66788f;
  --bg:#0d1220; --card:#161d2e; --card2:#1c2538; --line:#2b3850; --line2:#233047;
  --pri:#60a5fa; --pri-2:#93c5fd; --pri-soft:rgba(96,165,250,.13); --pri-ink:#bfdbfe;
  --gold:#fbbf24; --gold-soft:rgba(251,191,36,.10);
  --teal:#2dd4bf;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 32px rgba(0,0,0,.4);
}
.usb *{box-sizing:border-box;}
.usb-wrap{max-width:1120px;margin:0 auto;}
.usb-hero{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:18px;
  padding:26px 30px;box-shadow:var(--shadow);border-left:6px solid var(--pri);}
.usb-hero h1{margin:0 0 8px;font-size:clamp(22px,3.2vw,30px);font-weight:900;}
.usb-hero p{margin:0;color:var(--sub);font-size:14.5px;max-width:800px;}
.usb-hero p em{font-style:normal;color:var(--pri-ink);font-weight:700;}
.usb-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px;}
.usb-sw{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--sub);cursor:pointer;font-weight:600;}
.usb-sw input{width:16px;height:16px;accent-color:var(--pri);}
.usb-btn{border:none;border-radius:10px;padding:8px 16px;font-size:13.5px;font-weight:800;cursor:pointer;}
.usb-btn-ghost{background:var(--card);color:var(--pri-ink);border:1px solid var(--line);}
.usb-btn-ghost:hover{border-color:var(--pri-2);}
.usb-btn-go{background:var(--pri);color:#fff;}
.usb-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px;margin-top:16px;}
.usb-card h2{margin:0 0 4px;font-size:15.5px;font-weight:800;}
.usb-tip{margin:0 0 12px;font-size:12.5px;color:var(--sub);}
.usb-tip b{color:var(--pri-ink);}
.usb-bars{display:flex;flex-direction:column;gap:9px;}
.usb-bar{display:grid;grid-template-columns:190px 1fr 110px;gap:12px;align-items:center;cursor:pointer;
  border-radius:10px;padding:6px 8px;transition:all .15s;border:1px solid transparent;}
.usb-bar:hover{background:var(--card2);}
.usb-bar.sel{background:var(--pri-soft);border-color:var(--pri-2);}
@media (max-width:680px){.usb-bar{grid-template-columns:120px 1fr 84px;}}
.usb-bar b{font-size:13.5px;font-weight:800;}
.usb-bar b small{display:block;font-weight:500;color:var(--faint);font-size:11px;}
.usb-track{height:22px;border-radius:7px;background:var(--card2);overflow:hidden;border:1px solid var(--line2);}
.usb-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--pri),var(--pri-2));min-width:4px;position:relative;}
.usb-fill.tb{background:linear-gradient(90deg,#7c3aed,#a78bfa);}
.usb-val{font-size:12.5px;color:var(--sub);text-align:right;font-weight:700;}
.usb-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px;}
.usb-table th,.usb-table td{border:1px solid var(--line);padding:8px 10px;text-align:left;}
.usb-table th{background:var(--card2);font-weight:700;white-space:nowrap;}
.usb-cmp{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px;}
@media (max-width:680px){.usb-cmp{grid-template-columns:1fr;}}
.usb-cmpcol{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--card2);}
.usb-cmpcol h3{margin:0 0 8px;font-size:15px;font-weight:900;color:var(--pri-ink);}
.usb-cmpcol p{margin:3px 0;font-size:13px;color:var(--sub);}
.usb-cmpcol p b{color:var(--ink);}
.usb-msg{margin-top:10px;font-size:13px;min-height:20px;font-weight:600;color:var(--teal);}
.usb-msg.err{color:var(--gold);}
.usb-faq{margin-top:34px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;box-shadow:var(--shadow);}
.usb-faq h2{margin:0 0 12px;font-size:19px;font-weight:900;}
.usb-faq h3{margin:18px 0 6px;font-size:15.5px;font-weight:800;color:var(--pri-ink);}
.usb-faq p{margin:0;color:var(--sub);font-size:14px;}
.usb-faq p b{color:var(--ink);}
