/* r63b 全站外框名片色（頁首、頂部資訊列、頁尾、手機底部聯絡列）
   名片色：寶藍 #193E82／#18367C／#152E7E、橘 #D97827；藍底文字 #FFFFFF／#E6ECF5；白底文字 #193E82／#1F2937；
   白字按鈕底 #A9561A；LINE 綠為 LINE 官方識別色，保留不動（不覆寫 --green 與 LINE 按鈕）。
   只在外框容器內改寫 --navy／--orange，內文區塊不受影響。 */
.topbar,.site-header,.site-footer,.mobile-sticky,.qq-std-head{--navy:#193E82;--navy-2:#18367C;--orange:#D97827}
/* 頂部資訊列 */
.topbar{background:#193E82;color:#E6ECF5}
.topbar a,body .qq-std-head .topbar a{color:#E6ECF5}
.topbar a:hover,body .qq-std-head .topbar a:hover{color:#fff}
/* 頁首 */
.site-header .brand-copy b,.qq-std-head .brand-copy b{color:#193E82}
.site-header .brand-copy small,body .qq-std-head .brand-copy small{color:#1F2937}
.site-header .nav-link,body .qq-std-head .nav-link{color:#1F2937}
.site-header .nav-link:hover,.site-header .nav-link.active,body .qq-std-head .nav-link:hover,body .qq-std-head .nav-link.active{color:#193E82;background:#eef2f9}
.site-header .nav-link.active,body .qq-std-head .nav-link.active{box-shadow:inset 0 -2px #B45309}
.site-header .menu-toggle,body .qq-std-head .menu-toggle{background:#eef2f9}
.site-header .menu-toggle span,body .qq-std-head .menu-toggle span{background:#193E82}
.site-header .btn-primary,.qq-std-head .btn-primary{background:#A9561A;color:#fff;box-shadow:0 10px 24px rgba(169,86,26,.25)}
.site-header .btn-primary:hover,.qq-std-head .btn-primary:hover{box-shadow:0 14px 32px rgba(169,86,26,.32)}
.site-header .btn-secondary,.qq-std-head .btn-secondary{background:#193E82;color:#fff}
.site-header .btn-ghost,body .qq-std-head .btn-ghost{border-color:#cfd9ea;background:#fff;color:#193E82}
body .qq-std-head .btn-call-soft{border-color:#193E82;color:#193E82}
/* 焦點框：白底區（頁首、手機底部列）用寶藍；藍底區（頂部列、頁尾）用 #F0A35E */
.site-header a:focus-visible,.site-header button:focus-visible,.qq-std-head a:focus-visible,.qq-std-head button:focus-visible,.mobile-sticky a:focus-visible{outline:3px solid #193E82;outline-offset:2px}
.topbar a:focus-visible,.site-footer a:focus-visible,body .qq-std-head .topbar a:focus-visible{outline:3px solid #F0A35E;outline-offset:2px}
/* 頁尾 */
.site-footer{background:#152E7E;color:#E6ECF5}
.site-footer .footer-logo small,.site-footer .footer-brand p,.site-footer .contact-list small,.site-footer .footer-bottom,.site-footer .footer-links a,.site-footer .contact-list a{color:#E6ECF5}
.site-footer .footer-links a:hover,.site-footer .contact-list a:hover,.site-footer .footer-bottom a:hover{color:#fff}
.site-footer .footer-icon{color:#F0A35E}
.site-footer .footer-bottom{border-top-color:rgba(230,236,245,.22)}
/* 手機底部聯絡列：撥打由容器內 --navy 改為寶藍（不另寫高權重選擇器，原 hover／active 規則照舊）；線上報修 #A9561A 見 inquiry-entry r63b 檔；LINE 綠保留 */
.mobile-sticky{box-shadow:0 -8px 25px rgba(25,62,130,.16)}
/* 頂部列分隔線（裝飾）與手機選單內 LINE 鈕文字：維持 LINE 綠，字改白色（4.99:1） */
.topbar .divider{opacity:1;color:rgba(230,236,245,.75)}
.mobile-panel .btn-line,.mobile-panel-actions .btn-line{color:#fff}
/* 頁尾標誌在寶藍底上不易辨識：加白色圓角底 */
.site-footer .footer-logo img{background:#fff;border-radius:12px;padding:4px;box-sizing:border-box}
/* 英文、日文首頁（簡易版型 header.nav＋footer）：頁首品牌名與頁尾文字改名片色 */
body>header.nav strong{color:#193E82}
body>header.nav~footer{color:#1F2937;border-top-color:#cfd9ea}
/* 手機寬度頁首為 sticky：鍵盤聚焦捲動時保留頁首高度，避免焦點元素停在頁首後面（桌面已有 r58 的 scroll-margin-top:110px） */
@media(max-width:720px){html{scroll-padding-top:96px}}