/* ═══════════════════════════════════════════════════════════════════
   次级按钮：对比度修复 + 主次分开（2026-08-27）
   ───────────────────────────────────────────────────────────────────
   Lighthouse 无障碍从 100 掉到 97 时抓出来的，查完发现**不是这轮引入的，
   是一直就有**：全站 `.btn.ghost` 渲染成金底 #C49749 + 近白字 #EDEDF2，
   对比度只有 2.28（WCAG AA 要 4.5）。这些是「看完整的十项核对清单」
   「看 15 类参考方案目录」「看六阶各留下什么交付物」这几个按钮 ——
   客户真会去点的那几个，白字压在金底上本来就糊。

   顺带修掉一个更值钱的问题：ghost 本该是次要按钮，可它现在和主 CTA
   一样是金底实心，一屏里两个同样重的金块，主次整个没了。
   这一版让它回到「幽灵」该有的样子：透明底 + 金框 + 金字，
   悬停时才填一层很淡的金。

   对比度实测：#E2C079 压在 #0E0D0B 上 ≈ 9.5:1，远过 AA；
   悬停态 #F0DFB4 压在 rgba(196,151,73,.12) 混出来的底上仍 > 7:1。
   ═══════════════════════════════════════════════════════════════════ */

html body .btn.ghost,
html body a.btn.ghost,
html body .hero-actions .btn.ghost{
  background:transparent!important;
  background-image:none!important;
  color:var(--xh-gold-hi,#E2C079)!important;
  border:1px solid rgba(196,151,73,.42)!important;
  border-radius:2px!important;
  box-shadow:none!important;
  transition:background-color .34s cubic-bezier(.16,1,.3,1),
             border-color .34s cubic-bezier(.16,1,.3,1),
             color .34s}

html body .btn.ghost:hover,
html body a.btn.ghost:hover{
  background:rgba(196,151,73,.12)!important;
  border-color:var(--xh-gold,#C49749)!important;
  color:#F0DFB4!important}

html body .btn.ghost:focus-visible,
html body a.btn.ghost:focus-visible{
  outline:2px solid var(--xh-gold,#C49749)!important;
  outline-offset:3px}