/* ============================================
   全站共用層 (theme-site.css) — E 奶油晴空
   用途：把首頁 E 配色的「全站共通部分」（色票、選單、抽屜、公告、浮動鈕、
         子頁頁首 .page-header、行動呼籲區 .cta-section、表單 .slf、頁尾 CTA 卡、頁尾小字、logo 圖）
         集中在這一支；首頁專屬的 hero／trust／why-us… 留在 theme-e.css（需搭配本檔，先載本檔）。
   載入位置：每頁最後一個 <style> 之後、<body 之前。
   原則：只換顏色，不動排版與內容。
   ============================================ */
:root{
  --cream:#FBF9EF;--cream-2:#F4F0E1;--ink:#1D2A36;--line:#ECE7D2;--line-2:#DCD5BA;
  --sky:#2C6AA8;--sky-hover:#23578C;--sky-band:#E6EFF8;--hi:#F4F0B8;--on-hi:#4A4510;
  /* 沿用原變數名，整站跟著換 */
  --dark:#1D2A36;
  --blue:#2C6AA8;--blue-light:#E3DCC4;--blue-pale:#F4F0E1;--blue-mid:#D7E3F0;
  --copper:#2C6AA8;--copper-btn:#2C6AA8;--copper-btn-hover:#23578C;--copper-ink:#2C6AA8;--copper-light:#2C6AA8;
  --text:#1D2A36;--muted:#5F676C;
  /* 全站補充：次要內文、深底上的強調色 */
  --ink-2:#45525E;--accent-on-dark:#F4F0B8;
}
body{background:var(--cream);}
::-webkit-scrollbar-thumb{background:var(--line-2);}

