/* ======================================================================
   电容标识读数器 · 独立设计（贴片元件丝印 + 放大镜主题）
   浅色 = 陶瓷米黄 + 铜焊盘；深色 = 暗板 + 暖铜反光
   ====================================================================== */
.cap{
  --ink:#33261a; --sub:#7a685a; --faint:#b3a294;
  --bg:#f7f2e9; --card:#fffaf1; --card2:#f1e8d8; --line:#e2d4bd; --line2:#ece1cd;
  --pri:#b45309; --pri-2:#d97706; --pri-soft:#fbeedd; --pri-ink:#92400e;
  --copper:#a16207; --silk:#3b2f22;
  --teal:#0f766e; --teal-soft:#e2f2f0;
  --red:#b42323; --red-soft:#fdecec;
  --r:14px;
  --shadow:0 1px 2px rgba(51,38,26,.06),0 10px 28px rgba(51,38,26,.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:
    radial-gradient(820px 400px at 90% -140px, rgba(180,83,9,.09), transparent 60%),
    radial-gradient(600px 320px at -6% 160px, rgba(15,118,110,.06), transparent 60%),
    var(--bg);
  padding:0 16px 56px;
}
:root[data-theme="dark"] .cap{
  --ink:#f0e6d8; --sub:#b8a695; --faint:#7d6c5c;
  --bg:#17120c; --card:#201812; --card2:#2a2016; --line:#3d2f21; --line2:#33271b;
  --pri:#fbbf24; --pri-2:#fcd34d; --pri-soft:rgba(251,191,36,.12); --pri-ink:#fde68a;
  --copper:#d97706; --silk:#0d0a07;
  --teal:#2dd4bf; --teal-soft:rgba(45,212,191,.12);
  --red:#f87171; --red-soft:rgba(248,113,113,.12);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.4);
}
.cap *{box-sizing:border-box;}
.cap b{font-weight:700;}
.cap-wrap{max-width:1120px;margin:0 auto;}
.cap code,.cap input,.cap pre,.cap .cap-mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,"Courier New",monospace;}

/* ---------- 首屏：元件本体 ---------- */
.cap-hero{margin-top:22px;padding:26px 24px 30px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;}
.cap-hero h1{margin:0 0 8px;font-size:clamp(24px,3.6vw,32px);font-weight:900;}
.cap-hero p{margin:0 auto;color:var(--sub);font-size:15px;max-width:720px;}
.cap-hero p em{font-style:normal;color:var(--pri);font-weight:800;}
.cap-part{display:inline-flex;align-items:center;gap:0;margin-top:20px;}
.cap-pad{width:34px;height:64px;border-radius:8px 4px 4px 8px;background:linear-gradient(180deg,#d6b25e,#a16207);box-shadow:inset 0 2px 4px rgba(255,255,255,.5),inset 0 -2px 4px rgba(0,0,0,.25);}
.cap-pad:last-child{border-radius:4px 8px 8px 4px;}
.cap-body{min-width:230px;height:64px;background:var(--silk);display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.08);}
.cap-code{color:#f5e9d0;font-size:26px;font-weight:800;letter-spacing:.14em;font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;}
:root[data-theme="dark"] .cap-code{color:#fde68a;}

/* ---------- 工作台 ---------- */
.cap-desk{display:grid;grid-template-columns:400px 1fr;gap:18px;margin-top:20px;}
@media (max-width:900px){.cap-desk{grid-template-columns:1fr;}}
.cap-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 18px 16px;}
.cap-card h2{margin:0 0 4px;font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px;}
.cap-card h2 .cap-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:var(--pri);color:#fff;font-size:12px;font-weight:800;}
:root[data-theme="dark"] .cap-card h2 .cap-num{color:#201812;}
.cap-tip{font-size:12.5px;color:var(--sub);margin:0 0 12px;}
.cap-in{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card2);color:var(--ink);font-size:20px;font-weight:800;letter-spacing:.1em;outline:none;text-transform:uppercase;}
.cap-in:focus{border-color:var(--pri-2);box-shadow:0 0 0 3px var(--pri-soft);}
.cap-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;}
.cap-chip{border:1px solid var(--line);background:var(--card2);color:var(--sub);border-radius:8px;padding:4px 11px;font-size:13px;cursor:pointer;font-weight:700;font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;transition:all .15s;}
.cap-chip:hover{border-color:var(--pri-2);color:var(--pri-ink);background:var(--pri-soft);}
.cap-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;}
.cap-btn{border:none;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:800;cursor:pointer;transition:all .15s;}
.cap-btn-go{background:var(--pri);color:#fff;}
:root[data-theme="dark"] .cap-btn-go{color:#201812;}
.cap-btn-go:hover{background:var(--pri-2);}
.cap-btn-ghost{background:var(--card2);color:var(--pri-ink);border:1px solid var(--line);}
.cap-btn-ghost:hover{border-color:var(--pri-2);}
.cap-msg{margin-top:10px;font-size:13px;min-height:20px;font-weight:600;}
.cap-msg.err{color:var(--red);}
.cap-msg.ok{color:var(--teal);}

/* ---------- 解码结果 ---------- */
.cap-main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:6px 0 2px;}
.cap-big{font-size:34px;font-weight:900;color:var(--pri-ink);font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;}
.cap-unit{font-size:16px;color:var(--sub);font-weight:800;}
.cap-equiv{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.cap-eq{background:var(--card2);border:1px solid var(--line2);border-radius:8px;padding:4px 12px;font-size:13px;color:var(--sub);font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;}
.cap-eq b{color:var(--pri-ink);}
.cap-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.cap-tag{border-radius:999px;padding:5px 14px;font-size:13px;font-weight:800;}
.cap-tag.tol{background:var(--teal-soft);color:var(--teal);}
.cap-tag.vol{background:var(--pri-soft);color:var(--pri-ink);}
.cap-tag.none{background:var(--card2);color:var(--faint);}
.cap-steps{margin-top:14px;border-top:1px dashed var(--line);padding-top:12px;}
.cap-steps h3{margin:0 0 6px;font-size:14px;font-weight:800;color:var(--sub);}
.cap-steps ol{margin:0;padding-left:20px;font-size:13.5px;color:var(--sub);}
.cap-steps li{margin-bottom:4px;}
.cap-steps li b{color:var(--ink);}
.cap-advice{margin-top:12px;font-size:13px;color:var(--sub);background:var(--pri-soft);border-left:3px solid var(--pri);border-radius:0 10px 10px 0;padding:9px 12px;}
.cap-advice b{color:var(--pri-ink);}
.cap-out{width:100%;min-height:120px;border-radius:10px;border:1px solid var(--line);background:var(--card2);color:var(--ink);padding:12px 14px;font-size:12.5px;line-height:1.7;overflow:auto;white-space:pre;margin:12px 0 0;font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;}

/* ---------- 规则速查 ---------- */
.cap-rule{margin-top:20px;}
.cap-rule table{width:100%;border-collapse:collapse;font-size:13px;}
.cap-rule th,.cap-rule td{border:1px solid var(--line);padding:7px 10px;text-align:left;}
.cap-rule th{background:var(--card2);font-weight:700;white-space:nowrap;}
.cap-rule td{font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;}

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