.qa-assist{position:fixed;right:18px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:2147483002;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;color:#1F2937}.qa-assist *{box-sizing:border-box}.qa-launch{display:flex;align-items:center;gap:9px;min-height:52px;padding:10px 16px;border:0;border-radius:999px;background:#152E7E;color:#fff;font:800 15px inherit;box-shadow:0 12px 34px #152E7E50;cursor:pointer}.qa-launch i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#F0A35E;color:#152E7E;font-style:normal}.qa-panel{display:none;position:absolute;right:0;bottom:64px;width:min(390px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 100px));overflow:auto;border:1px solid #d5deec;border-radius:22px;background:#fff;box-shadow:0 24px 70px #152E7E40}.qa-assist.is-open .qa-panel{display:block}.qa-head{padding:18px;background:linear-gradient(135deg,#152E7E,#193E82);color:#fff}.qa-head strong{display:block;font-size:1.15rem}.qa-head small{color:#E6ECF5}.qa-head-tools{display:flex;align-items:center;gap:8px;margin-top:10px}.qa-head-tools label{font-size:.78rem;font-weight:800}.qa-head-tools select{min-height:38px;padding:6px 28px 6px 9px;border:1px solid #ffffff88;border-radius:9px;background:#fff;color:#1F2937;font:700 14px inherit}.qa-role{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px}.qa-role button{padding:10px;border:1px solid #cfd9ea;border-radius:12px;background:#f5f9fa;color:#1F2937;font:800 14px inherit;cursor:pointer}.qa-role button[aria-pressed=true]{background:#eef2f9;border-color:#193E82;box-shadow:inset 0 0 0 2px #193E8222}.qa-body{padding:0 14px 14px}.qa-body h2{margin:.5rem 0;font-size:1.08rem;color:#152E7E}.qa-body p{margin:.35rem 0 .8rem;line-height:1.55}.qa-links{display:grid;gap:7px}.qa-links a{display:flex;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid #d5e3e8;border-radius:12px;color:#193E82;text-decoration:none;font-weight:800}.qa-links a:first-child{background:#152E7E;color:#fff;border-color:#152E7E}.qa-links a span{font-weight:500;opacity:.8}.qa-status{margin-top:10px;padding:9px;border-radius:10px;background:#f2f7f8;font-size:.88rem}.qa-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:1px solid #ffffff55;border-radius:50%;background:#ffffff18;color:#fff;font-size:18px;cursor:pointer}.qa-close::after{content:"";position:absolute;inset:-7px;border-radius:50%}@media(max-width:600px){.qa-assist{right:10px;bottom:calc(78px + env(safe-area-inset-bottom))}.qa-launch{min-height:48px;padding-inline:13px}.qa-launch span{display:inline}.qa-panel{bottom:58px;max-height:calc(100dvh - 170px)}}@media(prefers-reduced-motion:reduce){.qa-assist *{scroll-behavior:auto!important;transition:none!important}}
.qa-ai{margin-top:12px;border:1px solid #d5deec;border-radius:14px;background:#f8fbfc}.qa-ai summary{padding:11px 12px;font-weight:900;color:#152E7E;cursor:pointer}.qa-ai>p,.qa-ai>textarea,.qa-ai>button,.qa-ai>[data-ai-answer]{margin:0 11px 10px}.qa-ai textarea{display:block;width:calc(100% - 22px);padding:9px;border:1px solid #7486ad;border-radius:9px;resize:vertical;font:inherit}.qa-ai>button{padding:9px 12px;border:0;border-radius:9px;background:#193E82;color:#fff;font-weight:900;cursor:pointer}.qa-ai>button:disabled{opacity:.55}.qa-ai>[data-ai-answer]{padding:10px;border-radius:9px;background:#e9f5f6;line-height:1.55;white-space:pre-wrap}
.qa-panel,.qa-head,.qa-body,.qa-links,.qa-links a,.qa-status,.qa-ai{min-width:0}.qa-head strong,.qa-head small,.qa-body h2,.qa-body p,.qa-links a,.qa-status,.qa-ai summary,.qa-ai [data-ai-answer]{overflow-wrap:anywhere;word-break:normal}.qa-head-tools{flex-wrap:wrap}.qa-head-tools select{max-width:100%}.qa-links a{align-items:flex-start}.qa-ai textarea{max-width:100%}.qa-ai button{max-width:100%;white-space:normal}@media(max-width:600px){.qa-launch{max-width:calc(100vw - 20px)}.qa-launch span{overflow-wrap:anywhere}.qa-panel{width:min(390px,calc(100vw - 20px))}}

/* Keep the diagnosis control clear of the installed-app navigation dock. */
@media(max-width:760px){
 html[data-qingqi-app="true"] .qa-assist{bottom:calc(188px + env(safe-area-inset-bottom))}
 html[data-qingqi-app-bar-collapsed="true"] .qa-assist{bottom:calc(72px + env(safe-area-inset-bottom))}
 html[data-qingqi-app="true"] .qa-assist.is-open{bottom:calc(196px + env(safe-area-inset-bottom))}
html[data-qingqi-app-bar-collapsed="true"] .qa-assist.is-open{bottom:calc(78px + env(safe-area-inset-bottom))}
.qa-assist,.qa-launch,.qa-launch span{transition:transform .22s ease,opacity .22s ease,width .22s ease,padding .22s ease}
@media(max-width:600px){.qa-assist.is-auto-collapsed:not(.is-open){right:3px}.qa-assist.is-auto-collapsed:not(.is-open) .qa-launch{position:relative;width:34px;min-height:36px;height:36px;padding:4px;gap:0;box-shadow:0 5px 16px #152E7E40}.qa-assist.is-auto-collapsed:not(.is-open) .qa-launch::after{content:"";position:absolute;top:-4px;bottom:-4px;left:-10px;right:0}.qa-assist.is-auto-collapsed:not(.is-open) .qa-launch span{width:0;max-width:0;overflow:hidden;opacity:0;white-space:nowrap}.qa-assist.is-auto-collapsed:not(.is-open) .qa-launch i{width:26px;height:26px;flex:0 0 26px;font-size:12px}}
}


.qa-photo{display:flex;align-items:center;justify-content:center;margin:0 11px 8px;padding:10px;border:1px dashed #193E82;border-radius:9px;color:#193E82;font-weight:800;cursor:pointer}.qa-photo input{position:absolute;width:1px;height:1px;opacity:0}.qa-ai>[data-ai-photo-status]{display:block;margin:0 11px 8px;color:#1F2937}.qa-quote-link{display:block;margin:0 11px 10px;padding:10px 12px;border-radius:9px;background:#ffffff;color:#B45309;font-weight:900;text-decoration:none}

/* r63b：快速判斷（舊稱「展開」浮動鈕）全站一致處理。
   新版瀏覽器手機寬度由 mobile-ui-q215r2 以 (width < 768px) 改為頁內區塊；舊版 iOS／內嵌 WebView 不認得該寫法，
   這裡用 max-width 補同一組規則，避免浮動鈕收在右緣蓋住內容。 */
.qa-quote-link{box-shadow:inset 0 0 0 1.5px #D97827}
/* 焦點框：淺底用寶藍（≥9:1）；藍色面板頭（#152E7E→#193E82 漸層）上的關閉鈕與語言選單用 #F0A35E（最差端 4.92:1） */
.qa-panel button:focus-visible,.qa-panel a:focus-visible,.qa-panel select:focus-visible,.qa-panel textarea:focus-visible,.qa-panel summary:focus-visible{outline:3px solid #193E82;outline-offset:2px}
.qa-panel .qa-close:focus-visible,.qa-head select:focus-visible,.qa-head button:focus-visible{outline-color:#F0A35E}
/* 白底一般文字用 #193E82 */
.qa-body h2,.qa-ai summary{color:#193E82}
@media(max-width:767.98px){
 .qa-assist.qa-assist{position:static;width:auto;max-width:740px;margin:20px auto 0;padding:0 16px calc(100px + env(safe-area-inset-bottom))}
 .qa-assist.qa-assist .qa-launch,.qa-assist.qa-assist.is-auto-collapsed:not(.is-open) .qa-launch{position:relative;width:100%;height:auto;min-height:48px;max-width:100%;padding:10px 16px;gap:9px;justify-content:center;border-radius:12px;box-shadow:none}
 .qa-assist.qa-assist .qa-launch::after,.qa-assist.qa-assist.is-auto-collapsed:not(.is-open) .qa-launch::after{display:none}
 .qa-assist.qa-assist .qa-launch span,.qa-assist.qa-assist.is-auto-collapsed:not(.is-open) .qa-launch span{width:auto;max-width:none;opacity:1;white-space:normal}
 .qa-assist.qa-assist .qa-panel{position:relative;inset:auto;top:auto;right:auto;bottom:auto;left:auto;width:100%;max-height:none;margin-top:12px}
 /* 頁內區塊不需要「避讓浮動」隱藏 */
 .qa-assist.qa-assist[data-qq-yield="true"]:not(.is-open){opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}
/* 浮動鈕在寶藍頁尾上方時仍可辨識：加白色外框 */
.qa-launch{box-shadow:0 0 0 2px #fff,0 12px 34px rgba(21,46,126,.35)}

/* 浮動快速判斷鈕：雙色焦點（W3C C40 作法）。內圈白 4px（對深藍頁尾 12.18:1，比常態 2px 白框多 2px）、外圈寶藍 3px（對淺底 ≥9:1），兩圈彼此 10.2:1 */
.qa-launch:focus-visible{outline:3px solid #193E82;outline-offset:4px;box-shadow:0 0 0 4px #fff}
@media(max-width:767.98px){.qa-assist.qa-assist .qa-launch:focus-visible{box-shadow:0 0 0 4px #fff}}
/* 照片上傳 input 為隱藏代理，鍵盤聚焦時在可見的標籤上顯示焦點 */
.qa-photo:focus-within{outline:3px solid #193E82;outline-offset:2px}
/* 快速判斷面板關閉鈕：點擊區由 32px 放大到 44px（位置往外移 6px，視覺中心不變） */
.qa-close{width:44px;height:44px;top:6px;right:6px}
/* 第 3 輪：購物車頁的版型規則（.qq-cart-customer-first details>summary）權重較高，提高快速判斷標題與 summary 的選擇器權重 */
.qa-assist .qa-body h2,.qa-assist .qa-ai summary,.qa-assist .qa-ai>summary{color:#193E82}
/* 手機收合狀態也保留焦點白圈（收合常態規則權重較高） */
@media(max-width:767.98px){.qa-assist.qa-assist.is-auto-collapsed:not(.is-open) .qa-launch:focus-visible{box-shadow:0 0 0 4px #fff}}
/* 面板語言選單點擊區達 44px */
.qa-head-tools select{min-height:44px}
/* 關閉鈕貼近面板圓角邊緣：焦點框畫在按鈕內側，確保整圈都落在藍色面板頭上 */
.qa-panel .qa-close:focus-visible{outline-offset:-3px}