/* ===== 2026-10 視覺升級：典藏藏青 × 香檳金（對齊欣究好 logo 藏青色）=====
   疊在 style.css 之後，只覆寫色系與質感，不動版面結構。 */
:root {
  --navy-1: #0e1d3a;
  --navy-2: #1a2f5a;
  --navy-3: #2b4580;
  --gold-1: #a88340;
  --gold-2: #cfab62;
  --gold-3: #ecd8a6;
  --pink-1: #f1f4f9;
  --pink-2: #e3e9f3;
  --cream-1: #f9f7f2;
  --cream-2: #f1ece1;
  --ink-1: #14213d;
  --ink-2: #3c4860;
  --ink-3: #6a7387;
  --shadow-sm: 0 2px 10px rgba(14, 29, 58, 0.06);
  --shadow-md: 0 8px 28px rgba(14, 29, 58, 0.10);
  --shadow-lg: 0 16px 48px rgba(14, 29, 58, 0.16);
}

html, body { background: var(--cream-1); color: var(--ink-1); }

/* Hero：象牙白底＋藏青大標＋金色細線 */
.hero {
  background:
    radial-gradient(ellipse 80% 60% at 85% 0%, rgba(207, 171, 98, 0.18), transparent 70%),
    radial-gradient(ellipse 70% 50% at 0% 100%, rgba(43, 69, 128, 0.10), transparent 70%),
    linear-gradient(180deg, #fbfaf6 0%, #eef1f7 100%) !important;
}
.hero-eyebrow { color: var(--gold-1) !important; }
.hero-title { color: var(--navy-1) !important; }
.hero-title::after {
  content: ""; display: block; width: 56px; height: 3px; margin: 18px auto 0;
  background: linear-gradient(90deg, transparent, var(--gold-2), transparent);
}
.hero-sub { color: var(--ink-2) !important; }
.hero-badges li {
  background: #fff !important;
  border: 1px solid rgba(207, 171, 98, 0.35) !important;
  box-shadow: var(--shadow-sm) !important;
}
.hero-badges li strong { color: var(--navy-2) !important; }
.hero-foot { color: var(--ink-3) !important; }

/* 主按鈕：香檳金漸層＋藏青字，任何底色上都跳出來 */
.btn-primary, .sc-primary {
  background: linear-gradient(135deg, #e3c27e 0%, #c49a4e 55%, #a88340 100%) !important;
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(14, 29, 58, 0.25);
  box-shadow: 0 10px 26px rgba(168, 131, 64, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
.btn-primary:hover { box-shadow: 0 12px 32px rgba(168, 131, 64, 0.45) !important; }

/* 場次條：深藏青 */
.events-strip {
  background:
    radial-gradient(ellipse at 100% 0%, rgba(207, 171, 98, 0.16), transparent 55%),
    linear-gradient(160deg, var(--navy-1) 0%, var(--navy-2) 100%) !important;
  color: var(--gold-3) !important;
}
.es-single {
  background: linear-gradient(135deg, #f7efdc 0%, #ecd8a6 100%) !important;
  color: var(--navy-1) !important;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.es-single * { color: var(--navy-1); }
.es-single-perks strong { color: #9b2c2c !important; }

/* 倒數：藏青方塊、金色數字 */
.countdown { background: linear-gradient(180deg, #fff 0%, var(--pink-1) 100%) !important; border-color: rgba(14, 29, 58, 0.06) !important; }
.cd-box { background: linear-gradient(180deg, var(--navy-2) 0%, var(--navy-1) 100%) !important; color: var(--gold-3) !important; border: 1px solid rgba(207, 171, 98, 0.35); }
.cd-event { color: var(--ink-2) !important; }
.cd-spots { color: var(--gold-1) !important; }
.cd-deposit { color: var(--navy-2) !important; font-weight: 500; }

/* 區塊底色：象牙白／淡霧藍交替 */
.block-light { background: var(--cream-1) !important; }
.block-cream { background: linear-gradient(180deg, #fff 0%, var(--pink-1) 100%) !important; }
.block-title { color: var(--navy-1) !important; }
.block-sub { color: var(--ink-2) !important; }

/* 卡片：白底＋細金框 */
.system-card, .refund-card, .lead-form, .feature-card, .why-card, .pillar, .card {
  border: 1px solid rgba(207, 171, 98, 0.22) !important;
  box-shadow: var(--shadow-md) !important;
}
.system-card ul li { background: var(--pink-1) !important; color: var(--navy-1); }

/* 利潤共享：藏青底＋金字（重點區塊升級） */
.guarantee {
  background:
    radial-gradient(ellipse at 100% 0%, rgba(207, 171, 98, 0.22), transparent 60%),
    linear-gradient(150deg, var(--navy-2) 0%, var(--navy-1) 100%) !important;
  border: 1px solid rgba(207, 171, 98, 0.45) !important;
  color: #f4ecd8 !important;
  box-shadow: var(--shadow-lg);
}
.guarantee p { color: #f4ecd8 !important; }
.g-flag { background: linear-gradient(135deg, #e3c27e, #c49a4e) !important; color: var(--navy-1) !important; font-weight: 700; }

/* 表單 */
.nudge-bar { background: #fff7e6 !important; color: #8a5a12 !important; border-color: rgba(207, 171, 98, 0.45) !important; }
.form-recap { background: #fff !important; border-color: rgba(207, 171, 98, 0.3) !important; }
.city-pill span { border-color: rgba(43, 69, 128, 0.18) !important; background: #fbfaf6 !important; }
.city-pill input:checked + span {
  background: linear-gradient(135deg, var(--navy-2), var(--navy-1)) !important;
  color: var(--gold-3) !important;
  border-color: var(--navy-1) !important;
}
.lead-form input[type=text], .lead-form input[type=tel] { border-color: rgba(43, 69, 128, 0.18) !important; background: #fbfaf6 !important; }
.lead-form input:focus { outline: none; border-color: var(--gold-2) !important; box-shadow: 0 0 0 3px rgba(207, 171, 98, 0.2); }

/* 頁尾、底部浮動列 */
.site-foot { background: var(--navy-1) !important; }
.sticky-cta { border-top-color: rgba(207, 171, 98, 0.3) !important; box-shadow: 0 -4px 20px rgba(14, 29, 58, 0.10) !important; }

/* 場地資訊卡、Google 地圖鈕 */
.venue-card {
  background:
    radial-gradient(ellipse at 100% 0%, rgba(207, 171, 98, 0.2), transparent 55%),
    linear-gradient(150deg, var(--navy-2) 0%, var(--navy-1) 100%) !important;
  border: 1px solid rgba(207, 171, 98, 0.35);
}
.es-info-map, a[href*="google.com/maps"].btn-secondary {
  background: var(--navy-2) !important; color: #fff !important; box-shadow: none !important;
}