:root{
  --bg:#F3F5F8; --panel:#fff; --ink:#151A22; --ink2:#47515F; --mute:#8590A0; --line:#E1E6ED; --line2:#EDF0F4; --hover:#F7F9FB;
  --blue:#1B8FE3; --blue-bg:#E3F1FC; --orange:#E9542A; --orange-bg:#FCEBE4;
  --cut:#E5195E; --cut-bg:#FDE6EE; --amber:#FFB400; --ok:#11805B; --ok-bg:#E1F4EC;
  --btn:#151A22; --btn-ink:#fff; --shadow:0 8px 30px rgba(20,30,50,.14); --thumb:#DDE8F3; --thumb-s:#8CA6C2;
  --font:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Source Han Sans SC",sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --bg:#0E1217; --panel:#161B22; --ink:#E9EEF4; --ink2:#B4BECB; --mute:#76828F; --line:#263039; --line2:#1D252E; --hover:#1B222B;
  --blue:#4DB0F5; --blue-bg:#13283A; --orange:#FF7A52; --orange-bg:#35201A; --cut:#FF5C93; --cut-bg:#35182A; --ok:#3CC796; --ok-bg:#14302A;
  --btn:#E9EEF4; --btn-ink:#0E1217; --shadow:0 8px 30px rgba(0,0,0,.5); --thumb:#22303F; --thumb-s:#5E7B99;
}}
*{box-sizing:border-box}
:root{--fs-s:12px;--fs:14px;--fs-l:16px;--fs-xl:20px}
@media (max-width:760px){:root{--fs:13px;--fs-l:15px;--fs-xl:18px}}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:var(--fs)/1.5 var(--font);font-variant-numeric:tabular-nums}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--blue);text-decoration:none}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}
[hidden]{display:none!important}
.mute{color:var(--mute)} .num{font-variant-numeric:tabular-nums}

/* ── 顶栏 ── */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;height:52px;padding:0 24px;background:var(--panel);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:var(--fs-l);color:var(--ink);letter-spacing:.5px}
.brand svg{display:block}
.tabs{display:flex;gap:4px;height:100%}
.tabs a{display:flex;align-items:center;padding:0 12px;color:var(--ink2);border-bottom:2px solid transparent;margin-top:2px}
.tabs a:hover{color:var(--ink)} .tabs a.on{color:var(--ink);font-weight:600;border-bottom-color:var(--amber)}
.who{margin-left:auto;display:flex;align-items:center;gap:12px;color:var(--ink2)}
.who b{font-weight:600;color:var(--ink)}
.page{max-width:1480px;margin:0 auto;padding:22px 24px 90px}

/* ── 按钮/表单 ── */
.btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--hover);border-color:var(--mute)}
.btn.pri{background:var(--btn);color:var(--btn-ink);border-color:var(--btn);font-weight:600}
.btn.pri:hover{opacity:.9}
.btn.danger{color:var(--cut)} .btn.danger:hover{background:var(--cut-bg);border-color:var(--cut)}
.btn.sm{height:28px;padding:0 10px;font-size:var(--fs);border-radius:7px}
.btn.ghost{border-color:transparent;background:none} .btn.ghost:hover{background:var(--hover)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.in,.sel{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);min-width:0}
.in:focus,.sel:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}
textarea.in{height:auto;padding:8px 10px;resize:vertical;min-height:64px}
.sel{padding-right:6px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel)}
.seg button{height:32px;padding:0 12px;border:0;background:none;cursor:pointer;color:var(--ink2)}
.seg button+button{border-left:1px solid var(--line)}
.seg button.on{background:var(--ink);color:var(--panel);font-weight:600}
.chk{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none}
.chk input{width:16px;height:16px;accent-color:var(--blue)}

/* ── 标签 ── */
.pill{display:inline-block;padding:1px 9px;border-radius:99px;font-size:var(--fs-s);line-height:20px;font-weight:600;white-space:nowrap}
.pill.k-in{background:var(--orange-bg);color:var(--orange)} .pill.k-out{background:var(--blue-bg);color:var(--blue)}
.pill.dup{background:var(--cut-bg);color:var(--cut);cursor:pointer;border:0} .pill.dup:hover{filter:brightness(.96)}
.pill.warn{background:#FFF1CC;color:#8A5A00} @media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pill.warn{background:#3A2E10;color:#FFC84A}}
.pill.ok{background:var(--ok-bg);color:var(--ok)}
.pill.flat{background:var(--line2);color:var(--ink2)}

/* ── 搜索 ── */
.hero{margin:4px 0 16px}
.hrow{display:flex;gap:12px;align-items:stretch}
.hrow .sbox{flex:1;min-width:0}
.newbtn{height:56px;padding:0 22px;border-radius:14px;font-size:var(--fs-l);font-weight:600;white-space:nowrap}
.newbtn .plus{margin-right:6px;font-size:var(--fs-xl)}
.navnew{display:none}
.sbox{position:relative}
.sbox svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--mute);pointer-events:none}
.sbox input{width:100%;height:56px;padding:0 120px 0 50px;font-size:var(--fs-xl);border:1.5px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 1px 2px rgba(20,30,50,.04)}
.sbox input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-bg)}
.sbox kbd{position:absolute;right:16px;top:50%;transform:translateY(-50%);font:var(--fs-s) var(--font);color:var(--mute);border:1px solid var(--line);border-radius:5px;padding:1px 7px}
.sbox .clr{position:absolute;right:46px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--mute);cursor:pointer;font-size:var(--fs-xl);line-height:1;padding:4px 8px}
.understood{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 4px 0;min-height:26px;color:var(--ink2)}
.u-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:7px;background:var(--panel);border:1px solid var(--line);font-size:var(--fs)}
.u-chip i{font-style:normal;color:var(--mute)} .u-chip b{font-weight:600}
.u-chip.size{border-color:var(--cut);background:var(--cut-bg)} .u-chip.size b{color:var(--cut)}
.examples{display:flex;flex-wrap:wrap;gap:8px;margin:12px 4px 0;color:var(--mute)}
.examples button{border:1px dashed var(--line);background:none;border-radius:7px;padding:2px 10px;cursor:pointer;color:var(--ink2)}
.examples button:hover{border-color:var(--blue);color:var(--blue)}

.filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 14px}
.filters .sp{flex:1}
.tolbox{display:inline-flex;align-items:center;gap:6px;padding:0 4px 0 10px;border:1px solid var(--cut);border-radius:8px;height:34px;background:var(--cut-bg);color:var(--cut)}
.tolbox input{width:44px;border:0;background:none;text-align:center;font-weight:700;color:var(--cut);height:30px}
.tolbox input:focus{outline:none}
.tog{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer;color:var(--ink2)}
.tog b{font-weight:600;color:var(--ink)} .tog.on{border-color:var(--ink);background:var(--ink);color:var(--panel)} .tog.on b{color:var(--panel)}
.meta{display:flex;align-items:center;gap:14px;margin:0 0 8px;color:var(--mute);font-size:var(--fs)}
.meta b{color:var(--ink);font-weight:600}
.meta .sp{flex:1}

/* ── 表格 ── */
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tw{min-height:160px}
.tw.sc{overflow:auto;max-height:520px}
.card.vis{overflow:visible;overflow:clip}   /* clip 按圆角裁切内容,同时不妨碍表头吸顶 */
.vis .t th{background:var(--blue-bg)}   /* 表头与「尺寸」筛选框同底色 */
table.t{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs)}
.t th{background:var(--panel);text-align:left;font-weight:600;color:var(--ink2);padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap;font-size:var(--fs)}
.t td{padding:6px 10px;border-bottom:1px solid var(--line2);vertical-align:middle;white-space:nowrap}
.t tbody tr{cursor:pointer} .t tbody tr:hover td{background:var(--hover)}
.t tr.picked td{background:var(--blue-bg)!important}
.vis .t th{position:sticky;top:52px;z-index:2}
.sc .t th{position:sticky;top:0;z-index:2}
.t tr.same td:first-child{box-shadow:inset 3px 0 0 var(--cut)}
.t tr.exact td:first-child{box-shadow:inset 3px 0 0 var(--ok)}
.t .r{text-align:right} .t .c{width:34px;padding-right:0}
.t td.d{font-weight:600;font-size:var(--fs);text-align:right;min-width:46px}
.t td.d.mx{color:var(--mute);font-weight:400}
.t td.th{width:34px;padding:2px 0 2px 10px}
.t td.rm{max-width:260px;overflow:hidden;text-overflow:ellipsis;color:var(--ink2)}
.t td.cu{max-width:150px;overflow:hidden;text-overflow:ellipsis}
.t td.cu.none{color:var(--mute)}
svg.th rect{fill:var(--thumb);stroke:var(--thumb-s);stroke-width:1}
.empty{padding:64px 20px;text-align:center;color:var(--mute)}
.empty b{display:block;color:var(--ink);font-size:var(--fs-l);margin-bottom:6px}
.loadmore{padding:14px;text-align:center;color:var(--mute);font-size:var(--fs)}
.hide-md{} @media (max-width:1100px){.hide-md{display:none}}
@media (max-width:760px){.hide-sm{display:none} .page{padding:14px 12px 90px} .top{padding:0 12px;gap:6px} .sbox input{height:50px}
  .brand .nm,.who .wn{display:none} .tabs a{padding:0 10px;white-space:nowrap}
  .meta{flex-wrap:wrap;gap:8px 12px} .meta>*{white-space:nowrap} .vis .tw{overflow-x:auto} .vis .t th{position:static}
  .t td,.t th{padding-left:7px;padding-right:7px} .sbox kbd{display:none} .sbox input{padding-right:48px} .sbox .clr{right:12px}
  .drawer .fg .s3{grid-column:span 6} .bulk{bottom:10px}}

