/* ============================================================
   DUMUSHUI — 均衡質感層（2026-07-06 定案，全站預設生效）
   基底＝A 紙面編輯骨架；找回 B 的 CIS 60·30·10 色彩比例；
   玻璃只用在 C 的關鍵時刻（支柱卡、CTA 底板）。
   必須在 site.css 與頁內 <style> 之後載入。
   ============================================================ */

/* 紙面 = CIS Cloud Dancer */
body.vogue, body.home-vogue { --paper: var(--cloud); }

/* ---------- 四大支柱：明水鴨場（60%）＋ 玻璃卡 ---------- */
body.vogue .pillars, body.home-vogue .pillars {
  background: linear-gradient(180deg,
    rgba(177, 204, 197, 0) 0%,
    rgba(177, 204, 197, 0.34) 38%,
    rgba(177, 204, 197, 0.10) 100%);
}
body.vogue .pillars__grid, body.home-vogue .pillars__grid {
  background: transparent;
  gap: var(--grid-gutter);
}
body.vogue .pillars__cell, body.home-vogue .pillars__cell {
  background: rgba(241, 240, 236, 0.58);
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 20px;
  box-shadow: var(--shadow-card);
}

/* ---------- 核心三色 hero 洗色：全站唯一一組參數 ----------
   明水鴨 60 · 珍珠黃 30 · 建築藍 10，全部 ≤ 30% 透明度，只做方向感。
   套用：about / services / qa / booking 的 .svc-hero、8 個服務子頁的 .svc-flow-wrap。
   中段 section 一律純紙面；CTA 為明水鴨漸層。本檔為色彩與玻璃的唯一定義層。 */
body.vogue:not(.svc-editorial) .svc-hero,
body.vogue .about-hero-wrap,
body.vogue.svc-editorial .svc-flow-wrap {
  background:
    radial-gradient(ellipse 85% 58% at 48% 8%, rgba(177,204,197,0.30) 0%, transparent 65%),
    radial-gradient(ellipse 42% 52% at 97% 46%, rgba(241,227,188,0.22) 0%, transparent 55%),
    radial-gradient(ellipse 48% 54% at 5% 90%, rgba(113,149,166,0.14) 0%, transparent 58%),
    var(--cloud);
}
body.vogue .about-hero-wrap > .svc-hero,
body.vogue .about-hero-wrap > .about-brandmark { background: transparent; }

/* ---------- 建築藍點綴（10%）：章節編號 ---------- */
body.vogue .eyebrow[data-no]::before,
body.vogue .eyebrow[data-no]::after,
body.home-vogue .eyebrow[data-no]::before,
body.home-vogue .eyebrow[data-no]::after { color: var(--arch-blue); }

/* ---------- CTA：玻璃底板回歸，鋪明水鴨單色透明度漸變 ---------- */
body.vogue .cta-panel,
body.home-vogue .cta-panel,
body.vogue.svc-editorial .cta-panel#contact {
  background: linear-gradient(180deg,
    rgba(177, 204, 197, 0) 0%,
    rgba(177, 204, 197, 0.30) 48%,
    rgba(177, 204, 197, 0.30) 100%);
}
body.vogue .cta-panel__card,
body.home-vogue .cta-panel__card,
body.vogue.svc-editorial .cta-panel__card {
  background: var(--glass-bg-cloud);
  backdrop-filter: blur(28px) saturate(140%);
  -webkit-backdrop-filter: blur(28px) saturate(140%);
  border: 1px solid var(--border-glass);
  border-radius: 28px;
  box-shadow: var(--shadow-glass);
  padding: clamp(40px, 4.5vw, 64px) clamp(24px, 4vw, 48px);
}
/* CTA 卡收斂：6 欄寬、置中；section 上下留白同步縮 */
body.vogue .cta-panel__card,
body.home-vogue .cta-panel__card { grid-column: 4 / span 6; }
body.vogue .cta-panel,
body.home-vogue .cta-panel,
body.vogue.svc-editorial .cta-panel#contact { padding: clamp(80px, 9vw, 144px) 0; }
@media (max-width: 1024px) { body.vogue .cta-panel__card, body.home-vogue .cta-panel__card { grid-column: 3 / span 8; } }
@media (max-width: 768px)  { body.vogue .cta-panel__card, body.home-vogue .cta-panel__card { grid-column: 1 / -1; } }

/* ============================================================
   服務頁 — 玻璃 meta 標籤
   ============================================================ */
/* hero meta（90 MIN / 1-ON-1）→ 玻璃標籤 */
body.vogue.svc-editorial .svc-hero__meta {
  justify-self: end;
  padding: var(--sp-3) var(--sp-4);
  background: rgba(241,240,236,0.62);
  backdrop-filter: blur(24px) saturate(160%);
  -webkit-backdrop-filter: blur(24px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.55);
  border-top: 2px solid var(--svc, var(--border-glass));
  border-radius: var(--radius-md, 12px);
  box-shadow: var(--shadow-glass);
  text-align: left;
  white-space: nowrap;
}
@media (max-width: 768px) { body.vogue.svc-editorial .svc-hero__meta { justify-self: start; } }
/* 服務頁：保留識別色頂線作為玻璃卡上緣 accent */
body.vogue.svc-editorial .cta-panel__card {
  border-top: 2px solid var(--svc, var(--border-glass));
}