/* ============================================
   E 奶油晴空 配色層 (theme-e.css)
   排版與內容不動，只換顏色；載入順序在內嵌 <style> 之後
   ============================================ */
: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;
}
body{background:var(--cream);}
::-webkit-scrollbar-thumb{background:var(--line-2);}
#about,#service,#afterservice,#cases{background:var(--cream);}

/* 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);}

/* HERO：照片從奶油底淡出 */
#hero{background:var(--cream);}
.hero-fade{background:linear-gradient(to right,var(--cream) 18%,rgba(251,249,239,.8) 42%,rgba(251,249,239,.18) 68%,transparent 100%);}
.hero-tagline{color:var(--sky);}
.hero-tagline::before{background:var(--sky);}
.hero-h1{color:var(--ink);}
.hero-h1 br+*,.hero-h1{text-shadow:none;}
.hero-sub{color:#45525E;}
.hero-divider{background:var(--line-2);}
.btn-hero-ghost{background:#fff;color:var(--ink);border-color:var(--line-2);}
.btn-hero-ghost:hover{background:#fff;border-color:var(--sky);color:var(--sky);}
.hero-dot{background:rgba(29,42,54,.18);}
.hero-dot.active{background:var(--sky);}
@media(max-width:768px){
  .hero-fade{background:linear-gradient(to bottom,transparent 0%,transparent 62%,rgba(251,249,239,.55) 86%,var(--cream) 100%);}
  .hero-dot{background:rgba(255,255,255,.6);}
  .hero-dot.active{background:#fff;}
}

/* TRUST STRIP */
.trust-strip{background:var(--sky-band);border-bottom-color:#D2DFEC;}
.trust-chip{border-color:#D2DFEC;}
.trust-chip:hover{box-shadow:0 4px 12px rgba(44,106,168,.12);}

/* 主按鈕陰影改藍 */
.svc-btn-primary{box-shadow:0 6px 16px rgba(44,106,168,.24);}
.svc-btn-primary:hover{box-shadow:0 10px 22px rgba(44,106,168,.3);}
.svc-btn-ghost{background:#fff;}
.all-btn{background:var(--ink);}
.rt-sc .rt-dot{box-shadow:0 0 0 3px rgba(44,106,168,.14);}
.rt-rb:hover{box-shadow:0 10px 26px rgba(44,106,168,.12);border-left-color:var(--sky);}
.rt-fimg::after{background:var(--hi);color:var(--on-hi);}

/* 設計師入口：深藍條改晴空藍 */
.rt-dd{background:linear-gradient(105deg,#235A92 0%,#2C6AA8 55%,#3A7BBB 100%);}
@keyframes r_ddglow{0%,100%{box-shadow:0 12px 40px rgba(44,106,168,.28),0 0 0 rgba(244,240,184,0);}50%{box-shadow:0 12px 40px rgba(44,106,168,.28),0 0 28px rgba(244,240,184,.55);}}
.rt-ribbon{background:var(--hi);color:var(--on-hi);}
.rt-ribbon .rt-rpulse{background:var(--on-hi);}
.rt-ddicon svg{stroke:var(--hi);}
.rt-ddtag{color:var(--hi);}
.rt-ddsub{color:rgba(255,255,255,.8);}
.rt-ddbtn{background:#fff;color:var(--sky);}
.rt-dd:hover .rt-ddbtn{background:var(--hi);color:var(--on-hi);}

/* 售後卡 */
.as-card{background:#fff;border-color:var(--line);}
.as-card:hover{box-shadow:0 8px 28px rgba(44,106,168,.12);}
.as-icon{background:var(--sky-band);}
.as-icon svg{stroke:var(--sky);}

/* WHY US：深色段改晴空帶 */
#why-us{background:var(--sky-band);color:var(--ink);}
#why-us .sec-en{color:var(--ink)!important;}
#why-us .sec-cn{color:var(--sky)!important;}
.why-card{background:#fff;border-color:#D2DFEC;}
.why-icon svg{stroke:var(--sky);}
.why-num{color:var(--sky);}
.why-title{color:var(--ink);}
.why-desc{color:var(--muted);}

/* 其他卡片 hover 陰影 */
.bni-card:hover,.member-card:hover{box-shadow:0 8px 28px rgba(44,106,168,.12);}
.news-card-tag{background:var(--hi);color:var(--on-hi);}
.cursor-ring{border-color:rgba(44,106,168,.5);}

/* 動畫與 CTA 用到的銅色光暈 */
.btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;}
.cta-section{background:var(--sky);}
.cta-section .btn-main{background:#fff;color:var(--sky);}
.cta-section .btn-main:hover{background:var(--hi);color:var(--on-hi);}

/* 浮動按鈕 */
.float-btn.phone{background:var(--sky);}

/* 補：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,.notice-float-header{background:linear-gradient(135deg,#23578C,#2C6AA8);}
.notice-float-body strong{color:#23578C;background:linear-gradient(transparent 58%,var(--hi) 58%);}

/* 中段 CTA 與頁尾 CTA：深藍灰改晴空藍 */
#cta-banner{background:var(--cream);}
.cta-card-bg,.footer-cta-card{background:linear-gradient(105deg,#235A92 0%,#2C6AA8 55%,#3A7BBB 100%);}
.cta-card-overlay{background:transparent;}
.footer-cta-overlay{background:transparent;}
.btn-cta-white:hover,.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;}