/* ════════════════════════════════════════════════════════════════
   大象民宿 · 详情页共享组件库
   横滚画廊 + 横滚画廊响应式
   适用于多个 routes/ 下的详情页
   ════════════════════════════════════════════════════════════════ */

/* —— 横滚画廊（dianchi-greendao / cuihukafei 共用） —— */
.article .bridge-gallery{display:flex;overflow-x:auto;gap:0;scrollbar-width:none;cursor:none;-webkit-overflow-scrolling:touch;margin:0 -22px 0}
.article .bridge-gallery::-webkit-scrollbar{display:none}
.article .bridge-gallery figure{flex:0 0 auto;margin:0;display:flex;flex-direction:column;padding-right:4px}
.article .bridge-gallery figure:last-child{padding-right:22px}
.article .bridge-gallery img{height:62vh;width:auto;max-width:none;display:block;object-fit:cover;border-radius:0}
.article .bridge-gallery figcaption{font-family:var(--mono);font-size:11px;color:var(--muted);padding:11px 16px 0 0;letter-spacing:.04em;max-width:360px}
.article .bridge-gallery figcaption b{color:var(--ink);font-weight:700}

@media(max-width:768px){
  .article .bridge-gallery{cursor:auto;margin:0 -14px 0}
  .article .bridge-gallery img{height:45vh}
  .article .bridge-gallery figcaption{font-size:10px;padding:8px 12px 0 0;max-width:280px}
}

/* ── 横滚画廊 · 滚动提示 / 细线进度 / 循环（2026-08-09） ── */
.bridge-gallery-wrap{position:relative;margin:0 0 52px}
.bridge-gallery-stage{position:relative}

/* 细线进度条 */
.bridge-gallery-progress{position:relative;height:3px;margin:14px 14px 0;background:rgba(31,31,31,.10);border-radius:2px;overflow:hidden}
.bridge-gallery-progress-bar{position:absolute;left:0;top:0;height:100%;width:0;background:var(--ink,#1f1f1f);border-radius:2px;transition:width .12s linear}
.bridge-gallery-wrap.no-scroll .bridge-gallery-progress{display:none}

@media(max-width:768px){
  .bridge-gallery-wrap{margin:0 0 36px}
  .bridge-gallery-progress{margin:10px 14px 0}
}