#selectorApp{
    max-width:1440px;margin:0 auto;padding:20px 20px 40px;
    font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;background:var(--bg);color:var(--txt);font-size:14px;line-height:1.55;
    --bg:#f5f7fa; --card:#fff; --line:#e3e8ef; --txt:#1a2b4c; --sub:#5a6a85;

    --brand:#0459d5; --brand-lt:#e8f0fe; --accent:#c8102e; --ok:#0e7a4d; --warn:#b45309;

    --sbrand:#0d2545; --sbrand-lt:#eef2f8;

  }#selectorApp *{box-sizing:border-box;margin:0;padding:0}#selectorApp .wrap{max-width:1440px;margin:0 auto;padding:20px 20px 40px}#selectorApp header{background:linear-gradient(135deg,#0459d5,#0d2545);color:#fff;border-radius:12px;padding:24px 28px 0;margin-bottom:20px;position:relative;overflow:hidden}#selectorApp header::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.06)}#selectorApp header h1{font-size:22px;font-weight:700}#selectorApp header p{opacity:.85;margin-top:5px;font-size:13px}#selectorApp header .tag{display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:2px 12px;font-size:12px;margin:10px 6px 14px 0}#selectorApp .tabs{display:flex;gap:6px;position:relative;z-index:2}#selectorApp .tab{border:none;background:rgba(255,255,255,.12);color:#fff;padding:12px 28px;font-size:14.5px;font-weight:600;cursor:pointer;border-radius:10px 10px 0 0;transition:all .15s}#selectorApp .tab:hover{background:rgba(255,255,255,.22)}#selectorApp .tab.on{background:var(--bg);color:var(--brand)}#selectorApp .panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin-bottom:18px;box-shadow:0 1px 3px rgba(16,42,67,.05)}#selectorApp .panel h2{font-size:15px;margin-bottom:14px;color:var(--brand);display:flex;align-items:center;gap:8px;flex-wrap:wrap}#selectorApp .panel h2::before{content:"";width:4px;height:16px;background:var(--brand);border-radius:2px}#selectorApp #suApp .panel h2{color:var(--sbrand)}#selectorApp #suApp .panel h2::before{background:var(--sbrand)}#selectorApp .form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#selectorApp .field label{display:block;font-size:12px;color:var(--sub);margin-bottom:5px;font-weight:600}#selectorApp .field select, #selectorApp .field input{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;font-size:14px;background:#fff}#selectorApp .field select:focus, #selectorApp .field input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(4,89,213,.12)}#selectorApp #suApp .field select:focus, #selectorApp #suApp .field input:focus{border-color:var(--sbrand);box-shadow:0 0 0 3px rgba(13,37,69,.12)}#selectorApp .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}#selectorApp .chips .lb{font-size:12px;color:var(--sub);font-weight:600}#selectorApp .chip{border:1px solid var(--line);background:#fff;border-radius:18px;padding:4px 14px;font-size:12.5px;cursor:pointer}#selectorApp .chip:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-lt)}#selectorApp .chip.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}#selectorApp .btn-row{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}#selectorApp button.primary{background:var(--brand);color:#fff;border:none;border-radius:8px;padding:10px 26px;font-size:14px;font-weight:600;cursor:pointer}#selectorApp #suApp button.primary{background:var(--sbrand)}#selectorApp button.primary:hover{opacity:.9}#selectorApp button.ghost{background:#fff;color:var(--sub);border:1px solid var(--line);border-radius:8px;padding:10px 18px;cursor:pointer}#selectorApp button.ghost:hover{border-color:var(--brand);color:var(--brand)}#selectorApp .hint{font-size:12px;color:var(--sub)}#selectorApp .stat{font-size:13px;color:var(--sub);margin-left:auto}#selectorApp .stat b{color:var(--accent);font-size:16px}#selectorApp table{width:100%;border-collapse:collapse;font-size:13px}#selectorApp th{background:var(--brand-lt);color:var(--brand);text-align:left;padding:9px 10px;border-bottom:2px solid var(--line);white-space:nowrap;font-size:12px}#selectorApp #suApp th{background:var(--sbrand-lt);color:var(--sbrand)}#selectorApp td{padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}#selectorApp tr.main:hover td{background:#eaf2ff;cursor:pointer}#selectorApp #suApp tr.main:hover td{background:#eef2f8}#selectorApp tr.zebra td{background:#fafcfe}#selectorApp td.model{font-weight:700;color:var(--brand);font-family:Consolas,monospace;font-size:13.5px;cursor:copy}#selectorApp #suApp td.model{color:var(--sbrand)}#selectorApp .grade-g{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600}#selectorApp .grade-jm{background:#e8f4ee;color:var(--ok)}#selectorApp .grade-zz{background:#fdf1e2;color:var(--warn)}#selectorApp .bdg{display:inline-block;padding:1px 9px;border-radius:10px;font-size:11px;font-weight:600}#selectorApp .bdg-fix{background:#fdeaea;color:var(--accent)}#selectorApp .bdg-sup{background:#e8f4ee;color:var(--ok)}#selectorApp .fits{color:var(--brand);font-weight:600}#selectorApp #suApp .fits{color:var(--sbrand)}#selectorApp .num{font-variant-numeric:tabular-nums}#selectorApp .cbar{display:inline-block;vertical-align:middle;height:8px;background:linear-gradient(90deg,#3b82c4,#0f4c81);border-radius:4px;margin-left:8px;min-width:2px}#selectorApp tr.detail td{background:#f6f9fc;white-space:normal}#selectorApp #suApp tr.detail td{background:#faf6f0}#selectorApp .detail-grid{display:flex;flex-wrap:wrap;gap:8px 10px;padding:6px 2px}#selectorApp .detail-grid span{font-size:12px;color:var(--sub)}#selectorApp .detail-grid b{color:var(--txt);font-weight:600}#selectorApp .detail-grid span.dim{font-size:14px;color:#1f2937;background:#eef3f8;border:1px solid #d5e0ec;border-radius:7px;padding:5px 12px;font-weight:600}#selectorApp .detail-grid span.dim b{font-size:16px;color:var(--brand);font-weight:700;margin-left:3px;font-family:Consolas,monospace}#selectorApp #suApp .detail-grid span.dim{background:var(--sbrand-lt);border-color:#e5d5bd}#selectorApp #suApp .detail-grid span.dim b{color:var(--sbrand)}#selectorApp .note-line{margin-top:6px;font-size:12px;color:var(--warn)}#selectorApp #suApp .note-line{color:#8a6d3b}#selectorApp .empty{text-align:center;color:var(--sub);padding:30px 10px;font-size:13.5px}#selectorApp .empty b{color:var(--accent)}#selectorApp .suggest{margin-top:12px;text-align:left;border-top:1px dashed var(--line);padding-top:12px}#selectorApp .suggest .st{font-size:12.5px;font-weight:700;color:var(--brand);margin-bottom:8px}#selectorApp .sug-chip{display:inline-block;background:var(--brand-lt);border:1px solid var(--brand);color:var(--brand);border-radius:8px;padding:5px 12px;margin:0 8px 8px 0;font-size:12.5px;cursor:pointer;font-family:Consolas,monospace;font-weight:600}#selectorApp .sug-chip:hover{background:var(--brand);color:#fff}#selectorApp .imgtag{display:inline-block;background:#fff;color:var(--brand);border:1px solid var(--brand);border-radius:4px;font-size:10px;padding:0 4px;margin-left:5px;font-weight:700;vertical-align:1px}#selectorApp .dw{padding:10px 4px;text-align:center}#selectorApp .dw img{max-width:min(700px,100%);max-height:430px;border:1px solid var(--line);border-radius:8px;cursor:zoom-in;background:#fff;transition:max-height .2s}#selectorApp .dw img.big{max-height:none;max-width:100%}#selectorApp .dw .dwtitle{font-size:11px;color:var(--sub);margin-top:4px}#selectorApp .copy-flash{animation:flash .8s}

  @keyframes flash{0%{background:#fff3b0}100%{background:transparent}}#selectorApp footer{margin-top:26px;font-size:12px;color:var(--sub);line-height:1.8;border-top:1px solid var(--line);padding-top:14px}#selectorApp .pair-btn{background:#fff;border:1px solid var(--brand);color:var(--brand);border-radius:8px;padding:6px 14px;font-size:12.5px;cursor:pointer;font-weight:600;margin-right:10px}#selectorApp .pair-btn:hover{background:var(--brand);color:#fff}#selectorApp .cad-row{margin-top:10px}#selectorApp .cad-dl{display:inline-block;background:#0a7d3c;border:1px solid #0a7d3c;color:#fff;border-radius:8px;padding:6px 14px;font-size:12.5px;cursor:pointer;font-weight:600;margin-right:10px;text-decoration:none;line-height:1.7}#selectorApp .cad-dl:hover{background:#0a5e2e}#selectorApp details.help{padding:14px 22px}#selectorApp details.help summary{cursor:pointer;font-weight:700;color:var(--brand);font-size:14px;user-select:none}#selectorApp details.help .help-body{margin-top:10px;font-size:13px;color:#374151;line-height:1.9}#selectorApp details.help .help-body b{color:var(--brand)}#selectorApp .toast{position:fixed;left:50%;bottom:36px;transform:translateX(-50%);background:#1f2937;color:#fff;padding:9px 22px;border-radius:8px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .25s;z-index:99}#selectorApp .toast.show{opacity:.95}

  @media (max-width:640px){
    #selectorApp{padding:12px 10px 30px}
    #selectorApp header{padding:16px 14px;border-radius:10px}
    #selectorApp header h1{font-size:18px}
    #selectorApp header p{font-size:12px;line-height:1.6}
    #selectorApp header .tag{font-size:11px;margin:6px 4px 10px 0}
    #selectorApp .tabs{flex-wrap:wrap;gap:4px}
    #selectorApp .tab{padding:10px 12px;font-size:13px;flex:1 1 auto;min-width:0;text-align:center;border-radius:8px 8px 0 0}
    #selectorApp .panel{padding:12px 10px;border-radius:10px}
    #selectorApp .panel h2{font-size:14px}
    #selectorApp .form-grid{grid-template-columns:1fr;gap:8px}
    #selectorApp .field label{font-size:11.5px}
    #selectorApp .chips{gap:6px;margin-top:10px}
    #selectorApp .chip{padding:3px 12px;font-size:12px}
    #selectorApp .btn-row{gap:8px}
    #selectorApp button.primary,#selectorApp button.ghost{flex:1;padding:10px 12px;font-size:13.5px}
    #selectorApp table{display:block;overflow-x:auto;font-size:12.5px;-webkit-overflow-scrolling:touch}
    #selectorApp th,#selectorApp td{padding:7px 8px;white-space:nowrap}
    #selectorApp td.model{font-size:12.5px}
    #selectorApp .detail-grid{gap:6px}
    #selectorApp .detail-grid span{font-size:11.5px}
    #selectorApp .detail-grid span.dim{font-size:12px;padding:4px 8px}
    #selectorApp .detail-grid span.dim b{font-size:14px}
    #selectorApp .note-line{font-size:11.5px}
    #selectorApp .sug-chip{font-size:12px;padding:4px 10px}
    #selectorApp footer{font-size:11px}
    #selectorApp .dw img{max-width:100%}
    #selectorApp .cad-dl,#selectorApp .pair-btn{display:block;margin:6px 0;text-align:center}
    #selectorApp .toast{max-width:88%;text-align:center}
  }

/* [perf 2026-10-16] 选型器数据加载骨架：JS 注入选项前显示"加载中"，消除空表单=白屏观感 */
.sel-boot{display:flex;align-items:center;gap:9px;margin:0 0 16px;padding:11px 15px;
  background:#eef4fb;border:1px solid #d4e6f7;border-radius:9px;color:#0459d5;font-size:14px;font-weight:600}
.sel-boot .spin{width:16px;height:16px;border:2px solid #bcd7f5;border-top-color:#0459d5;
  border-radius:50%;animation:selSpin .7s linear infinite;flex:0 0 auto}
@keyframes selSpin{to{transform:rotate(360deg)}}