/* 支付弹层 / 订单恢复 / AI 树洞 的补充样式
 * 单独成文件，避免动到已有的 tarot.css 规则。
 */

/* ---- 支付弹层 ---- */
.pay-qr{
  display:grid;place-items:center;
  min-height:200px;margin-top:16px;border-radius:12px;
  background:rgba(255,255,255,.06);border:1px solid var(--line);
}
.pay-qr img{display:block;border-radius:8px}

/* 弹层里的输入框：深色主题下必须给深色底，否则浅字压白底看不见 */
.modal input[type="text"],
.modal input:not([type]),
.modal input[inputmode="numeric"],
.rows input,
#payPhone{
  background:rgba(255,255,255,.05);
  border:1px solid var(--line);
  border-radius:9px;
  color:var(--ink,#fbf5e6);
  padding:9px 11px;
  font-size:13px;
  font-family:inherit;
}
.modal input::placeholder,
.rows input::placeholder{color:var(--ink-4,#8a7f6b)}
.modal input:focus,
.rows input:focus{outline:none;border-color:var(--gold,#d4af37)}

/* 支付方式选择按钮：左标题右副标 */
.btn.block[data-ch]{display:flex;align-items:center}

/* ---- AI 树洞 ---- */
.th-fab{ -webkit-tap-highlight-color:transparent }
.th-fab:active{transform:scale(.95)}
.th-list::-webkit-scrollbar{width:6px}
.th-list::-webkit-scrollbar-thumb{background:rgba(212,175,55,.3);border-radius:99px}
.th-foot textarea{font-family:inherit}

/* 锚点滚动平滑（JS 里用无参 scrollTo 触发，浏览器端手势内也能生效） */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

/* 首页树洞入口：hero 下方的次级文字入口 */
.th-line{
  display:inline-block;margin-top:16px;font-size:13.5px;
  color:var(--gold,#d4af37);text-decoration:none;
  border-bottom:1px solid rgba(212,175,55,.35);padding-bottom:2px;
}
.th-line:hover{border-bottom-color:var(--gold,#d4af37)}

/* 首页树洞说明卡：金边 + 内层暗底，跟其它 section 的卡片拉开一点层次 */
.th-cta{
  background:
    linear-gradient(135deg,rgba(212,175,55,.10),rgba(212,175,55,.02)),
    var(--panel,#141327);
  border:1px solid rgba(212,175,55,.3);
  box-shadow:0 14px 40px rgba(0,0,0,.35);
}
.th-cta .btn-row{flex-wrap:wrap}

/* 树洞消息里的危机提示要更醒目 */
.th-msg.ai.crisis{
  background:rgba(226,104,95,.12);
  border-color:rgba(226,104,95,.4);
  color:#ffd9d4;
}

/* 移动端把悬浮球抬高一点，避开浏览器工具栏 */
@media (max-width:420px){
  .th-fab{right:12px;bottom:14px;width:50px;height:50px}
  .th-panel{bottom:72px;max-height:70vh}
}

/* 打印时不显示悬浮入口 */
@media print{
  .th-fab,.th-panel{display:none !important}
}