/* ============================================================
 * v1.1.154 稿 A「商机大厅版」—— 询单中心皮肤（列表 + 详情）
 * 前缀约定：iq- 全局唯一，不与全站既有样式冲突。
 * 设计语言：
 *  - 明亮骨架（白卡 + 浅灰蓝底）+ 深色筛选控制台（玻璃拟态 + 荧光 chips）
 *  - 主识别色 = 询单状态色（待报价琥珀 / 报价中青 / 已选定绿 / 已完成蓝紫 / 已关闭灰）
 *  - 截止 <3 天 = 红色「⏰ 剩 N 天」紧急徽章
 * 色板自含（询单页不加载 plist.css），取值与全站 12 品类色同源。
 * 设计稿：abiop_inquiry_draft_A.html
 * ============================================================ */
:root{
  /* 状态色板（贯穿两屏） */
  --iq-st-1:#f59e0b; --iq-st-1-d:#c97f06; --iq-st-1-l:#fdf3e3;  /* 待报价 · 琥珀 */
  --iq-st-2:#12b5a4; --iq-st-2-d:#0d8a7d; --iq-st-2-l:#e3f8f5;  /* 报价中 · 青 */
  --iq-st-3:#1baa6b; --iq-st-3-d:#128a53; --iq-st-3-l:#e6f6ef;  /* 已选定 · 绿 */
  --iq-st-4:#5b8def; --iq-st-4-d:#3c63c9; --iq-st-4-l:#ecf1fe;  /* 已完成 · 蓝紫 */
  --iq-st-0:#7d95a8; --iq-st-0-d:#5d7488; --iq-st-0-l:#f0f4f7; /* 已关闭 · 灰 */
  --iq-urgent:#e5484d; --iq-urgent-l:#fdecec;                    /* 截止紧急 · 红 */
  /* 品类色（分类徽章 / 目录色标用，取 8 色） */
  --iq-c-1:#0f88c4; --iq-c-1-l:#e5f4fc;  /* 细胞培养 */
  --iq-c-2:#12b5a4; --iq-c-2-l:#e3f8f5;  /* 蛋白与免疫 */
  --iq-c-3:#5b8def; --iq-c-3-l:#ecf1fe;  /* 生化代谢检测 */
  --iq-c-4:#f59e0b; --iq-c-4-l:#fdf3e3;  /* 分子生物学 */
  --iq-c-5:#1baa6b; --iq-c-5-l:#e6f6ef;  /* 细胞状态分析 */
  --iq-c-6:#7c5cd6; --iq-c-6-l:#f0ebfc;  /* 试剂盒与耗材 */
  --iq-c-7:#e5484d; --iq-c-7-l:#fdecec;  /* 抗体与蛋白 */
  --iq-c-8:#0e9c8e; --iq-c-8-l:#e4f6f4;  /* 检测试剂盒 */
  /* 深色控制台（玻璃拟态 + 荧光） */
  --iq-dk-1:#0b2233; --iq-dk-2:#0e2c42;
  --iq-dk-glass:rgba(255,255,255,.055); --iq-dk-glass-2:rgba(255,255,255,.09);
  --iq-dk-line:rgba(255,255,255,.10); --iq-dk-line-2:rgba(255,255,255,.16);
  --iq-dk-tx-1:#e8f3fa; --iq-dk-tx-2:#a8c2d4; --iq-dk-tx-3:#6d8ca3;
  --iq-neon-amber:#ffb84d; --iq-neon-mint:#3ee0b0; --iq-neon-green:#4cd97b;
  --iq-neon-violet:#9d8cf0; --iq-neon-rose:#ff6b7a;
  --iq-dk-sh:0 12px 32px rgba(11,47,69,.22);
  --iq-navy:#0b2f45; --iq-navy-2:#0d3d59;
  --iq-ink:#1e3346; --iq-ink-2:#4a6377; --iq-ink-3:#7d95a8;
  --iq-line:#dceaf3; --iq-line-2:#eef5fa;
  --iq-sh-1:0 1px 3px rgba(16,63,89,.07); --iq-sh-2:0 6px 20px rgba(16,63,89,.10);
}

