/* ============================================================================
   足迹页 /trip —— 独立站 trip.xhja.cn 的嵌入式外壳（2026-09-29 新增）
   ----------------------------------------------------------------------------
   主题头部是 position:fixed（--header-height = 64px，只占 64px，不占文档流），
   且全局 *,*::before,*::after{box-sizing:border-box}。据此：

     1) .trip-embed 高度 = 一屏（dvh 优先，回落 vh），padding-top 让出头部，
        于是 iframe 正好铺满「头部以下」的整块，不留缝也不被裁。
     2) 本页隐藏页脚：手机在 iframe 里拖拽会喂给地图（地图吃掉 touch），
        外页根本划不动 ⇒ 页脚永远够不着，留着只会撑出一个多余的滚动条。
     3) body 的 min-height 由 100vh 改成 100dvh：手机上 vh 按「地址栏收起」算，
        比 dvh 大一截，不改的话会多出几十像素的空白滚动。

   改这里之前先看 templates/trip.html 顶部的注释（回退办法写在里面）。
   ========================================================================== */

.trip-embed {
  height: 100vh;            /* 老浏览器回落 */
  height: 100dvh;
  padding-top: var(--header-height);
  overflow: hidden;
  background: #dbe4ea;      /* 与 trip 的地图容器同色，加载期间不闪白 */
}

.trip-embed-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

body:has(.trip-embed) {
  min-height: 100dvh;
}

body:has(.trip-embed) .footer {
  display: none;
}