/* 引导气泡样式 */
.onb-hi{ position:relative; z-index:9998; border-radius:10px !important;
  box-shadow:0 0 0 3px rgba(212,168,0,.95), 0 0 0 9px rgba(212,168,0,.22) !important;
  animation:onbPulse 1.6s ease-in-out infinite; }
@keyframes onbPulse{
  0%,100%{ box-shadow:0 0 0 3px rgba(212,168,0,.95), 0 0 0 9px rgba(212,168,0,.22); }
  50%{ box-shadow:0 0 0 3px rgba(212,168,0,.6), 0 0 0 15px rgba(212,168,0,.10); }
}
.onb-box{ position:absolute; z-index:9999; max-width:310px; background:#1a2332; color:#fff;
  border-radius:12px; padding:14px 16px; box-shadow:0 12px 34px rgba(10,22,40,.32);
  font-family:-apple-system,'PingFang TC','Microsoft JhengHei',sans-serif; }
.onb-label{ font-weight:800; font-size:14px; margin-bottom:5px; color:#F0C64B; }
.onb-tip{ font-size:13px; line-height:1.65; color:#e6ebf2; margin-bottom:11px; }
.onb-act{ display:flex; gap:10px; align-items:center; }
.onb-next{ background:linear-gradient(135deg,#d4a800,#b89400); color:#fff; border:none; border-radius:8px;
  padding:7px 15px; font-weight:700; font-size:13px; cursor:pointer; }
.onb-next:hover{ filter:brightness(1.06); }
.onb-skip{ background:transparent; color:#9aa8b8; border:none; font-size:12px; cursor:pointer; }
.onb-box.bottom::before{ content:''; position:absolute; top:-7px; left:26px; border:7px solid transparent; border-bottom-color:#1a2332; border-top:none; }
.onb-box.top::before{ content:''; position:absolute; bottom:-7px; left:26px; border:7px solid transparent; border-top-color:#1a2332; border-bottom:none; }
@media (max-width:600px){ .onb-box{ max-width:80vw; } }