/* ===== TBK 转化组件（文章底部报价卡 + 移动端常驻条）2026-11-15 ===== */

.tbk-qcta{
  position:relative;
  margin:30px 0 8px;
  padding:22px 24px 18px;
  background:#fff;
  border:1px solid #e3ebf3;
  border-radius:14px;
  box-shadow:0 8px 26px rgba(26,82,118,.07),0 2px 6px rgba(26,82,118,.04);
  overflow:hidden;
  transition:box-shadow .25s ease,border-color .25s ease;
}
.tbk-qcta::before{
  content:"";
  position:absolute;left:0;top:0;right:0;height:3px;
  background:linear-gradient(90deg,#1a5276 0%,#3b6ea5 55%,#07c160 100%);
}
.tbk-qcta:hover{
  border-color:#d3e2f0;
  box-shadow:0 12px 34px rgba(26,82,118,.11),0 2px 8px rgba(26,82,118,.06);
}
.tbk-qcta.is-flash,
.dx-sec.is-flash,
.dx-contact.is-flash{
  border-color:#07c160;
  box-shadow:0 0 0 3px rgba(7,193,96,.16),0 12px 34px rgba(7,193,96,.14);
  border-radius:12px;
  transition:box-shadow .3s,border-color .3s;
}

/* 头部 */
.tbk-qcta__head{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  margin-bottom:10px;
}
.tbk-qcta__ico{
  width:30px;height:30px;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  border-radius:9px;
  background:linear-gradient(135deg,#2a6a96,#1a5276);
  color:#fff;
  box-shadow:0 3px 8px rgba(26,82,118,.26);
}
.tbk-qcta__ico svg{width:17px;height:17px;}
.tbk-qcta__title{
  margin:0;
  font-size:1.04rem;font-weight:700;
  color:#16324a;letter-spacing:.01em;line-height:1.5;
}
.tbk-qcta__badge{
  margin-left:auto;
  font-size:.74rem;color:#1a6fa5;
  background:#eef6fc;border:1px solid #d5e6f4;
  padding:3px 9px;border-radius:20px;white-space:nowrap;
}

/* 导语 */
.tbk-qcta__lead{
  margin:0 0 15px;
  font-size:.94rem;line-height:1.85;color:#4d5866;
}

/* 三格事实 */
.tbk-qcta__facts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:0 0 15px;padding:0;list-style:none;
}
.tbk-qcta__facts li{
  display:flex;flex-direction:column;gap:3px;
  margin:0;padding:11px 13px;
  background:#f7fafd;
  border:1px solid #e8f0f7;
  border-radius:10px;
}
.tbk-qcta__lbl{
  font-size:.72rem;color:#7b8b9b;letter-spacing:.08em;
}
.tbk-qcta__val{
  font-size:.98rem;font-weight:700;color:#16324a;
  font-variant-numeric:tabular-nums;line-height:1.35;
}
.tbk-qcta__sub{
  font-size:.76rem;color:#7b8b9b;line-height:1.6;
}

/* 行动区 */
.tbk-qcta__act{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:14px 16px;
  background:linear-gradient(180deg,#f6fbf8 0%,#f1f9f4 100%);
  border:1px solid #d9efe1;
  border-radius:10px;
}
.tbk-qcta__btn{
  appearance:none;border:none;cursor:pointer;
  padding:11px 22px;
  border-radius:8px;
  background:linear-gradient(180deg,#12c96f 0%,#07ac5b 100%);
  color:#fff;font-size:.92rem;font-weight:600;line-height:1.2;
  box-shadow:0 3px 10px rgba(7,172,91,.26);
  transition:transform .15s ease,box-shadow .2s ease;
}
.tbk-qcta__btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(7,172,91,.34);}
.tbk-qcta__btn:active{transform:translateY(0);}
.tbk-qcta__btn.is-done{background:linear-gradient(180deg,#0aa14f,#088d45);}
.tbk-qcta__link{
  font-size:.88rem;color:#2a6a96;text-decoration:none;
  border-bottom:1px dashed #b6d0e4;padding-bottom:1px;
  transition:color .2s ease,border-color .2s ease;
}
.tbk-qcta__link:hover{color:#1a5276;border-color:#2a6a96;}
.tbk-qcta__tel{
  font-size:.82rem;color:#7b8b9b;text-decoration:none;
}
.tbk-qcta__tel:hover{color:#2a6a96;}
.tbk-qcta__qr{
  margin-left:auto;
  display:flex;flex-direction:column;align-items:center;gap:2px;
}
.tbk-qcta__qr img{
  display:block;width:92px;height:92px;border-radius:8px;background:#fff;
  border:1px solid #d9efe1;padding:3px;
}
.tbk-qcta__qr span{font-size:.7rem;color:#7b8b9b;}

/* 轻量版（范本页已有提取卡时） */
.tbk-qcta--lite{padding:18px 22px 16px;}
.tbk-qcta--lite .tbk-qcta__lead{margin-bottom:12px;}
.tbk-qcta--lite .tbk-qcta__facts{margin-bottom:12px;}
.tbk-qcta--lite .tbk-qcta__facts li{padding:9px 12px;}
.tbk-qcta--lite .tbk-qcta__qr{display:none;}

/* ===== 移动端常驻条 ===== */
.tbk-mbar{
  display:none;
  position:fixed;left:0;right:0;bottom:0;z-index:9990;
  background:rgba(255,255,255,.97);
  border-top:1px solid #e3ebf3;
  box-shadow:0 -6px 20px rgba(26,82,118,.1);
  padding:6px 8px calc(6px + env(safe-area-inset-bottom));
  transform:translateY(110%);
  transition:transform .28s ease;
  backdrop-filter:saturate(1.2) blur(6px);
}
.tbk-mbar.is-in{transform:translateY(0);}
.tbk-mbar.is-off{display:none !important;}
.tbk-mbar__i{
  flex:1 1 0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  min-height:44px;
  margin:0 3px;
  padding:6px 4px;
  border:none;border-radius:9px;
  background:#f4f8fc;
  color:#2a6a96;
  font-size:.74rem;line-height:1.3;font-weight:600;
  text-decoration:none;cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.tbk-mbar__i svg{width:19px;height:19px;}
.tbk-mbar__i:active{background:#e8f2fa;}
.tbk-mbar__i--wx{
  background:linear-gradient(180deg,#12c96f,#07ac5b);
  color:#fff;box-shadow:0 3px 10px rgba(7,172,91,.28);
}
.tbk-mbar__i--wx:active{background:linear-gradient(180deg,#0fbb66,#06a054);}
.tbk-mbar__i--tel{background:#eef6fc;color:#1a5276;}
.tbk-mbar__i.is-done{background:linear-gradient(180deg,#0aa14f,#088d45);color:#fff;}
.tbk-mbar__x{
  position:absolute;right:2px;top:-13px;
  width:26px;height:26px;
  border-radius:50%;border:1px solid #e3ebf3;
  background:#fff;color:#96a5b4;
  font-size:15px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(26,82,118,.12);
}

/* ===== 响应式 ===== */
@media (max-width:768px){
  .tbk-qcta{margin:22px 0 6px;padding:18px 16px 15px;border-radius:12px;}
  .tbk-qcta__head{display:grid;grid-template-columns:30px 1fr;gap:4px 9px;align-items:center;}
  .tbk-qcta__title{font-size:1rem;}
  .tbk-qcta__badge{margin-left:0;justify-self:start;}
  .tbk-qcta__lead{font-size:.92rem;line-height:1.8;}
  .tbk-qcta__facts{grid-template-columns:1fr;gap:8px;}
  .tbk-qcta__facts li{
    display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline;
    padding:10px 12px;
  }
  .tbk-qcta__lbl{grid-column:1;font-size:.72rem;}
  .tbk-qcta__val{grid-column:2;text-align:right;font-size:.95rem;}
  .tbk-qcta__sub{grid-column:1 / -1;font-size:.75rem;}
  .tbk-qcta__act{flex-direction:column;align-items:stretch;gap:10px;padding:13px 14px;}
  .tbk-qcta__btn{width:100%;padding:12px 16px;font-size:.95rem;}
  .tbk-qcta__link,.tbk-qcta__tel{text-align:center;}
  .tbk-qcta__qr{margin:2px auto 0;}
  .tbk-qcta--lite .tbk-qcta__facts{grid-template-columns:1fr;}

  .tbk-mbar{display:flex;}
  body.tbk-mbar-on{padding-bottom:66px;}
  body.tbk-mbar-on .back-to-top,
  body.tbk-mbar-on .tbk-fab,
  body.tbk-mbar-on [class*="backtop"]{bottom:76px;}
}

@media (max-width:360px){
  .tbk-mbar__i{font-size:.7rem;}
  .tbk-mbar__i svg{width:17px;height:17px;}
}