/* hk3 的增量样式：修 hk2 里"弹层内滑图会带动外层滚动"的问题，并加顺路加站卡片 */

/* 1) 轮播只吃横向手势，不把纵向滚动传给页面 */
.carousel-track{
  touch-action: pan-x;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: none;
}

/* 2) 弹层自己滚，不外溢到 body */
.sheet-panel{
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.sheet .carousel-track{
  touch-action: pan-x;
  overscroll-behavior-x: contain;
}
/* 3) 弹层打开时锁住 body 滚动（JS 会给 body 加 fixed），再加一道保险 */
body[style*="position: fixed"]{overflow:hidden;touch-action:none}

/* 4) 顺路加站 */
.extras{display:flex;flex-direction:column;gap:12px}
.extra{
  display:flex;gap:12px;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  background:#fbf8f1;
}
.extra img{width:112px;height:112px;object-fit:cover;flex:0 0 112px;background:#e8e2d4}
.extra-body{padding:10px 12px 10px 0;flex:1;min-width:0}
.extra h3{margin:0 0 4px;font-size:15px;line-height:1.35;font-family:"Songti SC","Noto Serif SC",Georgia,serif}
.extra .extra-meta{margin:0 0 4px;font-size:11.5px;color:var(--clay)}
.extra p{margin:0 0 6px;font-size:12.5px;color:var(--ink-2);line-height:1.55}
.extra-link{font-size:12px;color:var(--green-2);font-weight:600;text-decoration:none}

@media (max-width:360px){
  .extra img{width:92px;height:104px;flex-basis:92px}
}