/* ── 批量栏 ── */
.bulk{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;background:var(--ink);color:var(--panel);border-radius:14px;box-shadow:var(--shadow);max-width:calc(100vw - 24px)}
.bulk .in,.bulk .sel{height:32px;background:var(--panel);color:var(--ink);border-color:transparent}
.bulk .btn{height:32px;background:transparent;color:inherit;border-color:rgba(255,255,255,.28)}
.bulk .btn.pri{background:var(--amber);color:#151A22;border-color:var(--amber)}
.bulk .btn.danger{color:#FF8FB1}
.bulk a{color:var(--amber);cursor:pointer}
.bulk .lbl{opacity:.8}

/* ── 抽屉 ── */
.scrim{position:fixed;inset:0;background:rgba(10,15,25,.38);z-index:40}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100vw);z-index:41;background:var(--panel);box-shadow:var(--shadow);display:flex;flex-direction:column;animation:slide .18s ease-out}
.drawer.modal{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(980px,96vw);max-height:92vh;border-radius:16px;animation:pop .16s ease-out}
@keyframes pop{from{transform:translate(-50%,-47%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}
.mcols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.mright{position:sticky;top:0}.mright .sim{margin-top:0}
@media (max-width:820px){.drawer.modal{top:0;left:0;transform:none;width:100vw;height:100vh;max-height:none;border-radius:0;animation:slide .18s ease-out}.mcols{grid-template-columns:1fr;gap:0}.mright{position:static;order:-1}.mright .sim{margin:0 0 12px}}
@keyframes slide{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.drawer{animation:none}}
.drawer header{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--line)}
.drawer header h2{margin:0;font-size:var(--fs-l);flex:1}
.drawer .body{flex:1;overflow:auto;padding:16px 20px 24px}
.drawer footer{display:flex;gap:10px;padding:12px 20px;border-top:1px solid var(--line);background:var(--panel)}
.fg{display:grid;grid-template-columns:repeat(6,1fr);gap:12px 10px;margin-bottom:6px}
.fg label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-s);color:var(--ink2)}
.fg label .in,.fg label .sel{width:100%;color:var(--ink)}
.s2{grid-column:span 2}.s3{grid-column:span 3}.s4{grid-column:span 4}.s6{grid-column:span 6}
.dims .in{font-size:var(--fs-xl);font-weight:700;height:42px;text-align:center}
.sect{font-weight:600;margin:18px 0 8px;font-size:var(--fs);color:var(--ink2)}

/* 相近提醒 */
.sim{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:14px 0 4px;background:var(--hover)}
.sim.hit{border-color:var(--cut);background:var(--cut-bg)}
.sim.exact{box-shadow:inset 4px 0 0 var(--cut)}
.sim h3{margin:0 0 2px;font-size:var(--fs);display:flex;align-items:center;gap:8px}
.sim.hit h3{color:var(--cut)}
.sim .sub{color:var(--ink2);font-size:var(--fs)}
.sim .cmp{display:flex;gap:14px;align-items:center;margin-top:10px}
.sim .cmp svg{flex:none;background:var(--panel);border-radius:8px;border:1px solid var(--line)}
.sim ul{list-style:none;margin:0;padding:0;flex:1;font-size:var(--fs)}
.sim li{display:flex;gap:8px;align-items:center;padding:3px 0;border-bottom:1px dashed var(--line)}
.sim li:last-child{border:0}
.sim li .d{font-weight:600;min-width:104px}
.sim li .x{flex:1;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sim .row{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:var(--fs);color:var(--ink2)}
.sim .row .in{height:28px;width:56px;text-align:center}
.lg{display:flex;gap:12px;font-size:var(--fs-s);color:var(--ink2);margin-top:6px}
.lg i{display:inline-block;width:18px;height:0;border-top:2px dashed var(--cut);vertical-align:middle;margin-right:4px}
.lg i.b{border-top:2px solid var(--blue)}

/* ── 登录 ── */
.login{min-height:100vh;display:grid;place-items:center;padding:20px}
.login form{width:min(380px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:32px 28px;box-shadow:var(--shadow)}
.login h1{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:var(--fs-xl)}
.login p{margin:0 0 22px;color:var(--mute)}
.login label{display:block;margin-bottom:14px;font-size:var(--fs);color:var(--ink2)} .login .in{width:100%;height:42px;margin-top:5px}
.login .btn{width:100%;height:42px;justify-content:center}
.err{color:var(--cut);font-size:var(--fs);min-height:20px;margin:-4px 0 10px}

/* ── 导入 ── */
.steps{display:flex;gap:10px;margin:0 0 20px}
.steps>div{flex:1;display:flex;align-items:center;gap:8px;padding:0 0 10px;color:var(--mute);border-bottom:2px solid var(--line);font-size:var(--fs)}
.steps>div b{flex:none;display:inline-flex;width:20px;height:20px;border-radius:50%;background:var(--line);color:var(--ink2);align-items:center;justify-content:center;font-size:var(--fs-s);line-height:1}
.steps>div.on{color:var(--ink);border-color:var(--amber);font-weight:600} .steps>div.on b{background:var(--amber);color:#151A22}
.steps>div.done{color:var(--ink2);border-color:var(--ink)} .steps>div.done b{background:var(--ink);color:var(--panel)}
.drop{display:grid;place-items:center;text-align:center;gap:6px;padding:64px 20px;border:2px dashed var(--line);border-radius:16px;background:var(--panel);cursor:pointer;transition:border-color .15s,background .15s}
.drop:hover,.drop.over{border-color:var(--blue);background:var(--blue-bg)}
.drop b{font-size:var(--fs-l)} .drop span{color:var(--mute)}
.imp-grid{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:18px;align-items:start}
@media (max-width:1000px){.imp-grid{grid-template-columns:1fr}}
.card h3{margin:0;padding:12px 16px;font-size:var(--fs);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px}
.card .pad{padding:14px 16px}
.map{display:grid;grid-template-columns:1fr 150px;gap:6px 10px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line2)}
.map:last-child{border:0}
.map .h{font-weight:600} .map .s{grid-column:1;color:var(--mute);font-size:var(--fs-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.map .sel{grid-column:2;grid-row:1/3;width:100%}
.map.auto .h::after{content:"自动识别";margin-left:8px;font-size:var(--fs-s);font-weight:500;color:var(--ok);background:var(--ok-bg);padding:0 6px;border-radius:5px}
.map.content .h::after{content:"按内容识别";margin-left:8px;font-size:var(--fs-s);font-weight:500;color:#8A5A00;background:#FFF1CC;padding:0 6px;border-radius:5px}
.notice{padding:12px 16px;border-radius:10px;background:var(--hover);border:1px solid var(--line);margin-bottom:14px;color:var(--ink2)}
.notice b{color:var(--ink)}
.stats{display:flex;flex-wrap:wrap;gap:8px 18px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:var(--fs);color:var(--ink2)}
.stats b{font-size:var(--fs-l);color:var(--ink)}
.ptabs{display:flex;gap:4px;padding:8px 12px 0;border-bottom:1px solid var(--line)}
.ptabs button{border:0;background:none;padding:8px 12px;border-bottom:2px solid transparent;cursor:pointer;color:var(--ink2)}
.ptabs button.on{color:var(--ink);font-weight:600;border-color:var(--amber)}
.defaults{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.defaults label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-s);color:var(--ink2)}
.actionbar{position:sticky;bottom:0;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:16px;box-shadow:var(--shadow)}
.actionbar .sp{flex:1}
.done{max-width:560px;margin:40px auto;text-align:center}
.done .big{font-size:40px;font-weight:700;margin:6px 0}
.done p{color:var(--ink2)}
.done .acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}

/* ── 管理 ── */
.admin{display:grid;gap:18px;max-width:860px;margin:0 auto}
.row2{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.row2 label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-s);color:var(--ink2)}
.help{color:var(--mute);font-size:var(--fs);margin:8px 0 0}

/* ── 提示 ── */
#toasts{position:fixed;top:64px;left:50%;transform:translateX(-50%);z-index:60;display:grid;gap:8px;justify-items:center}
.toast{background:var(--ink);color:var(--panel);padding:9px 16px;border-radius:10px;box-shadow:var(--shadow);animation:slide .18s ease-out;max-width:90vw}
.toast.err{background:var(--cut);color:#fff}
.spin{display:inline-block;width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:sp .7s linear infinite;vertical-align:-3px}
@keyframes sp{to{transform:rotate(360deg)}}

input[type=search]::-webkit-search-cancel-button{display:none}
.fg label.chk{flex-direction:row;align-items:center;gap:8px;font-size:var(--fs);color:var(--ink)}

/* ── 多条件筛选面板 ── */
.tog svg{vertical-align:-2px}
.adv{margin:-4px 0 14px;padding:14px 16px;overflow:visible}
.advgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px 18px}
.af label{display:block;font-size:var(--fs-s);font-weight:600;margin:0 0 5px;color:var(--ink2)} .af label .mute{font-weight:400;margin-left:4px}
.af .in{width:100%;box-sizing:border-box}
.af.wide{grid-column:1/-1}
.rng{display:flex;align-items:center;gap:6px} .rng span{color:var(--mute)} .rng .in{min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:7px;--ch:30px}
.chip{height:30px;padding:0 11px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--ink2);cursor:pointer;font-size:var(--fs)}
.chip i{font-style:normal;color:var(--mute);font-size:var(--fs-s);margin-left:2px}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--panel)} .chip.on i{color:var(--panel);opacity:.7}
.advfoot{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:var(--fs-s);flex-wrap:wrap} .advfoot .sp{flex:1}
.loadmore[data-loadmore]{cursor:pointer}

