/* ============================================================
   preview-light · 白亮版覆蓋層（預覽專用，未上線）
   ------------------------------------------------------------
   只改顏色 / 底色 / 相片明度 / 邊框 / 陰影 / 影片濾鏡。
   完全不改：字號、字距、行高、間距、尺寸、定位、DOM、互動邏輯。
   載入順序：styles.css → pages.css → brand-v2.css → 本檔（最後 = 最高優先）

   配色取自 logo：深紅 #8E2F26 ＋ 金 #B8892B，底為暖白 #FAF7F1
   ============================================================ */

/* ---------- 1. 色票 ---------- */
:root{
  /* 底色：暖白（不是純白，留 35mm 的暖） */
  --base:      #FAF7F1;
  --base-2:    #F3EDE2;
  --base-3:    #EDE5D6;

  /* 文字：深咖啡黑
     兩個次階的不透明度調高過原本的 .74/.54 —— 亮底上 74% 黑只有 3.3:1，
     小字會「發灰」。實測 .82/.68 才穩過 WCAG AA 4.5:1 */
  --ink:       #2B2318;
  --ink-dim:   rgba(43,35,24,.82);
  --ink-mute:  rgba(43,35,24,.68);

  /* logo 深紅 + 金（裝飾用：邊框、細線） */
  --accent:    #8E2F26;
  --accent-2:  #A8463A;
  --gold:      #B8892B;
  --gold-2:    #D2A94F;

  /* 金色「文字」專用：原 rgb(255 191 0) 在白底上只有 2.9:1，必須壓深
     gold-1 = 16px 以上用（4.9:1）  gold-2 = 13px 以下小字用（5.9:1）
     gold-3/4/5 = 細線與邊框，原本的淡金在白底上幾乎看不見，一併壓深 */
  --gold-1:    rgb(138 101 23 / 1);
  --gold-2:    rgb(122 90 22 / 1);
  --gold-3:    rgb(138 101 23 / .34);
  --gold-4:    rgb(138 101 23 / .22);
  --gold-5:    rgb(138 101 23 / .10);

  --glass:      rgba(255,255,255,.66);
  --glass-line: rgba(184,137,43,.30);

  /* 邊框 / 分隔線 */
  --hair:      rgba(43,35,24,.13);
  --hair-2:    rgba(43,35,24,.08);

  /* 陰影（亮底下用柔和的暖影，不用黑） */
  --sh-1: 0 1px 2px rgba(62,46,32,.05), 0 6px 18px -8px rgba(62,46,32,.14);
  --sh-2: 0 2px 6px rgba(62,46,32,.06), 0 18px 40px -18px rgba(62,46,32,.22);
}

/* ---------- 2. 全站底色 ---------- */
body{
  background:
    radial-gradient(88% 52% at 78% 4%,  rgba(210,169,79,.16), transparent 62%),
    radial-gradient(72% 48% at 4% 96%,  rgba(142,47,38,.06),  transparent 64%),
    var(--base);
  color:var(--ink);
}

/* ---------- 3. 相片：素材已換白亮版，這裡只補一點明度 ---------- */
.hero__bg{ filter:saturate(.96) brightness(1.04) contrast(.98); }
.sect__bg{ filter:saturate(.97) brightness(1.04); }

/* 首屏遮罩：黑 → 白。壓低濃度，照片要看得到，不能被白紗洗掉 */
.hero__scrim{
  background:
    linear-gradient(to bottom, rgba(255,255,255,.44) 0%, rgba(255,255,255,0) 34%),
    linear-gradient(to top,    rgba(255,255,255,.74) 0%, rgba(255,255,255,0) 54%),
    radial-gradient(120% 90% at 50% 45%, rgba(255,255,255,0) 44%, rgba(255,255,255,.22) 100%);
}
/* 章節遮罩：黑 → 白，同樣留 4–5 成照片 */
.sect__scrim{
  background:
    linear-gradient(to bottom, rgba(255,255,255,.50) 0%, rgba(255,255,255,.30) 34%),
    linear-gradient(to top,    rgba(255,255,255,.58) 0%, rgba(255,255,255,.34) 46%),
    radial-gradient(120% 90% at 50% 42%, rgba(255,255,255,.20) 36%, rgba(255,255,255,.42) 100%);
}

/* ---------- 4. 影片：播放時也提亮，避免暗片在白底上跳出來 ---------- */
.film__video,
.vfilm__v,
video{
  background:var(--base-2);
  filter:brightness(1.34) contrast(.95) saturate(.92);
}

