/* ============================================================
   LBT 黄金质感主题（金属光泽 · 经典金色渐变配方）
   关键：多段渐变 + 正中一条接近白的高光带，模拟光打在金子上的反光。
   用法：index.html 里 style.css 之后加：
     <link rel="stylesheet" href="assets/css/theme-gold.css">
   ============================================================ */

:root {
  /* 单色场景用的暖金（按钮底色、边框、图标等） */
  --gold: #e6b422;
  --gold-deep: #a9781a;
  --gold-soft: rgba(230, 180, 34, .16);
  --gold-hi: #ffe9a8;
  --gold-mid: #f3c54e;
}

/* —— 金属光泽渐变（核心）——
   暗金 → 亮金 → 中间高光带(接近白) → 亮金 → 暗金
   这条带高光的渐变是“金属感”的灵魂，纯色做不出来 */
.eyebrow,
.big-pct,
.tier-price,
.fire-title .live,
.price-hero .price,
.drawer-logo .name,
.text-gold {
  background-image: linear-gradient(
    to bottom,
    #b8860b 0%,
    #ffd76a 18%,
    #fff3c0 42%,
    #fffbe6 50%,   /* ← 正中高光带，接近白的浅金 */
    #ffe48a 58%,
    #f0b829 78%,
    #9a6713 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #f3c54e;                 /* 不支持 clip 的回退色 */
  /* 底部一道极淡暗影，给字“厚度”，但不压暗正面 */
  filter: drop-shadow(0 1px 0 rgba(90, 60, 0, .35));
}

/* 金色按钮：实心金属渐变（带高光带）+ 立体描边 */
.btn-gold, .btn-wallet {
  background-image: linear-gradient(
    to bottom,
    #fff3c0 0%,
    #ffd76a 30%,
    #f0b829 55%,
    #c8901a 100%
  ) !important;
  border: 1px solid #a9781a !important;
  color: #4a3100 !important;       /* 深棕字，像金底刻字 */
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    inset 0 -2px 4px rgba(120,80,0,.3),
    0 6px 16px rgba(169,120,26,.4) !important;
}
.btn-gold:hover, .btn-wallet:hover { filter: brightness(1.04); }

/* 进度条：金属光泽横向渐变 */
.progress-thin .bar {
  background-image: linear-gradient(90deg, #c8901a, #ffd76a 50%, #fff3c0 60%, #ffd76a 70%, #c8901a) !important;
}

/* 汉堡条：金属渐变 */
.burger span {
  background-image: linear-gradient(90deg, #c8901a, #ffd76a 60%, #fff3c0) !important;
}

/* 金色边框：用暖金 */
.card-outline-fire, .wing-card:hover, .btn-ghost-gold,
.lang-btn:hover, .roadmap-dot {
  border-color: var(--gold) !important;
}