/* ── 手机:列表变成卡片,所有信息都显示 ── */
@media (max-width:760px){
  .vis .tw{overflow:visible}
  .vis .t,.vis .t tbody{display:block;width:100%}
  .vis .t thead{display:none}
  .vis .t tr{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:12px 14px;border-bottom:1px solid var(--line);position:relative}
  .vis .t tr::before{content:"";order:6;flex-basis:100%;height:0}
  .vis .t tr::after{content:"";order:10;flex-basis:100%;height:0}
  .vis .t td{display:block;padding:0;border:0;width:auto;max-width:none;text-align:left;white-space:normal}
  .vis .t td.hide-sm{display:block}
  .vis .t td:empty{display:none}
  /* 手机只读卡片:① 大字号尺寸(右侧内/外径、提示)  ② 客户 · 模具费 · 时间  ③ 标签。没有勾选框,点击不进入编辑 */
  .vis .t td:nth-child(1),.vis .t td:nth-child(11){display:none}
  .vis .t tr{cursor:default}
  .vis .t td:nth-child(4),.vis .t td:nth-child(5),.vis .t td:nth-child(6){font-size:var(--fs-xl);font-weight:700}
  .vis .t td:nth-child(4){order:1} .vis .t td:nth-child(5){order:2} .vis .t td:nth-child(6){order:3}
  .vis .t td:nth-child(5)::before,.vis .t td:nth-child(6)::before{content:"×";color:var(--mute);font-weight:400;margin-right:8px}
  .vis .t td:nth-child(3){order:4;margin-left:auto}
  .vis .t td:nth-child(10){order:5}
  .vis .t td:nth-child(2){order:7;font-weight:600;font-size:var(--fs);max-width:100%}
  .vis .t td:nth-child(8),.vis .t td:nth-child(9){font-size:var(--fs);color:var(--ink2)}
  .vis .t td:nth-child(8){order:8} .vis .t td:nth-child(8):not(:empty)::before{content:"¥"}
  .vis .t td:nth-child(9){order:9}
  .vis .t td:nth-child(7){order:11;flex:1 1 100%}
  .vis .t tr:last-child{border-bottom:0}
  .adv{padding:12px} .advgrid{grid-template-columns:1fr} 
  .chip{height:34px}.chips{--ch:34px}
  .filters{gap:8px} .filters .seg{flex:1 1 100%} .filters .seg button{flex:1}
}
@media (max-width:760px){ .vis .t td.d{min-width:0;text-align:left} .vis .t td:nth-child(5)::before,.vis .t td:nth-child(6)::before{margin-right:6px} .vis .t tr{gap:4px 6px} }