/* ---------- 5. 導航 pill：黑玻璃 → 白玻璃 ---------- */
.pill{
  background:rgba(255,255,255,.74);
  border-color:var(--hair);
  color:var(--ink);
  box-shadow:var(--sh-1);
}
.pill:hover{
  background:#fff;
  border-color:var(--gold);
  color:var(--accent);
}
.pill--phone{
  background:rgb(230 0 18 / 1);
  border-color:var(--gold-2);
  color:#fff;
}
.pill--phone:hover{
  background:rgb(230 0 18 / .88);
  border-color:var(--gold-2);
  color:#fff;
}

/* 導航連結容器 / 手機選單：原本是深色面板 */
.nav__links{ background:rgba(255,255,255,.80); }
body.menu-open .burger{ background:rgba(250,247,241,.55); }

/* ---------- 5a. 子頁頁首（.phead 是另一套 class，跟首頁 .hero 不同） ---------- */
.phead{ border-bottom:1px solid var(--hair); }
.phead__bg{ filter:saturate(.97) brightness(1.04); }
.phead__scrim{
  background:
    linear-gradient(to bottom, rgba(255,255,255,.52) 0%, rgba(255,255,255,.30) 32%),
    linear-gradient(to top,    rgba(255,255,255,.60) 0%, rgba(255,255,255,.34) 44%),
    radial-gradient(120% 90% at 50% 42%, rgba(255,255,255,.20) 38%, rgba(255,255,255,.42) 100%);
}
/* 地圖外框原本 #141110 全黑，白底上是一塊黑洞 */
.map-embed{ background:var(--base-2); border-color:var(--hair); }
/* 快速導覽的金色序號：原 rgba(232,201,135,.72) 在白底上太淡 */
.tnav__a i{ color:var(--gold-2); }

