/* ---------- 手机端硬化 brand:mfix ---------- */
/* 1) 固定最小列宽 > 视口的卡片网格 → 单列（避免整页横向滚动） */
@media (max-width:760px){
  .spot-grid,.picks,.acts{grid-template-columns:1fr}
  .spot-grid{gap:26px}
  .picks{gap:22px}
  .acts{gap:22px}

  /* 2) 小节标题：长标题必须能折行，英文小标不再把整行顶出屏幕 */
  .bhead{flex-wrap:wrap;gap:8px 14px}
  .bhead h2{flex:1 1 100%;white-space:normal;overflow-wrap:anywhere}
  .bhead i{flex:1 1 30px;min-width:30px}
  .bhead em{white-space:normal;overflow-wrap:anywhere;letter-spacing:.18em;font-size:11px}

  /* 3) 表格：容器内横向滚动，不撑破页面 */
  .tblwrap,.tk-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

  /* 4) 长英文 / 连续字符兜底 */
  .spot .cbody p,.spot .meta,.picks .pf p,.picks .pb p{overflow-wrap:anywhere}
}

/* 5) 超窄屏（320–420px）：中等列宽的网格也收成单列，表格压缩内边距 */
@media (max-width:420px){
  .sgrid,.rulegrid,.vgrid,.gal-grid,.town-grid,.dish-grid,.people,.spec,.spots,.mgrid{
    grid-template-columns:1fr;
  }
  .tk-wrap table{font-size:12.5px}
  .tk-wrap th,.tk-wrap td{padding-left:6px;padding-right:6px}
}

/* 6) iOS 视口高度：优先 dvh，避免 100vh 在 Safari 下溢出 */
@supports (height:100dvh){
  @media (max-width:700px){
    .gs-panel{min-height:100dvh}
    .yw-card{max-height:calc(100dvh - 40px)}
  }
}