/* ═══════════════════════════════════════════════════════════════════
   加微信浮层：并入暖黑金箔（2026-08-27）
   ───────────────────────────────────────────────────────────────────
   这是整个网站转化路径的最后一步 —— 首页上七个「说说你卡在哪 / 加微信」
   点下去，弹的都是它。实测点得开、二维码在、三种场景的操作说明都在、
   还有「复制这句开场白」，做得很周到，**功能没问题**。

   问题在它现在是个半改造状态：面板原设计是浅色（background:#FFFDF8），
   后来底被改暗了，但按钮还留着原来的白底黑字，标题「加叶玉浩微信，
   直接聊项目」还断在「微 / 信」中间。一个弹在暖黑首页正中央的浮层，
   里面顶着一个纯白按钮，是整条转化路径上最扎眼的一处不统一。

   这一层只改这个浮层的皮，不动它任何一行逻辑、不动二维码、不动文案。
   ═══════════════════════════════════════════════════════════════════ */

html body .qd-contact-layer__backdrop{
  background:rgba(8,7,5,.82)!important;
  backdrop-filter:blur(4px) saturate(1.1)!important}

html body .qd-contact-layer__panel{
  background:linear-gradient(180deg,#1A160E 0%,#141109 62%,#100E0A 100%)!important;
  color:var(--xh-fg1,#CFC8BA)!important;
  border:1px solid rgba(196,151,73,.30)!important;
  border-radius:2px!important;
  box-shadow:0 40px 120px rgba(0,0,0,.62),
             0 0 0 1px rgba(0,0,0,.5),
             inset 0 1px 0 rgba(226,192,121,.08)!important}

/* 标题：衬线 + 不许断在词中间（原来断成「加叶玉浩微 / 信，直接聊项目」） */
html body .qd-contact-layer h2{
  font-family:var(--xh-serif,'Songti SC',serif)!important;
  font-weight:400!important;
  font-size:23px!important;line-height:1.4!important;
  color:var(--xh-fg0,#F4F0E8)!important;
  word-break:keep-all!important;
  text-wrap:balance;
  margin:0 0 20px!important}

html body .qd-contact-layer__qr{
  border:1px solid rgba(196,151,73,.26)!important;
  border-radius:2px!important;
  background:#fff!important;
  padding:8px!important;
  box-sizing:border-box}

html body .qd-contact-layer__x{
  color:var(--xh-fg2,#9A9384)!important}
html body .qd-contact-layer__x:hover{
  background:rgba(196,151,73,.12)!important;
  color:var(--xh-gold-hi,#E2C079)!important}

/* 三段操作说明：左边那道线换金箔，标题暖白、正文暖灰 */
html body .qd-contact-layer__how > div{
  border-left:2px solid var(--xh-gold-lo,#8B6428)!important}
html body .qd-contact-layer__how b{
  color:var(--xh-fg0,#F4F0E8)!important;font-weight:500!important}
html body .qd-contact-layer__how span{
  color:var(--xh-fg2,#9A9384)!important}

/* 主按钮：白底黑字 → 金箔，和首页主 CTA 同一个语言 */
html body .qd-contact-layer__go .btn,
html body .qd-contact-layer__go a.btn,
html body .qd-contact-layer__go button{
  background:linear-gradient(140deg,#E2C079 0%,#C49749 58%,#A87F35 100%)!important;
  color:#17120A!important;
  border:0!important;border-radius:2px!important;
  font-weight:600!important;letter-spacing:.02em;
  padding:14px 22px!important;
  box-shadow:0 2px 4px rgba(0,0,0,.3),0 14px 34px rgba(140,102,40,.22)!important;
  transition:transform .34s cubic-bezier(.16,1,.3,1),filter .34s}
html body .qd-contact-layer__go .btn:hover{
  transform:translateY(-2px);filter:brightness(1.06)}

html body .qd-contact-layer__tip{
  color:var(--xh-fg2,#9A9384)!important;
  border-top:1px solid rgba(196,151,73,.16)!important}
html body .qd-contact-layer__tip b{
  color:var(--xh-fg0,#F4F0E8)!important}

html body .qd-contact-layer__copy{
  border:1px solid rgba(196,151,73,.34)!important;
  color:var(--xh-gold-hi,#E2C079)!important;
  border-radius:2px!important}
html body .qd-contact-layer__copy:hover{
  background:rgba(196,151,73,.12)!important;
  border-color:var(--xh-gold,#C49749)!important}
html body .qd-contact-layer__toast{
  color:var(--xh-gold-hi,#E2C079)!important}