/* ---------- 询单中心横幅（深蓝 + 状态色光晕） ---------- */
.iq-banner{position:relative;overflow:hidden;border-radius:14px;margin-bottom:16px;color:#fff;
  background:linear-gradient(120deg,var(--iq-navy) 0%,var(--iq-navy-2) 55%,#0f5a80 100%)}
.iq-banner .glow{position:absolute;right:-60px;top:-70px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(245,158,11,.42),transparent 65%)}
.iq-banner .glow2{position:absolute;right:200px;bottom:-120px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(18,181,164,.4),transparent 65%)}
.iq-banner .in{position:relative;z-index:1;padding:26px 30px;display:flex;align-items:center;gap:26px}
.iq-banner .pic{width:88px;height:88px;border-radius:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:40px;
  background:linear-gradient(135deg,var(--iq-st-1),var(--iq-st-2));box-shadow:0 8px 24px rgba(245,158,11,.35)}
/* ⚠ 深色底里的标题必须显式 color:#fff —— base.css 的 h1~h5{color:var(--c-deep)}
   会直接命中标题元素、压过父级继承色（继承永远输给直接命中规则）。
   v1.1.155 热修：.iq-banner h1 / .iq-dt-banner h1 漏设导致深色字压深色底。 */
.iq-banner h1{margin:0;font-size:26px;font-weight:800;letter-spacing:.5px;color:#fff}
.iq-banner h1 .en{font-size:13px;font-weight:400;color:rgba(255,255,255,.6);margin-left:10px;letter-spacing:1px}
.iq-banner p{font-size:13.5px;color:rgba(255,255,255,.78);margin-top:6px;max-width:560px}
.iq-banner .stats{margin-left:auto;display:flex;gap:10px;flex-shrink:0}
.iq-banner .stat{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:12px;
  padding:10px 18px;text-align:center;backdrop-filter:blur(4px)}
.iq-banner .stat b{display:block;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.iq-banner .stat span{font-size:12px;color:rgba(255,255,255,.7)}
.iq-banner .stat.hot b{color:#ffd28a}
.iq-banner .stat.ok b{color:#7fe7c4}

/* ---------- 布局：左目录 + 中内容（右栏仍走站点 .side-col） ---------- */
.iq-cols{display:grid;grid-template-columns:236px minmax(0,1fr);gap:16px;align-items:start}
.iq-side{position:sticky;top:14px;display:flex;flex-direction:column;gap:12px}
.iq-panel{background:#fff;border:1px solid var(--iq-line);border-radius:14px;box-shadow:var(--iq-sh-1);overflow:hidden}
.iq-panel-hd{padding:13px 16px;border-bottom:1px solid var(--iq-line-2);display:flex;align-items:center;gap:8px;
  font-weight:700;color:var(--iq-navy);font-size:15px}
.iq-panel-hd .dot{width:8px;height:8px;border-radius:3px;background:linear-gradient(135deg,var(--iq-st-1),var(--iq-st-2))}
.iq-panel-hd .more{margin-left:auto;font-size:12px;color:var(--iq-ink-3);font-weight:400}
.iq-panel-bd{padding:12px 14px}

/* 左：询单分类（状态色点 + 真实计数） */
.iq-catnode{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;font-size:13.5px;
  color:var(--iq-ink-2);text-decoration:none;transition:.15s}
.iq-catnode:hover{background:var(--iq-line-2);color:var(--iq-ink)}
.iq-catnode.on{background:var(--iq-st-1-l);color:var(--iq-st-1-d);font-weight:700}
.iq-catnode .sw{width:10px;height:10px;border-radius:3px;flex-shrink:0;background:var(--cc,#9ab)}
.iq-catnode .n{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iq-catnode .c{font-size:12px;color:var(--iq-ink-3);font-variant-numeric:tabular-nums}
.iq-catnode.on .c{color:var(--iq-st-1)}
.iq-catnode.sub{padding-left:25px;font-size:12.5px}
.iq-catnode.sub::before{content:"";position:absolute;left:14px;top:50%;width:6px;height:6px;border-radius:50%;
  border:2px solid var(--cc,#9ab);transform:translateY(-50%);background:#fff}
.iq-catnode{position:relative}
.iq-catnode.sub.on{background:var(--cc,var(--iq-st-1));color:#fff}
.iq-catnode.sub.on::before{border-color:#fff;background:transparent}
.iq-catnode.sub.on .c{color:rgba(255,255,255,.8)}

/* 左：今日新询单关键词（点击填入搜索框，真实可交互） */
.iq-kwchips{display:flex;flex-wrap:wrap;gap:7px}
.iq-kwchips button{padding:5px 12px;border-radius:999px;font-size:12.5px;border:1px solid var(--iq-line);
  background:#fbfdfe;color:var(--iq-ink-2);cursor:pointer;transition:.15s;font-family:inherit}
.iq-kwchips button:hover{border-color:var(--cc,var(--iq-st-1));color:var(--cc,var(--iq-st-1-d));background:var(--cl,var(--iq-st-1-l))}

/* 左：报价达人榜（真实聚合） */
.iq-ranker{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px dashed var(--iq-line-2)}
.iq-ranker:last-child{border-bottom:0}
.iq-ranker .rk{width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;color:#fff;background:var(--cc,#9ab);flex-shrink:0}
.iq-ranker .nm{flex:1;min-width:0;font-size:13px;color:var(--iq-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iq-ranker .nm b{color:var(--iq-ink);font-weight:600}
.iq-ranker .n{font-size:12px;color:var(--iq-ink-3);font-variant-numeric:tabular-nums;flex-shrink:0}

/* ---------- ★ 深色筛选控制台（状态荧光 chips） ---------- */
.iq-console{position:relative;border-radius:14px;margin-bottom:14px;overflow:hidden;
  background:linear-gradient(165deg,var(--iq-dk-2) 0%,var(--iq-dk-1) 72%);
  border:1px solid var(--iq-dk-line-2);box-shadow:var(--iq-dk-sh)}
.iq-console .specbar{height:4px;background:linear-gradient(90deg,var(--iq-st-1),var(--iq-st-2) 34%,var(--iq-st-3) 66%,var(--iq-st-4))}
.iq-console .cs-hd{display:flex;align-items:center;gap:8px;padding:13px 16px 0;font-size:12px;color:var(--iq-dk-tx-3)}
.iq-console .cs-hd .dot{width:8px;height:8px;border-radius:50%;background:var(--iq-neon-amber);
  box-shadow:0 0 8px var(--iq-neon-amber);animation:iq-pulse 1.6s infinite}
@keyframes iq-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.iq-console .cs-hd b{color:var(--iq-dk-tx-1);font-size:14.5px;font-weight:700;letter-spacing:.5px}
.iq-console .cs-hd .sum{margin-left:auto;font-size:12px}
.iq-console .cs-hd .sum i{font-style:normal;color:var(--iq-neon-amber);font-weight:800;font-variant-numeric:tabular-nums}
.iq-console .cs-bd{padding:10px 16px 15px}
.iq-console .filterrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.iq-console .filterrow + .filterrow{margin-top:10px;padding-top:10px;border-top:1px dashed var(--iq-dk-line)}
.iq-console .filterrow .lbl{font-size:12px;color:var(--iq-dk-tx-3);flex-shrink:0;width:56px;letter-spacing:2px}
.iq-console .chip{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border-radius:999px;
  border:1px solid var(--iq-dk-line);background:var(--iq-dk-glass);font-size:12.5px;color:var(--iq-dk-tx-2);
  text-decoration:none;cursor:pointer;transition:.15s;user-select:none}
.iq-console .chip:hover{border-color:var(--nc,var(--iq-neon-amber));color:var(--iq-dk-tx-1)}
.iq-console .chip.on{background:var(--nc,var(--iq-neon-amber));border-color:var(--nc,var(--iq-neon-amber));
  color:#06151f;font-weight:700;box-shadow:0 0 12px var(--nc,var(--iq-neon-amber))}
.iq-console .chip .cnt{font-size:11px;color:var(--iq-dk-tx-3);font-variant-numeric:tabular-nums}
.iq-console .chip.on .cnt{color:rgba(6,21,31,.65)}
.iq-console .kwbox{display:flex;border:1px solid var(--iq-dk-line-2);border-radius:999px;overflow:hidden;
  background:var(--iq-dk-glass);flex:1;min-width:230px;max-width:430px;transition:.2s}
.iq-console .kwbox:focus-within{border-color:var(--iq-neon-amber);box-shadow:0 0 0 3px rgba(255,184,77,.13)}
.iq-console .kwbox input{flex:1;min-width:0;border:0;outline:0;padding:7px 17px;font-size:13px;
  background:transparent;color:var(--iq-dk-tx-1)}
.iq-console .kwbox input::placeholder{color:var(--iq-dk-tx-3)}
.iq-console .kwbox button{background:linear-gradient(135deg,var(--iq-neon-amber),#e89b1e);color:#1a1000;
  border:0;padding:0 20px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;font-family:inherit}
.iq-console .reset{font-size:12.5px;color:var(--iq-dk-tx-3);text-decoration:none}
.iq-console .reset:hover{color:var(--iq-neon-rose)}
.iq-console .sortrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:12px;
  border-top:1px solid var(--iq-dk-line-2)}
.iq-console .sortrow .s{padding:6px 14px;border-radius:9px;font-size:12.5px;color:var(--iq-dk-tx-2);
  background:var(--iq-dk-glass);border:1px solid var(--iq-dk-line);text-decoration:none;cursor:pointer;transition:.15s}
.iq-console .sortrow .s:hover{color:var(--iq-dk-tx-1);border-color:var(--iq-dk-line-2)}
.iq-console .sortrow .s.on{background:linear-gradient(135deg,rgba(255,184,77,.2),rgba(62,227,176,.14));
  border-color:rgba(255,184,77,.5);color:var(--iq-neon-amber);font-weight:700}
.iq-console .sortrow .s .ic{font-size:11px;margin-right:3px}
.iq-console .sortrow .sp{flex:1}
.iq-console .sortrow .cnt{font-size:12.5px;color:var(--iq-dk-tx-3)}
.iq-console .sortrow .cnt b{color:var(--iq-neon-amber);font-size:16px;font-weight:800;
  font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(255,184,77,.4)}
.iq-console .viewsw{display:flex;border:1px solid var(--iq-dk-line);border-radius:9px;overflow:hidden}
.iq-console .viewsw a{padding:6px 12px;font-size:12.5px;color:var(--iq-dk-tx-3);text-decoration:none;background:var(--iq-dk-glass)}
.iq-console .viewsw a.on{background:rgba(255,184,77,.14);color:var(--iq-neon-amber);font-weight:700}

/* ---------- 询单卡网格（浅色 + 状态光谱） ---------- */
.iq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.iq-card{background:#fff;border:1px solid var(--iq-line);border-radius:14px;overflow:hidden;position:relative;
  transition:.18s;display:flex;flex-direction:column}
.iq-card:hover{border-color:var(--sc);box-shadow:var(--iq-sh-2);transform:translateY(-3px)}
.iq-card .specbar{height:4px;background:linear-gradient(90deg,var(--sd),var(--sc))}
.iq-card .bd{padding:13px 15px 14px;display:flex;flex-direction:column;flex:1;min-width:0}
.iq-card .hd{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:7px}
.iq-st{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:2px 10px;border-radius:999px}
.iq-st .d{width:6px;height:6px;border-radius:50%;background:currentColor}
.iq-st.s1{background:var(--iq-st-1-l);color:var(--iq-st-1-d)}
.iq-st.s2{background:var(--iq-st-2-l);color:var(--iq-st-2-d)}
.iq-st.s3{background:var(--iq-st-3-l);color:var(--iq-st-3-d)}
.iq-st.s4{background:var(--iq-st-4-l);color:var(--iq-st-4-d)}
.iq-st.s0{background:var(--iq-st-0-l);color:var(--iq-st-0)}
.iq-bdg{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;letter-spacing:.3px}
.iq-bdg.top{background:linear-gradient(135deg,#ff8a5c,#e5484d);color:#fff}
.iq-bdg.urgent{background:var(--iq-urgent-l);color:var(--iq-urgent)}
.iq-bdg.cat{background:var(--cl,var(--iq-st-1-l));color:var(--cc,var(--iq-st-1-d));font-weight:600}
.iq-card h3{margin:0;font-size:15px;font-weight:700;color:var(--iq-navy);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.iq-card:hover h3{color:var(--sd)}
.iq-card h3 a{color:inherit;text-decoration:none}
.iq-card .prod{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}
.iq-card .cas{font-size:11.5px;font-weight:700;color:var(--sd);background:var(--sl);border-radius:6px;
  padding:2px 8px;font-family:Consolas,Menlo,monospace}
.iq-card .pn{font-size:12.5px;color:var(--iq-ink-2)}
.iq-card .kv{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:10px;font-size:12.5px}
.iq-card .kv div{color:var(--iq-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iq-card .kv b{color:var(--iq-ink);font-weight:600}
.iq-card .desc{font-size:12.5px;color:var(--iq-ink-2);margin:9px 0 0;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.iq-card .foot{margin-top:auto;padding-top:11px;display:flex;align-items:center;gap:8px;border-top:1px dashed var(--iq-line-2)}
.iq-card .foot .meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--iq-ink-3);flex-wrap:wrap}
.iq-card .qcount{margin-left:auto;text-align:right;line-height:1.15}
.iq-card .qcount b{font-size:19px;font-weight:800;color:var(--sd);font-variant-numeric:tabular-nums}
.iq-card .qcount span{display:block;font-size:11px;color:var(--iq-ink-3)}
.iq-card .ask{border:0;border-radius:8px;padding:8px 15px;font-size:12.5px;font-weight:700;color:#fff;
  text-decoration:none;cursor:pointer;flex-shrink:0;background:linear-gradient(135deg,var(--sc),var(--sd));transition:.15s;font-family:inherit}
.iq-card .ask:hover{filter:brightness(1.1);box-shadow:0 4px 12px rgba(16,63,89,.18)}

/* 空态 */
.iq-empty{text-align:center;padding:70px 20px;background:#fff;border:1px solid var(--iq-line);border-radius:14px}
.iq-empty .ico{font-size:40px;display:block;margin-bottom:10px}
.iq-empty p{color:var(--iq-ink-3);font-size:13.5px;margin:0 0 14px}

/* ---------- 底部：报价流程 + 平台保障 ---------- */
.iq-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.iq-flow .step{position:relative;border:1px solid var(--iq-line-2);border-radius:12px;background:#fbfdfe;padding:16px 14px;transition:.16s}
.iq-flow .step:hover{border-color:var(--sc,var(--iq-st-1));background:#fff}
.iq-flow .step .no{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:800;color:#fff;margin-bottom:9px;
  background:linear-gradient(135deg,var(--sc,var(--iq-st-1)),var(--sd,var(--iq-st-1-d)))}
.iq-flow .step b{display:block;font-size:14px;color:var(--iq-navy)}
.iq-flow .step p{font-size:12.5px;color:var(--iq-ink-3);margin-top:4px;line-height:1.6}
.iq-flow .step .arr{position:absolute;right:-9px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--iq-line);z-index:1}
.iq-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.iq-trust .t{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--iq-line-2);border-radius:12px;padding:12px 14px}
.iq-trust .t .ico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.iq-trust .t b{display:block;font-size:13.5px;color:var(--iq-ink)}
.iq-trust .t span{font-size:12px;color:var(--iq-ink-3)}

/* ---------- 详情页：状态色 Hero 横幅 ---------- */
.iq-dt-banner{position:relative;overflow:hidden;border-radius:14px;margin-bottom:16px;color:#fff;
  background:linear-gradient(120deg,var(--iq-navy) 0%,var(--iq-navy-2) 55%,#0f5a80 100%);
  border:1px solid rgba(255,255,255,.14);box-shadow:var(--iq-dk-sh)}
.iq-dt-banner::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;z-index:2;
  background:linear-gradient(90deg,var(--sd),var(--sc))}
.iq-dt-banner .glow{position:absolute;right:-60px;top:-70px;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,var(--sc),transparent 65%);opacity:.4;pointer-events:none}
.iq-dt-banner .glow2{position:absolute;right:220px;bottom:-130px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,var(--sc),transparent 65%);opacity:.18;pointer-events:none}
.iq-dt-banner .in{position:relative;z-index:1;padding:24px 28px}
.iq-dt-banner .path{font-size:12px;color:rgba(255,255,255,.62);letter-spacing:2px;margin-bottom:6px}
.iq-dt-banner h1{margin:0;font-size:23px;font-weight:800;line-height:1.4;color:#fff;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.iq-dt-banner .no{font-size:12.5px;font-weight:400;color:rgba(255,255,255,.55);font-family:Consolas,Menlo,monospace}
.iq-dt-banner .meta{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:rgba(255,255,255,.78);align-items:center}
.iq-dt-banner .meta b{font-weight:800}
.iq-dt-banner .acts{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.iq-dt-banner .btn-w{background:#fff;color:var(--sd);font-size:14px;font-weight:700;text-decoration:none;
  padding:11px 24px;border-radius:10px;transition:.15s;box-shadow:0 4px 14px rgba(0,0,0,.22);border:0;cursor:pointer;font-family:inherit}
.iq-dt-banner .btn-w:hover{transform:translateY(-1px)}
.iq-dt-banner .btn-g{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff;
  font-size:13.5px;font-weight:600;text-decoration:none;padding:11px 22px;border-radius:10px;transition:.15s}
.iq-dt-banner .btn-g:hover{background:rgba(255,255,255,.2)}

/* 需求明细 param 表（k 列状态色浅底） */
.iq-param{width:100%;border-collapse:collapse;font-size:13.5px}
.iq-param th,.iq-param td{padding:10px 14px;border-bottom:1px solid var(--iq-line-2);text-align:left;vertical-align:top}
.iq-param th{width:132px;background:var(--sl,var(--iq-st-1-l));color:var(--sd,var(--iq-st-1-d));font-weight:600;white-space:nowrap}
.iq-param td b{color:var(--iq-ink)}
.iq-param tr:last-child th,.iq-param tr:last-child td{border-bottom:0}
.iq-param td .big{font-size:15px;font-weight:700;color:var(--sd)}

/* 报价列表（亮色卡行，中标高亮） */
.iq-qt-row{display:flex;align-items:center;gap:14px;padding:13px 14px;border-bottom:1px dashed var(--iq-line-2)}
.iq-qt-row:last-child{border-bottom:0}
.iq-qt-row.win{background:linear-gradient(90deg,var(--iq-st-3-l),#fff 70%);border-radius:10px}
.iq-qt-row .av{width:42px;height:42px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:16px;background:linear-gradient(135deg,var(--sc),var(--sd))}
.iq-qt-row .co{flex:1;min-width:0}
.iq-qt-row .co b{display:block;font-size:14px;color:var(--iq-ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iq-qt-row .co span{font-size:12px;color:var(--iq-ink-3)}
.iq-qt-row .pr{text-align:right;flex-shrink:0}
.iq-qt-row .pr b{display:block;font-size:19px;font-weight:800;color:var(--iq-urgent);font-variant-numeric:tabular-nums;line-height:1.1}
.iq-qt-row .pr span{font-size:11.5px;color:var(--iq-ink-3)}
.iq-qt-row .tags{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0;max-width:220px}
.iq-qt-row .tags i{font-style:normal;font-size:11.5px;color:var(--iq-ink-2);background:#f5fafd;border:1px solid var(--iq-line-2);border-radius:6px;padding:2px 8px}
.iq-qt-empty{text-align:center;padding:40px 20px;color:var(--iq-ink-3)}
.iq-qt-empty .ico{font-size:34px;display:block;margin-bottom:8px}

/* 状态流 timeline（亮色） */
.iq-tl-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:6px}
.iq-tl-flow .n{position:relative;padding:14px 12px 12px 26px}
.iq-tl-flow .n::before{content:"";position:absolute;left:8px;top:20px;width:10px;height:10px;border-radius:50%;
  background:#fff;border:3px solid var(--iq-line);z-index:1}
.iq-tl-flow .n::after{content:"";position:absolute;left:15px;top:30px;right:-6px;height:2px;background:var(--iq-line-2)}
.iq-tl-flow .n:last-child::after{display:none}
.iq-tl-flow .n.on::before{border-color:var(--sc);box-shadow:0 0 0 3px var(--sl)}
.iq-tl-flow .n.on::after{background:var(--sc)}
.iq-tl-flow .n b{display:block;font-size:13.5px;color:var(--iq-ink-3)}
.iq-tl-flow .n.on b{color:var(--sd)}
.iq-tl-flow .n span{font-size:12px;color:var(--iq-ink-3)}

/* 右栏：采购方卡 */
.iq-buyer{padding:14px}
.iq-buyer .co{display:flex;align-items:center;gap:10px}
.iq-buyer .co .lg{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:17px;background:linear-gradient(135deg,var(--iq-c-3),var(--iq-c-6));flex-shrink:0}
.iq-buyer .co b{font-size:14.5px;color:var(--iq-ink);font-weight:700}
.iq-buyer .co span{display:block;font-size:12px;color:var(--iq-ink-3)}
.iq-buyer .rows{margin-top:10px;font-size:12.5px}
.iq-buyer .rows div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed var(--iq-line-2);color:var(--iq-ink-3)}
.iq-buyer .rows div:last-child{border-bottom:0}
.iq-buyer .rows b{color:var(--iq-ink-2);font-weight:600}
.iq-buyer .locked{margin-top:10px;font-size:12.5px;color:var(--iq-ink-3);background:#fbfdfe;
  border:1px dashed var(--iq-line);border-radius:9px;padding:9px 12px}
.iq-buyer .locked a{color:var(--iq-c-1);font-weight:600}

/* 相似询单 mini */
.iq-mini{list-style:none;margin:0;padding:0}
.iq-mini li{display:flex;gap:9px;padding:9px 4px;border-bottom:1px dashed var(--iq-line-2);align-items:baseline}
.iq-mini li:last-child{border-bottom:0}
.iq-mini .idx{color:var(--sc);font-weight:800;font-size:12px;flex-shrink:0}
.iq-mini .t{flex:1;min-width:0;font-size:13px}
.iq-mini .t a{color:var(--iq-ink-2);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
.iq-mini .t a:hover{color:var(--sd)}
.iq-mini .m{display:block;font-size:11.5px;color:var(--iq-ink-3)}

/* 右栏 CTA（发布询单） */
.iq-cta{padding:20px 16px;text-align:center;background:linear-gradient(165deg,var(--iq-navy),var(--iq-navy-2));border:0}
.iq-cta .ico{font-size:30px}
.iq-cta b{display:block;color:#fff;font-size:16px;margin:8px 0 4px}
.iq-cta p{font-size:12.5px;color:rgba(255,255,255,.72);margin:0 0 12px}
.iq-cta a{display:block;background:linear-gradient(135deg,var(--iq-st-1),#e89b1e);color:#1a1000;
  font-weight:800;font-size:13.5px;border-radius:9px;padding:9px 0;text-decoration:none}

/* ---------- 移动端 / 窄屏 ---------- */
@media (max-width: 900px){
  .iq-cols{grid-template-columns:minmax(0,1fr)}
  .iq-side{display:none}               /* 移动端分类走顶部导航，左目录不收 */
  .iq-grid{grid-template-columns:minmax(0,1fr)}
  .iq-flow{grid-template-columns:1fr 1fr}
  .iq-flow .step .arr{display:none}
  .iq-trust{grid-template-columns:1fr 1fr}
  .iq-banner .in{flex-wrap:wrap;padding:18px 16px;gap:14px}
  .iq-banner .stats{margin-left:0;flex-wrap:wrap}
  .iq-tl-flow{grid-template-columns:1fr}
  .iq-tl-flow .n::after{display:none}
  .iq-qt-row{flex-wrap:wrap}
  .iq-qt-row .tags{max-width:none}
  .iq-dt-banner .in{padding:16px 16px 18px}
  .iq-dt-banner h1{font-size:19px}
  .iq-dt-banner .btn-w,.iq-dt-banner .btn-g{width:100%;text-align:center}
  .iq-console .filterrow .lbl{width:auto}
  .iq-console .kwbox{max-width:none}
}