.kmfb-root { border:1px solid #e6e6e6; border-radius:14px; overflow:hidden; background:#fff; }
.kmfb-top { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 12px; border-bottom:1px solid #eee; }
.kmfb-title { font-weight:600; }
.kmfb-controls { display:flex; align-items:center; gap:8px; }
.kmfb-btn { border:1px solid #ddd; background:#fff; padding:6px 10px; border-radius:10px; cursor:pointer; }
.kmfb-btn:hover { background:#f7f7f7; }
.kmfb-counter { font-size:13px; color:#555; padding-left:6px; }

.kmfb-body { padding: 10px; }
.kmfb-stage { position:relative; }

.kmfb-page .kmfb-page-wrap { position:relative; display:flex; justify-content:center; }
.kmfb-img { max-width:100%; height:auto; display:block; border-radius:10px; }
.kmfb-overlay { position:absolute; left:0; top:0; right:0; bottom:0; }

.kmfb-hotspot {
  position:absolute;
  display:block;
  background: rgba(240, 76, 65, 0.10);
  border: 1px solid rgba(240, 76, 65, 0.35);
  border-radius: 8px;
}
.kmfb-hotspot:hover { background: rgba(240, 76, 65, 0.18); }

.kmfb-scroll { height: 70vh; overflow:auto; padding-right:6px; }
.kmfb-scroll-list { display:flex; flex-direction:column; gap:14px; }
.kmfb-scroll-page { position:relative; display:flex; justify-content:center; }
.kmfb-scroll-page .kmfb-overlay { position:absolute; left:0; top:0; right:0; bottom:0; }