/* ---------- 5b. 子頁 sticky 導航列（原本 rgba(22,18,13,.74) 深罩） ---------- */
.pnav{
  background:rgba(250,247,241,.88);
  border-bottom:1px solid var(--hair);
  box-shadow:var(--sh-1);
}
/* 影片外框：原本 #000，會在白底上留一塊黑洞 */
.vfilm{ background:var(--base-2); }
/* 燈箱：原本 rgba(8,9,10,.95) 黑罩 */
.lbx{ background:rgba(250,247,241,.97); }
.lbx__close{
  background:rgba(255,255,255,.92);
  border:1px solid var(--hair);
  color:var(--ink);
  box-shadow:var(--sh-1);
}
.lbx__close:hover{ background:#fff; }
/* 表單輸入框（子頁 lead 表單） */
.lead__input{ background:rgba(255,255,255,.92); }
.lead__input:focus{ background:#fff; }

/* ---------- 6. 首屏 3D 卡片：暗玻璃 → 亮玻璃 ---------- */
.hcard{
  border:1px solid var(--hair);
  background:linear-gradient(165deg, rgba(255,255,255,.95), rgba(246,241,232,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), var(--sh-2);
}
.hcard::after{ background:rgba(250,247,241,.55); }
.hcard.is-active{ box-shadow:inset 0 1px 0 rgba(255,255,255,.9), var(--sh-2); }
.hcard__no{ color:var(--gold-2); }
.hcard__en{ color:var(--ink-mute); }
.hcard__zh{ color:var(--ink); }
.hcard__d{ color:var(--ink-dim); }
.hcard__more{ color:var(--accent); }

/* 首屏標題：白字 → 深色字，金暈保留 */
.hero__title{ color:var(--ink); text-shadow:0 0 calc(40 * var(--u)) rgba(210,169,79,.20); }
.brandline{ color:var(--ink); }
.brandnote{ color:var(--ink-mute); }
.intro__k{ color:var(--accent); }

/* ---------- 7. 章節文字 ---------- */
.sect__title{ color:var(--ink); }
.sect__note{ color:var(--ink-dim); }
.sect__lead{ color:var(--ink-dim); }
.sect__no{ color:var(--gold-1); }

/* ---------- 8. 分隔線 / 表格線 ---------- */
.c-line,
.m-row,
.m-row:last-child{ border-color:var(--hair); }
.globe__line{ border-top:1px solid var(--hair); }
.globe__line:last-child{ border-bottom:1px solid var(--hair); }

/* ---------- 9. 影片播放元件 ---------- */
.film__play-disc,
.vfilm__disc{
  border:1px solid var(--gold-2);
  background:rgba(255,255,255,.72);
  box-shadow:var(--sh-1);
}
.film__play-txt,
.vfilm__txt{ color:var(--ink-dim); }
.vfilm__play,
.film__play{ background:rgba(250,247,241,.46); color:var(--ink); }
.film__cap{ color:var(--ink-dim); }
.film__no{ color:var(--gold-1); }

/* 滾動提示：白圈 + 深箭頭，本來就是亮底友善，只補陰影 */
.scroll__disc{ box-shadow:var(--sh-1); }
.scroll__label{ color:var(--ink-dim); }

/* ---------- 10. 跑馬燈：邊緣黑漸層 → 白漸層 ---------- */
.mara--edge::before{ background:linear-gradient(to right, var(--base), rgba(250,247,241,0)); }
.mara--edge::after { background:linear-gradient(to left,  var(--base), rgba(250,247,241,0)); }

/* ---------- 11. 評價氣泡 ---------- */
.rvw__bub{
  background:rgba(255,255,255,.86);
  border:1px solid var(--hair);
  box-shadow:var(--sh-1);
}

/* ---------- 12. 表單 ---------- */
.f__label{ color:var(--ink-mute); }
.f input,
.f textarea,
.f select{
  background:rgba(255,255,255,.92);
  border:1px solid var(--hair);
  color:var(--ink);
}
.f input:focus,
.f textarea:focus,
.f select:focus{
  border-color:var(--gold);
  background:#fff;
}
.f input::placeholder,
.f textarea::placeholder{ color:var(--ink-mute); }
.f__submit{
  background:rgb(230 0 18 / 1);
  color:#fff;
  box-shadow:0 0 0 1px var(--gold-2), 0 calc(10 * var(--u)) calc(30 * var(--u)) rgba(142,47,38,.22);
}
.f__submit:hover{
  background:rgb(230 0 18 / .88);
  color:#fff;
}
select.lead__input option{ background:#fff; color:var(--ink); }

/* ---------- 13. 頁尾 ---------- */
.foot--site{ border-top:1px solid var(--hair); }
.foot__brand{ color:var(--ink); }
.foot__meta,
.foot__legal{ color:var(--ink-mute); }
.foot__nav a{ color:var(--ink-dim); }
.foot__nav a:hover{ color:var(--accent); }

/* ---------- 14. 字級按鈕 ---------- */
.sl-fsz{
  border:1px solid var(--gold-2) !important;
  color:var(--gold) !important;
  background:rgba(255,255,255,.8) !important;
}
.sl-fsz:hover{ background:#fff !important; }

/* ---------- 15. 社群入口（聯絡頁） ---------- */
a.social__row:hover{ background:rgba(210,169,79,.10); }
a.social__row:hover .social__name,
a.social__row:hover .dir__no{ color:var(--accent); }
.social__desc a{ color:var(--accent); border-bottom:1px solid rgba(184,137,43,.45); }
.social__desc a:hover{ color:var(--accent-2); border-color:var(--gold); }

/* ---------- 16. 語言切換 ---------- */
.pill--lang{
  color:var(--gold-2);
  border-color:var(--gold-2);
  background:rgba(255,255,255,.85);
}
.pill--lang:hover{ background:#fff; border-color:var(--gold); }

/* ---------- 17. 選取 / 其他 ---------- */
::selection{ background:rgba(142,47,38,.22); color:var(--ink); }

/* ---------- 18. 兜底：任何「白色半透明」文字在亮底上都會看不見，
      統一改寫成深色。只命中明確列白的選擇器，不碰版面。 ---------- */
.m-no{ color:var(--gold-2); }
.hcard__no{ color:var(--gold-2); }

/* 亮底下不必要的黑色投影 */
.foot--site,
.section{ text-shadow:none; }

/* AUTO-START · 由 tools/gen-light-overrides.py 產生，勿手改 */
/* 掃描全站 CSS，把白／極淺前景轉成亮底可讀的深色階 */
.chip { color:var(--ink-dim); }
.m-no { color:var(--ink-dim); }
.more { color:var(--ink-dim); }
.c-head { color:var(--ink-dim); }
.foot i { color:var(--ink-mute); }
.foot p { color:var(--ink-dim); }
.pg__no { color:var(--ink-dim); }
.pr__no { color:var(--ink-mute); }
.art__go { color:var(--ink-dim); }
.dir__no { color:var(--ink-dim); }
.f__hint { color:var(--ink-mute); }
.ing__hl { color:var(--gold-2); }
.ing__vs { color:var(--ink-mute); }
.pr__tag { color:var(--ink-dim); }
.tnav__a { color:var(--ink-dim); }
.cert__no { color:var(--ink-dim); }
.f__label { color:var(--ink-dim); }
.film__no { color:var(--ink-dim); }
.ing__tag { color:var(--ink-dim); }
.map__sub { color:var(--ink-dim); }
.pr__attr { color:var(--ink-dim); }
.rvw__src { color:var(--ink-mute); }
.rvw__sub { color:var(--ink-dim); }
.rvw__txt { color:var(--ink); }
.art__meta { color:var(--ink-dim); }
.c-val--ph { color:var(--ink-mute); }
.cert__sub { color:var(--ink-dim); }
.cta__hint { color:var(--ink-mute); }
.dev__tags { color:var(--ink-dim); }
.dir__meta { color:var(--ink-dim); }
.film__cap { color:var(--ink-dim); }
.hcard__en { color:var(--ink-dim); }
.hcard__no { color:var(--ink-dim); }
.hcard__zh { color:var(--ink); }
.map__more { color:var(--ink-dim); }
.map__name { color:var(--ink); }
.map__open { color:var(--gold-2); }
.pg__count { color:var(--ink-mute); }
.rvw__more { color:var(--ink); }
.tnav__a i { color:var(--gold-2); }
.travel__d { color:var(--ink-dim); }
.travel__t { color:var(--ink); }
.care__foot { color:var(--ink-dim); }
.cert__name { color:var(--ink); }
.cta__micro { color:var(--ink-dim); }
.f__label i { color:var(--ink-mute); }
.film__play { color:var(--ink); }
.hcar__hint { color:var(--ink-mute); }
.lead__note { color:var(--ink-dim); }
.legal__upd { color:var(--ink-mute); }
.pr__legend { color:var(--ink-dim); }
.pr__name i { color:var(--ink-dim); }
.price__val { color:var(--ink-dim); }
.prod__line { color:var(--ink); }
.vfilm__cap { color:var(--ink-dim); }
.vfilm__txt { color:var(--ink); }
.chip--count { color:var(--ink-mute); }
.dev__desc b { color:var(--ink); }
.foot__nav a { color:var(--ink-dim); }
.globe__line { color:var(--ink-dim); }
.hcard__more { color:var(--ink); }
.lead__label { color:var(--ink-dim); }
.price__note { color:var(--ink-dim); }
.skin3d__cap { color:var(--ink-dim); }
.vfilm__play { color:var(--ink); }
.foot--site p { color:var(--ink-dim); }
.ing__name-en { color:var(--ink-dim); }
.ing__tag--hl { color:var(--gold-2); }
.pr__legend b { color:var(--ink-dim); }
.price__items { color:var(--ink-dim); }
.prod__line b { color:var(--ink-dim); }
.brandline sup { color:var(--ink-dim); }
.chip--count b { color:var(--ink); }
.dev__name sup { color:var(--ink-dim); }
.foot__links a { color:var(--ink-dim); }
.lead__tip--ok { color:var(--ink); }
.map-embed__fb { color:var(--ink-dim); }
.pnav__brand i { color:var(--ink-dim); }
.pr__attr--dim { color:var(--ink-mute); }
.film__play-txt { color:var(--ink); }
.lead__tip--err { color:var(--gold-2); }
.map-embed__pin { color:var(--gold-2); }
.care__head span { color:var(--ink-dim); }
.house-band__cap { color:var(--ink-dim); }
.map-embed__addr { color:var(--ink-dim); }
.map-embed__hint { color:var(--ink-mute); }
.foot__links span { color:var(--ink-mute); }
.prod__line--pending { color:var(--ink-dim); }
.ing__props li > span { color:var(--ink-dim); }
.care__list li::before { color:var(--ink-mute); }
.prod__line--pending b { color:var(--ink-dim); }
.foot--site .foot__copy { color:var(--ink-dim); }
.art__row--soon .art__go { color:var(--ink-mute); }
.c-line span:first-child { color:var(--ink-dim); }
.lead__input::placeholder { color:var(--ink-mute); }
.art__row--soon .art__title { color:var(--ink-dim); }
.f input:focus, .f textarea:focus { border-bottom-color:var(--hair); }
.f input::placeholder, .f textarea::placeholder { color:var(--ink-mute); }
.chip:hover { color:var(--ink); border-color:var(--hair); }
.more:hover { color:var(--ink); border-color:var(--hair); }
.pill:hover { border-color:var(--hair); }
.art__go:hover { color:var(--ink); }
.cta__wc:hover { border-color:var(--hair); }
.cert--img:hover { border-color:var(--hair); }
.map--link:hover { border-color:var(--hair); }
.map__open:hover { color:var(--ink); border-color:var(--hair); }
.rvw__more:hover { border-color:var(--hair); }
.cta__ghost:hover { border-color:var(--hair); }
.chip--count:hover { color:var(--ink-mute); }
.foot__nav a:hover { color:var(--ink); }
.scroll__btn:hover { border-color:var(--hair); }
.foot__links a:hover { color:var(--ink); border-bottom-color:var(--hair); }
.social__desc a:hover { color:var(--ink); }
.map--link:hover .map__more { border-color:var(--hair); }
.hcard.is-active:hover .hcard__more { color:var(--ink); border-color:var(--hair); }
.tnav__a:hover, .tnav__a:focus-visible { color:var(--ink); border-color:var(--hair); }
/* AUTO-END · 共 116 條 */