.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:max(var(--q842-min-font-size, 0px), .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:max(var(--q842-min-font-size, 0px), 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}

.qq-language-switcher{position:fixed!important;top:12px!important;right:14px!important;z-index:2147483003!important;display:flex!important;align-items:center;gap:6px;padding:6px;background:#fff;border:1px solid #cfd9ea;border-radius:12px;box-shadow:0 8px 28px rgba(8,38,83,.2);font:600 13px/1.2 system-ui,-apple-system,"Noto Sans TC","Noto Sans JP",sans-serif}.qq-language-switcher label{color:#193E82}.qq-language-switcher select{min-height:38px;padding:6px 30px 6px 10px;border:1px solid #7486ad;border-radius:8px;background:#fff;color:#193E82;font:inherit}.qq-language-switcher select:focus-visible{outline:3px solid #193E82;outline-offset:2px}@media(max-width:720px){html,body{max-width:100%;overflow-x:hidden}.qq-language-switcher{top:8px!important;right:8px!important;padding:4px}.qq-language-switcher label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}header nav,.main-nav,.nav-links{flex-wrap:wrap!important;overflow:visible!important}header nav a,.main-nav a,.nav-links a{white-space:normal!important}}
.nav-cta .btn{min-width:max-content!important;white-space:nowrap!important;writing-mode:horizontal-tb!important}.nav-cta{flex:0 0 auto!important}@media(max-width:1400px){.nav-cta .btn{padding-inline:12px!important}.desktop-nav .nav-link{padding-inline:9px!important;font-size:.88rem!important}}

/* R58 mobile header containment for long localized brand names on all landing templates. */
@media(max-width:430px){
  .nav-wrap{gap:10px}
  .brand{flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 54px)!important}
  .brand-copy{min-width:0!important;max-width:100%!important}
  .brand-copy b{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.05!important}
  html[lang="en"] .brand-copy b{font-size:max(var(--q842-min-font-size, 0px), .82rem)!important;letter-spacing:0!important}
  .menu-toggle{margin-left:auto!important;flex:0 0 44px}
}

/* R59 shared mobile resilience: keep media, grids and long localized content inside the viewport. */
@media(max-width:720px){
  body,main,header,footer,nav,section,article,aside,figure,form,fieldset,div{min-width:0}
  img,video,canvas{max-width:100%;height:auto}
  svg{max-width:100%}
  h1,h2,h3,h4,p,li,dt,dd,a,button,label,legend,figcaption{overflow-wrap:anywhere}
  pre{max-width:100%;overflow:auto;white-space:pre-wrap}
  code{overflow-wrap:anywhere}
  input,select,textarea,button{max-width:100%}
  .qq-language-switcher{max-width:calc(100vw - 16px)}
  .mobile-sticky,.qq-app-bar{max-width:100vw}
  [class*="grid"]>*{min-width:0}
  [class*="table-wrap"],[class*="table-scroll"]{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
}

/* R100: mobile language control and content cards remain readable and clear of fixed actions. */
@media(max-width:720px){
  .qq-language-switcher{top:calc(env(safe-area-inset-top) + 2px)!important;right:8px!important;height:30px!important;padding:2px!important;font-size:max(var(--q842-min-font-size, 0px), 12px)!important}
  .qq-language-switcher select{min-height:26px!important;height:26px!important;padding:2px 26px 2px 8px!important}
  .qa-assist{right:10px!important;bottom:calc(104px + env(safe-area-inset-bottom))!important}
  .mobile-sticky a{min-width:0!important;white-space:normal!important;line-height:1.15!important;text-align:center!important;overflow-wrap:anywhere!important}
  body:has(.mobile-sticky) .qq-app-bar{bottom:calc(96px + env(safe-area-inset-bottom))!important}
}
@media(max-width:600px){
  .knowledge-hub .knowledge-compact{flex-direction:column!important}
  .knowledge-hub .knowledge-compact .knowledge-card-figure{width:100%!important;min-width:0!important;border-right:0!important;border-bottom:1px solid #dfe7ee!important}
  .knowledge-hub .knowledge-compact .knowledge-card-image{width:100%!important;height:clamp(150px,46vw,210px)!important;object-fit:contain!important}
  .knowledge-hub .knowledge-card .article-body{width:100%!important;padding:18px!important}
}
@media(max-width:430px){
  .brand-copy b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:max(var(--q842-min-font-size, 0px), .82rem)!important}
  html[lang="ja"] .brand-copy b{font-size:.9rem!important}
  body:not(:has(.menu-toggle)){padding-top:38px!important}
  .filter-row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding-bottom:8px!important}
  .filter-row>*{flex:0 0 auto!important;scroll-snap-align:start}
}

/* Q842：手機字級下限；桌面保留原值。 */
@media screen and (max-width: 767px) { :root { --q842-min-font-size: max(14px, .875rem); } }