@charset "utf-8";
.tncms-quickbar { position: fixed; z-index: 1020; top: 50%; right: .75rem; display: flex; flex-direction: column; align-items: center; gap: .6rem; pointer-events: none; transform: translateY(-44%); }
.quickbar-rail { width: 5rem; overflow: visible; border: 1px solid rgba(219, 229, 244, .92); border-radius: 2.5rem; background: rgba(255, 255, 255, .96); box-shadow: 0 .75rem 2rem rgba(28, 62, 113, .15); pointer-events: auto; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.quickbar-action { position: relative; display: flex; width: 100%; min-height: 4.4rem; flex-direction: column; align-items: center; justify-content: center; gap: .3rem; padding: .5rem .25rem; border: 0; border-bottom: 1px solid #edf1f7; background: transparent; color: #25344b; font-size: .8rem; font-weight: 600; line-height: 1.25; text-align: center; cursor: pointer; transition: color .2s ease, background-color .2s ease, transform .2s ease; }
.quickbar-rail > .quickbar-action:first-child { border-radius: 2.5rem 2.5rem 0 0; }
.quickbar-rail > .quickbar-action:last-child { border-bottom: 0; border-radius: 0 0 2.5rem 2.5rem; }
.quickbar-phone-item,
.quickbar-wechat-item { position: relative; }
.quickbar-phone-item .quickbar-action,
.quickbar-wechat-item .quickbar-action { border-radius: 0; }
.quickbar-action .bi { color: #263649; font-size: 1.45rem; transition: color .2s ease, transform .2s ease; }
.quickbar-action:hover,
.quickbar-action:focus-visible { z-index: 1; outline: 0; background: linear-gradient(135deg, #eef5ff, #effbff); color: #1267e7; }
.quickbar-action:hover .bi,
.quickbar-action:focus-visible .bi { color: #1677ff; transform: translateY(-.1rem); }
.quickbar-phone-card,
.quickbar-wechat-card { position: absolute; top: 50%; right: calc(100% + .8rem); padding: .85rem; border: 1px solid #e3eaf5; border-radius: 1rem; background: #fff; box-shadow: 0 1rem 2.5rem rgba(28, 62, 113, .16); opacity: 0; pointer-events: none; transform: translate(.5rem, -50%); transition: opacity .2s ease, transform .2s ease; }
.quickbar-phone-card { width: 12.5rem; }
.quickbar-wechat-card { width: 16.5rem; }
.quickbar-phone-card::after,
.quickbar-wechat-card::after { position: absolute; top: 50%; right: -.45rem; width: .9rem; height: .9rem; border-top: 1px solid #e3eaf5; border-right: 1px solid #e3eaf5; background: #fff; content: ""; transform: translateY(-50%) rotate(45deg); }
.quickbar-phone-card::before,
.quickbar-wechat-card::before { position: absolute; top: 0; right: -.8rem; width: .8rem; height: 100%; content: ""; }
.quickbar-phone-item:hover .quickbar-phone-card,
.quickbar-phone-item:focus-within .quickbar-phone-card,
.quickbar-wechat-item:hover .quickbar-wechat-card,
.quickbar-wechat-item:focus-within .quickbar-wechat-card { opacity: 1; pointer-events: auto; transform: translate(0, -50%); }
.quickbar-phone-heading,
.quickbar-wechat-heading { display: flex; align-items: center; gap: .45rem; margin-bottom: .5rem; color: #263649; font-size: .85rem; font-weight: 700; }
.quickbar-phone-heading .bi { color: #1677ff; }
.quickbar-wechat-heading .bi { color: #07c160; font-size: 1.05rem; }
.quickbar-phone-card > a { color: #1267e7; font-size: 1rem; font-weight: 800; letter-spacing: .02em; }
.quickbar-phone-card p { margin: .25rem 0 0; color: #77849a; font-size: .74rem; }
.quickbar-wechat-body { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.quickbar-wechat-body p { margin: 0; color: #4d5d75; font-size: .78rem; font-weight: 600; line-height: 1.7; }
.quickbar-wechat-body img { display: block; width: 5.5rem; height: 5.5rem; flex: 0 0 auto; border: 1px solid #edf1f7; border-radius: .5rem; object-fit: contain; }
.quickbar-top,
.quickbar-mobile-top,
.quickbar-mobile-trigger { display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(219, 229, 244, .92); background: rgba(255, 255, 255, .96); color: #263649; box-shadow: 0 .75rem 2rem rgba(28, 62, 113, .15); cursor: pointer; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transition: opacity .2s ease, visibility .2s ease, color .2s ease, transform .2s ease; }
.quickbar-top { width: 3.8rem; height: 3.8rem; border-radius: 50%; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(.75rem); }
.quickbar-top.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.quickbar-top .bi { font-size: 1.35rem; }
.quickbar-top:hover,
.quickbar-top:focus-visible,
.quickbar-mobile-top:hover,
.quickbar-mobile-top:focus-visible { outline: 0; color: #1677ff; transform: translateY(-.15rem); }
.quickbar-mobile-trigger,
.quickbar-mobile-top { display: none; }
.quickbar-consult-modal { --bs-modal-width: 52rem; }
.quickbar-consult-modal .modal-dialog { width: calc(100% - 2rem); max-height: calc(100dvh - 2rem); margin: 1rem auto; }
.quickbar-consult-modal .modal-content { max-height: calc(100dvh - 2rem); overflow: hidden; border: 0; border-radius: 1.2rem; box-shadow: 0 2rem 5rem rgba(20, 45, 84, .24); }
.quickbar-consult-modal .modal-header { position: relative; min-height: 0; align-items: center; padding: 1.3rem 3.5rem .9rem; border-bottom: 0; background: linear-gradient(135deg, #f7faff, #f6fdff); text-align: center; }
.quickbar-consult-modal .modal-header > div:first-child { width: 100%; min-width: 0; padding-right: 0; }
.quickbar-modal-kicker,
.quickbar-mobile-kicker { margin-bottom: .3rem; color: #1677ff; font-size: .62rem; font-weight: 800; letter-spacing: .16em; }
.quickbar-consult-modal .modal-title { color: #18253a; font-size: clamp(1.35rem, 2.2vw, 1.6rem); font-weight: 800; }
.quickbar-consult-modal .modal-header p { max-width: 42rem; margin: .45rem auto 0; color: #34445d; font-size: .88rem; font-weight: 700; letter-spacing: .01em; line-height: 1.65; overflow-wrap: anywhere; white-space: pre-line; }
.quickbar-consult-modal .btn-close { position: absolute; top: .75rem; right: .8rem; width: 2.25rem; height: 2.25rem; margin: 0; padding: .68rem; border-radius: 50%; background-color: rgba(255, 255, 255, .9); box-shadow: 0 .35rem 1rem rgba(31, 60, 104, .12); opacity: .72; transition: background-color .2s ease, box-shadow .2s ease, opacity .2s ease, transform .2s ease; }
.quickbar-consult-modal .btn-close:hover,
.quickbar-consult-modal .btn-close:focus-visible { background-color: #fff; box-shadow: 0 .45rem 1.2rem rgba(31, 60, 104, .18); opacity: 1; transform: rotate(4deg); }
.quickbar-consult-modal .modal-body { padding: 1.5rem 2rem 1.3rem; overflow-y: auto; background: #fff; }
.quickbar-modal-main { display: flex; justify-content: center; }
.quickbar-modal-qr { position: relative; display: flex; width: min(100%, 16rem); flex-direction: column; align-items: center; padding: .9rem; border: 1px solid #dce9fb; border-radius: 1.1rem; background: #fff; box-shadow: 0 .75rem 2.25rem rgba(25, 111, 232, .14); isolation: isolate; }
.quickbar-modal-qr-glow { position: absolute; z-index: -1; inset: 12% -8% -8%; border-radius: 50%; background: radial-gradient(circle, rgba(40, 139, 255, .2), transparent 68%); filter: blur(16px); }
.quickbar-modal-qr img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.quickbar-modal-qr > div { display: flex; width: 100%; align-items: center; justify-content: center; gap: .4rem; margin-top: .6rem; padding: .55rem .65rem; border-radius: 999px; background: linear-gradient(90deg, #176cff, #16bde5); color: #fff; font-size: .85rem; font-weight: 700; }
.quickbar-modal-qr > div .bi { font-size: 1.05rem; }
.quickbar-contact-heading { display: flex; align-items: center; gap: 1rem; margin-top: 1.4rem; color: #263649; font-size: .92rem; font-weight: 800; }
.quickbar-contact-heading::before,
.quickbar-contact-heading::after { flex: 1; height: 1px; background: #e6ecf5; content: ""; }
/*列宽按现有内容分配：顾问（含（微信）备注）、合作（邮箱）加宽，热线、时间收窄；strong 已 nowrap 保证不换行。
   注意：列序对应区块项顺序（热线/顾问/合作/时间），后台调整顺序需同步此处。*/
.quickbar-contact-grid { display: grid; grid-template-columns: .9fr 1.3fr 1.25fr 1fr; margin-top: 1rem; }
.quickbar-contact-item { display: flex; min-width: 0; align-items: center; flex-direction: column; gap: .32rem; padding: .1rem .3rem; border-right: 1px solid #edf1f7; text-align: center; }
.quickbar-contact-item:last-child { border-right: 0; }
.quickbar-contact-title { display: inline-flex; align-items: center; gap: .4rem; color: #65758c; font-size: .84rem; font-weight: 600; white-space: nowrap; }
.quickbar-contact-title .bi { color: #1677ff; font-size: 1rem; }
.quickbar-contact-item strong { color: #1267e7; font-size: .98rem; font-weight: 800; white-space: nowrap; }
/*号码后的（微信）备注、时段前的工作日前缀：黑体深色强调，与蓝色数值区分*/
.quickbar-contact-tag { color: #18253a; font-family: "SimHei", "Microsoft YaHei", sans-serif; font-weight: 800; }
.quickbar-consult-modal .modal-footer { justify-content: center; gap: 0; padding: .9rem 1rem; border-top: 1px solid #edf1f7; background: #f8fafd; color: #4d5d75; }
.quickbar-consult-modal .modal-footer span { display: inline-flex; align-items: center; gap: .45rem; padding: 0 1.6rem; border-right: 1px solid #dce3ee; font-size: .82rem; font-weight: 600; }
.quickbar-consult-modal .modal-footer span .bi { color: #1677ff; font-size: .95rem; }
.quickbar-consult-modal .modal-footer span:last-child { border-right: 0; }
.quickbar-mobile-panel { height: auto !important; max-height: 75vh; border: 0; border-radius: 1.5rem 1.5rem 0 0; }
.quickbar-mobile-panel .offcanvas-header { padding: 1.25rem 1.25rem .75rem; }
.quickbar-mobile-panel .offcanvas-title { color: #18253a; font-size: 1.35rem; font-weight: 800; }
.quickbar-mobile-panel .offcanvas-body { padding: .75rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom)); }
.quickbar-mobile-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; }
.quickbar-mobile-action { display: flex; min-width: 0; min-height: 5.5rem; flex-direction: column; align-items: center; justify-content: center; gap: .45rem; padding: .65rem .3rem; border: 1px solid #e1e9f4; border-radius: .9rem; background: #f8faff; color: #263649; font-size: .78rem; font-weight: 700; text-align: center; }
.quickbar-mobile-action .bi { color: #1677ff; font-size: 1.55rem; }
.quickbar-mobile-action:focus-visible { outline: .15rem solid rgba(22, 119, 255, .3); outline-offset: .1rem; }
.quickbar-mobile-phone { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; padding: .85rem 1rem; border-radius: .85rem; background: linear-gradient(90deg, #eef5ff, #effbff); color: #65758c; font-size: .75rem; }
.quickbar-mobile-phone a { flex: 0 0 auto; color: #1267e7; font-size: 1rem; font-weight: 800; }
@media (min-width: 768px) and (max-width: 1199.98px) {
  .tncms-quickbar { right: .6rem; }
  .quickbar-rail { width: 4.2rem; }
  .quickbar-action { min-height: 4.1rem; padding: .45rem; }
  .quickbar-action > span { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
  .quickbar-action::after { position: absolute; right: calc(100% + .55rem); padding: .34rem .6rem; border-radius: .4rem; background: #18253a; color: #fff; content: attr(data-label); font-size: .68rem; font-weight: 600; opacity: 0; pointer-events: none; white-space: nowrap; transform: translateX(.35rem); transition: opacity .18s ease, transform .18s ease; }
  .quickbar-action:hover::after,
  .quickbar-action:focus-visible::after { opacity: 1; transform: translateX(0); }
  .quickbar-phone-item .quickbar-action:hover::after,
  .quickbar-phone-item .quickbar-action:focus-visible::after,
  .quickbar-wechat-item .quickbar-action:hover::after,
  .quickbar-wechat-item .quickbar-action:focus-visible::after { opacity: 0; }
  .quickbar-top { width: 3.6rem; height: 3.6rem; }
}
/*弹窗加宽后，视口不足 900px 时联系我们仍改双列，避免再次挤压。*/
@media (min-width: 768px) and (max-width: 899.98px) {
  .quickbar-contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: .9rem; }
  .quickbar-contact-item:nth-child(2n) { border-right: 0; }
}
@media (max-width: 767.98px) {
  .tncms-quickbar { display: none; }
  .quickbar-mobile-trigger,
  .quickbar-mobile-top { position: fixed; z-index: 1020; right: 1rem; display: inline-flex; }
  .quickbar-mobile-trigger { bottom: calc(1rem + env(safe-area-inset-bottom)); min-width: 4.15rem; height: 4.15rem; flex-direction: column; gap: .1rem; border: 0; border-radius: 50%; background: linear-gradient(145deg, #176cff, #16bde5); color: #fff; font-size: .68rem; font-weight: 700; }
  .quickbar-mobile-trigger .bi { font-size: 1.35rem; }
  .quickbar-mobile-top { bottom: calc(5.75rem + env(safe-area-inset-bottom)); width: 3.35rem; height: 3.35rem; border-radius: 50%; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(.65rem); }
  .quickbar-mobile-top.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
  .quickbar-mobile-top .bi { font-size: 1.3rem; }
  /*移动端底部公共导航已提供咨询入口，不再叠加旧的悬浮咨询圆钮。*/
  .quickbar-mobile-trigger { display: none !important; }
  .quickbar-mobile-top { bottom: calc(5rem + env(safe-area-inset-bottom)); }
  /*弹窗控制在安全视口内，正文独立滚动。*/
  .quickbar-consult-modal { padding: 0 !important; }
  .quickbar-consult-modal .modal-dialog { width: calc(100% - 1rem); max-width: none; max-height: calc(100dvh - 1rem); margin: .5rem auto; }
  .quickbar-consult-modal .modal-content { max-height: calc(100dvh - 1rem); border-radius: 1.25rem; }
  .quickbar-consult-modal .modal-header { flex: 0 0 auto; padding: 1rem 3rem .7rem; }
  .quickbar-modal-kicker { margin-bottom: .2rem; font-size: .56rem; }
  .quickbar-consult-modal .modal-title { font-size: 1.22rem; line-height: 1.3; }
  .quickbar-consult-modal .modal-header p { margin-top: .35rem; font-size: .78rem; font-weight: 600; line-height: 1.55; white-space: normal; }
  .quickbar-consult-modal .btn-close { top: .65rem; right: .65rem; width: 2rem; height: 2rem; padding: .6rem; }
  .quickbar-consult-modal .modal-body { min-height: 0; padding: .8rem 1rem 1rem; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
  /*二维码降低首屏占比，保留完整识别区域。*/
  .quickbar-modal-qr { width: min(100%, 13.25rem); padding: .65rem; border-radius: 1rem; box-shadow: 0 .55rem 1.6rem rgba(25, 111, 232, .12); }
  .quickbar-modal-qr > div { margin-top: .45rem; padding: .48rem .55rem; font-size: .78rem; }
  /*联系方式使用两列信息卡，长号码、邮箱和服务时间可以自然换行。*/
  .quickbar-contact-heading { gap: .7rem; margin-top: .95rem; font-size: .82rem; }
  .quickbar-contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin-top: .7rem; }
  .quickbar-contact-item,
  .quickbar-contact-item:nth-child(2n) { min-height: 4rem; justify-content: center; gap: .25rem; padding: .55rem .35rem; border: 0; border-radius: .75rem; background: #f6f9fe; }
  .quickbar-contact-title { gap: .3rem; font-size: .74rem; }
  .quickbar-contact-title .bi { font-size: .9rem; }
  .quickbar-contact-item strong { max-width: 100%; color: #1267e7; font-size: .78rem; line-height: 1.35; overflow-wrap: anywhere; white-space: normal; }
  .quickbar-contact-tag { display: inline; }
  /*快速响应等信息在手机端价值较低，腾出高度给核心咨询信息。*/
  .quickbar-consult-modal .modal-footer { display: none; }
}
@media (max-width: 399.98px) {
  .quickbar-mobile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .quickbar-mobile-phone { align-items: flex-start; flex-direction: column; gap: .25rem; }
}
@media (prefers-reduced-motion: reduce) {
  .quickbar-action,
  .quickbar-action .bi,
  .quickbar-phone-card,
  .quickbar-top,
  .quickbar-mobile-top,
  .quickbar-mobile-trigger { transition: none; }
}
/*==================== AI 场景诊断抽屉 ====================*/
.quickbar-action-ai { color: #25344b; }
.quickbar-ai-panel { width: min(29rem, 100vw); border-left: 1px solid #e4ebf6; box-shadow: -1.2rem 0 3rem rgba(31, 64, 138, .1); }
.quickbar-ai-panel .offcanvas-header { padding: 1.35rem 1.5rem 1rem; border-bottom: 1px solid #edf1f7; }
.quickbar-ai-panel .offcanvas-body { padding: 1.15rem 1.5rem 1.5rem; }
.quickbar-ai-panel .offcanvas-title { font-size: 1.5rem; letter-spacing: -.04em; }
.quickbar-ai-lead { margin: 0; color: #5e6d84; font-size: .85rem; line-height: 1.75; }
.quickbar-ai-steps { display: flex; gap: .35rem; margin: .9rem 0 1.15rem; color: #9aa6b9; font-size: .67rem; font-weight: 700; letter-spacing: .03em; }
.quickbar-ai-steps span { padding: .32rem .48rem; border-radius: 999px; background: #f2f5fa; }
.quickbar-ai-steps .is-active { background: #e9f0ff; color: var(--tncms-primary, #246bfd); }
.quickbar-ai-section { padding: .9rem 0; border-top: 1px solid #edf1f7; }
.quickbar-ai-capabilities { margin-top: 1rem; padding: .9rem 0 1rem; }
.quickbar-ai-capabilities h3 { margin: 0; color: #23314a; font-size: .88rem; font-weight: 700; }
.quickbar-ai-section-heading { display: flex; gap: .55rem; align-items: flex-start; }
.quickbar-ai-section-heading > span { display: grid; width: 1.45rem; height: 1.45rem; flex: 0 0 auto; place-items: center; border-radius: .45rem; background: linear-gradient(135deg, #eaf1ff, #f3efff); color: var(--tncms-primary, #246bfd); font-size: .67rem; font-weight: 800; }
.quickbar-ai-section h3 { margin: 0; color: #23314a; font-size: .88rem; font-weight: 700; }
.quickbar-ai-section p { margin: .15rem 0 0; color: #8591a4; font-size: .72rem; line-height: 1.5; }
.quickbar-ai-input-label { display: block; margin: .85rem 0 .45rem; color: #42506a; font-size: .78rem; font-weight: 700; }
.quickbar-ai-input-label span { color: #96a0b1; font-weight: 400; }
.quickbar-ai-input { display: block; width: 100%; min-height: 5.2rem; resize: none; padding: .75rem .9rem; border: 1px solid #dbe4f1; border-radius: .75rem; outline: 0; background: #f8faff; color: #26334b; font: inherit; font-size: .8rem; line-height: 1.65; transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease; }
.quickbar-ai-input::placeholder { color: #9ba5b5; opacity: 1; }
.quickbar-ai-input:focus { border-color: color-mix(in srgb, var(--tncms-primary, #246bfd) 55%, #fff); background: #fff; box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--tncms-primary, #246bfd) 14%, transparent); }
.quickbar-ai-scenes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; margin-top: .7rem; }
.quickbar-ai-scenes button, .quickbar-ai-options button { display: inline-flex; min-width: 0; min-height: 2.55rem; align-items: center; justify-content: flex-start; gap: .42rem; padding: .4rem .6rem; border: 1px solid #e1e9f4; border-radius: .65rem; background: #f8faff; color: #323c50; font-size: .72rem; line-height: 1.3; text-align: left; cursor: pointer; transition: border-color .2s ease, background-color .2s ease, color .2s ease; }
.quickbar-ai-scenes button i { flex: 0 0 auto; color: color-mix(in srgb, var(--tncms-primary, #246bfd) 80%, #273451 20%); font-size: .95rem; }
.quickbar-ai-scenes button:hover, .quickbar-ai-scenes button:focus-visible, .quickbar-ai-scenes button.is-active, .quickbar-ai-options button:hover, .quickbar-ai-options button:focus-visible, .quickbar-ai-options button.is-active { border-color: color-mix(in srgb, var(--tncms-primary, #246bfd) 32%, #fff); background: color-mix(in srgb, var(--tncms-primary, #246bfd) 8%, #fff); color: var(--tncms-primary-dark, #1a52c4); }
.quickbar-ai-scenes button:focus-visible { outline: .12rem solid color-mix(in srgb, var(--tncms-primary, #246bfd) 45%, #fff); outline-offset: .12rem; }
.quickbar-ai-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; margin-top: .7rem; }
.quickbar-ai-options button i { color: var(--tncms-primary, #246bfd); font-size: .84rem; }
.quickbar-ai-options button:focus-visible { outline: .12rem solid color-mix(in srgb, var(--tncms-primary, #246bfd) 45%, #fff); outline-offset: .12rem; }
.quickbar-ai-boundary { padding-bottom: .65rem; }
.quickbar-ai-boundary-list { display: flex; flex-wrap: wrap; gap: .42rem .75rem; margin-top: .7rem; }
.quickbar-ai-boundary-list label { display: inline-flex; align-items: center; gap: .28rem; color: #59677d; font-size: .72rem; cursor: pointer; }
.quickbar-ai-boundary-list input { width: .85rem; height: .85rem; accent-color: var(--tncms-primary, #246bfd); }
.quickbar-ai-submit { display: inline-flex; width: 100%; min-height: 3rem; align-items: center; justify-content: center; gap: .5rem; margin-top: 1.1rem; padding: 0 1.35rem; border: 0; border-radius: 999px; background: linear-gradient(100deg, var(--tncms-primary, #246bfd), #7860e9); box-shadow: 0 .7rem 1.5rem color-mix(in srgb, var(--tncms-primary, #246bfd) 22%, transparent); color: #fff; font-size: .9rem; font-weight: 650; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.quickbar-ai-submit:hover, .quickbar-ai-submit:focus-visible { color: #fff; transform: translateY(-2px); box-shadow: 0 .9rem 1.8rem color-mix(in srgb, var(--tncms-primary, #246bfd) 30%, transparent); }
.quickbar-ai-submit:focus-visible { outline: .15rem solid color-mix(in srgb, var(--tncms-primary, #246bfd) 38%, #fff); outline-offset: .15rem; }
.quickbar-ai-submit i { transition: transform .2s ease; }
.quickbar-ai-submit:hover i { transform: translateX(.2rem); }
.quickbar-ai-note { display: flex; gap: .4rem; margin: .75rem .1rem 0; color: #8793a6; font-size: .67rem; line-height: 1.55; }
.quickbar-ai-note i { flex: 0 0 auto; color: #469170; }
.quickbar-ai-status { min-height: 1rem; margin-top: .65rem; color: var(--tncms-primary-dark, #1a52c4); font-size: .75rem; line-height: 1.5; text-align: center; opacity: 0; transition: opacity .2s ease; pointer-events: none; }
.quickbar-ai-status.is-visible { opacity: 1; }
.quickbar-mobile-action-ai { border-color: color-mix(in srgb, var(--tncms-primary, #246bfd) 32%, #fff); color: var(--tncms-primary, #246bfd); }
@media (max-width: 399.98px) {
  .quickbar-ai-scenes { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .quickbar-ai-input,
  .quickbar-ai-scenes button,
  .quickbar-ai-submit,
  .quickbar-ai-submit i,
  .quickbar-ai-status { transition: none; }
}