/* ============================================================
   报价悬浮窗（.qdock）—— 仅本组件样式，不影响页面其他部分

   位置：「查价」按钮运行时注入到右下角既有 .floater 分组内（与客服/电话同一列），
        面板 .qdock 从按钮列向左、锚定窗口底部展开（bottom 固定贴底，高度固定）。
        备用：若页面无 .floater，则生成独立浮标（.qdock-standalone）。

   UI 对齐小程序 pages/index：货物分析 + 渠道卡片 + 附加费明细 + 折叠；整窗统一滚动（仅一个滚动条）。
   选择器均以 .qdock / .qdock-fb / .qdock-standalone 为作用域，
   不覆盖主题任何其他元素的样式。
   ============================================================ */

/* 注入到既有 .floater 列内的「查价」按钮（沿用该列按钮外观，仅调字号） */
.qdock-fb{font-size:13px!important;font-weight:700;letter-spacing:0;}
/* 2026-10-08 隐藏悬浮「查价」按钮（用户要求）；保留其面板内核供首页「立即查价」复用 */
.qdock-fb,.qdock-standalone{display:none!important;}

/* 备用独立浮标（页面无 .floater 时） */
.qdock-standalone{
  position:fixed;right:22px;bottom:18px;z-index:96;
  width:52px;height:52px;border-radius:50%;
  border:0;
  background:linear-gradient(135deg,#3b82f6,#2563eb);
  color:#fff;
  box-shadow:0 6px 18px rgba(37,99,235,.35);
  cursor:pointer;display:grid;place-items:center;
  font-size:13px;font-weight:700;padding:0;
}
.qdock-standalone:hover{filter:brightness(1.08);}

/* 报价面板：从右下角按钮列向左展开，锚定窗口底部，固定高度 */
.qdock{
  position:fixed;right:76px;bottom:18px;z-index:97;
  width:400px;height:80vh;overflow:hidden;
  background:#f5f7fa;
  border-radius:16px;
  box-shadow:0 20px 50px rgba(0,0,0,.18);
  display:none;
  font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  color:#1f2937;
}
.qdock.is-open{display:flex;flex-direction:column;}
.qdock.dragging{user-select:none;}

/* 2026-09-29：桌面端悬浮窗整体缩小（含字号），锚定右下角，避免与移动端媒体查询冲突 */
@media (min-width:641px){
  .qdock{transform:scale(.85);transform-origin:bottom right;}
}
.qdock *{box-sizing:border-box;margin:0;padding:0;}

/* 顶部品牌栏：可拖动 */
.qdock .qdock-header{
  flex:none;
  display:flex;align-items:center;gap:10px;
  padding:14px 16px;
  background:linear-gradient(135deg,#3b82f6,#2563eb);
  color:#fff;
  cursor:grab;
}
.qdock.dragging .qdock-header{cursor:grabbing;}
.qdock .qdock-drag-handle{
  flex:none;
  display:grid;place-items:center;
  width:18px;height:18px;
  color:rgba(255,255,255,.7);
  margin-right:-2px;
}
.qdock .qdock-drag-handle svg{width:14px;height:14px;fill:currentColor;}
.qdock .qdock-logo{
  flex:none;
  width:42px;height:42px;border-radius:10px;
  background:rgba(255,255,255,.18);
  display:grid;place-items:center;
}
.qdock .qdock-logo svg{width:36px;height:36px;}
.qdock .qdock-brand{flex:1;min-width:0;}
.qdock .qdock-brand-title{font-size:17px;font-weight:700;line-height:1.3;}
.qdock .qdock-brand-sub{font-size:12px;opacity:.92;margin-top:3px;display:flex;align-items:center;gap:6px;}
.qdock .qdock-badge{
  display:inline-block;padding:1px 6px;border-radius:999px;
  background:rgba(255,255,255,.25);font-size:11px;
}
.qdock .qdock-close{
  flex:none;width:28px;height:28px;border-radius:50%;
  border:0;background:rgba(255,255,255,.2);color:#fff;
  font-size:18px;line-height:1;cursor:pointer;
}
.qdock .qdock-close:hover{background:rgba(255,255,255,.32);}

/* 可滚动内容区 */
.qdock .qdock-scroll{
  flex:1;overflow-y:auto;overflow-x:hidden;
  padding:12px;
}

/* 白色卡片 */
.qdock .qdock-card{
  background:#fff;border-radius:12px;
  padding:14px 12px;margin-bottom:12px;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}

/* 区域标题 */
.qdock .qdock-section-title{
  display:flex;align-items:center;gap:8px;margin-bottom:12px;
}
.qdock .qdock-st-main{
  font-size:15px;font-weight:700;color:#2563eb;
}
.qdock .qdock-st-hint{
  flex:1;font-size:12px;color:#9ca3af;
}
.qdock .qdock-section-title{position:relative;}
.qdock .qdock-history{
  font-size:12px;color:#2563eb;
  background:#eff6ff;border:0;border-radius:999px;
  padding:4px 10px;cursor:pointer;opacity:1;
}
.qdock .qdock-history:hover{background:#dbeafe;}
/* 历史记录下拉 */
.qdock .qdock-history-pop{
  position:absolute;top:100%;right:0;z-index:30;margin-top:6px;
  min-width:230px;max-height:248px;overflow:auto;list-style:none;padding:6px;
  background:#fff;border:1px solid #e5e7eb;border-radius:10px;
  box-shadow:0 12px 30px rgba(15,23,42,.18);
}
.qdock .qdock-history-pop[hidden]{display:none;}
.qdock .qdock-history-pop li{
  display:flex;flex-direction:column;gap:2px;
  padding:8px 10px;border-radius:8px;cursor:pointer;
}
.qdock .qdock-history-pop li:hover{background:#f3f4f6;}
.qdock .qdock-history-pop li b{font-size:12.5px;color:#1f2937;font-weight:600;line-height:1.4;}
.qdock .qdock-history-pop li span{font-size:11px;color:#9ca3af;}
.qdock .qdock-history-pop .qd-hist-empty{color:#9ca3af;font-size:12px;justify-content:center;align-items:center;cursor:default;}

/* 表单网格 */
.qdock .qdock-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
.qdock .qdock-field{
  display:flex;flex-direction:column;gap:5px;
}
.qdock .qdock-field label{
  font-size:12px;color:#6b7280;font-weight:500;
}
.qdock .qdock-field input,
.qdock .qdock-field select{
  width:100%;height:38px;
  padding:0 10px;
  font-size:14px;color:#1f2937;
  background:#f3f4f6;border:1px solid transparent;border-radius:8px;
  outline:none;
}
.qdock .qdock-field input::placeholder{color:#9ca3af;}
.qdock .qdock-field input:focus,
.qdock .qdock-field select:focus{
  background:#fff;border-color:#3b82f6;
  box-shadow:0 0 0 3px rgba(59,130,246,.12);
}
/* 目的地搜索下拉（含在 .qdock-dest 字段内） */
.qdock .qdock-dest{position:relative;}
.qdock .qdock-dest-pop{
  position:absolute;top:100%;left:0;right:0;z-index:25;margin-top:4px;
  max-height:220px;overflow:auto;list-style:none;padding:4px;
  background:#fff;border:1px solid #e5e7eb;border-radius:8px;
  box-shadow:0 10px 24px rgba(15,23,42,.15);
}
.qdock .qdock-dest-pop[hidden]{display:none;}
.qdock .qdock-dest-pop li{
  display:flex;flex-direction:column;gap:1px;padding:7px 9px;border-radius:6px;cursor:pointer;
}
.qdock .qdock-dest-pop li:hover,
.qdock .qdock-dest-pop li.on{background:#eff6ff;}
.qdock .qdock-dest-pop li b{font-size:13px;color:#1f2937;font-weight:600;}
.qdock .qdock-dest-pop li span{font-size:11px;color:#6b7280;}

/* 附加费网格 */
.qdock .qdock-fee-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
}
.qdock .qdock-fee-item{
  display:flex;align-items:center;gap:7px;
  padding:8px 9px;border-radius:8px;
  background:#f9fafb;border:1px solid #f3f4f6;
  font-size:12.5px;color:#374151;cursor:pointer;
  line-height:1.35;
}
.qdock .qdock-fee-item:hover{background:#f3f4f6;}
.qdock .qdock-fee-item input{
  flex:none;width:16px;height:16px;accent-color:#2563eb;
}
.qdock .qdock-fee-item span{flex:1;}

/* 底部大按钮 */
.qdock .qdock-submit{
  width:100%;height:46px;margin-top:2px;
  border:0;border-radius:999px;
  background:linear-gradient(135deg,#3b82f6,#2563eb);
  color:#fff;font-size:16px;font-weight:700;
  cursor:pointer;box-shadow:0 6px 16px rgba(37,99,235,.28);
}
.qdock .qdock-submit:hover{filter:brightness(1.06);}
.qdock .qdock-submit:disabled{opacity:.65;cursor:default;}

/* 错误提示 */
.qdock .qdock-err{color:#ef4444;font-size:12.5px;margin-top:8px;min-height:16px;text-align:center;}

/* ============================================================
   货物分析（对齐小程序）
   ============================================================ */
.qdock .qdock-analysis{margin-bottom:12px;}
.qdock .qdock-analysis[hidden]{display:none;}
.qdock .qdock-a-card{
  background:#fff;border-radius:12px;padding:14px 12px;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.qdock .qdock-a-title{
  cursor:pointer;user-select:none;margin-bottom:0;
}
.qdock .qdock-a-title:hover{opacity:.85;}
.qdock .qdock-collapse-hint{
  margin-left:auto;font-size:12px;color:#3b82f6;font-weight:600;
}
.qdock .qdock-a-body{margin-top:12px;}

.qdock .qdock-a-hero{
  display:flex;flex-direction:column;
  background:linear-gradient(135deg,#eef4ff,#f5f9ff);
  border:1px solid #dbe7ff;border-radius:12px;
  padding:14px 12px;margin-bottom:10px;
}
.qdock .qdock-a-hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.qdock .qdock-a-hero-lbl{font-size:12px;color:#64748b;}
.qdock .qdock-a-hero-tag{
  font-size:11px;font-weight:600;padding:2px 10px;border-radius:999px;
}
.qdock .qdock-a-hero-tag.fba{background:#2563eb;color:#fff;}
.qdock .qdock-a-hero-tag.zip{background:#e2e8f0;color:#334155;}
.qdock .qdock-a-hero-val{font-size:20px;font-weight:700;color:#2563eb;line-height:1.25;word-break:break-all;}
.qdock .qdock-a-hero-sub{font-size:13px;color:#334155;margin-top:4px;word-break:break-all;}
.qdock .qdock-a-hero-addr{font-size:11px;color:#64748b;margin-top:2px;word-break:break-all;line-height:1.4;}

.qdock .qdock-a-grid{display:flex;flex-wrap:wrap;margin-top:2px;}
.qdock .qdock-a-cell{
  width:50%;box-sizing:border-box;padding:12px 8px;text-align:center;
  border-top:1px solid #eef1f5;border-right:1px solid #eef1f5;
}
.qdock .qdock-a-cell:nth-child(2n){border-right:none;}
.qdock .qdock-a-val{display:block;font-size:15px;font-weight:700;color:#1f2937;line-height:1.3;word-break:break-all;}
.qdock .qdock-a-sub{display:block;font-size:11px;color:#2563eb;font-weight:600;margin-top:1px;}
.qdock .qdock-a-lbl{display:block;font-size:11px;color:#64748b;margin-top:4px;}
.qdock .qdock-a-cell.highlight{background:#eff6ff;}
.qdock .qdock-a-cell.highlight .qdock-a-val{color:#2563eb;font-size:17px;}
.qdock .qdock-a-cell.warn .qdock-a-val{color:#e8770a;}

/* ============================================================
   报价结果区（折叠；不单独滚动，随整窗统一滚动）
   ============================================================ */
.qdock .qdock-result-section{
  background:#fff;border-radius:12px;padding:14px 12px;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.qdock .qdock-result-section[hidden]{display:none;}
.qdock .qdock-result-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:8px;
}
.qdock .qdock-result-title-row{display:flex;flex-direction:column;gap:2px;}
.qdock .qdock-result-count{font-size:12px;color:#94a3b8;font-weight:500;}
.qdock .qdock-result-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.qdock .qdock-result-update{font-size:11px;color:#94a3b8;}
.qdock .qdock-result-collapse{
  font-size:11px;color:#2563eb;background:#eff6ff;border:0;border-radius:999px;
  padding:3px 10px;cursor:pointer;font-weight:600;
}
.qdock .qdock-result-collapse:hover{background:#dbeafe;}

.qdock .qdock-result-body{margin-top:10px;}
/* 报价结果不单独滚动 —— 整个悬浮窗由 .qdock-scroll 统一滚动（仅一个滚动条） */
.qdock .qdock-result-scroll{}
.qdock .qdock-result-scroll[hidden]{display:none;}

/* 筛选栏（对齐小程序胶囊标签） */
.qdock .qdock-tabs{
  display:flex;gap:8px;flex-wrap:nowrap;margin-bottom:10px;
  overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;
}
.qdock .qdock-tabs::-webkit-scrollbar{display:none;}
.qdock .qdock-tabs span{
  flex-shrink:0;padding:5px 12px;border-radius:999px;
  font-size:12px;cursor:pointer;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;
}
.qdock .qdock-tabs span.on{background:#2563eb;color:#fff;border-color:transparent;}

/* 报价卡片（对齐小程序） */
.qdock .qdock-quote{
  position:relative;padding:14px 12px;margin-bottom:12px;
  background:#fff;border:1px solid #e5e7eb;border-radius:12px;
  box-shadow:0 1px 4px rgba(15,23,42,.04);
}
.qdock .qdock-quote:last-child{margin-bottom:0;}
.qdock .qdock-quote.best{
  background:#f5f9ff;border-color:#cfe0ff;
  box-shadow:inset 3px 0 0 #2563eb,0 2px 8px rgba(37,99,235,.08);
}
.qdock .qdock-quote.cold{background:#fffbeb;border-color:#f3e6b8;}
/* 「最优价」徽章（10-02 修：原来 position:absolute 浮在右上角，会压住「起收 12k」标签，
   两者叠字。现在改为与其它标签同处 .qdock-q-tags 内正常排版，永不重叠。） */
.qdock .qdock-q-best{
  background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;
  font-size:11px;font-weight:600;padding:2px 8px;
  border-radius:999px;white-space:nowrap;
}
.qdock .qdock-q-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:8px;
  padding-bottom:10px;border-bottom:1px solid #eef1f5;margin-bottom:6px;
}
.qdock .qdock-q-name-wrap{display:flex;flex-direction:column;min-width:0;}
.qdock .qdock-q-name{font-size:15px;font-weight:700;color:#1f2937;word-break:break-all;}
.qdock .qdock-q-code{font-size:11px;color:#94a3b8;margin-top:2px;word-break:break-all;}
/* 标签行：右上角。允许换行 + 收缩，标签再多也不会溢出卡片、不会与徽章重叠 */
.qdock .qdock-q-tags{
  display:flex;align-items:center;justify-content:flex-end;
  gap:5px;flex-wrap:wrap;flex-shrink:0;max-width:62%;
}
.qdock .qdock-q-tag-tehui{
  font-size:11px;color:#92400e;background:#fef3c7;
  padding:2px 8px;border-radius:999px;font-weight:700;
}
.qdock .qdock-q-type{
  font-size:11px;color:#2563eb;background:#eff6ff;
  padding:2px 8px;border-radius:999px;font-weight:600;
}
.qdock .qdock-q-type-os{color:#c5221f;background:#fdecea;}

.qdock .qdock-q-unit-box{
  background:#eff6ff;border-radius:10px;padding:6px 12px;margin-bottom:8px;
}
.qdock .qdock-q-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:6px 0;font-size:13px;border-bottom:1px solid #f4f7fa;
}
.qdock .qdock-q-row:last-of-type{border-bottom:none;}
.qdock .qdock-q-label{color:#64748b;flex-shrink:0;}
.qdock .qdock-q-value{color:#334155;text-align:right;font-weight:500;word-break:break-all;}
.qdock .qdock-q-unit-top .qdock-q-label{color:#2563eb;font-weight:600;}
.qdock .qdock-q-unit-top .qdock-q-value{color:#2563eb;font-size:16px;font-weight:700;}
.qdock .qdock-q-min-note{color:#e8770a;font-size:11px;margin-left:4px;font-weight:400;}

.qdock .qdock-q-time{
  margin:6px 0;padding:6px 10px;
  background:#f5f9ff;border:1px solid #e3edfd;border-radius:8px;
}
.qdock .qdock-q-time .qdock-q-label{color:#2563eb;font-weight:600;}
.qdock .qdock-q-time .qdock-q-value{color:#2563eb;font-weight:700;}
.qdock .qdock-q-discount{color:#e8770a;font-weight:600;}
.qdock .qdock-q-unit-note{color:#e8770a;font-size:11px;margin-left:2px;font-weight:400;}

.qdock .qdock-q-tip{
  font-size:12px;color:#b45309;margin:4px 0 6px;line-height:1.4;
}
/* 起收重警示条：不足起收重按起收重计费，必须一眼看见 */
.qdock .qdock-q-tip-min{
  margin:6px 0;padding:7px 10px;border-radius:8px;
  background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;
  font-weight:600;font-size:12.5px;line-height:1.45;
}

/* 附加费明细 */
.qdock .qdock-sur{
  margin-top:10px;background:#f8fafc;border:1px solid #eef1f5;border-radius:10px;padding:10px 12px;
}
.qdock .qdock-sur-title{display:block;font-size:11px;color:#94a3b8;margin-bottom:6px;letter-spacing:.5px;}
.qdock .qdock-sur-row{
  display:flex;align-items:center;font-size:12.5px;color:#64748b;
  padding:5px 0;border-bottom:1px dashed #eef1f5;
}
.qdock .qdock-sur-row:last-child{border-bottom:none;}
.qdock .qdock-sur-name{flex:1 1 auto;min-width:0;color:#64748b;}
.qdock .qdock-sur-amt{flex:0 0 80px;text-align:right;color:#1f2937;font-weight:600;}
.qdock .qdock-sur-unit{flex:0 0 60px;text-align:right;color:#94a3b8;font-size:11px;margin-left:4px;}
.qdock .qdock-sur-total{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0;
}
.qdock .qdock-sur-total-label{font-size:12.5px;color:#334155;font-weight:600;}
.qdock .qdock-sur-total-amt{font-size:15px;color:#2563eb;font-weight:700;}

/* 总价区 */
.qdock .qdock-q-foot{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;
  margin-top:10px;padding-top:10px;border-top:2px solid #e8f0fe;
}
.qdock .qdock-q-total-label{font-size:13px;color:#64748b;}
.qdock .qdock-q-total-wrap{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;}
.qdock .qdock-q-total{font-size:24px;font-weight:700;color:#e8770a;}
/* 总价下方的计算过程小字（精确还原：基础运费 − 重货优惠 + 冷门溢价 + 附加费 = 总价） */
.qdock .qdock-q-calc{
  flex-basis:100%;margin-top:6px;text-align:right;
  font-size:11px;line-height:1.5;color:#90a0b3;
  font-family:"SFMono-Regular",Consolas,"Courier New",monospace;
  border-top:1px dashed #eef2f7;padding-top:5px;
}
.qdock .qdock-q-calc b{color:#5d6b7e;font-weight:600;}
.qdock .qdock-q-strike{
  font-size:12px;color:#94a3b8;font-weight:400;text-decoration:line-through;margin-top:2px;
}
/* 「起收 12k」标签：与「最优价」「类型」同处标签行，用行内胶囊样式（原为独占行+右对齐，
   且曾被 .qdock-q-best 的绝对定位压住）。
   ⚠ 只给起收标签用这个类；升降尾板 / 冷门溢价仍复用 .qdock-q-cold-tag（独占行右对齐），
     两者文案长度差异大，不要混用同一个类。 */
.qdock .qdock-q-min-tag{
  font-size:11px;color:#e24b4a;font-weight:600;
  background:#fef2f2;padding:2px 8px;border-radius:999px;white-space:nowrap;
}
.qdock .qdock-q-cold-tag{
  font-size:13px;color:#e24b4a;font-weight:600;margin-top:4px;text-align:right;
}

.qdock .qdock-q-empty{font-size:13px;color:#94a3b8;padding:20px 0;text-align:center;}
/* 顶部告知条：无效邮编（已过滤）/ 起运仓回退 */
.qdock .qdock-q-notice{color:#b45309;background:#fffbeb;border:1px solid #fcd9a4;border-radius:8px;padding:12px 12px 8px;line-height:1.6;}
.qdock .qdock-q-empty-sub{color:#a8b3c2;font-size:12px;margin-top:6px;}

/* 移动端：收窄并让位 */
@media (max-width:640px){
  .qdock{right:72px;width:min(400px,calc(100vw - 88px));height:74vh;bottom:12px;}
  .qdock-standalone{right:8px;width:48px;height:48px;font-size:12px;}
  .qdock .qdock-grid{gap:8px;}
  .qdock .qdock-fee-grid{grid-template-columns:1fr 1fr;gap:6px;}
  .qdock .qdock-fee-item{font-size:11.5px;padding:7px 6px;}
}

/* 小屏手机单列附加费，避免拥挤 */
@media (max-width:360px){
  .qdock .qdock-fee-grid{grid-template-columns:1fr;}
}

/* 尊重系统「减少动效」设置 */
@media (prefers-reduced-motion:reduce){
  .qdock *,.qdock-standalone{transition:none!important;animation:none!important;}
}

/* ============================================================
   首页电商拼箱卡片内联报价结果（复用悬浮窗 .qdock-* 样式，但改为静态块，不浮窗）
   ============================================================ */
.qdock.qdock-inline{
  position:static;inset:auto;width:100%;height:auto;
  display:none;background:transparent;box-shadow:none;border-radius:0;
  margin-top:18px;z-index:auto;font-family:inherit;
}
.qdock.qdock-inline.is-open{display:block;}
.qdock.qdock-inline .qdock-scroll{overflow:visible;padding:0;flex:none;}
.qdock.qdock-inline .qdock-analysis,
.qdock.qdock-inline .qdock-result-section{margin-bottom:0;}
.qdock.qdock-inline .qdock-err{color:#ef4444;font-size:12.5px;margin-top:8px;text-align:center;}

/* ============================================================
   尾程比价明细（10-02）：结果区入口条 + 各平台报价弹层
   数据来自 result.tail_options（29~30 家美国 LTL 承运商）
   ============================================================ */

/* 结果列表顶部的入口条 */
.qdock-tail-bar{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 12px;margin-bottom:10px;
  background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;
}
.qdock-tail-bar-txt{font-size:12.5px;color:#1e40af;line-height:1.5;}
.qdock-tail-bar-txt b{font-weight:700;}
.qdock-tail-btn{
  flex:none;padding:6px 12px;border:0;border-radius:8px;
  background:#2563eb;color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;
  font-family:inherit;white-space:nowrap;
}
.qdock-tail-btn:hover{background:#1d4ed8;}

/* 弹层
 * ⚠ 层级必须是全站最高：首页「实时报价结果」模态框 #hqtQuoteModal 用了 2147483646，
 *   悬浮报价面板 .qdock 用了 97。挂 body 上时若被这些压住，必须先关掉报价结果才看得见弹窗。 */
.qdock-tail-modal{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:16px;}
.qdock-tail-mask{position:absolute;inset:0;background:rgba(15,23,42,.55);}
.qdock-tail-panel{
  position:relative;width:min(560px,100%);max-height:min(78vh,720px);
  display:flex;flex-direction:column;
  background:#fff;border-radius:14px;overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.3);
  font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  color:#1f2937;
}
.qdock-tail-panel *{box-sizing:border-box;}
.qdock-tail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid #e5e7eb;}
.qdock-tail-title{font-size:15px;font-weight:700;}
.qdock-tail-sub{font-size:12px;color:#6b7280;margin-top:4px;}
.qdock-tail-close{border:0;background:transparent;font-size:24px;line-height:1;color:#9ca3af;cursor:pointer;padding:0 2px;font-family:inherit;}
.qdock-tail-close:hover{color:#374151;}

.qdock-tail-sums{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e5e7eb;border-bottom:1px solid #e5e7eb;}
.qdock-tail-sum{background:#f9fafb;padding:10px 8px;text-align:center;}
.qdock-tail-sum span{display:block;font-size:11.5px;color:#6b7280;margin-bottom:3px;}
.qdock-tail-sum b{font-size:13.5px;color:#111827;font-weight:700;}

.qdock-tail-save{margin:12px 18px 0;padding:9px 12px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9px;font-size:12.5px;color:#065f46;line-height:1.5;}
.qdock-tail-save b{font-weight:700;}

.qdock-tail-scroll{overflow:auto;padding:12px 8px 12px 18px;flex:1;}
.qdock-tail-table{width:100%;border-collapse:collapse;font-size:12.5px;}
.qdock-tail-table th{
  position:sticky;top:0;background:#f9fafb;text-align:left;font-weight:600;color:#6b7280;
  font-size:11.5px;padding:7px 8px;border-bottom:1px solid #e5e7eb;
}
.qdock-tail-table td{padding:8px;border-bottom:1px solid #f3f4f6;vertical-align:middle;}
.qdock-tail-table .c-rank{color:#9ca3af;width:30px;}
.qdock-tail-table .c-carrier{font-weight:600;color:#111827;}
.qdock-tail-table .c-svc{color:#6b7280;}
.qdock-tail-table .c-price{font-variant-numeric:tabular-nums;color:#111827;font-weight:600;white-space:nowrap;}
.qdock-tail-table .c-days{color:#6b7280;white-space:nowrap;}
.qdock-tail-table tr.is-used{background:#eff6ff;}
.qdock-tail-table tr.is-used .c-price{color:#1d4ed8;}
.qdock-tail-table tr.is-used .c-carrier::before{
  content:"";display:inline-block;width:3px;height:12px;background:#2563eb;
  border-radius:2px;margin-right:6px;vertical-align:-1px;
}

.qdock-tail-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:10.5px;font-weight:600;background:#e5e7eb;color:#4b5563;vertical-align:1px;}
.qdock-tail-tag-used{background:#2563eb;color:#fff;}
.qdock-tail-tag-warn{background:#fef3c7;color:#92400e;}

.qdock-tail-foot{padding:11px 18px;border-top:1px solid #e5e7eb;background:#f9fafb;font-size:11.5px;color:#6b7280;line-height:1.6;}

@media (max-width:520px){
  .qdock-tail-sums{grid-template-columns:repeat(2,1fr);}
  .qdock-tail-table th:nth-child(3),
  .qdock-tail-table td.c-svc{display:none;}
}

/* ==========================================================================
   价格层级标注（用户 2026-06-06：①表价 ②借用参考价 ③邮编参考价）
   目的：客户一眼分清哪些是准确价、哪些是估算价，避免按参考价下单。
   ========================================================================== */

/* --- 单条渠道的层级徽标 --- */
.qdock .qdock-q-lv {
  display: inline-flex;
  align-items: center;
  padding: 1px 7px;
  border-radius: 10px;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.7;
  white-space: nowrap;
  border: 1px solid transparent;
}

/* ① 表价：最准确 → 稳重的蓝绿色调，不用刺眼色 */
.qdock .qdock-q-lv.lv1 {
  background: #e6f0ff;
  color: #1358b8;
  border-color: #bfd6f7;
}

/* ② 借用区域价 + 冷门溢价 → 黄色提示 */
.qdock .qdock-q-lv.lv2 {
  background: #fff4d6;
  color: #8a5a00;
  border-color: #f3d99b;
}

/* ③ 按邮编区域估算 → 橙色，视觉上最跳，必须被看见 */
.qdock .qdock-q-lv.lv3 {
  background: #ffe8d6;
  color: #a14a09;
  border-color: #f7bf95;
}

/* 第 3 级整条卡片再叠一层暖底，和表价渠道明显区分 */
.qdock .qdock-quote.zipref {
  background: #fffaf4;
  border-color: #f2d3b3;
}

/* --- 结果区顶部的层级说明条 --- */
.qdock .qdock-lvbar {
  margin: 0 0 10px;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 12.5px;
  line-height: 1.6;
}

.qdock .qdock-lvbar strong {
  font-weight: 700;
}

.qdock .qdock-lvbar.lv3warn {
  background: #fff2e4;
  border: 1px solid #f5c396;
  color: #8f4008;
}

.qdock .qdock-lvbar.lv2note {
  background: #fffaeb;
  border: 1px solid #f0dfae;
  color: #7d5400;
}