/* ── 标签 ── */
.tg{display:inline-block;padding:1px 9px;margin:1px 5px 1px 0;border-radius:11px;background:var(--line2,#eef0f4);color:var(--ink2);font-size:var(--fs-s);white-space:nowrap;line-height:20px}
.t td.tgs{white-space:normal;max-width:300px}
.tagbox{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:text}
.tagbox:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}
.tchips{display:contents}
.tchip{display:inline-flex;align-items:center;gap:2px;height:28px;padding:0 4px 0 10px;border-radius:14px;background:var(--ink);color:var(--panel);font-size:var(--fs)}
.tchip button{width:22px;height:22px;border:0;border-radius:50%;background:transparent;color:inherit;opacity:.65;cursor:pointer;font-size:var(--fs-l);line-height:1;padding:0}
.tchip button:hover{opacity:1;background:#fff3}
.tg-in{flex:1 1 90px;min-width:90px;border:0;outline:0;background:none;font-size:var(--fs);color:var(--ink);height:28px;padding:0}
.tg-sug{margin-top:6px;border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden;box-shadow:var(--shadow)}
.tg-sug button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;border:0;border-bottom:1px solid var(--line2);background:none;text-align:left;cursor:pointer;color:var(--ink);font-size:var(--fs)}
.tg-sug button:last-child{border-bottom:0} .tg-sug button.hi,.tg-sug button:hover{background:var(--blue-bg)} .tg-sug i{font-style:normal;color:var(--mute);font-size:var(--fs-s)}
.tg-quick{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.tg-lbl{font-size:var(--fs-s);color:var(--mute);margin-right:2px}
.tg-quick .chip{height:28px;font-size:var(--fs);padding:0 10px}
.chip.more{border-style:dashed;color:var(--mute)}
.chips.fold{max-height:calc(var(--ch) * 3 + 14px);overflow:hidden}
.chipwrap>.more{margin-top:8px}
.tgfield .lbl{display:block;font-size:var(--fs-s);color:var(--ink2);margin-bottom:6px}
.tagview{display:flex;flex-wrap:wrap;gap:4px}
.bulktags{display:inline-flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.bulk .tagin{min-width:280px;max-width:520px}
.bulk .tagbox{background:var(--panel);min-height:34px}
.bulk .tg-quick{max-height:64px;overflow:auto}
.bulk .tchip{background:var(--blue,#2a6df4);color:#fff}
.bulk .tg-sug{position:absolute;bottom:100%;margin:0 0 6px;min-width:260px;z-index:5}
.bulk .tagin{position:relative}
@media (max-width:760px){.tg-in{font-size:var(--fs-l)} .bulk .tagin{min-width:0;flex:1 1 100%}}
.defaults .wide{grid-column:1/-1}

.tgmgr{display:flex;flex-wrap:wrap;gap:8px}
.tmg{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 4px 0 12px;border:1px solid var(--line);border-radius:16px;background:var(--panel);font-size:var(--fs)}
.tmg i{font-style:normal;color:var(--mute);font-size:var(--fs-s)} .tmg.zero{opacity:.55}
.tmg button{height:24px;padding:0 8px;border:0;border-radius:12px;background:var(--line2);color:var(--ink2);cursor:pointer;font-size:var(--fs-s)}
.tmg button[data-del]{padding:0;width:24px;font-size:var(--fs-l)} .tmg button:hover{background:var(--line)}

/* ── 客户联想下拉 ── */
.suggest{position:fixed;z-index:200;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:4px}
.suggest .sg-h{padding:6px 10px 4px;font-size:var(--fs-s);color:var(--mute)}
.suggest button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 10px;border:0;border-radius:7px;background:none;text-align:left;cursor:pointer;color:var(--ink);font-size:var(--fs-l)}
.suggest button.hi,.suggest button:hover{background:var(--blue-bg)}
.suggest button i{font-style:normal;color:var(--mute);font-size:var(--fs-s);white-space:nowrap}
.suggest mark{background:#FFE58A;color:inherit;border-radius:2px;padding:0 1px}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .suggest mark{background:#6b5a14}}
.cuhint{display:block;min-height:16px;margin-top:3px;font-size:var(--fs-s);color:var(--mute)} .cuhint.ok{color:var(--ok,#1a9a6b)} .cuhint.new{color:var(--orange)}
@media (max-width:760px){.suggest button{padding:13px 10px;font-size:var(--fs-l)}}

/* ── 列表可读性:主次分明 ── */
.t th small{display:inline;font-weight:400;font-size:var(--fs-s);opacity:.7;margin-left:3px}
.t th{vertical-align:bottom}
.t td.cu{font-size:var(--fs-l);font-weight:600}
.t td.d{font-size:var(--fs-l);font-weight:700}
.vis .t td:nth-child(8),.vis .t td:nth-child(9){color:var(--ink2);font-size:var(--fs)}
.t td.rm{font-size:var(--fs);color:var(--mute)}
.meta{margin:2px 0 10px;font-size:var(--fs)} .meta .cnt{font-size:var(--fs-l);color:var(--ink2)} .meta .cnt b{font-size:var(--fs-l)}
.meta .sortl{display:inline-flex;align-items:center;gap:6px;color:var(--mute)}
.filters{margin-bottom:12px}
@media (max-width:760px){.newbtn{display:none} .hrow{gap:8px}
  .t th small{display:none}}
@media (min-width:761px){.vis .t th:nth-child(7),.vis .t td:nth-child(7){padding-left:26px}}
.advsize{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.sizehd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.sizehd label{font-size:var(--fs-s);font-weight:600;color:var(--ink2);margin:0}
.sizehd .seg button{height:30px;padding:0 12px;font-size:var(--fs)}
.sizenote{font-size:var(--fs-s)}
.advgrid.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:760px){.advgrid.three{grid-template-columns:1fr}}

/* 尺寸筛选:置顶并用底色突出 */
.advsize{margin:0 0 4px;padding:14px 16px;border-top:0;background:var(--blue-bg);border:1px solid var(--blue);border-radius:12px}
.advsize .sizehd label{color:var(--blue);font-size:var(--fs)}
.advsize .in{background:var(--panel)}

/* 下滑后顶栏里的迷你搜索 + 筛选 */
.tmini{flex:1;min-width:0;max-width:560px;display:flex;gap:8px;align-items:center}
.sbox2{position:relative;flex:1;min-width:0}
.sbox2 svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--mute);pointer-events:none}
.sbox2 input{width:100%;height:34px;padding:0 12px 0 32px;font-size:var(--fs);border:1.5px solid var(--line);border-radius:10px;background:var(--bg)}
.sbox2 input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg);background:var(--panel)}
.tmini .tog{height:34px;flex:none}
.tmini .tog b:empty{display:none}
.btt{position:fixed;right:20px;bottom:24px;z-index:30;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--ink);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;cursor:pointer}
.btt:hover{background:var(--btn);color:var(--btn-ink)}
.btt[hidden],.tmini[hidden]{display:none}
@media (max-width:760px){.top.mini .brand .nm,.top.mini .who b,.top.mini .who .mute{display:none}.top.mini .tabs a{padding:0 7px}.tmini .ft{display:none}.btt{right:14px;bottom:80px;width:44px;height:44px}}

/* ── 版面疏朗化:更大的留白,尺寸筛选常驻一行 ── */
.page{padding-top:32px}
.hero{margin:0 0 20px}
.filters{margin:0 0 20px}
.adv{margin:-6px 0 22px}
.meta{margin:0 0 14px}
.vis{margin-top:4px}
@media (max-width:760px){.page{padding-top:18px}.filters{margin-bottom:16px}}

/* 搜索区收窄居中 */
.page{padding-top:44px}
.hero{margin:0 0 34px}
.hero .hrow{max-width:760px;margin:0 auto}
.hero #und{max-width:760px;margin-left:auto;margin-right:auto}
.filters{margin-bottom:26px}
@media (max-width:760px){.page{padding-top:18px}.hero{margin-bottom:18px}}

/* ── 管理页:标签/店铺列表(拖动排序、就地改名) ── */
.admin{max-width:1120px}
.twocol{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:900px){.twocol{grid-template-columns:1fr}}
.card h3 .hint{font-weight:400;font-size:var(--fs-s);color:var(--mute)}
.addrow{padding:12px 14px;border-bottom:1px solid var(--line2)}
.addrow .in{width:100%;height:38px;font-size:var(--fs)}
.mlist{padding:6px 8px}
.mi{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 8px 0 4px;border-radius:9px;background:var(--panel);position:relative}
.mi:hover{background:var(--hover)}
.mi .dh{display:flex;align-items:center;justify-content:center;width:28px;height:34px;color:var(--mute);cursor:grab;touch-action:none;border-radius:6px;flex:none}
.mi .dh:hover{color:var(--ink);background:var(--line2)}
.mi .nm{flex:1;min-width:0;padding:6px 8px;border-radius:7px;cursor:text;font-size:var(--fs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mi .nm:hover{background:var(--line2)}
.mi .nm-edit{flex:1;min-width:0;height:32px;font-size:var(--fs)}
.mi .kd{display:flex;align-items:center;gap:6px;font-size:var(--fs-s);color:var(--mute);white-space:nowrap}.mi .kd .in{width:72px;height:30px;padding:0 8px;text-align:right}
.mi .cnt{font-size:var(--fs-s);color:var(--mute);white-space:nowrap;font-variant-numeric:tabular-nums}
.mi.zero .cnt{opacity:.7}
.mi .x{border:0;background:none;color:var(--mute);height:28px;min-width:28px;border-radius:14px;cursor:pointer;font-size:var(--fs-l);opacity:0;transition:opacity .12s;padding:0 6px;white-space:nowrap}
.mi:hover .x,.mi .x:focus,.mi .x.sure{opacity:1}
.mi .x:hover{background:var(--cut-bg);color:var(--cut)}
.mi .x.sure{background:var(--cut);color:#fff;font-size:var(--fs-s);padding:0 10px}
.mi.drag{z-index:5;background:var(--panel);box-shadow:var(--shadow);outline:1.5px solid var(--blue);transition:none;cursor:grabbing}
.mlist.dragging{user-select:none;cursor:grabbing}.mlist.dragging .mi:not(.drag){pointer-events:none}
.mi.flash{animation:flash 1.2s ease-out}
@keyframes flash{from{background:var(--blue-bg)}to{background:transparent}}
.mfoot{padding:8px 14px 14px;border-top:1px solid var(--line2)}
@media (hover:none){.mi .x{opacity:1}}

/* ── 标签云(管理页) ── */
.tbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line2);min-height:54px;position:sticky;top:52px;background:var(--panel);z-index:3}
.tbar .tfind{width:170px;height:34px;font-size:var(--fs)}
.tbar .sp{flex:1}.tbar .acts{display:flex;gap:6px;flex-wrap:wrap}
.tinfo{font-size:var(--fs);white-space:nowrap}
.mpanel{margin:10px 14px 0;padding:12px 14px;border:1px solid var(--blue);background:var(--blue-bg);border-radius:12px;font-size:var(--fs)}
.mpanel i{font-style:normal;color:var(--mute);font-size:var(--fs-s);margin:0 2px}
.mpanel .mrow{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.mpanel .mrow .in{flex:1;min-width:160px;height:36px}
.mpanel .mnote{margin-top:8px;font-size:var(--fs-s)}
.tcloud{display:flex;flex-wrap:wrap;gap:8px;padding:14px}
.tc{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:17px;background:var(--panel);font-size:var(--fs);cursor:pointer;user-select:none;-webkit-user-select:none}
.tc i{font-style:normal;font-size:var(--fs-s);color:var(--mute)}
.tc:hover{border-color:var(--mute)}
.tc.zero{opacity:.6}
.tc.on{background:var(--blue);border-color:var(--blue);color:#fff;opacity:1}.tc.on i{color:#fff;opacity:.8}
.tc.ph{opacity:.25;border-style:dashed}
.tc.ghost{position:fixed;left:0;top:0;z-index:100;pointer-events:none;box-shadow:var(--shadow);border-color:var(--blue);transition:none;opacity:.96}
.tcloud.dragging{cursor:grabbing}.tcloud.dragging .tc{cursor:grabbing}
.tcloud .tc[hidden]{display:none}
.tc-edit{height:30px;font-size:var(--fs);padding:0 8px}
.tc.flash{animation:flash 1.2s ease-out}
@media (max-width:760px){.tbar{top:52px;flex-wrap:wrap}.tbar .tfind{width:100%;order:3}}

/* 客户名不加粗;客户多选输入 */
.t td.cu,.vis .t td:nth-child(2){font-weight:400}
.cuin{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:3px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:text}
.cuin:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}
.cuin input{flex:1;min-width:120px;border:0;outline:0;background:none;font:inherit;height:30px;padding:0}
.cuchips{display:contents}
.cutag{display:inline-flex;align-items:center;gap:2px;height:26px;padding:0 4px 0 10px;border-radius:13px;background:var(--blue-bg);color:var(--blue);font-size:var(--fs)}
.cutag button{border:0;background:none;color:inherit;cursor:pointer;font-size:var(--fs-l);width:20px;height:20px;border-radius:10px;line-height:1}
.cutag button:hover{background:var(--blue);color:#fff}

/* 列表行距加大(桌面) */
@media (min-width:761px){.vis .t td{padding-top:11px;padding-bottom:11px}.vis .t th{padding-top:11px;padding-bottom:11px}}

/* 注册 / 审核 */
.regline{text-align:center;margin-top:14px;font-size:var(--fs);color:var(--mute)}
.linkbtn{border:0;background:none;color:var(--blue);cursor:pointer;font:inherit;padding:2px 4px}.linkbtn:hover{text-decoration:underline}
.regdone{text-align:center;max-width:360px;margin:12vh auto 0;padding:32px 24px;background:var(--panel);border:1px solid var(--line);border-radius:16px}
.regdone .ok{width:52px;height:52px;border-radius:50%;background:var(--ok-bg);color:var(--ok);font-size:26px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.bdg{display:inline-block;min-width:18px;height:18px;line-height:18px;margin-left:6px;padding:0 5px;border-radius:9px;background:var(--cut);color:#fff;font:600 var(--fs-s) var(--font);font-style:normal;text-align:center}
.regbar{padding:10px 16px;border-bottom:1px solid var(--line2);font-size:var(--fs)}
.pendbox{margin:12px 16px;padding:4px 14px 10px;border:1px solid var(--amber);background:rgba(255,180,0,.09);border-radius:12px}
.pendhd{padding:10px 0 6px;font-weight:600}
.pendrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px dashed var(--line);flex-wrap:wrap}
.pendrow .who2{flex:1;min-width:180px;display:flex;flex-direction:column;font-size:var(--fs)}
.pendrow .who2 b{font-size:var(--fs)}
.notein{height:34px;font-size:var(--fs);min-width:150px}
.pendrow .notein{flex:1;min-width:200px}
.t td .notein{width:100%;max-width:220px}

/* ── 导入:核对表格(和模具库列表同风格,单元格可直接编辑) ── */
.mapcard{overflow:visible}
.mapcard summary{padding:12px 16px;cursor:pointer;list-style:none;display:flex;gap:10px;align-items:center}
.mapcard summary::-webkit-details-marker{display:none}
.mapcard summary::before{content:"▸";color:var(--mute);transition:transform .15s}
.mapcard[open] summary::before{transform:rotate(90deg)}
.mapgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;padding:4px 16px 16px}
.mapgrid .map{margin:0}
.hintline{padding:8px 16px;font-size:var(--fs);color:var(--ink2);background:var(--hover);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.imp-sc{max-height:68vh;overflow:auto}
.imp-edit td.ec{cursor:text;vertical-align:middle}
.imp-edit td.ec:hover{background:var(--hover);box-shadow:inset 0 0 0 1px var(--line)}
.imp-edit td.ec.need{background:rgba(255,180,0,.16)}
.imp-edit td.ec.need:hover{background:rgba(255,180,0,.26)}
.imp-edit td.editing{padding:3px 6px;background:var(--panel);box-shadow:inset 0 0 0 2px var(--blue)}
.imp-edit .cellin{height:30px;width:100%;min-width:64px;padding:0 6px;font-size:var(--fs);border:0;outline:0;background:transparent}
.imp-edit td.d .cellin,.imp-edit td.r .cellin{text-align:right}
.imp-edit .ph{color:var(--mute);font-size:var(--fs-s);font-weight:400}
.imp-edit td.cu{max-width:190px}
.imp-edit td.rm{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imp-edit td.fl{white-space:normal;min-width:120px}
.imp-edit tr.gone td{opacity:.4;text-decoration:line-through}
.imp-edit tr.gone td.r{opacity:1;text-decoration:none}
.imp-edit .rx{border:0;background:none;color:var(--mute);width:26px;height:26px;border-radius:13px;cursor:pointer;font-size:var(--fs-l);line-height:1}
.imp-edit .rx:hover{background:var(--cut-bg);color:var(--cut)}
.imp-edit tr.gone .rx:hover{background:var(--ok-bg);color:var(--ok)}
.imp-edit th small{display:inline;font-weight:400;opacity:.7;font-size:var(--fs-s);margin-left:2px}
.stats .edited{margin-left:auto}
.ptabs button b{font-weight:600;margin-left:3px}
.tagpop{position:fixed;z-index:60;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px}
.tagpop .tph{font-weight:600;font-size:var(--fs);margin-bottom:8px}
.tagpop .tpf{display:flex;justify-content:flex-end;margin-top:10px}
@media (max-width:760px){.imp-sc{max-height:none}.mapgrid{grid-template-columns:1fr}}

/* 备份与迁移 */
.bk2{display:grid;grid-template-columns:1fr 1fr;gap:0}
.bkcol{padding:16px;display:flex;flex-direction:column;gap:10px}
.bkcol+.bkcol{border-left:1px solid var(--line2)}
.bkcol p{margin:0}.sm{font-size:var(--fs-s)}
.bkrow{display:flex;gap:8px}.bkrow .in{flex:1;min-width:0;height:38px}
.bkinfo{padding:10px 12px;border:1px solid var(--blue);background:var(--blue-bg);border-radius:10px;font-size:var(--fs);line-height:1.7}
@media (max-width:900px){.bk2{grid-template-columns:1fr}.bkcol+.bkcol{border-left:0;border-top:1px solid var(--line2)}}


/* 统一对话框(替代原生 confirm / prompt) */
.dlg .scrim{z-index:60}
.dlg .drawer{z-index:61}
.drawer.modal.sm{width:min(420px,92vw);animation:pop .16s ease-out}
.drawer.modal.sm .body{flex:none}
.drawer.modal.sm .dtext{margin:0 0 14px;line-height:1.7;color:var(--ink2);white-space:normal}
.drawer.modal.sm .dtext:last-child{margin-bottom:0}
.drawer.modal.sm input.in{width:100%}

/* 尺寸筛选框(唯一定义):桌面一行 = 标题 / 长宽高 / 容差规则 / 清除;手机上长、宽、高各占一行 */
.sizebar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:0 0 28px;padding:14px 18px;background:var(--blue-bg);border:1px solid var(--blue);border-radius:14px;font-size:var(--fs)}
.sbhd{display:flex;align-items:center;gap:6px;color:var(--blue);font-size:var(--fs)}
.sbhd .mute{font-weight:400}
.sbrow{display:flex;flex-wrap:wrap;gap:12px 26px}
.irng{display:flex;align-items:center;gap:6px}
.irng .lb{font-weight:600;color:var(--ink2)}
.irng .in{width:76px;padding:6px 8px;text-align:center;background:var(--panel);font-size:var(--fs)}
.irng i{color:var(--mute);font-style:normal}
.rulebox{display:flex;align-items:center;gap:14px;padding-left:22px;border-left:1px dashed var(--blue);color:var(--blue);font-size:var(--fs)}
.rulebox label{display:inline-flex;align-items:center;gap:4px}
.rulebox input{width:52px;height:30px;text-align:center;font-weight:700;font-size:var(--fs);border:1px solid var(--blue);border-radius:8px;background:var(--panel);color:var(--blue)}
.sbfoot{flex-basis:100%;display:flex}
.sizeclr{border:0;border-radius:8px;background:#E5484D;color:#fff;font-weight:600;font-size:var(--fs);padding:7px 18px;cursor:pointer;transition:filter .15s,opacity .15s}
.sizeclr:hover:not(:disabled){filter:brightness(.92)}
.sizeclr:disabled{opacity:.35;cursor:default}
@media (max-width:760px){
  .sizebar{padding:12px;gap:10px;margin-bottom:16px}
  .sbhd,.sbrow,.rulebox{flex-basis:100%;min-width:0}
  .sbrow{flex-direction:column;gap:8px}
  .irng{width:100%;min-width:0}
  .irng .in{flex:1;min-width:0;width:auto;height:40px}
  .rulebox{flex-wrap:wrap;gap:10px 16px;padding-left:0;border-left:0}
  .rulebox input{height:40px}
  .sizeclr{padding:11px 18px}
}
/* 管理页的表格:窄屏时在卡片内横向滚动,不撑破页面 */
#batches,#users{overflow-x:auto}


/* 手机:列表上方的整个筛选区(搜索框、尺寸、全部/内径/外径、更多筛选(含标签)、统计排序)统一 13px,不单独放大 */
@media (max-width:760px){
  .hero .sbox input,.page :is(.sizebar,.filters,.adv,.meta),.page :is(.sizebar,.filters,.adv,.meta) *,.meta .cnt b{font-size:var(--fs)}
}
/* 手机:新增入口在顶部导航(新增概率低,不放在搜索框旁,避免误触) */
@media (max-width:760px){.navnew{display:inline-flex;align-items:center;white-space:nowrap}}