:root{--bg: #eef1f5;--panel: #ffffff;--ink: #16233a;--muted: #5d6b7f;--faint: #93a0b2;--line: #d9e0ea;--line2: #c3cdda;--accent: #17457f;--accent2: #b0601f;--ok: #24764a;--warn: #a06a00;--none: #9aa6b5;--shadow: 0 6px 22px rgba(18, 38, 63, .1);--r: 10px;--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.6}button,input,select{font:inherit;color:inherit}::selection{background:#b9d0ec}.topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto minmax(240px,560px) auto;gap:16px;align-items:center;background:linear-gradient(180deg,#10203a,#16335c);color:#fff;padding:12px clamp(12px,3vw,28px);box-shadow:0 2px 10px #09142459}.brand{display:flex;align-items:center;gap:10px;min-width:0}.logo{font:700 15px var(--mono);letter-spacing:.08em;color:#0f1e33;background:linear-gradient(135deg,#e8a25c,#f2c68c);border-radius:9px;padding:6px 8px;flex:none}.brandtxt{min-width:0;overflow:hidden}.brandtxt h1{font-size:17px;line-height:1.2;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandtxt .sub{font-size:11.5px;color:#93b1d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchwrap{position:relative;display:flex;align-items:center}.searchwrap .sicon{position:absolute;left:13px;width:14px;height:14px;pointer-events:none;border:2px solid #7f96b5;border-radius:50%}.searchwrap .sicon:after{content:"";position:absolute;right:-5px;bottom:-3px;width:6px;height:2px;background:#7f96b5;transform:rotate(45deg);border-radius:2px}#q{width:100%;border:1px solid rgba(255,255,255,.28);border-radius:24px;background:#ffffff1f;color:#fff;padding:9px 44px 9px 36px;font-size:14px;outline:none;transition:border-color .18s,background .18s}#q::placeholder{color:#9db6d4}#q:focus{border-color:#e8a25c;background:#ffffff29}.btn-filter{display:none}.topmeta{text-align:right;min-width:0}.topmeta .count{font:700 16px var(--mono);white-space:nowrap}.topmeta .stamp{display:block;font-size:11px;color:#93b1d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;max-width:1440px;margin:0 auto;padding:18px clamp(12px,2.4vw,26px) 60px}.scrim{position:fixed;inset:0;background:#09142466;z-index:110;display:none}.scrim.on{display:block}.facets{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px;align-self:start;position:sticky;top:76px;max-height:calc(100vh - 92px);overflow-y:auto}.facet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:700}.linkbtn{border:none;background:none;color:var(--accent);cursor:pointer;font-size:13px;padding:2px}.linkbtn:hover{text-decoration:underline}.facet{border-top:1px solid var(--line);padding:12px 2px}.facet h4{font-size:13px;color:var(--muted);font-weight:700;margin-bottom:8px;letter-spacing:.04em}.catsel{display:grid;gap:6px}.catsel select{width:100%;border:1px solid var(--line2);border-radius:7px;padding:6px 8px;font-size:13px;background:#fff;outline:none}.catsel select:focus{border-color:var(--accent)}.switchline{display:flex;gap:8px;align-items:center;font-size:13.5px;cursor:pointer}.switchline input{accent-color:var(--accent);width:16px;height:16px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line2);background:#fff;color:var(--ink);border-radius:20px;padding:3px 10px;font-size:12.5px;cursor:pointer;display:inline-flex;gap:5px;align-items:center;transition:all .15s}.chip b{color:var(--faint);font:600 11px var(--mono)}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.chip.on b{color:#c8dcf3}.chip.toggle{border-style:dashed;color:var(--accent);background:var(--accent-soft, #e8eef7)}.chip.toggle:hover{border-color:var(--accent)}.hint{font-size:11.5px;color:var(--faint);margin-top:6px}.facets-foot{display:none}.results{min-width:0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:8px 12px;margin-bottom:12px;flex-wrap:wrap}.status{font-size:13px;color:var(--muted)}.status b{color:var(--ink);font:700 14px var(--mono)}.right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.viewtoggle{display:inline-flex;border:1px solid var(--line2);border-radius:8px;overflow:hidden}.viewtoggle button{border:none;background:#fff;padding:5px 10px;font-size:12.5px;cursor:pointer;color:var(--muted)}.viewtoggle button.on{background:var(--accent-soft, #e8eef7);color:var(--accent);font-weight:700}.sortlabel{font-size:12.5px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.sortlabel select{border:1px solid var(--line2);border-radius:7px;padding:5px 8px;font-size:12.5px;background:#fff}.list{list-style:none}.row{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:8px;cursor:pointer;display:grid;grid-template-columns:190px minmax(0,1.4fr) minmax(0,1fr) 150px 130px auto;gap:10px;align-items:center;transition:border-color .15s,box-shadow .15s,transform .1s}.row:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.row .c-code{font:600 12.5px var(--mono);color:var(--accent);word-break:break-all}.row .c-name{font-weight:700;font-size:14.5px}.row .c-name mark,.c-spec mark,.c-attr mark{background:#ffe6a8;color:inherit;border-radius:3px;padding:0 1px}.row .c-spec{color:var(--muted);font-size:13px;font-family:var(--mono);font-size:12.5px}.row .c-brand{color:var(--muted);font-size:13px}.row .c-cat{font-size:12px;color:var(--faint);display:flex;flex-direction:column}.stock{display:inline-flex;align-items:center;gap:7px}.dot{width:9px;height:9px;border-radius:50%;flex:none}.dot.ok{background:var(--ok)}.dot.low{background:var(--warn)}.dot.none{background:var(--none)}.stock .num{font:600 14px var(--mono)}.stock .lbl{font-size:12px;color:var(--muted)}.chev{color:var(--faint);font-size:18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.card .g-code{font:600 11.5px var(--mono);color:var(--accent);word-break:break-all}.card .g-name{font-weight:700;font-size:14px;line-height:1.4}.card .g-name mark{background:#ffe6a8}.card .g-spec{font-family:var(--mono);font-size:12px;color:var(--muted)}.card .g-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px dashed var(--line);padding-top:8px}.card .g-cat{font-size:11.5px;color:var(--faint)}.empty{text-align:center;padding:70px 20px;color:var(--muted);background:var(--panel);border:1px dashed var(--line2);border-radius:var(--r)}.empty-icon{width:46px;height:46px;margin:0 auto 12px;border:3px solid var(--line2);border-radius:50%;position:relative}.empty-icon:after{content:"";position:absolute;right:-7px;bottom:-5px;width:18px;height:3px;background:var(--line2);transform:rotate(45deg);border-radius:3px}.loadbar{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0 8px}.tip{font-size:12px;color:var(--faint)}.boot{position:fixed;inset:0;background:#12233f8c;display:grid;place-items:center;z-index:200}.boot-card{background:#fff;border-radius:14px;padding:26px 30px;max-width:420px;text-align:center}.boot-card h3{margin-bottom:6px}.boot-card p{font-size:13px;color:var(--muted);margin-bottom:14px}.btn{border-radius:8px;padding:8px 16px;font-size:13.5px;cursor:pointer;border:1px solid transparent}.btn.solid{background:var(--accent);color:#fff}.btn.solid:hover{background:#123767}.btn.ghost{background:#fff;color:var(--accent);border-color:var(--accent)}.btn.ghost:hover{background:var(--accent-soft, #e8eef7)}.drawer-scrim{position:fixed;inset:0;background:#09142473;z-index:90}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,94vw);z-index:100;background:var(--panel);box-shadow:-8px 0 30px #09142440;display:flex;flex-direction:column;transform:translate(0);animation:slidein .22s ease-out}@keyframes slidein{0%{transform:translate(40px);opacity:.4}to{transform:translate(0);opacity:1}}.drawer-head{padding:18px 20px 12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.drawer-head h2{font-size:17px;line-height:1.4}.d-code{font:600 12.5px var(--mono);color:var(--accent);margin-top:4px;word-break:break-all}.close{border:none;background:none;font-size:26px;color:var(--muted);cursor:pointer;line-height:1;height:30px}.close:hover{color:var(--ink)}.drawer-body{overflow-y:auto;padding:6px 20px 20px;flex:1}.dgroup{margin-top:14px}.dgroup h4{font-size:12px;letter-spacing:.08em;color:var(--faint);text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:5px;margin-bottom:4px}.drow{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;padding:7px 2px;border-bottom:1px dashed #e9edf3;font-size:13.5px}.drow .k{color:var(--muted)}.drow .v{word-break:break-word;white-space:pre-wrap}.drow .v.na{color:var(--faint)}.stockbig{display:inline-flex;gap:8px;align-items:center;font-weight:700}.drawer-foot{padding:12px 20px;border-top:1px solid var(--line)}@media(max-width:1080px){.row{grid-template-columns:170px minmax(0,1.4fr) minmax(0,1fr) 130px auto}.row .c-cat{display:none}}@media(max-width:860px){.topbar{grid-template-columns:minmax(0,1fr) auto;gap:8px}.searchwrap{grid-column:1 / -1;grid-row:2;order:3}.layout{grid-template-columns:1fr;padding-top:12px}.facets{position:fixed;top:0;left:0;bottom:0;z-index:120;width:min(320px,86vw);max-height:none;border-radius:0;box-shadow:6px 0 24px #09142433;transform:translate(-105%);transition:transform .22s ease}.facets.open{transform:translate(0)}.facets-foot{display:block;margin-top:10px}.facets-foot .btn{width:100%}.btn-filter{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.4);background:#ffffff14;color:#fff;border-radius:20px;padding:7px 14px;font-size:13px;cursor:pointer;position:absolute;right:8px}#q{padding-right:86px}#filterBadge{background:#e8a25c;color:#123;border-radius:10px;font:700 10px var(--mono);padding:1px 6px}.row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"code stock" "name stock";align-items:center;column-gap:12px}.row .c-code{grid-area:code;font-size:11.5px}.row .c-name{grid-area:name;font-size:15px;line-height:1.35}.row .stock{grid-area:stock;justify-self:end;align-self:center;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.row .c-spec,.row .c-cat,.row .chev{display:none}.card{min-width:0}}@media(max-width:480px){.topmeta .stamp{display:none}.grid{grid-template-columns:1fr}}@media print{.topbar,.facets,.toolbar,.drawer-foot,.loadbar{display:none}.layout{display:block;padding:0}.row{border:1px solid #999;break-inside:avoid}}