/* ======================================================================
   晶体管引脚速查 · 独立设计（金属仪表面板 + 安全橙主题）
   浅色 = 冷灰拉丝面板 + 橙色指针；深色 = 深夜机柜 + 琥珀指示灯
   ====================================================================== */
.tp{
  --ink:#1f2a33; --sub:#5c6b78; --faint:#93a1ad;
  --bg:#e9edf1; --card:#ffffff; --card2:#f1f4f7; --line:#d4dce3; --line2:#e3e9ee;
  --pri:#e8590c; --pri-2:#f76c1e; --pri-soft:#fdeadd; --pri-ink:#c2470a;
  --steel:#33556e; --steel-soft:#e3ecf3;
  --ok:#2e7d46; --warn:#a86a10; --err:#c0392b;
  --r:12px;
  --shadow:0 1px 2px rgba(31,42,51,.07),0 10px 26px rgba(31,42,51,.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.7;
  background:
    repeating-linear-gradient(90deg, transparent 0 5px, rgba(51,85,110,.025) 5px 6px),
    radial-gradient(800px 380px at 100% -120px, rgba(232,89,12,.07), transparent 60%),
    var(--bg);
  padding:0 16px 56px;
}
:root[data-theme="dark"] .tp{
  --ink:#e6edf3; --sub:#9db0bf; --faint:#66788a;
  --bg:#12181e; --card:#1a222a; --card2:#202a33; --line:#2c3a46; --line2:#25313c;
  --pri:#f97316; --pri-2:#fb8c3a; --pri-soft:rgba(249,115,22,.14); --pri-ink:#fdba74;
  --steel:#7fb0d0; --steel-soft:rgba(127,176,208,.12);
  --ok:#5ec97f; --warn:#e3b34f; --err:#ef7b6a;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 30px rgba(0,0,0,.4);
  background:
    repeating-linear-gradient(90deg, transparent 0 5px, rgba(127,176,208,.04) 5px 6px),
    radial-gradient(800px 380px at 100% -120px, rgba(249,115,22,.08), transparent 60%),
    var(--bg);
}
.tp *{box-sizing:border-box;}
.tp-wrap{max-width:1140px;margin:0 auto;}

/* ---------- Hero ---------- */
.tp-hero{margin-top:22px;background:linear-gradient(135deg,var(--steel),var(--pri));border-radius:var(--r);box-shadow:var(--shadow);padding:24px 28px;color:#fff;}
.tp-hero h1{margin:0 0 6px;font-size:clamp(22px,3.4vw,30px);font-weight:900;}
.tp-hero p{margin:0;font-size:14.5px;opacity:.92;max-width:760px;}
.tp-hero b{font-weight:800;}

/* ---------- 工作台 ---------- */
.tp-desk{display:grid;grid-template-columns:400px 1fr;gap:18px;margin-top:18px;}
@media (max-width:940px){.tp-desk{grid-template-columns:1fr;}}
.tp-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:16px;}
.tp-search{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card2);color:var(--ink);font-size:14px;outline:none;}
.tp-search:focus{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-soft);}
.tp-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}
.tp-chip{border:1px solid var(--line);background:var(--card2);color:var(--sub);border-radius:999px;padding:4px 13px;font-size:12.5px;cursor:pointer;font-weight:700;transition:all .15s;}
.tp-chip.on{background:var(--pri);border-color:var(--pri);color:#fff;}
.tp-list{margin-top:12px;max-height:520px;overflow:auto;display:grid;gap:7px;}
.tp-item{border:1px solid var(--line2);border-radius:9px;padding:8px 12px;cursor:pointer;background:var(--card2);transition:all .12s;}
.tp-item:hover{border-color:var(--pri-2);}
.tp-item.on{border-color:var(--pri);background:var(--pri-soft);box-shadow:inset 3px 0 0 var(--pri);}
.tp-item b{font-size:14px;}
.tp-item span{display:block;font-size:11.5px;color:var(--sub);}
.tp-badge{display:inline-block;font-size:10.5px;font-weight:800;border-radius:5px;padding:1px 6px;margin-left:6px;vertical-align:1px;}
.tp-b-npn{background:var(--steel-soft);color:var(--steel);}
.tp-b-pnp{background:var(--pri-soft);color:var(--pri-ink);}
.tp-b-mos{background:#e8e3f7;color:#5b3fa8;}
.tp-b-dl{background:#e0f2e9;color:#1d7a46;}
:root[data-theme="dark"] .tp-b-mos{background:rgba(91,63,168,.25);color:#c4b1f0;}
:root[data-theme="dark"] .tp-b-dl{background:rgba(29,122,70,.2);color:#7fd6a5;}
.tp-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center;}
.tp-btn{border:none;border-radius:10px;padding:8px 16px;font-size:13.5px;font-weight:800;cursor:pointer;transition:all .15s;}
.tp-btn-go{background:var(--pri);color:#fff;}
.tp-btn-go:hover{background:var(--pri-2);}
.tp-btn-ghost{background:var(--card2);color:var(--pri-ink);border:1px solid var(--line);}
.tp-msg{margin-top:10px;font-size:13px;min-height:18px;font-weight:700;}
.tp-msg.ok{color:var(--ok);}
.tp-msg.err{color:var(--err);}

/* ---------- 详情 ---------- */
.tp-detail{display:grid;grid-template-columns:230px 1fr;gap:18px;}
@media (max-width:640px){.tp-detail{grid-template-columns:1fr;}}
.tp-svgbox{background:var(--card2);border:1px solid var(--line2);border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center;}
.tp-svgbox svg{width:100%;max-width:210px;height:auto;}
.tp-name{font-size:21px;font-weight:900;margin:0 0 2px;}
.tp-sub{font-size:13px;color:var(--sub);margin:0 0 12px;}
.tp-table{width:100%;border-collapse:collapse;font-size:13.5px;}
.tp-table th,.tp-table td{border:1px solid var(--line2);padding:6px 10px;text-align:left;}
.tp-table th{background:var(--card2);font-weight:700;white-space:nowrap;width:110px;}
.tp-pins{display:flex;gap:6px;margin:10px 0;}
.tp-pin{flex:1;text-align:center;border-radius:8px;padding:6px 2px;font-weight:900;font-size:14px;color:#fff;}
.tp-rep{margin-top:12px;background:var(--pri-soft);border:1px dashed var(--pri);border-radius:9px;padding:9px 12px;font-size:13px;}
.tp-rep b{color:var(--pri-ink);}
.tp-note{margin-top:10px;font-size:12px;color:var(--faint);}
.tp-empty{color:var(--faint);text-align:center;padding:60px 0;font-size:14px;}

/* ---------- FAQ ---------- */
.tp-faq{margin-top:32px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;box-shadow:var(--shadow);}
.tp-faq h2{margin:0 0 12px;font-size:19px;font-weight:900;}
.tp-faq h3{margin:18px 0 6px;font-size:15.5px;font-weight:800;color:var(--pri-ink);}
.tp-faq p{margin:0;color:var(--sub);font-size:14px;}
.tp-faq p b{color:var(--ink);}