/* NAV：奶油底、深字 */
#nav{background:var(--cream);box-shadow:0 1px 0 var(--line-2);}
#nav.scrolled{box-shadow:0 1px 0 var(--line-2),0 6px 20px rgba(29,42,54,.08);}
.nav-logo-cn{color:var(--ink);}
.nav-logo-en{color:var(--muted);}
.nav-links a{color:#45525E;}
.nav-links a:hover{background:rgba(44,106,168,.08);}
.nav-flip-en{color:var(--sky);}
.nav-lang{color:#45525E!important;border-color:var(--line-2);}
.nav-lang:hover{color:var(--sky)!important;border-color:var(--sky);background:rgba(44,106,168,.08);}
.nav-burger span{background:var(--ink);}
.nav-drawer-inner{background:var(--cream);}
.nav-drawer-inner a{color:var(--ink);border-bottom-color:var(--line);}
.nav-drawer-inner a:hover{color:var(--sky);}
.nav-drawer-close{color:var(--muted);}
.nav-drawer-cta{color:#fff!important;}
.load-curtain{background:var(--cream);}
.scroll-progress-fill{background:var(--sky);}

.cursor-ring{border-color:rgba(44,106,168,.5);}

/* 浮動按鈕：電話維持深色（polish.css，與 LINE 綠、地圖紅三顆區分）；
   捲到深色頁尾時深色鈕會融進底色，全部加白色細框＋較深的陰影，任何背景都看得清楚（批 5） */
.float-btn.phone{background:var(--sky);}
.float-btns .float-btn{box-shadow:0 0 0 2px #fff,0 4px 16px rgba(0,0,0,.28);}
.float-btns .float-btn:hover{box-shadow:0 0 0 2px #fff,0 6px 20px rgba(0,0,0,.34);}

/* 補：logo 字 hover 漸層、漢堡鈕底色 */
@media (hover:hover){
  .nav-logo-cn{background:linear-gradient(120deg,var(--ink) 0%,var(--ink) 50%,var(--sky) 50%,var(--sky) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;}
}
.nav-burger{background:none;border:0;}

/* 公告：橘紅改晴空藍，重點字用黃底標記 */
.notice-bar{background:linear-gradient(135deg,#23578C,#2C6AA8);}

/* 頁尾 CTA 卡：深藍灰改晴空藍（與首頁 .cta-card-bg 同值） */
.footer-cta-card{background:linear-gradient(105deg,#235A92 0%,#2C6AA8 55%,#3270AE 100%);}
.footer-cta-overlay{background:transparent;}
.footer-cta-btn:hover{background:var(--hi);color:var(--on-hi);}

/* ===== nav.js 注入的下拉選單／抽屜：原為深底白字，奶油底要改深字（加 #nav/#drawer 提高權重蓋過 nav.js） ===== */
#nav .nav-links>a[aria-current]{background:rgba(44,106,168,.08);color:var(--sky);}
#nav .nav-group-btn{color:#45525E;}
#nav .nav-group:hover .nav-group-btn,#nav .nav-group.open .nav-group-btn,#nav .nav-group.has-active .nav-group-btn{background:rgba(44,106,168,.08);color:var(--sky);}
#nav .nav-dd{background:#fff;border-color:var(--line-2);box-shadow:0 16px 40px rgba(29,42,54,.14);}
#nav .nav-dd::before{background:#fff;border-left-color:var(--line-2);border-top-color:var(--line-2);}
#nav .nav-dd-a{color:var(--ink);}
#nav .nav-dd-a:hover{background:var(--sky-band);color:var(--sky);}
#nav .nav-dd-a.feat{color:var(--sky);font-weight:600;}
#nav .nav-dd-a.on{background:var(--sky-band);color:var(--sky);}
#drawer .dw-link,#drawer .dw-group-btn{color:var(--ink);border-bottom-color:var(--line);}
#drawer .dw-group{border-bottom-color:var(--line);}
#drawer .dw-link.on,#drawer .dw-group.open .dw-group-btn{color:var(--sky);}
#drawer .dw-sub a{color:#45525E;border-bottom:0;}
#drawer .dw-sub a:hover,#drawer .dw-sub a.on,#drawer .dw-sub a.feat{color:var(--sky);}
#drawer .nav-drawer-tel{color:var(--muted);}
#drawer .dw-group-btn{padding-left:0;padding-right:0;}

/* ===== 以下為全站新增（規格書 §2.3） ===== */

/* ---------- 子頁頂部橫幅（69 頁共用 class） ---------- */
.page-header{background:linear-gradient(180deg,var(--sky-band) 0%,var(--cream) 100%);}
.page-header::before{background:radial-gradient(circle,rgba(44,106,168,.10) 0%,transparent 65%);}
.page-header::after{background-image:linear-gradient(rgba(29,42,54,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(29,42,54,.03) 1px,transparent 1px);}
.ph-breadcrumb,.ph-breadcrumb a,.ph-breadcrumb-sep{color:var(--muted);}
.ph-breadcrumb a:hover{color:var(--sky);}
.ph-en{color:rgba(44,106,168,.08);}
.ph-title{color:var(--ink);}
.ph-title .ph-name{color:var(--sky);}
.ph-desc{color:var(--ink-2);}
.ph-meta{color:var(--muted);}
.ph-badge{background:#fff;border-color:var(--line-2);color:var(--sky);}
.ph-tag.maintenance{background:#2F7D52;}      /* 原 #3A8A5E 配白字只有 4.22，改後 5.03 */

/* ---------- 行動呼籲區 .cta-section（61 頁）：改淺底，表單跟著換淺色版 ---------- */
.cta-section{background:var(--sky-band);}
.cta-section .cta-en{color:rgba(44,106,168,.10);}
.cta-section .cta-title{color:var(--ink);}
.cta-section .cta-desc{color:var(--ink-2);}
.cta-section .btn-main{background:var(--sky);color:#fff;}
.cta-section .btn-main:hover{background:var(--sky-hover);color:#fff;}
.cta-section .btn-ghost{background:#fff;color:var(--ink);border-color:var(--line-2);}
.cta-section .btn-ghost:hover{background:#fff;border-color:var(--sky);color:var(--sky);}
.cta-section .cta-phone-line{color:var(--ink-2);}
.cta-section .cta-phone-line a{color:var(--sky);}
.cta-section .cta-phone-line a:hover{color:var(--sky-hover);}
.cta-section .cta-phone-line .tel-note{color:var(--muted);}
/* lead-form.js 注入的 .slf 變數在 head 最後；這裡用 0,2,0 權重蓋過，63 頁的 data-theme 都不用改 */
/* lead-form.js 淺色版預設 --slf-mut #5A7080 在 sky-band 上 4.45；注入的 style 在 head 最後，同權重會輸，所以加 body 前綴（批 5） */
body .slf.slf-light{--slf-mut:#5F676C;}
.cta-section .slf{--slf-fg:#1D2A36;--slf-bd:#DCD5BA;--slf-bg:#fff;--slf-ph:#6B7378;--slf-mut:#5F676C;--slf-line:#DCD5BA;--slf-warn:#A65E18;}

/* ---------- 頁尾（維持深色，只把不合格的小字調亮；.62 在墨藍上約 6.4） ---------- */
footer .f-links a,footer .f-ci-text,footer .f-ci-text a,.footer-copy{color:rgba(255,255,255,.62);}
footer .f-links a:hover,footer .f-ci-text a:hover{color:#fff;}
footer [style*="rgba(255,255,255,.35)"]{color:rgba(255,255,255,.62)!important;}   /* 頁尾統編 inline style，70 頁 */

/* ---------- 選單 logo 圖（從 fx.css 搬來，改掛在 nav.js 加的 class 上） ---------- */
.nav-logo--img{flex-direction:row!important;align-items:center;gap:10px!important;}
.nav-logo-img{width:34px;height:34px;border-radius:9px;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.06);transition:width .3s,height .3s;}
.nav-logo-txt{display:flex;flex-direction:column;gap:1px;}
#nav.shrink .nav-logo-img{width:30px;height:30px;}

/* 公告浮卡／公告條的「看如何諮詢」按鈕：原為橘紅（舊公告色），改晴空藍與新色票一致 */