/* ═══════════════════════════════════════
   hl-bridge.css — 馥靈轉化橋接視覺
   不是廣告框。是結果頁的自然延伸。
   ═══════════════════════════════════════ */

.hl-bridge{
  margin:24px 0;padding:24px 22px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(92,58,99,.06),rgba(233,194,125,.04));
  border:1px solid rgba(233,194,125,.1);
  text-align:center;
  position:relative;overflow:hidden
}
.hl-bridge::before{
  content:'';position:absolute;top:-60px;left:50%;
  width:200px;height:200px;
  background:radial-gradient(circle,rgba(233,194,125,.04),transparent 70%);
  transform:translateX(-50%);pointer-events:none
}

.hl-bridge-light{padding:16px 18px}
.hl-bridge-deep{padding:28px 24px}

.hlb-eyebrow{
  font-size:.65rem;letter-spacing:3px;
  color:rgba(233,194,125,.35);margin-bottom:12px
}
.hlb-text{
  font-family:'LXGW WenKai TC','Noto Serif TC',serif;
  font-size:.88rem;color:rgba(249,240,229,.6);
  line-height:2;font-weight:300;
  max-width:500px;margin:0 auto 16px
}
.hlb-divider{
  width:40px;height:1px;margin:16px auto;
  background:linear-gradient(90deg,transparent,rgba(233,194,125,.2),transparent)
}
.hlb-cta-row{
  display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px 0
}
.hlb-btn{
  display:inline-block;padding:10px 24px;border-radius:999px;
  font-size:.82rem;text-decoration:none;transition:.3s;
  font-family:'Noto Sans TC',sans-serif;font-weight:400
}
.hlb-btn-main{
  background:linear-gradient(135deg,rgba(233,194,125,.12),rgba(233,194,125,.06));
  border:1px solid rgba(233,194,125,.25);color:rgba(233,194,125,.85)
}
.hlb-btn-main:hover{
  background:linear-gradient(135deg,rgba(233,194,125,.2),rgba(233,194,125,.1));
  transform:translateY(-1px)
}
.hlb-btn-sub{
  background:transparent;border:1px solid rgba(249,240,229,.1);
  color:rgba(249,240,229,.4)
}
.hlb-btn-sub:hover{border-color:rgba(249,240,229,.2);color:rgba(249,240,229,.6)}

.hlb-empower{
  font-family:'LXGW WenKai TC',serif;
  font-size:.75rem;color:rgba(249,240,229,.25);
  margin-top:16px;font-weight:300;font-style:italic
}

/* 輕觸模式 */
.hl-bridge-light .hlb-text{font-size:.82rem;margin-bottom:10px}
.hl-bridge-light .hlb-btn{padding:8px 20px;font-size:.78rem}

@media(max-width:600px){
  .hlb-cta-row{flex-direction:column;align-items:center}
  .hlb-btn{width:100%;max-width:280px;text-align:center}
}